/* 播放按钮 */
.inline-video-controls>button {
    width: 80px;
}

/* 缺字 */
.section-experiences .inline.font {
    font-size: 19px;
    font-family: "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

@media only screen and (max-width: 1068px) {
    .section-experiences .inline.font {
        font-size: 17px;
        font-family: "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .inline.font {
        font-size: 17px;
        font-family: "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }
}

/* 硬體與軟體 */
@media only screen and (max-width: 734px) {
    .section-integration .integration-headline {
        justify-content: center;
        flex-direction: row;
    }
}


@media only screen and (min-width: 735px) {
    .section-experiences .app.iphone11promax.landscape.app-plantale .app-hardware {
        grid-column: 1 / span 7;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        justify-self: flex-end;
        margin-top: 59px;
    }

    .section-experiences .app.iphone11promax.landscape.app-plantale .app-copy-block {
        grid-column: 9 / span 4;
        order: 2
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-experiences .app.iphone11promax.landscape.app-plantale .app-hardware {
        grid-column-end: span 6;
        margin-top: 145px;
    }
}


.section-experiences .app.iphone11promax.landscape.app-plantale .inline-video-controls {
    left: 250px;
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.iphone11promax.landscape.app-plantale .inline-video-controls {
        left: 180px
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.iphone11promax.landscape.app-plantale .inline-video-controls {
        left: 0;
        width: 100%
    }
}


.section-experiences .app.app-completeanatomy .app-icon {
    background-image: url("/tw/augmented-reality/images/overview/app_completeanatomy_icon__dx6oafyzvuoi_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and(min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-completeanatomy .app-icon {
        background-image: url("/tw/augmented-reality/images/overview/app_completeanatomy_icon__dx6oafyzvuoi_large_2x.jpg")
    }
}


.section-experiences .app.iphone12promax.portrait .inline-video-controls>button {
    text-align: center;
}

/*Plantale*/

.section-experiences .app.app-plantale .inline-video-media {
    width: 506px;
    height: 234px
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-plantale .inline-video-media {
        width: 390px;
        height: 180px
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-plantale .inline-video-media {
        width: 354px;
        height: 164px
    }
}

.section-experiences .app.app-plantale .inline-video-media .inline-video-frame-static {
    background-size: 506px 234px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-static {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-static {
        background-size: 390px 180px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-static {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-static {
        background-size: 354px 164px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-static {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_small_2x.jpg")
    }
}

.section-experiences .app.app-plantale .inline-video-media .inline-video-frame-start {
    background-size: 506px 234px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_startframe__b7orix6t11o2_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-start {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_startframe__b7orix6t11o2_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-start {
        background-size: 390px 180px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_startframe__b7orix6t11o2_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-start {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_startframe__b7orix6t11o2_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-start {
        background-size: 354px 164px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_startframe__b7orix6t11o2_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-start {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_startframe__b7orix6t11o2_small_2x.jpg")
    }
}

.section-experiences .app.app-plantale .inline-video-media .inline-video-frame-end {
    background-size: 506px 234px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-end {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-end {
        background-size: 390px 180px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-end {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-end {
        background-size: 354px 164px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .inline-video-media .inline-video-frame-end {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_screen_endframe__eze071ao60k2_small_2x.jpg")
    }
}

.section-experiences .app.app-plantale .app-icon {
    width: 52px;
    height: 52px;
    background-size: 52px 52px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_plantale_icon__ey0q815c22ye_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-plantale .app-icon {
        background-image: url("/tw/augmented-reality/images/overview/app_plantale_icon__ey0q815c22ye_large_2x.jpg")
    }
}

@media only screen and (min-width: 735px) {
    .section-experiences .app.app-plantale {
        margin-top: 34px
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-experiences .app.app-plantale {
        margin-top: -41px
    }
}

@media only screen and (min-width: 735px) {
    .section-experiences .app.app-plantale .app-copy-block {
        margin-top: 59px;
        margin-right: -10px
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-experiences .app.app-plantale .app-copy-block {
        margin-top: 145px
    }
}

.section-experiences .app.app-hotlava .app-icon {
    width: 52px;
    height: 52px;
    background-size: 52px 52px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_hotlava_icon__donjh3jy7paq_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .app-icon {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_icon__donjh3jy7paq_large_2x.jpg")
    }
}

.section-experiences .app.app-hotlava .inline-video-media {
    width: 882px;
    height: 662px
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-hotlava .inline-video-media {
        width: 598px;
        height: 450px
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-hotlava .inline-video-media {
        width: 462px;
        height: 348px
    }
}

.section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-static {
    background-size: 882px 662px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and(min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-static {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-static {
        background-size: 598px 450px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-static {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-static {
        background-size: 462px 348px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-static {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small_2x.jpg")
    }
}

.section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-start {
    background-size: 882px 662px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and(min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-start {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-start {
        background-size: 598px 450px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-start {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-start {
        background-size: 462px 348px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-start {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_startframe__exwf8cdryyeu_small_2x.jpg")
    }
}

.section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-end {
    background-size: 882px 662px;
    background-repeat: no-repeat;
    background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and(min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-end {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-end {
        background-size: 598px 450px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium.jpg")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-end {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_medium_2x.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-end {
        background-size: 462px 348px;
        background-repeat: no-repeat;
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small.jpg")
    }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
only screen and (max-width: 734px) and (min-resolution: 144dpi) {
    .section-experiences .app.app-hotlava .inline-video-media .inline-video-frame-end {
        background-image: url("/tw/augmented-reality/images/overview/app_hotlava_screen_endframe__wsim5nev0b6a_small_2x.jpg")
    }
}