.section-efficiency .efficiency-browsing {
	max-width:12em;
}

@media only screen and (max-width: 1068px) {
    .section-efficiency .efficiency-browsing {
		max-width:12.5em;
	}
}

/*live text alt images satrt*/
.section-live-text .tile-picture-wrapper {
     max-width:100%;
}

@media only screen and (min-width: 735px) {
    .section-live-text .tile-picture-wrapper {
        padding-right:0;
        margin-left: auto;
        margin-right: auto;
    }
    .section-security .section .tile-artcd-large{
        padding-top: 219px;
    }
}
.section-live-text .tile-picture-wrapper .tile-picture {
    display: block;
    width: 1394px;
    height: 602px;
    position: relative;
    left: 50%;
    margin-left: -697px;
}


@media only screen and (max-width: 1068px) {
    .section-live-text .tile-picture-wrapper .tile-picture {
        display:block;
        width: 974px;
        height: 436px;
        margin-left: -487px;
    }
}

@media only screen and (max-width: 734px) {
    .section-live-text .tile-picture-wrapper .tile-picture {
        display:block;
        width: 366px;
        height: 383px

    }
}

/*live text alt images end*/

/* 2022-10-25 tab groups */
@media only screen and (max-width: 734px){
	.section-tab-groups.theme-dark .tile-picture-wrapper {
		margin-top: 6px;
	}
}

/* 2022-11 */
/* ArtCD */
.section-increased-performance .tile-copy {
	max-width: 23em;
}
.section-efficiency .efficiency-metrics {
	margin-top: 4.14em;
}
@media only screen and (max-width: 1094px) {
	.section-increased-performance .tile-picture {
		margin: 77px auto 0;
	}
}
@media only screen and (max-width: 1068px) {
	.section-increased-performance .tile-picture {
		margin: 89px auto 0;
	}
}
@media only screen and (max-width: 993px) {
	.section-increased-performance .tile-picture {
		margin: 63px auto 0;
	}
}
@media only screen and (max-width: 812px) and (min-width: 735px) {
	.section-increased-performance .tile-picture {
		margin: 64px auto 0;
	}
	.section-efficiency .efficiency-metrics {
		margin-top: 3em;
	}
}
@media only screen and (min-width: 1068px) {
    .section-efficiency .efficiency-browsing{
    	margin-top: 2.8em;
    }
}
@media only screen and (max-width: 734px) {
	.section-efficiency .efficiency-metrics {
		margin: 2.5em auto 1.5em;
	}
}

.section-efficiency .efficiency-streaming{
    max-width: 13.0em;
}

@media only screen and (max-width: 734px) {
	.graph-gallery .item-container .gallery-item .bar-badge-wrapper .badge {
		margin: -1.25em 0 0 .35em;
	}
}




/*safari section*/
.main section.section-safari {
    padding-top:170px
}

@media only screen and (max-width: 1068px) {
    .main section.section-safari {
        padding-top:140px
    }
}

@media only screen and (max-width: 734px) {
    .main section.section-safari {
        padding-top:100px
    }
}

.main section.section-safari .headline {
    max-inline-size:10em
}

@media only screen and (max-width: 734px) {
    .main section.section-safari .headline {
        max-inline-size:7.3em
    }
}

.main section.section-safari .headline + table {
    -webkit-margin-before: 2.5rem;
    margin-block-start:2.5rem
}

.main section.section-safari table + .button {
    -webkit-margin-before: 3.125rem;
    margin-block-start:3.125rem
}

.main section.section-safari table {
    border-collapse: separate;
    inline-size: min(100%, 63rem);
    margin-inline: auto;
    color:#000
}

.main section.section-safari caption {
    block-size: 0;
    inline-size: -webkit-fit-content;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    max-inline-size: 66%;
    -webkit-margin-after: calc(28px - 1em - 3px);
    margin-block-end:calc(28px - 1em - 3px)
}

.main section.section-safari caption span {
    font-weight: 600;
    font-size: 28px;
    line-height:1
}

@media only screen and (max-width: 734px) {
    .main section.section-safari caption {
        block-size: unset;
        inline-size: unset;
        max-inline-size:unset
    }
}

.main section.section-safari :is(thead, tbody) :is(th, td):not(:first-child) {
    text-align:center
}

.main section.section-safari thead th {
    -webkit-padding-after: 1.375rem;
    padding-block-end: 1.375rem;
    line-height:1
}

@media only screen and (max-width: 734px) {
    .main section.section-safari thead th {
        -webkit-padding-after: .5rem;
        padding-block-end:.5rem
    }
}

.main section.section-safari thead th:not(:first-child) {
    padding-inline: 1.75rem;
    text-align:center
}

@media only screen and (max-width: 1068px) {
    .main section.section-safari thead th:not(:first-child) {
        padding-inline:.875rem
    }
}

.main section.section-safari thead th:not(:first-child) picture {
    display: block;
    -webkit-margin-after: 0.125rem;
    margin-block-end:0.125rem
}

.main section.section-safari tbody :is(th, td) {
    border-bottom: 1px solid #3e3e3e;
    padding-block:1.125rem
}

@media only screen and (max-width: 734px) {
    .main section.section-safari tbody :is(th, td) {
        padding-block:1.375rem
    }
}

.main section.section-safari tbody td {
    text-align:center
}

@media only screen and (max-width: 734px) {
    .main section.section-safari tbody th {
        font-size:14px
    }
}

.main section.section-safari tbody tr:first-of-type :is(th, td) {
    -webkit-padding-before: 0;
    padding-block-start:0
}

.main section.section-safari .button {
    font-size: 14px;
    color:#fff
}

.main section.section-safari .button:is(:active, :focus) {
    text-decoration:none
}

html.no-switch-to-safari .main section.section-safari .button {
    display:none
}

.main section.section-safari .icon {
    block-size: 1.5625rem;
    aspect-ratio: 1;
    vertical-align:middle
}

.main section.section-safari .icon.icon-checkmark-circle {
    color:#00d959
}

.main section.section-safari .icon.icon-xmark-circle {
    color:#ff3037
}

/*seitch-to-safari cta*/

.section-content .switch-to-chrome{
	display: none;
	margin-top: 45px;
}
.section-content  .switch-to-safari {
    display: none;
}

/* 非 Safari 浏览器中隐藏 .switch-to-safari 链接 */
html.no-switch-to-safari .switch-to-safari {
     display: inline-block; !important;
}

/* Safari 浏览器中隐藏 .switch-to-chrome 链接 */
html.no-switch-to-chrome .switch-to-chrome {
    display: inline-block; !important;
}

/* button */
.button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-style: solid;
    border-width: 1px;
    min-width: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 980px;
    background: #0071e3;
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px
}

.button:hover {
    text-decoration:none
}

.button:active {
    outline:none
}

.button:disabled, .button.disabled {
    cursor: default;
    pointer-events:none
}

.button:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(zh) {
    letter-spacing:0em
}

.button:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button:hover, .button:focus {
    background: #0077ED;
    color: #fff;
    border-color:transparent
}

.button:focus {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    outline: none
}

.button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    -webkit-box-shadow: none;
    box-shadow:none
}

.button:active {
    background: #006EDB;
    color: #fff;
    border-color:transparent
}

.button:disabled, .button.disabled {
    background: #0071e3;
    color: #fff;
    opacity:var(--sk-link-disabled-opacity)
}

.button-block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-radius: 8px;
    --sk-button-margin-horizontal: 9px;
    --sk-button-margin-vertical: 9px
}

.button-neutral {
    background: #1d1d1f;
    color: #fff;
    border-color:rgba(0, 0, 0, 0)
}

.button-neutral:hover, .button-neutral:focus {
    background: #272729;
    color: #fff;
    border-color:transparent
}

.button-neutral:focus {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    outline: none
}

.button-neutral:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button-neutral:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    -webkit-box-shadow: none;
    box-shadow:none
}

.button-neutral:active {
    background: #18181A;
    color: #fff;
    border-color:transparent
}

.button-neutral:disabled, .button-neutral.disabled {
    background: #1d1d1f;
    color: #fff;
    opacity:var(--sk-link-disabled-opacity)
}

.button-secondary {
    background: #757579;
    color: #fff;
    border-color:rgba(0, 0, 0, 0)
}

.button-secondary:hover, .button-secondary:focus {
    background: #79797D;
    color: #fff;
    border-color:transparent
}

.button-secondary:focus {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    outline: none
}

.button-secondary:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button-secondary:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    -webkit-box-shadow: none;
    box-shadow:none
}

.button-secondary:active {
    background: #747478;
    color: #fff;
    border-color:transparent
}

.button-secondary:disabled, .button-secondary.disabled {
    background: #757579;
    color: #fff;
    opacity:.56
}

.button-secondary-alpha {
    background: rgba(0, 0, 0, 0.08);
    color: #000;
    border-color:rgba(0, 0, 0, 0)
}

.button-secondary-alpha:hover, .button-secondary-alpha:focus {
    background: rgba(0, 0, 0, 0.07);
    color: #000;
    border-color:transparent
}

.button-secondary-alpha:focus {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    outline: none
}

.button-secondary-alpha:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button-secondary-alpha:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    -webkit-box-shadow: none;
    box-shadow:none
}

.button-secondary-alpha:active {
    background: rgba(0, 0, 0, 0.09);
    color: #000;
    border-color:transparent
}

.button-secondary-alpha:disabled, .button-secondary-alpha.disabled {
    background: rgba(0, 0, 0, 0.08);
    color: #000;
    opacity:.56
}

.button-tertiary {
    background: rgba(0, 0, 0, 0);
    color: #06c;
    border-color:#06c
}

.button-tertiary:hover, .button-tertiary:focus {
    background: #0077ED;
    color: #fff;
    border-color:transparent
}

.button-tertiary:focus {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    outline: none
}

.button-tertiary:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button-tertiary:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    -webkit-box-shadow: none;
    box-shadow:none
}

.button-tertiary:active {
    background: #006EDB;
    color: #fff;
    border-color:transparent
}

.button-tertiary:disabled, .button-tertiary.disabled {
    background: rgba(0, 0, 0, 0);
    color: #06c;
    opacity:var(--sk-link-disabled-opacity)
}

.button-tertiary-neutral {
    background: rgba(0, 0, 0, 0);
    color: #1d1d1f;
    border-color:#1d1d1f
}

.button-tertiary-neutral:hover, .button-tertiary-neutral:focus {
    background: #272729;
    color: #fff;
    border-color:transparent
}

.button-tertiary-neutral:focus {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0071E3;
    outline: none
}

.button-tertiary-neutral:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .button-tertiary-neutral:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    -webkit-box-shadow: none;
    box-shadow:none
}

.button-tertiary-neutral:active {
    background: #18181A;
    color: #fff;
    border-color:transparent
}

.button-tertiary-neutral:disabled, .button-tertiary-neutral.disabled {
    background: rgba(0, 0, 0, 0);
    color: #1d1d1f;
    opacity:var(--sk-link-disabled-opacity)
}

.button-super {
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-style: solid;
    border-width: 1px;
    min-width: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 17px;
    padding-bottom: 17px;
    --sk-button-margin-horizontal: 22px;
    --sk-button-margin-vertical: 22px
}

.button-super:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super:lang(zh) {
    letter-spacing:0em
}

.button-super:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-super.button-block {
    border-radius: 12px;
    --sk-button-margin-horizontal: 14px;
    --sk-button-margin-vertical: 14px
}

.button-elevated {
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-style: solid;
    border-width: 1px;
    min-width: 28px;
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 11px;
    padding-bottom: 11px;
    --sk-button-margin-horizontal: 18px;
    --sk-button-margin-vertical: 18px
}

.button-elevated:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated:lang(zh) {
    letter-spacing:0em
}

.button-elevated:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-elevated.button-block {
    border-radius: 10px;
    --sk-button-margin-horizontal: 11px;
    --sk-button-margin-vertical: 11px
}

.button-reduced {
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    border-style: solid;
    border-width: 1px;
    min-width: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    --sk-button-margin-horizontal: 10px;
    --sk-button-margin-vertical: 10px
}

.button-reduced:lang(ar) {
    letter-spacing: 0em;
    font-family: "SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced:lang(ja) {
    letter-spacing: 0em;
    font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced:lang(ko) {
    letter-spacing: 0em;
    font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced:lang(zh) {
    letter-spacing:0em
}

.button-reduced:lang(th) {
    font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced:lang(zh-CN) {
    font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced:lang(zh-HK) {
    font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced:lang(zh-MO) {
    font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced:lang(zh-TW) {
    font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

.button-reduced.button-block {
    border-radius: 5px;
    --sk-button-margin-horizontal: 6px;
    --sk-button-margin-vertical: 6px
}

.button-margin {
    margin-right: var(--sk-button-margin-horizontal);
    margin-bottom:var(--sk-button-margin-vertical)
}
/* button */
