html.no-js .hero-video-content .hero-video-posterframe,
html.reduced-motion .hero-video-content .hero-video-posterframe,
html.no-inline-video .hero-video-content .hero-video-posterframe,
html.aow .hero-video-content .hero-video-posterframe,
html.disable-hero-video .hero-video-content .hero-video-posterframe,
html.edge .hero-video-content .hero-video-posterframe,
html.no-js .hero-video-content .hero-video-posterframe,
html.reduced-motion .hero-video-content .hero-video-posterframe,
html.no-inline-video .hero-video-content .hero-video-posterframe,
html.aow .hero-video-content .hero-video-posterframe,
html.disable-hero-video .hero-video-content .hero-video-posterframe,
html.edge .hero-video-content .hero-video-posterframe,
html.no-js .hero-video-content .hero-video-posterframe,
html.reduced-motion .hero-video-content .hero-video-posterframe,
html.no-inline-video .hero-video-content .hero-video-posterframe,
html.aow .hero-video-content .hero-video-posterframe,
html.disable-hero-video .hero-video-content .hero-video-posterframe,
html.edge .hero-video-content .hero-video-posterframe,
html.no-js .hero-video-content .hero-video-posterframe,
html.reduced-motion .hero-video-content .hero-video-posterframe,
html.no-inline-video .hero-video-content .hero-video-posterframe,
html.aow .hero-video-content .hero-video-posterframe,
html.disable-hero-video .hero-video-content .hero-video-posterframe,
html.edge .hero-video-content .hero-video-posterframe,
html.no-js .hero-video-content .hero-video-posterframe,
html.reduced-motion .hero-video-content .hero-video-posterframe,
html.no-inline-video .hero-video-content .hero-video-posterframe,
html.aow .hero-video-content .hero-video-posterframe,
html.disable-hero-video .hero-video-content .hero-video-posterframe,
html.edge .hero-video-content .hero-video-posterframe,
html.no-js .hero-video-content .hero-video-posterframe,
html.reduced-motion .hero-video-content .hero-video-posterframe,
html.no-inline-video .hero-video-content .hero-video-posterframe,
html.aow .hero-video-content .hero-video-posterframe,
html.disable-hero-video .hero-video-content .hero-video-posterframe,
html.edge .hero-video-content .hero-video-posterframe {
    background-repeat: no-repeat;
    background-image: url("/hk/en/augmented-reality/images/overview/hero_fallback__f698gs2o8pu2_large.jpg")
}

@media only screen and (min-width: 1441px) {

    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe {
        background-repeat: no-repeat;
        background-image: url("/hk/en/augmented-reality/images/overview/hero_fallback__f698gs2o8pu2_xlarge.jpg")
    }
}

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

    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe {
        background-repeat: no-repeat;
        background-image: url("/hk/en/augmented-reality/images/overview/hero_fallback__f698gs2o8pu2_medium.jpg")
    }
}

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

    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe,
    html.no-js .hero-video-content .hero-video-posterframe,
    html.reduced-motion .hero-video-content .hero-video-posterframe,
    html.no-inline-video .hero-video-content .hero-video-posterframe,
    html.aow .hero-video-content .hero-video-posterframe,
    html.disable-hero-video .hero-video-content .hero-video-posterframe,
    html.edge .hero-video-content .hero-video-posterframe {
        background-repeat: no-repeat;
        background-image: url("/hk/en/augmented-reality/images/overview/hero_fallback__f698gs2o8pu2_small.jpg")
    }
}

.hero-video-content .hero-video-posterframe {
    background-repeat: no-repeat;
    background-image: url("/hk/en/augmented-reality/images/overview/hero_startframe__daao14prjkia_large.jpg");
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center
}

@media only screen and (min-width: 1441px) {
    .hero-video-content .hero-video-posterframe {
        background-repeat: no-repeat;
        background-image: url("/hk/en/augmented-reality/images/overview/hero_startframe__daao14prjkia_xlarge.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .hero-video-content .hero-video-posterframe {
        background-repeat: no-repeat;
        background-image: url("/hk/en/augmented-reality/images/overview/hero_startframe__daao14prjkia_medium.jpg")
    }
}

@media only screen and (max-width: 734px) {
    .hero-video-content .hero-video-posterframe {
        background-repeat: no-repeat;
        background-image: url("/hk/en/augmented-reality/images/overview/hero_startframe__daao14prjkia_small.jpg")
    }
}

/* app-completeanatomy icon*/
.section-experiences .app.app-completeanatomy .app-icon {
    background-image: url("/hk/en/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("/hk/en/augmented-reality/images/overview/app_completeanatomy_icon__dx6oafyzvuoi_large_2x.jpg")
    }
}


/*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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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("/hk/en/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
    }
}