@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSansSuper-Medium-c23c36.woff) format('woff'),url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSansSuper-Medium-e71c7a.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:'OPPOSans-super';src:url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSansSuper-Bold-3612bd.woff) format('woff'),url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSansSuper-Bold-37942b.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:'OPPOSans20';src:url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSans20-Bold-24ba2c.ttf) format('truetype');font-style:normal;font-weight:700}@font-face{font-family:'OPPOSans20';src:url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSans20-Medium-4c4471.ttf) format('truetype');font-style:normal;font-weight:500}@font-face{font-family:'OPPOSans20';src:url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSans20-Regular-784a58.ttf) format('truetype');font-style:normal;font-weight:400}@font-face{font-family:'OPPOSans20';src:url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSans20-Light-f7f08d.ttf) format('truetype');font-style:normal;font-weight:300}@font-face{font-family:'OPPOSans20';src:url(/content/dam/oppo/product-asset-library/iot/cpe/cpe-t1a/v1/assets/OPPOSans20-ExtraLight-a3212b.ttf) format('truetype');font-style:normal;font-weight:200}.zn--wrapper sup{font-size:1em;line-height:1;position:relative;vertical-align:baseline;top:-.2em;font-family:OPPOSans-super;font-weight:400}.zn--wrapper b sup,.zn--wrapper sup b,.zn--wrapper strong sup,.zn--wrapper sup strong{font-weight:700}.g--sup-m{font-weight:400}.g--sup-b{font-weight:700}:root{--oh-nav-height:80px}@media (min-width:1024px) and (max-width:1399px){:root{--oh-nav-height:64px}}@media (max-width:1023px){:root{--oh-nav-height:48px}}.g--container,.g--container-ls,.g--container-pt,.g--wrapper{margin:0 auto}.g--container,.g--container-ls{}@media (min-width: 1800px){.g--container,.g--container-ls{width:1312px}}@media (min-width: 1400px) and (max-width: 1799px){.g--container,.g--container-ls{width:1100px}}@media (min-width: 1024px) and (max-width: 1399px){.g--container,.g--container-ls{width:896px}}.g--container,.g--container-pt{}@media (max-width: 720px){.g--container,.g--container-pt{width:88.889vw}}@media (min-width: 721px) and (max-width: 1023px){.g--container,.g--container-pt{width:83.333vw}}@media (max-width:1023px){.g--pt-hidden{display:none !important}}@media (min-width:1024px){.g--ls-hidden{display:none !important}}@media (max-width:720px){.g--mb-hidden{display:none !important}}@media not screen and (max-width:720px){.g--mb-show{display:none !important}}.zn--wrapper{font-size:16px;font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,'PingFang SC','Hiragino Sans GB','STHeiti','Microsoft YaHei','WenQuanYi Micro Hei','Helvetica Neue','Helvetica','Arial',sans-serif}.zn--wrapper *{box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:initial}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:initial}.zn--wrapper br{font-family:'Open Sans','-apple-system','BlinkMacSystemFont','Helvetica Neue','Helvetica','Roboto','Arial','PingFang SC','Hiragino Sans GB','Microsoft Yahei','Microsoft Jhenghei','sans-serif'}.zn--wrapper h1{position:absolute;overflow:hidden;width:1px;height:1px;border:none;margin:0;padding:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%)}@media (min-width:721px) and (max-width:1023px){#oc-header{overflow:hidden}}@media (max-width:1023px){#oc-header.fixed{visibility:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}body.no-scroll{overflow-y:hidden}.zn--wrapper .center{margin-left:auto;margin-right:auto;text-align:center;align-self:center}.zn--wrapper .center-content{display:flex;justify-content:center;align-items:center}.zn--wrapper .abs.center-hor{left:50%;transform:translateX(-50%)}.zn--wrapper .abs.center-ver{top:50%;transform:translateY(-50%)}.zn--wrapper .flex.center-ver{align-items:center}.zn--wrapper .flex.center-ver > .wrapper{width:100%}.zn--wrapper .flex.center-hor{justify-content:center}.zn--wrapper .flex.center-hor > .wrapper{height:100%}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .black{color:#000}.zn--wrapper .white{color:#fff}.zn--wrapper .grey{color:rgba(255,255,255,0.56)}.zn--wrapper .grey-light{color:rgba(255,255,255,0.2)}.zn--wrapper .grey{color:rgba(0,0,0,0.7)}.zn--wrapper .grey-light{color:rgba(0,0,0,0.32)}.zn--wrapper .bg-black{background-color:#000}.zn--wrapper .bg-white{background-color:#fff}.zn--wrapper .full{width:100%;height:100%}.zn--wrapper .full-w{width:100%}.zn--wrapper .full-h{height:100%}.zn--wrapper .full-screen{height:100vh;height:calc(100 * var(--vh, 1vh))}.zn--wrapper .full-screen-nav{height:calc(100vh - 121px);height:calc((100 * var(--vh, 1vh)) - 121px)}@media (max-width:768px){.zn--wrapper .full-screen-nav{height:calc(100vh - 101px);height:calc((100 * var(--vh, 1vh)) - 101px)}}.zn--wrapper .flex{display:flex}.zn--wrapper .flex.align-center{align-items:center}.zn--wrapper .flex.content-center{justify-content:center}.zn--wrapper .rel{position:relative}.zn--wrapper .abs{position:absolute}.zn--wrapper .abs.clip{top:0;left:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .fixed.clip{top:0;left:0}.zn--wrapper .clickable{cursor:pointer}.zn--wrapper .g--cover{object-fit:cover}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:9999;transform:translateY(100vh);transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{transform:translateY(0);transition:transform .5s}.g--popup.disappear{transition:transform .5s}.g--popup .g--popup-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-container{padding:0}}.g--popup .g--video-wrapper{position:relative;margin-top:-12px;width:75%;height:auto}@media (min-width:2400px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw}}.video-portrait.g--popup .g--video-wrapper{width:100%;height:100%;padding:32px 0;margin-top:0}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none}.video-portrait.g--popup .g--video-wrapper video{object-fit:contain}.g--popup .g--video-wrapper video[src='']{display:none}.g--popup .g--popup-close{top:-32px;right:0;width:12px;height:12px;position:absolute;margin-left:auto;cursor:pointer;z-index:2}@media (max-width:1023px){.g--popup .g--popup-close{width:24px;height:24px}}@media (max-width: 720px){.g--popup .g--popup-close{right:4.444vw}}@media (min-width: 721px) and (max-width: 1023px){.g--popup .g--popup-close{right:4.167vw}}.video-portrait.g--popup .g--popup-close{top:8px}.g--popup .g--popup-close .inner{width:100%;height:100%}@media (max-width:1023px){.g--popup .g--popup-close .inner{transform:scale(.5)}}.g--popup-container{background:#000}.g--popup-close polygon{fill:#fff}[data-theme = 'white'] .g--popup-container{background:#fff}[data-theme = 'white'] .g--popup-close polygon{fill:#000}#section-kv{z-index:1;padding-top:.58rem;box-sizing:border-box;overflow:hidden}@media (min-width: 1800px){#section-kv{height:calc(940px + 0.58rem)}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv{height:calc(788px + 0.58rem)}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv{height:calc(642px + 0.58rem)}}@media (max-width:1023px){#section-kv{padding-top:.91rem}}@media (max-width: 720px){#section-kv{height:calc(146.667vw + 0.91rem)}}@media (min-width: 721px) and (max-width: 1023px){#section-kv{height:calc(137.5vw + 0.91rem)}}@media (min-width:1024px){#section-kv{background:linear-gradient(180deg,rgba(244,244,244,0) 13.51%,rgba(244,244,244,0.4) 79.81%)}}@media (max-width:1023px){#section-kv .section-container{flex-direction:column;align-items:center}}#section-kv .section-container .kv-left{}@media (max-width: 720px){#section-kv .section-container .kv-left{margin-top:18.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-kv .section-container .kv-left{margin-top:17.708vw}}@media (min-width: 1800px){#section-kv .section-container .kv-left{margin-top:314px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .section-container .kv-left{margin-top:263px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .section-container .kv-left{margin-top:214px}}#section-kv .section-container h1{font-size:72px;line-height:1.42;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.19;font-weight:500;width:auto;height:auto;clip:unset;-webkit-clip-path:unset;clip-path:unset;position:relative}@media (min-width:1400px) and (max-width:1799px){#section-kv .section-container h1{font-size:60.3648px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-kv .section-container h1{font-size:49.1688px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#section-kv .section-container h1{letter-spacing:0;font-size:64px}}@media (max-width:720px){#section-kv .section-container h1{letter-spacing:0;font-size:32px}}@media (max-width:1023px){#section-kv .section-container h1{text-align:center}}#section-kv .section-container .hero-label{font-size:45px;line-height:1.42;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.4;font-weight:400;opacity:.63}@media (min-width:1400px) and (max-width:1799px){#section-kv .section-container .hero-label{font-size:37.728px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){#section-kv .section-container .hero-label{font-size:30.7305px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){#section-kv .section-container .hero-label{letter-spacing:0;font-size:40px}}@media (max-width:720px){#section-kv .section-container .hero-label{letter-spacing:0;font-size:20px}}@media (max-width:1023px){#section-kv .section-container .hero-label{text-align:center}}#section-kv .section-container .kv-right{margin-left:0}@media (max-width: 720px){#section-kv .section-container .kv-right{width:36.667vw;height:76.389vw;margin-top:11.111vw}}@media (min-width: 721px) and (max-width: 1023px){#section-kv .section-container .kv-right{width:34.375vw;height:71.615vw;margin-top:10.417vw}}@media (min-width: 1800px){#section-kv .section-container .kv-right{width:334px;height:691px;margin-left:208px;margin-top:145px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .section-container .kv-right{width:280px;height:579px;margin-left:174px;margin-top:122px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .section-container .kv-right{width:228px;height:472px;margin-left:142px;margin-top:99px}}#section-kv .section-container .kv-right .device{width:100%;height:100%}#section-kv .section-container .kv-right .device-top{width:100%}@media (max-width: 720px){#section-kv .section-container .kv-right .device-top{height:60.833vw}}@media (min-width: 721px) and (max-width: 1023px){#section-kv .section-container .kv-right .device-top{height:57.031vw}}@media (min-width: 1800px){#section-kv .section-container .kv-right .device-top{height:555px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .section-container .kv-right .device-top{height:465px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .section-container .kv-right .device-top{height:379px}}@media (min-width:1024px){#section-kv .section-container .kv-right .shadow{background:#000}}@media (min-width: 1800px){#section-kv .section-container .kv-right .shadow{filter:blur(49px);width:312px;height:17px;left:11px;top:648px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .section-container .kv-right .shadow{filter:blur(41px);width:262px;height:14px;left:9px;top:543px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .section-container .kv-right .shadow{filter:blur(33px);width:213px;height:12px;left:8px;top:443px}}@media (max-width:1023px){#section-kv .section-container .kv-right .shadow{}}@media (max-width: 720px){#section-kv .section-container .kv-right .shadow{width:35vw;height:7.5vw;left:0.833vw;top:68.333vw}}@media (min-width: 721px) and (max-width: 1023px){#section-kv .section-container .kv-right .shadow{width:32.813vw;height:7.031vw;left:0.781vw;top:64.063vw}}#section-kv .section-container .kv-right .ellipse{left:50%;transform:translateX(-50%)}@media (max-width: 720px){#section-kv .section-container .kv-right .ellipse{width:343.056vw;height:24.389vw;top:53.611vw}}@media (min-width: 721px) and (max-width: 1023px){#section-kv .section-container .kv-right .ellipse{width:321.615vw;height:22.865vw;top:50.26vw}}@media (min-width: 1800px){#section-kv .section-container .kv-right .ellipse{width:3143px;height:262px;top:475px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .section-container .kv-right .ellipse{width:2635px;height:220px;top:398px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .section-container .kv-right .ellipse{width:2146px;height:179px;top:324px}}#section-kv .section-container .kv-right .ellipse-img{width:100%;height:100%}#section-reason .subtitle-text{position:relative;opacity:0}@media (max-width: 720px){#section-reason .subtitle-text{margin-bottom:13.333vw}}@media (min-width: 721px) and (max-width: 1023px){#section-reason .subtitle-text{margin-bottom:12.5vw}}@media (min-width: 1800px){#section-reason .subtitle-text{margin-bottom:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-reason .subtitle-text{margin-bottom:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-reason .subtitle-text{margin-bottom:55px}}#section-reason .reason-list{flex-wrap:wrap}@media (max-width:1023px){#section-reason .reason-list{flex-direction:column}}@media (min-width:1024px){#section-reason .reason-list{justify-content:space-between}}#section-reason .reason-list .reason-grid{overflow:hidden;flex-shrink:0;color:#fff}@media (max-width: 720px){#section-reason .reason-list .reason-grid{width:88.889vw;height:33.333vw;border-radius:1.111vw;margin-bottom:3.333vw}}@media (min-width: 721px) and (max-width: 1023px){#section-reason .reason-list .reason-grid{width:83.333vw;height:31.25vw;border-radius:1.042vw;margin-bottom:3.125vw}}@media (min-width: 1800px){#section-reason .reason-list .reason-grid{width:640px;height:300px;border-radius:10px;margin-bottom:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-reason .reason-list .reason-grid{width:537px;height:252px;border-radius:8px;margin-bottom:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-reason .reason-list .reason-grid{width:437px;height:205px;border-radius:7px;margin-bottom:22px}}#section-reason .reason-list .reason-grid .reason-img{width:100%;height:100%}#section-reason .reason-list .reason-grid .reason-detail{display:flex;flex-direction:column;z-index:2;top:50%;transform:translateY(-50%)}#section-reason .reason-list .reason-grid .reason-detail .reason-title{}@media (max-width: 720px){#section-reason .reason-list .reason-grid .reason-detail .reason-title{margin-bottom:0.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-reason .reason-list .reason-grid .reason-detail .reason-title{margin-bottom:0.521vw}}@media (min-width: 1800px){#section-reason .reason-list .reason-grid .reason-detail .reason-title{margin-bottom:16px}}@media (min-width: 1400px) and (max-width: 1799px){#section-reason .reason-list .reason-grid .reason-detail .reason-title{margin-bottom:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-reason .reason-list .reason-grid .reason-detail .reason-title{margin-bottom:11px}}#section-reason .reason-list .reason-grid .reason-detail .reason-text{}@media (max-width: 720px){#section-reason .reason-list .reason-grid .reason-detail .reason-text{max-width:35.278vw}}@media (min-width: 721px) and (max-width: 1023px){#section-reason .reason-list .reason-grid .reason-detail .reason-text{max-width:33.073vw}}@media (min-width: 1800px){#section-reason .reason-list .reason-grid .reason-detail .reason-text{max-width:246px}}@media (min-width: 1400px) and (max-width: 1799px){#section-reason .reason-list .reason-grid .reason-detail .reason-text{max-width:206px}}@media (min-width: 1024px) and (max-width: 1399px){#section-reason .reason-list .reason-grid .reason-detail .reason-text{max-width:168px}}@media (min-width:1024px){#section-reason .reason-list .reason-grid .reason-detail{text-align:center;align-items:center}}@media (min-width: 1800px){#section-reason .reason-list .reason-grid .reason-detail{right:16px;width:326px}}@media (min-width: 1400px) and (max-width: 1799px){#section-reason .reason-list .reason-grid .reason-detail{right:13px;width:273px}}@media (min-width: 1024px) and (max-width: 1399px){#section-reason .reason-list .reason-grid .reason-detail{right:11px;width:223px}}@media (max-width:1023px){#section-reason .reason-list .reason-grid .reason-detail{}}@media (max-width: 720px){#section-reason .reason-list .reason-grid .reason-detail{left:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-reason .reason-list .reason-grid .reason-detail{left:8.333vw}}#section-multi-device{}@media (max-width: 720px){#section-multi-device{margin-top:18.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-multi-device{margin-top:17.708vw}}@media (min-width: 1800px){#section-multi-device{margin-top:96px}}@media (min-width: 1400px) and (max-width: 1799px){#section-multi-device{margin-top:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-multi-device{margin-top:66px}}#section-multi-device .title-text{}@media (max-width: 720px){#section-multi-device .title-text{margin-bottom:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-multi-device .title-text{margin-bottom:5.208vw}}@media (min-width: 1800px){#section-multi-device .title-text{margin-bottom:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-multi-device .title-text{margin-bottom:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-multi-device .title-text{margin-bottom:14px}}@media (min-width:1024px){#section-multi-device .title-text{text-align:center}}#section-multi-device .text-text{}@media (min-width: 1800px){#section-multi-device .text-text{max-width:864px}}@media (min-width: 1400px) and (max-width: 1799px){#section-multi-device .text-text{max-width:724px}}@media (min-width: 1024px) and (max-width: 1399px){#section-multi-device .text-text{max-width:590px}}@media (min-width:1024px){#section-multi-device .text-text{text-align:center;margin:0 auto}}@media (min-width: 1800px){#section-multi-device .text-text{margin-bottom:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-multi-device .text-text{margin-bottom:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-multi-device .text-text{margin-bottom:55px}}@media (max-width:1023px){#section-multi-device .text-text{}}@media (max-width: 720px){#section-multi-device .text-text{margin-bottom:13.333vw}}@media (min-width: 721px) and (max-width: 1023px){#section-multi-device .text-text{margin-bottom:12.5vw}}#section-multi-device .zoom-img-container{width:100%;overflow:hidden}@media (max-width: 720px){#section-multi-device .zoom-img-container{height:66.667vw}}@media (min-width: 721px) and (max-width: 1023px){#section-multi-device .zoom-img-container{height:62.5vw}}@media (min-width: 1800px){#section-multi-device .zoom-img-container{height:738px}}@media (min-width: 1400px) and (max-width: 1799px){#section-multi-device .zoom-img-container{height:619px}}@media (min-width: 1024px) and (max-width: 1399px){#section-multi-device .zoom-img-container{height:504px}}#section-multi-device .zoom-img-container .zoom-img{width:100%;height:100%;transform-origin:center;opacity:0;transition:transform 1.5s cubic-bezier(0,.99,.48,1),opacity 1.5s linear;transform:scale(1.8)}#section-multi-device .zoom-img-container.show .zoom-img{opacity:1;transform:scale(1)}#section-scenario{}@media (max-width: 720px){#section-scenario{margin-top:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-scenario{margin-top:20.833vw}}@media (min-width: 1800px){#section-scenario{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario{margin-top:87px}}#section-scenario .title-text{position:relative;opacity:0}@media (max-width: 720px){#section-scenario .title-text{margin-bottom:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-scenario .title-text{margin-bottom:5.208vw}}@media (min-width: 1800px){#section-scenario .title-text{margin-bottom:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario .title-text{margin-bottom:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario .title-text{margin-bottom:14px}}#section-scenario .text-text{position:relative;opacity:0}@media (max-width: 720px){#section-scenario .text-text{margin-bottom:13.333vw}}@media (min-width: 721px) and (max-width: 1023px){#section-scenario .text-text{margin-bottom:12.5vw}}@media (min-width: 1800px){#section-scenario .text-text{max-width:929px;margin-bottom:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario .text-text{max-width:779px;margin-bottom:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario .text-text{max-width:634px;margin-bottom:55px}}@media (min-width:1024px){#section-scenario .scenario-list{flex-direction:column}}@media (max-width:1023px){#section-scenario .scenario-list{flex-wrap:wrap;justify-content:space-between}}#section-scenario .scenario-list .scenario-grid{display:flex;flex-direction:column}@media (max-width: 720px){#section-scenario .scenario-list .scenario-grid{margin-bottom:11.111vw}}@media (min-width: 721px) and (max-width: 1023px){#section-scenario .scenario-list .scenario-grid{margin-bottom:10.417vw}}@media (min-width: 1800px){#section-scenario .scenario-list .scenario-grid{margin-bottom:40px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario .scenario-list .scenario-grid{margin-bottom:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario .scenario-list .scenario-grid{margin-bottom:27px}}@media (max-width:1023px){#section-scenario .scenario-list .scenario-grid{}}@media (max-width: 720px){#section-scenario .scenario-list .scenario-grid{width:42.778vw}}@media (min-width: 721px) and (max-width: 1023px){#section-scenario .scenario-list .scenario-grid{width:40.104vw}}#section-scenario .scenario-list .scenario-grid:nth-child(2n) .scenario-img{align-self:flex-end}@media (min-width:1024px){#section-scenario .scenario-list .scenario-grid:nth-child(2n) .place-text{}}@media (min-width: 1800px){#section-scenario .scenario-list .scenario-grid:nth-child(2n) .place-text{left:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario .scenario-list .scenario-grid:nth-child(2n) .place-text{left:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario .scenario-list .scenario-grid:nth-child(2n) .place-text{left:55px}}@media (min-width:1024px){#section-scenario .scenario-list .scenario-grid:nth-child(2n+1) .place-text{}}@media (min-width: 1800px){#section-scenario .scenario-list .scenario-grid:nth-child(2n+1) .place-text{right:80px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario .scenario-list .scenario-grid:nth-child(2n+1) .place-text{right:67px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario .scenario-list .scenario-grid:nth-child(2n+1) .place-text{right:55px}}@media (max-width:1023px){#section-scenario .scenario-list .scenario-grid:nth-child(5){margin-bottom:0}}#section-scenario .scenario-list .scenario-grid:nth-child(6){margin-bottom:0;margin-bottom:0}#section-scenario .scenario-list .scenario-grid .scenario-img{}@media (max-width: 720px){#section-scenario .scenario-list .scenario-grid .scenario-img{width:42.778vw;height:32.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-scenario .scenario-list .scenario-grid .scenario-img{width:40.104vw;height:30.208vw}}@media (min-width: 1800px){#section-scenario .scenario-list .scenario-grid .scenario-img{width:900px;height:234px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario .scenario-list .scenario-grid .scenario-img{width:755px;height:196px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario .scenario-list .scenario-grid .scenario-img{width:615px;height:160px}}@media (min-width:1024px){#section-scenario .scenario-list .scenario-grid .place-text{position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:opacity 1s linear}#section-scenario .scenario-list .scenario-grid .place-text.show{opacity:1}}@media (min-width: 1800px){#section-scenario .scenario-list .scenario-grid .place-text{max-width:350px}}@media (min-width: 1400px) and (max-width: 1799px){#section-scenario .scenario-list .scenario-grid .place-text{max-width:293px}}@media (min-width: 1024px) and (max-width: 1399px){#section-scenario .scenario-list .scenario-grid .place-text{max-width:239px}}@media (max-width:1023px){#section-scenario .scenario-list .scenario-grid .place-text{}}@media (max-width: 720px){#section-scenario .scenario-list .scenario-grid .place-text{margin-top:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-scenario .scenario-list .scenario-grid .place-text{margin-top:5.208vw}}#section-speed{color:#fff}#section-speed .section-container{justify-content:space-between}@media (max-width:1023px){#section-speed .section-container{flex-direction:column}}@media (min-width:1024px){#section-speed .section-container .container-left{display:flex;flex-direction:column;justify-content:space-between}}@media (min-width: 1800px){#section-speed .section-container .container-left{height:684px}}@media (min-width: 1400px) and (max-width: 1799px){#section-speed .section-container .container-left{height:573px}}@media (min-width: 1024px) and (max-width: 1399px){#section-speed .section-container .container-left{height:467px}}#section-speed .section-container .container-left .left-top .text-text{}@media (max-width: 720px){#section-speed .section-container .container-left .left-top .text-text{margin-top:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-speed .section-container .container-left .left-top .text-text{margin-top:5.208vw}}@media (min-width: 1800px){#section-speed .section-container .container-left .left-top .text-text{margin-top:20px;max-width:520px}}@media (min-width: 1400px) and (max-width: 1799px){#section-speed .section-container .container-left .left-top .text-text{margin-top:17px;max-width:436px}}@media (min-width: 1024px) and (max-width: 1399px){#section-speed .section-container .container-left .left-top .text-text{margin-top:14px;max-width:355px}}#section-speed .section-container .zoom-img-container{flex-shrink:0;overflow:hidden}@media (max-width: 720px){#section-speed .section-container .zoom-img-container{width:88.889vw;height:88.889vw;margin-top:13.333vw;margin-bottom:4.444vw}}@media (min-width: 721px) and (max-width: 1023px){#section-speed .section-container .zoom-img-container{width:83.333vw;height:83.333vw;margin-top:12.5vw;margin-bottom:4.167vw}}@media (min-width: 1800px){#section-speed .section-container .zoom-img-container{width:683px;height:683px}}@media (min-width: 1400px) and (max-width: 1799px){#section-speed .section-container .zoom-img-container{width:573px;height:573px}}@media (min-width: 1024px) and (max-width: 1399px){#section-speed .section-container .zoom-img-container{width:466px;height:466px}}@media (min-width:1024px){#section-speed .section-container .zoom-img-container{}}@media (min-width: 1800px){#section-speed .section-container .zoom-img-container{margin-left:100px}}@media (min-width: 1400px) and (max-width: 1799px){#section-speed .section-container .zoom-img-container{margin-left:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-speed .section-container .zoom-img-container{margin-left:68px}}#section-speed .section-container .zoom-img-container .zoom-img{width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;opacity:0;transition:transform 1.5s cubic-bezier(0,.99,.48,1),opacity 1.5s linear;transform:scale(1.8)}#section-speed .section-container .zoom-img-container.show .zoom-img{opacity:1;transform:scale(1)}#section-speed .parameter-grid{}@media (max-width: 720px){#section-speed .parameter-grid{margin-top:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-speed .parameter-grid{margin-top:8.333vw}}@media (min-width: 1800px){#section-speed .parameter-grid{margin-top:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-speed .parameter-grid{margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-speed .parameter-grid{margin-top:22px}}#section-speed .parameter-grid .title-text{color:#00b7fd}#section-speed .parameter-grid .small-title-text{color:#00b7fd;line-height:1.1}#section-dual-mode{color:#fff}@media (max-width: 720px){#section-dual-mode{margin-top:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-dual-mode{margin-top:20.833vw}}@media (min-width: 1800px){#section-dual-mode{margin-top:193px}}@media (min-width: 1400px) and (max-width: 1799px){#section-dual-mode{margin-top:162px}}@media (min-width: 1024px) and (max-width: 1399px){#section-dual-mode{margin-top:132px}}@media (max-width:1023px){#section-dual-mode .section-container{flex-direction:column}}#section-dual-mode .section-container .text-text{}@media (min-width: 1800px){#section-dual-mode .section-container .text-text{max-width:880px}}@media (min-width: 1400px) and (max-width: 1799px){#section-dual-mode .section-container .text-text{max-width:738px}}@media (min-width: 1024px) and (max-width: 1399px){#section-dual-mode .section-container .text-text{max-width:601px}}#section-dual-mode .title-text{}@media (max-width: 720px){#section-dual-mode .title-text{margin-bottom:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-dual-mode .title-text{margin-bottom:5.208vw}}@media (min-width: 1800px){#section-dual-mode .title-text{margin-bottom:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-dual-mode .title-text{margin-bottom:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-dual-mode .title-text{margin-bottom:14px}}@media (min-width:1024px){#section-dual-mode .title-container{order:2;display:flex;flex-direction:column;justify-content:center}}#section-dual-mode .zoom-img-container{flex-shrink:0;overflow:hidden}@media (max-width: 720px){#section-dual-mode .zoom-img-container{margin-top:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-dual-mode .zoom-img-container{margin-top:5.208vw}}@media (min-width: 1800px){#section-dual-mode .zoom-img-container{width:684px;height:684px;margin-right:100px}}@media (min-width: 1400px) and (max-width: 1799px){#section-dual-mode .zoom-img-container{width:573px;height:573px;margin-right:84px}}@media (min-width: 1024px) and (max-width: 1399px){#section-dual-mode .zoom-img-container{width:467px;height:467px;margin-right:68px}}@media (max-width:1023px){#section-dual-mode .zoom-img-container{width:100%}}@media (max-width: 720px){#section-dual-mode .zoom-img-container{height:66.667vw}}@media (min-width: 721px) and (max-width: 1023px){#section-dual-mode .zoom-img-container{height:62.5vw}}#section-dual-mode .zoom-img-container .zoom-img{width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;opacity:0;transition:transform 1.5s cubic-bezier(0,.99,.48,1),opacity 1.5s linear;transform:scale(1.8)}#section-dual-mode .zoom-img-container.show .zoom-img{opacity:1;transform:scale(1)}#section-dual-mode .parameters.pt-hidden{}@media (min-width: 1800px){#section-dual-mode .parameters.pt-hidden{margin-top:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-dual-mode .parameters.pt-hidden{margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-dual-mode .parameters.pt-hidden{margin-top:22px}}#section-dual-mode .parameters.pt-hidden .text-text:first-child{}@media (min-width: 1800px){#section-dual-mode .parameters.pt-hidden .text-text:first-child{margin-bottom:6px}}@media (min-width: 1400px) and (max-width: 1799px){#section-dual-mode .parameters.pt-hidden .text-text:first-child{margin-bottom:5px}}@media (min-width: 1024px) and (max-width: 1399px){#section-dual-mode .parameters.pt-hidden .text-text:first-child{margin-bottom:4px}}#section-dual-mode .parameters.pt-hidden span{opacity:.6}#section-dual-mode .parameters.ls-hidden{}@media (max-width: 720px){#section-dual-mode .parameters.ls-hidden{margin-top:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-dual-mode .parameters.ls-hidden{margin-top:8.333vw}}#section-dual-mode .parameters.ls-hidden .text-text:first-child{}@media (max-width: 720px){#section-dual-mode .parameters.ls-hidden .text-text:first-child{margin-bottom:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-dual-mode .parameters.ls-hidden .text-text:first-child{margin-bottom:5.208vw}}#section-dual-mode .parameters.ls-hidden span{opacity:.6}#section-dual-mode .caption-text{opacity:.7}@media (max-width: 720px){#section-dual-mode .caption-text{margin-top:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-dual-mode .caption-text{margin-top:8.333vw}}@media (min-width: 1800px){#section-dual-mode .caption-text{margin-top:32px;max-width:471px}}@media (min-width: 1400px) and (max-width: 1799px){#section-dual-mode .caption-text{margin-top:27px;max-width:395px}}@media (min-width: 1024px) and (max-width: 1399px){#section-dual-mode .caption-text{margin-top:22px;max-width:322px}}#section-wifi-6{overflow:hidden}@media (max-width: 720px){#section-wifi-6{padding-top:22.222vw;padding-bottom:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6{padding-top:20.833vw;padding-bottom:20.833vw}}@media (min-width: 1800px){#section-wifi-6{padding-top:128px;padding-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6{padding-top:107px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6{padding-top:87px;padding-bottom:87px}}#section-wifi-6 .section-container .grid-left{flex-shrink:0;z-index:2}#section-wifi-6 .section-container .grid-right{flex-shrink:0}@media (max-width: 720px){#section-wifi-6 .section-container .grid-right{margin-top:8.889vw;height:66.389vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .grid-right{margin-top:8.333vw;height:62.24vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .grid-right{top:-36px;height:803px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .grid-right{top:-30px;height:673px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .grid-right{top:-25px;height:548px}}#section-wifi-6 .section-container .grid-right .room{}@media (max-width: 720px){#section-wifi-6 .section-container .grid-right .room{width:88.889vw;height:66.389vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .grid-right .room{width:83.333vw;height:62.24vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .grid-right .room{width:1223px;height:792px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .grid-right .room{width:1025px;height:664px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .grid-right .room{width:835px;height:541px}}#section-wifi-6 .section-container .grid-right .ellipse-container{}@media (max-width: 720px){#section-wifi-6 .section-container .grid-right .ellipse-container{width:86.667vw;height:60.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .grid-right .ellipse-container{width:81.25vw;height:56.771vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .grid-right .ellipse-container{width:1070px;height:746px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .grid-right .ellipse-container{width:897px;height:625px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .grid-right .ellipse-container{width:731px;height:509px}}#section-wifi-6 .section-container .grid-right .ellipse-img{width:100%;height:100%}@media (max-width: 720px){#section-wifi-6 .section-container .grid-right .ellipse-img{left:2.5vw;top:5vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .grid-right .ellipse-img{left:2.344vw;top:4.688vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .grid-right .ellipse-img{left:131px;top:57px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .grid-right .ellipse-img{left:110px;top:48px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .grid-right .ellipse-img{left:89px;top:39px}}#section-wifi-6 .section-container .title-text{}@media (max-width: 720px){#section-wifi-6 .section-container .title-text{margin-bottom:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .title-text{margin-bottom:5.208vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .title-text{margin-bottom:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .title-text{margin-bottom:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .title-text{margin-bottom:14px}}#section-wifi-6 .section-container .text-text{}@media (max-width: 720px){#section-wifi-6 .section-container .text-text{margin-bottom:13.333vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .text-text{margin-bottom:12.5vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .text-text{margin-bottom:164px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .text-text{margin-bottom:137px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .text-text{margin-bottom:112px}}@media (min-width:1024px){#section-wifi-6 .section-container .text-text{}}@media (min-width: 1800px){#section-wifi-6 .section-container .text-text{width:447px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .text-text{width:375px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .text-text{width:305px}}@media (max-width:1023px){#section-wifi-6 .section-container{flex-direction:column}}#section-wifi-6 .section-container .grid-1{}@media (max-width: 720px){#section-wifi-6 .section-container .grid-1{margin-right:18.056vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .grid-1{margin-right:16.927vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .grid-1{margin-right:102px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .grid-1{margin-right:86px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .grid-1{margin-right:70px}}#section-wifi-6 .section-container .grid-3{}@media (max-width: 720px){#section-wifi-6 .section-container .grid-3{margin-top:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .grid-3{margin-top:8.333vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .grid-3{margin-top:40px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .grid-3{margin-top:34px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .grid-3{margin-top:27px}}#section-wifi-6 .section-container .icon-1{}@media (max-width: 720px){#section-wifi-6 .section-container .icon-1{width:8.889vw;height:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .icon-1{width:8.333vw;height:8.333vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .icon-1{width:50px;height:50px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .icon-1{width:42px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .icon-1{width:34px;height:34px}}#section-wifi-6 .section-container .icon-2{}@media (max-width: 720px){#section-wifi-6 .section-container .icon-2{width:8.889vw;height:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .icon-2{width:8.333vw;height:8.333vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .icon-2{width:50px;height:50px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .icon-2{width:42px;height:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .icon-2{width:34px;height:34px}}#section-wifi-6 .section-container .icon-3{}@media (max-width: 720px){#section-wifi-6 .section-container .icon-3{width:8.889vw;height:8.889vw}}@media (min-width: 721px) and (max-width: 1023px){#section-wifi-6 .section-container .icon-3{width:8.333vw;height:8.333vw}}@media (min-width: 1800px){#section-wifi-6 .section-container .icon-3{width:48px;height:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-wifi-6 .section-container .icon-3{width:40px;height:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-wifi-6 .section-container .icon-3{width:33px;height:33px}}#section-interaction .section-container.ls-hidden .title-text{}@media (max-width: 720px){#section-interaction .section-container.ls-hidden .title-text{margin-bottom:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-interaction .section-container.ls-hidden .title-text{margin-bottom:5.208vw}}#section-interaction .section-container.ls-hidden .container-1{}@media (max-width: 720px){#section-interaction .section-container.ls-hidden .container-1{width:88.889vw;height:72.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-interaction .section-container.ls-hidden .container-1{width:83.333vw;height:67.708vw}}#section-interaction .section-container.ls-hidden .container-2{}@media (max-width: 720px){#section-interaction .section-container.ls-hidden .container-2{width:88.889vw;height:66.667vw}}@media (min-width: 721px) and (max-width: 1023px){#section-interaction .section-container.ls-hidden .container-2{width:83.333vw;height:62.5vw}}#section-interaction .section-container.ls-hidden .img-container{}@media (max-width: 720px){#section-interaction .section-container.ls-hidden .img-container{margin-top:13.333vw;margin-bottom:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-interaction .section-container.ls-hidden .img-container{margin-top:12.5vw;margin-bottom:20.833vw}}#section-interaction .section-container.ls-hidden .img-container img{width:100%;height:100%}#section-interaction .sticky-container{color:#fff}@media (min-width: 1800px){#section-interaction .sticky-container{height:calc(1507px + 200vh + 1080px - 50vh - 229px + 40px);height:calc(1507px + (200 * var(--vh, 1vh)) + 1080px - (50 * var(--vh, 1vh)) - 229px + 40px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container{height:calc(1263px + 200vh + 905px - 50vh - 192px + 34px);height:calc(1263px + (200 * var(--vh, 1vh)) + 905px - (50 * var(--vh, 1vh)) - 192px + 34px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container{height:calc(1029px + 200vh + 738px - 50vh - 156px + 27px);height:calc(1029px + (200 * var(--vh, 1vh)) + 738px - (50 * var(--vh, 1vh)) - 156px + 27px)}}#section-interaction .sticky-container .sticky-grid{position:-webkit-sticky;position:sticky;width:100vw;overflow:hidden;top:0;display:flex;justify-content:center}@media (min-width: 1800px){#section-interaction .sticky-container .sticky-grid{height:1080px}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .sticky-grid{height:905px}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .sticky-grid{height:738px}}#section-interaction .sticky-container .sticky-grid .sticky-content{min-width:100vw}@media (min-width: 1800px){#section-interaction .sticky-container .sticky-grid .sticky-content{width:1920px;height:1080px}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .sticky-grid .sticky-content{width:1610px;height:905px}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .sticky-grid .sticky-content{width:1311px;height:738px}}#section-interaction .sticky-container .sticky-grid .img1-container{width:100%;height:100%}#section-interaction .sticky-container .sticky-grid .img1-container img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}#section-interaction .sticky-container .sticky-grid .img1-container .img1-mask{width:100%;height:100%;background-color:#000;opacity:0}#section-interaction .sticky-container .sticky-grid .img2-container{width:100%;height:100%}#section-interaction .sticky-container .sticky-grid .img2-container img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}#section-interaction .sticky-container .sticky-grid .img2-container .img2-mask{width:100%;height:100%;background-color:#000;opacity:0}#section-interaction .sticky-container .text-container{text-align:center}#section-interaction .sticky-container .text-container #text-section-1{position:relative}@media (min-width: 1800px){#section-interaction .sticky-container .text-container #text-section-1{height:calc(198px + 50vh);height:calc(198px + (50 * var(--vh, 1vh)))}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container #text-section-1{height:calc(166px + 50vh);height:calc(166px + (50 * var(--vh, 1vh)))}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container #text-section-1{height:calc(135px + 50vh);height:calc(135px + (50 * var(--vh, 1vh)))}}#section-interaction .sticky-container .text-container #text-section-1 .text-section{opacity:0;top:50vh;top:calc(50 * var(--vh, 1vh));transition:opacity .5s linear,top .5s cubic-bezier(0,.99,.48,1)}@media (min-width: 1800px){#section-interaction .sticky-container .text-container #text-section-1 .text-section{height:198px}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container #text-section-1 .text-section{height:166px}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container #text-section-1 .text-section{height:135px}}#section-interaction .sticky-container .text-container #text-section-1.show .text-section{opacity:1}@media (min-width: 1800px){#section-interaction .sticky-container .text-container #text-section-1.show .text-section{top:calc(50vh - 40px);top:calc((50 * var(--vh, 1vh)) - 40px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container #text-section-1.show .text-section{top:calc(50vh - 34px);top:calc((50 * var(--vh, 1vh)) - 34px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container #text-section-1.show .text-section{top:calc(50vh - 27px);top:calc((50 * var(--vh, 1vh)) - 27px)}}#section-interaction .sticky-container .text-container #text-section-2{margin-top:100vh;margin-top:calc(100 * var(--vh, 1vh));position:relative}@media (min-width: 1800px){#section-interaction .sticky-container .text-container #text-section-2{height:calc(229px + 50vh);height:calc(229px + (50 * var(--vh, 1vh)))}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container #text-section-2{height:calc(192px + 50vh);height:calc(192px + (50 * var(--vh, 1vh)))}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container #text-section-2{height:calc(156px + 50vh);height:calc(156px + (50 * var(--vh, 1vh)))}}#section-interaction .sticky-container .text-container #text-section-2 .text-section{opacity:0;top:50vh;top:calc(50 * var(--vh, 1vh));transition:opacity .5s linear,top .5s cubic-bezier(0,.99,.48,1)}@media (min-width: 1800px){#section-interaction .sticky-container .text-container #text-section-2 .text-section{height:229px}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container #text-section-2 .text-section{height:192px}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container #text-section-2 .text-section{height:156px}}#section-interaction .sticky-container .text-container #text-section-2.show .text-section{opacity:1}@media (min-width: 1800px){#section-interaction .sticky-container .text-container #text-section-2.show .text-section{top:calc(50vh - 40px);top:calc((50 * var(--vh, 1vh)) - 40px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container #text-section-2.show .text-section{top:calc(50vh - 34px);top:calc((50 * var(--vh, 1vh)) - 34px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container #text-section-2.show .text-section{top:calc(50vh - 27px);top:calc((50 * var(--vh, 1vh)) - 27px)}}#section-interaction .sticky-container .text-container .text-section{display:flex;flex-direction:column;align-items:center}#section-interaction .sticky-container .text-container .title-text{}@media (min-width: 1800px){#section-interaction .sticky-container .text-container .title-text{margin-bottom:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container .title-text{margin-bottom:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container .title-text{margin-bottom:14px}}#section-interaction .sticky-container .text-container .text-text{}@media (min-width: 1800px){#section-interaction .sticky-container .text-container .text-text{width:864px}}@media (min-width: 1400px) and (max-width: 1799px){#section-interaction .sticky-container .text-container .text-text{width:724px}}@media (min-width: 1024px) and (max-width: 1399px){#section-interaction .sticky-container .text-container .text-text{width:590px}}#section-control{background-color:#f8f9fb;overflow:hidden}@media (max-width: 720px){#section-control{padding-top:22.222vw;padding-bottom:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control{padding-top:20.833vw;padding-bottom:20.833vw}}@media (min-width: 1800px){#section-control{padding-top:80px;padding-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control{padding-top:67px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control{padding-top:55px;padding-bottom:87px}}#section-control .caption-text{opacity:.78}#section-control .title-text{}@media (max-width: 720px){#section-control .title-text{margin-bottom:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .title-text{margin-bottom:5.208vw}}@media (min-width: 1800px){#section-control .title-text{margin-bottom:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .title-text{margin-bottom:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .title-text{margin-bottom:14px}}@media (max-width:1023px){#section-control .control-top{flex-direction:column}}@media (min-width:1024px){#section-control .control-top{align-items:center}}#section-control .control-top .caption-text{}@media (max-width: 720px){#section-control .control-top .caption-text{margin-top:7.778vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .control-top .caption-text{margin-top:7.292vw}}@media (min-width: 1800px){#section-control .control-top .caption-text{margin-top:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-top .caption-text{margin-top:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-top .caption-text{margin-top:41px}}@media (max-width:1023px){#section-control .control-top .caption-text{order:3}}@media (max-width: 720px){#section-control .control-top .caption-text{margin-bottom:16.667vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .control-top .caption-text{margin-bottom:15.625vw}}#section-control .control-top .control-desc{}@media (min-width: 1800px){#section-control .control-top .control-desc{width:584px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-top .control-desc{width:490px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-top .control-desc{width:399px}}@media (min-width:1024px){#section-control .control-top .control-desc{flex-shrink:0}}#section-control .control-top .control-img{flex-shrink:0}@media (max-width: 720px){#section-control .control-top .control-img{width:88.889vw;height:62.5vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .control-top .control-img{width:83.333vw;height:58.594vw}}@media (min-width: 1800px){#section-control .control-top .control-img{width:764px;height:598px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-top .control-img{width:641px;height:501px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-top .control-img{width:522px;height:408px}}@media (max-width:1023px){#section-control .control-top .control-img{order:2;box-shadow:0 8px 48px rgba(0,39,53,0.1)}}@media (max-width: 720px){#section-control .control-top .control-img{margin-top:5.556vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .control-top .control-img{margin-top:5.208vw}}@media (min-width:1024px){#section-control .control-top .control-img{}}@media (min-width: 1800px){#section-control .control-top .control-img{margin-right:20px;margin-bottom:66px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-top .control-img{margin-right:17px;margin-bottom:55px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-top .control-img{margin-right:14px;margin-bottom:45px}}@media (max-width:1023px){#section-control .control-bottom{flex-direction:column}}@media (min-width:1024px){#section-control .control-bottom{align-items:center}}#section-control .control-bottom .control-desc{}@media (min-width: 1800px){#section-control .control-bottom .control-desc{width:655px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-bottom .control-desc{width:549px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-bottom .control-desc{width:447px}}#section-control .control-bottom .control-desc .text-text{}@media (min-width: 1800px){#section-control .control-bottom .control-desc .text-text{width:584px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-bottom .control-desc .text-text{width:490px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-bottom .control-desc .text-text{width:399px}}@media (min-width:1024px){#section-control .control-bottom .control-desc{flex-shrink:0}}@media (min-width: 1800px){#section-control .control-bottom .control-desc{margin-right:138px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-bottom .control-desc{margin-right:116px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-bottom .control-desc{margin-right:94px}}#section-control .control-bottom .control-img{flex-shrink:0}@media (max-width: 720px){#section-control .control-bottom .control-img{width:85.833vw;height:79.722vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .control-bottom .control-img{width:80.469vw;height:74.74vw}}@media (min-width: 1800px){#section-control .control-bottom .control-img{width:711px;height:646px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .control-bottom .control-img{width:596px;height:542px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .control-bottom .control-img{width:486px;height:441px}}@media (max-width:1023px){#section-control .control-bottom .control-img{}}@media (max-width: 720px){#section-control .control-bottom .control-img{margin-top:12.5vw;margin-left:16.667vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .control-bottom .control-img{margin-top:11.719vw;margin-left:15.625vw}}#section-control .remarks{}@media (max-width: 720px){#section-control .remarks{margin-top:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-control .remarks{margin-top:20.833vw}}@media (min-width: 1800px){#section-control .remarks{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .remarks{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .remarks{margin-top:87px}}#section-control .remarks .caption-text{}@media (min-width: 1800px){#section-control .remarks .caption-text{margin-top:8px}}@media (min-width: 1400px) and (max-width: 1799px){#section-control .remarks .caption-text{margin-top:7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-control .remarks .caption-text{margin-top:5px}}.text-center{text-align:center}.section-container{margin:0 auto}@media (max-width: 720px){.section-container{width:88.889vw}}@media (min-width: 721px) and (max-width: 1023px){.section-container{width:83.333vw}}@media (min-width: 1800px){.section-container{width:1313px}}@media (min-width: 1400px) and (max-width: 1799px){.section-container{width:1101px}}@media (min-width: 1024px) and (max-width: 1399px){.section-container{width:897px}}.title-text{font-size:48px;line-height:1.17;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.21;font-weight:400}@media (min-width:1400px) and (max-width:1799px){.title-text{font-size:40.2432px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.title-text{font-size:32.779199999999996px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.title-text{letter-spacing:0;font-size:56px}}@media (max-width:720px){.title-text{letter-spacing:0;font-size:28px}}.subtitle-text{font-size:42px;line-height:1.52;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.57;font-weight:400}@media (min-width:1400px) and (max-width:1799px){.subtitle-text{font-size:35.2128px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.subtitle-text{font-size:28.6818px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.subtitle-text{letter-spacing:0;font-size:56px}}@media (max-width:720px){.subtitle-text{letter-spacing:0;font-size:28px}}.small-title-text{font-size:28px;line-height:1.5;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.5;font-weight:400}@media (min-width:1400px) and (max-width:1799px){.small-title-text{font-size:23.4752px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.small-title-text{font-size:19.121199999999998px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.small-title-text{letter-spacing:0;font-size:32px}}@media (max-width:720px){.small-title-text{letter-spacing:0;font-size:16px}}@media (min-width:1024px){.small-title-text{letter-spacing:-.18px}}.label-title{font-size:24px;line-height:1.33;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.5;font-weight:500}@media (min-width:1400px) and (max-width:1799px){.label-title{font-size:20.1216px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.label-title{font-size:16.389599999999998px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.label-title{letter-spacing:0;font-size:32px}}@media (max-width:720px){.label-title{letter-spacing:0;font-size:16px}}@media (min-width:1024px){.label-title{letter-spacing:-.14px}}.label-text{font-size:18px;line-height:1.56;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.17;font-weight:400}@media (min-width:1400px) and (max-width:1799px){.label-text{font-size:15.0912px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.label-text{font-size:12.2922px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.label-text{letter-spacing:0;font-size:24px}}@media (max-width:720px){.label-text{letter-spacing:0;font-size:12px}}@media (min-width:1024px){.label-text{letter-spacing:-.1px}}.text-text{font-size:18px;line-height:1.56;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.75;font-weight:400}@media (min-width:1400px) and (max-width:1799px){.text-text{font-size:15.0912px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.text-text{font-size:12.2922px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.text-text{letter-spacing:0;font-size:32px}}@media (max-width:720px){.text-text{letter-spacing:0;font-size:16px}}.place-text{font-size:18px;line-height:1.56;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.43;font-weight:400}@media (min-width:1400px) and (max-width:1799px){.place-text{font-size:15.0912px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.place-text{font-size:12.2922px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.place-text{letter-spacing:0;font-size:28px}}@media (max-width:720px){.place-text{letter-spacing:0;font-size:14px}}.caption-text{font-size:12px;line-height:1.67;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.67;font-weight:400;letter-spacing:-.05px}@media (min-width:1400px) and (max-width:1799px){.caption-text{font-size:10.0608px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.caption-text{font-size:8.194799999999999px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.caption-text{letter-spacing:0;font-size:24px}}@media (max-width:720px){.caption-text{letter-spacing:0;font-size:12px}}.icon-text{font-size:24px;line-height:1.17;letter-spacing:0;font-family:'OPPOSans20',Arial,sans-serif;font-family:'OPPOSans20',Arial,sans-serif;line-height:1.5;font-weight:400}@media (min-width:1400px) and (max-width:1799px){.icon-text{font-size:20.1216px;letter-spacing:0}}@media (min-width:1024px) and (max-width:1399px){.icon-text{font-size:16.389599999999998px;letter-spacing:0}}@media (min-width:721px) and (max-width:1023px){.icon-text{letter-spacing:0;font-size:32px}}@media (max-width:720px){.icon-text{letter-spacing:0;font-size:16px}}@media (min-width:1024px){.icon-text{letter-spacing:-.15px}}#section-variant-bg{background:#fff}@media (max-width: 720px){#section-variant-bg{padding-top:22.222vw;padding-bottom:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-variant-bg{padding-top:20.833vw;padding-bottom:20.833vw}}@media (min-width: 1800px){#section-variant-bg{padding-top:128px;padding-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-variant-bg{padding-top:107px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-variant-bg{padding-top:87px;padding-bottom:87px}}@media (max-width:1023px){#section-variant-bg{background:linear-gradient(0,#fff 1.08%,#f8f9fb 100%)}}#section-black-bg{background-color:#000}@media (max-width: 720px){#section-black-bg{padding-top:22.222vw;padding-bottom:22.222vw}}@media (min-width: 721px) and (max-width: 1023px){#section-black-bg{padding-top:20.833vw;padding-bottom:20.833vw}}@media (min-width: 1800px){#section-black-bg{padding-top:128px;padding-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){#section-black-bg{padding-top:107px;padding-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){#section-black-bg{padding-top:87px;padding-bottom:87px}}