.section-design .section-header .inline-video-design .start-frame {
    background-repeat: no-repeat;
    background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_startframe__f46pgzbcfqmq_large.jpg)
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .section-design .section-header .inline-video-design .start-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_startframe__f46pgzbcfqmq_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .section-header .inline-video-design .start-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_startframe__f46pgzbcfqmq_medium.jpg)
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .start-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_startframe__f46pgzbcfqmq_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-design .section-header .inline-video-design .start-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_startframe__f46pgzbcfqmq_small.jpg)
    }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .start-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_startframe__f46pgzbcfqmq_small_2x.jpg)
    }
}

.section-design .section-header .inline-video-design .end-frame {
    background-repeat: no-repeat;
    background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_endframe__xr5vq94k802e_large.jpg)
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .section-design .section-header .inline-video-design .end-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_endframe__xr5vq94k802e_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .section-header .inline-video-design .end-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_endframe__xr5vq94k802e_medium.jpg)
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .end-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_endframe__xr5vq94k802e_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-design .section-header .inline-video-design .end-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_endframe__xr5vq94k802e_small.jpg)
    }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .end-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_endframe__xr5vq94k802e_small_2x.jpg)
    }
}

.section-design .section-header .inline-video-design .static-frame {
    background-repeat: no-repeat;
    background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_large.jpg)
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .section-design .section-header .inline-video-design .static-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .section-header .inline-video-design .static-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_medium.jpg)
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .static-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-design .section-header .inline-video-design .static-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_small.jpg)
    }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .static-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_small_2x.jpg)
    }
}

.section-design .section-header .inline-video-design .static-frame {
    background-repeat: no-repeat;
    background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_large.jpg)
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .section-design .section-header .inline-video-design .static-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_large_2x.jpg)
    }
}

@media only screen and (max-width: 1068px) {
    .section-design .section-header .inline-video-design .static-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_medium.jpg)
    }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .static-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_medium_2x.jpg)
    }
}

@media only screen and (max-width: 734px) {
    .section-design .section-header .inline-video-design .static-frame {
        background-repeat: no-repeat;
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_small.jpg)
    }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-design .section-header .inline-video-design .static-frame {
        background-image:url(/tw/ipad-mini/images/overview/design/hand_rotation_static__bnp5ylmuy6oi_small_2x.jpg)
    }
}


/* 手写字 */
.section-design .section-header .overview-design-design-headline img {
    --p-width: 196px;
    --p-height: 81px
}
@media only screen and (max-width: 1068px)and (max-width:1068px) {
    .section-design .section-header .overview-design-design-headline img {
        --p-width:159px;
        --p-height: 66px
    }
}
@media only screen and (max-width: 734px)and (max-width:734px) {
    .section-design .section-header .overview-design-design-headline img {
        --p-width:101px;
        --p-height: 42px
    }
}

.section-design .section-header .section-headline-script.has-descenders {
    vertical-align: top;
    bottom: -5px;
    left: -24px;
}

@media only screen and (max-width: 1068px) {
    .section-design .section-header .section-headline-script.has-descenders {
        bottom: -4px;
        left: -19px
    }
}

@media only screen and (max-width: 734px) {
    .section-design .section-header .section-headline-script.has-descenders {
        bottom: 0;
        margin-top: 0px;
        left: -12px;
        display: inline-block;
        height: 49px;
    }
}


.section-powerful .section-header .overview-chip-chip-headline {
    --p-width: 161px;
    --p-height: 82px;
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .section-powerful .section-header .overview-chip-chip-headline {
        --p-width:130px;
        --p-height: 66px
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .section-powerful .section-header .overview-chip-chip-headline {
        --p-width:83px;
        --p-height: 42px
    }
}

.section-powerful .section-header .section-headline-script.has-descenders {
    left: -9px;
    vertical-align: top;
    bottom: -8.5px;
}

@media only screen and (max-width: 1068px) {
    .section-powerful .section-header .section-headline-script.has-descenders {
        left: -6px;
        bottom: -6px;
    }
}

@media only screen and (max-width: 734px) {
    .section-powerful .section-header .section-headline-script.has-descenders {
        bottom: -3px;
        left: -5px
    }
}

.section-intelligence .section-header .overview-intelligence-personal-headline img {
    --p-width: 263px;
    --p-height: 81px;
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .section-intelligence .section-header .overview-intelligence-personal-headline img {
        --p-width:244px;
        --p-height: 75px;
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .section-intelligence .section-header .overview-intelligence-personal-headline img {
        --p-width:154px;
        --p-height: 48px;
    }
}

.section-pencil .section-header .section-headline-script.has-descenders {
    vertical-align: top;
    bottom: -4px;
    left: -20px;
}

@media only screen and (max-width: 1068px) {
    .section-pencil .section-header .section-headline-script.has-descenders {
        bottom: -2px;
        left: -16px;
    }
}

@media only screen and (max-width: 734px) {
    .section-pencil .section-header .section-headline-script.has-descenders {
        left: -11px;
        bottom: 1px;
        display: inline-block;
    }
}

.section-intelligence .section-header .overview-intelligence-personal-headline {
    --top-offest: 2px;
    --left-offest: -24px;
    --headline-offest: 72px;
}

@media only screen and (max-width: 1068px) {
    .section-intelligence .section-header .overview-intelligence-personal-headline {
        --top-offest: 1px;
        --left-offest: -14px;
        --headline-offest: 36px;
        margin-right: -16px;
    }
}

@media only screen and (max-width: 734px) {
    .section-intelligence .section-header .overview-intelligence-personal-headline {
        --top-offest: 1px;
        --headline-offest: 8px;
        --left-offest: -8px;
        margin-right: -22px;
    }
}

.section-pencil .section-header .overview-pencil-pro-headline img {
    --p-width: 244px;
    --p-height: 81px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .section-pencil .section-header .overview-pencil-pro-headline img {
        --p-width:199px;
        --p-height: 66px
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .section-pencil .section-header .overview-pencil-pro-headline img {
        --p-width:125px;
        --p-height: 42px
    }
}

.section-download .overview-design-download-headline {
    margin-left: -25px;
    bottom: -18px;
}

@media only screen and (max-width: 1068px) {
    .section-download .overview-design-download-headline {
        margin-left: -23px;
        bottom: -17.5px;
    }
}

@media only screen and (max-width: 734px) {
    .section-download .overview-design-download-headline {
        margin-left: -10px;
        bottom: -3px;
    }
}

.section-download .overview-design-download-headline img {
    --p-width: 234px;
    --p-height: 87px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .section-download .overview-design-download-headline img {
        --p-width:188px;
        --p-height: 70px
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .section-download .overview-design-download-headline img {
        --p-width:119px;
        --p-height: 45px;
        margin-bottom: -8px;
    }
}

.section-apps .section-headline-script {
    bottom: -16px;
}

@media only screen and (max-width: 1068px) {
    .section-apps .section-headline-script {
        bottom: -15px
    }
}

.section-apps .section-headline-script img {
    width: 321px;
    height: 81px;
    margin-right: -10px;
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .section-apps .section-headline-script img {
        width: 262px;
        height: 66px;
        margin-right: -8px;
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .section-apps .section-headline-script img {
        width: 165px;
        height: 42px;
    }
}

.section-camera .section-headline-script {
    bottom: -5px;
    width: 128px;
    left: -24px;
}

@media only screen and (max-width: 1068px) {
    .section-camera .section-headline-script {
        bottom: -2px;
        left: -20px;
        width: 136px;
    }
}

@media only screen and (max-width: 734px) {
    .section-camera .section-headline-script {
        bottom: -2px;
        left: -12px;
        width: 136px;
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {

}

.section-camera .overview-camera-camera-headline img {
    --p-width: 240px;
    --p-height: 81px;
    margin-bottom: -12px;
    margin-right: -68px;
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .section-camera .overview-camera-camera-headline img {
        --p-width:194px;
        --p-height: 66px
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .section-camera .overview-camera-camera-headline img {
        --p-width:123px;
        --p-height: 42px;
        margin-top: -36px;
    }
}

.section-apps .section-header .section-headline-script {
    bottom: -18px;
}

@media only screen and (max-width: 1068px) {
    .section-apps .section-header .section-headline-script {
        left: -4px;
        bottom: -14px;
    }
}

@media only screen and (max-width: 734px) {
    .section-apps .section-header .section-headline-script {
        left: 0;
        bottom: -9px;
    }
}

.section-router .section-headline-script {
    display: inline-block;
    position: relative;
    bottom: -18px;
}

.section-router .section-headline-script img {
    position: absolute;
    bottom: 15px;
    right: 17px;
}

@media only screen and (max-width: 1068px) {
    .section-router .section-headline-script img {
        right: 18px;
        bottom: 16px;
    
    }
}

@media only screen and (max-width: 734px) {
    .section-router .section-headline-script img {
        right: auto;
        position: static;
        width: 100%;
    
    }
}

@media only screen and (max-width: 734px) {
    .section-router .section-headline-script.overview-router-icon-environment {
        margin-top: -12px;
    }
}
@media only screen and (max-width: 734px) {
    .section-router .section-headline-script.overview-router-icon-privacy {
        margin-top: -12px;
    }
}

@media only screen and (max-width: 734px) {
    .section-router .section-headline-script.overview-router-icon-accessibility {
        margin-top: -12px;
    }
}
@media only screen and (max-width: 734px) {
    .section-router .section-headline-script.overview-router-icon-accessories {
        margin-top: -12px;
    }
}



/* 静态 .no-enhanced */
html.no-hero-enhanced #overview-hero-logo-2 {
    transform: translateY(10px);
}
@media only screen and (max-width: 1068px) {
    html.no-hero-enhanced #overview-hero-logo-2 {
        transform: translateY(0px);
    }
}
@media only screen and (max-width: 734px) {
    html.no-hero-enhanced #overview-hero-logo-2 {
        transform: translateY(0px);
    }
}

html.no-hero-enhanced .hero-header .section-headline {
    padding-top: 20px;

}
@media only screen and (max-width: 1068px) {
    html.no-hero-enhanced .hero-header .section-headline {
        padding-top:0px
    }
}
@media only screen and (max-width: 734px) {
    html.no-hero-enhanced .hero-header .section-headline {
        padding-top:0px
    }
}

html.no-hero-enhanced #overview-hero-landscape-2 {
    transform: translateY(-56px);

}
@media only screen and (max-width: 1068px) {
    html.no-hero-enhanced #overview-hero-landscape-2 {
        transform: translateY(40px);
    
    }
}
@media only screen and (max-width: 734px) {
    html.no-hero-enhanced #overview-hero-landscape-2 {
        transform: translateY(-16px);
    
    }
}

html.no-hero-enhanced .hero-callouts {
    padding-top: 70px;

}
@media only screen and (max-width: 1068px) {
    html.no-hero-enhanced .hero-callouts {
        padding-top: 28px;
    
    }
}
@media only screen and (max-width: 734px) {
    html.no-hero-enhanced .hero-callouts {
        padding-top: 0px;
    
    }
}

.section-hero .hero-img-logo {
    --p-width: 153px;
    --p-height:31px
}
@media only screen and (max-width: 1068px) and(max-width: 1068px) {
    .section-hero .hero-img-logo {
        --p-width: 124px;
        --p-height:25px
    }
}
@media only screen and (max-width: 734px) and(max-width: 734px) {
    .section-hero .hero-img-logo {
        --p-width: 94px;
        --p-height:20px
    }
}


/* fix hw */
.inline-media-ui.loaded.playing .play-pause-button::after {
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyBpZD0iRXhwb3J0YWJsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFmfTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJwYXVzZSI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjc1IiB5PSIzIiB3aWR0aD0iNC41IiBoZWlnaHQ9IjE0IiByeD0iMS41Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIxMS43NSIgeT0iMyIgd2lkdGg9IjQuNSIgaGVpZ2h0PSIxNCIgcng9IjEuNSIvPjwvZz48L3N2Zz4=");
}
.inline-media-ui .play-pause-button::after {
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTUgMTUuMjVWNC43N2ExLjQ0IDEuNDQgMCAwMTEuNDQtMS42MiAxLjg2IDEuODYgMCAwMTEuMTEuMzFsOC41MyA1Yy43Ni40NCAxLjE3LjggMS4xNyAxLjUxcy0uNDEgMS4wNy0xLjE3IDEuNTFsLTguNTMgNWExLjg2IDEuODYgMCAwMS0xLjExLjMxQTEuNDIgMS40MiAwIDAxNSAxNS4yNXoiLz48L3N2Zz4=");
}
.inline-media-ui.loaded.ended .play-pause-button::after {
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE2Ljc1IDkuNGExLjUgMS41IDAgMDAtMS41IDEuNUE0Ljg4IDQuODggMCAxMTEwLjM4IDZoLjJMOS4zMSA3LjMyYTEuNSAxLjUgMCAwMDEuMDYgMi41NiAxLjQ1IDEuNDUgMCAwMDEuMDYtLjQ0TDE1IDUuODhhMS41MiAxLjUyIDAgMDAuNDQtMS4wNkExLjU0IDEuNTQgMCAwMDE1IDMuNzVMMTEuNDMuMTlhMS40OSAxLjQ5IDAgMDAtMi4xMiAwIDEuNTEgMS41MSAwIDAwMCAyLjEybC43NS43NWE3Ljg1IDcuODUgMCAxMDguMTkgNy44NCAxLjUgMS41IDAgMDAtMS41LTEuNXoiIGZpbGw9IiMxZDFkMWYiLz48L3N2Zz4=");
}
/* fix hw */

.inline-media-gallery-content .paddlenav-wrapper .paddlenav-solid .paddlenav-arrow {
    line-height: 34px;
}