.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}}@media (max-width:720px){.g--container,.g--container-pt{width:calc(100vw - 40px)}}@media (min-width:720px) and (max-width:1023px){.g--container,.g--container-pt{width:calc(100vw - 80px)}}@media (min-width:1024px){.g--gap-top-large{}}@media (min-width: 1800px){.g--gap-top-large{margin-top:278px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-large{margin-top:233px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-large{margin-top:190px}}@media (max-width:1023px){.g--gap-top-large{}}@media (max-width: 720px){.g--gap-top-large{margin-top:96px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-large{margin-top:192px}}@media (min-width:1024px){.g--gap-bottom-large{}}@media (min-width: 1800px){.g--gap-bottom-large{margin-bottom:278px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-large{margin-bottom:233px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-large{margin-bottom:190px}}@media (max-width:1023px){.g--gap-bottom-large{}}@media (max-width: 720px){.g--gap-bottom-large{margin-bottom:96px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-large{margin-bottom:192px}}@media (min-width:1024px){.g--gap-top-medium{}}@media (min-width: 1800px){.g--gap-top-medium{margin-top:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-medium{margin-top:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-medium{margin-top:87px}}@media (max-width:1023px){.g--gap-top-medium{}}@media (max-width: 720px){.g--gap-top-medium{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-medium{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-medium{}}@media (min-width: 1800px){.g--gap-bottom-medium{margin-bottom:128px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-medium{margin-bottom:107px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-medium{margin-bottom:87px}}@media (max-width:1023px){.g--gap-bottom-medium{}}@media (max-width: 720px){.g--gap-bottom-medium{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-medium{margin-bottom:90px}}@media (min-width:1024px){.g--gap-top-small{}}@media (min-width: 1800px){.g--gap-top-small{margin-top:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-top-small{margin-top:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-top-small{margin-top:61px}}@media (max-width:1023px){.g--gap-top-small{}}@media (max-width: 720px){.g--gap-top-small{margin-top:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-top-small{margin-top:90px}}@media (min-width:1024px){.g--gap-bottom-small{}}@media (min-width: 1800px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width: 1400px) and (max-width: 1799px){.g--gap-bottom-small{margin-bottom:75px}}@media (min-width: 1024px) and (max-width: 1399px){.g--gap-bottom-small{margin-bottom:61px}}@media (max-width:1023px){.g--gap-bottom-small{}}@media (max-width: 720px){.g--gap-bottom-small{margin-bottom:45px}}@media (min-width: 720px) and (max-width: 1023px){.g--gap-bottom-small{margin-bottom:90px}}@media (min-width:1024px){.g--wrapper{width:calc(100% - 64px)}}@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 .g--black{color:#000}.zn--wrapper .g--white{color:#fff}.zn--wrapper .g--title-1{font-family:OPPOSans-Medium;font-size:28px;line-height:44px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--title-1{font-size:42px;line-height:64px;letter-spacing:-.2px}}.zn--wrapper .g--desc-title-1{font-family:OPPOSans-Regular;font-size:36px;line-height:48px;letter-spacing:0}@media (min-width:1024px){.zn--wrapper .g--desc-title-1{font-size:52px;line-height:64px;letter-spacing:0}}.zn--wrapper .g--unit-1{font-family:OPPOSans-Bold;font-size:16px;line-height:36px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--unit-1{font-family:OPPOSans-Regular;font-size:16px;line-height:32px;letter-spacing:0}}.zn--wrapper .g--desc-detail-1{font-family:OPPOSans-Regular;font-size:14px;line-height:24px;letter-spacing:-.06px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-1{font-size:16px;line-height:18px;letter-spacing:-.07px}}.zn--wrapper .g--desc-detail-2{font-family:OPPOSans-Bold;font-size:16px;line-height:24px;letter-spacing:-.07px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-2{font-family:OPPOSans-Bold;font-size:20px;line-height:24px;letter-spacing:-.06px}}.zn--wrapper .g--desc-detail-3{font-family:OPPOSans-Medium;font-size:16px;line-height:28px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-3{font-size:20px;line-height:36px;letter-spacing:0}}.zn--wrapper .g--desc-detail-3-1{font-family:OPPOSans-Medium;font-size:16px;line-height:28px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-3-1{font-family:OPPOSans-Regular;font-size:16px;line-height:28px;letter-spacing:-.1px}}.zn--wrapper .g--desc-detail-3-1.op-67{opacity:.67}.zn--wrapper .g--desc-detail-4{font-family:OPPOSans-Bold;font-size:14px;line-height:24px;letter-spacing:-.09px}@media (min-width:1024px){.zn--wrapper .g--desc-detail-4{font-size:20px;line-height:36px;letter-spacing:-.12px}}.zn--wrapper .g--title-2{font-family:OPPOSans-Medium;font-size:28px;line-height:44px;letter-spacing:-.1px}@media (min-width:1024px){.zn--wrapper .g--title-2{font-size:42px;line-height:64px;letter-spacing:-.2px}}.zn--wrapper .g--desc-detail-5{font-family:OPPOSans-Regular;font-size:16px;line-height:28px;letter-spacing:-.1px}.zn--wrapper .font-button{font-family:OPPOSans-Medium;font-size:14px;line-height:1.71}.zn--wrapper .font-subtitle-2{font-family:OPPOSans-Medium;font-size:42px;line-height:1.52;letter-spacing:-.0048em}.zn--wrapper .font-subtitle-4{font-family:OPPOSans-Medium;font-size:28px;line-height:1.57;letter-spacing:-.0036em}@media (min-width:1024px){.zn--wrapper .font-subtitle-4{font-size:42px;line-height:1.52;letter-spacing:-.0048em}}.zn--wrapper .font-subtitle-4 sup{font-size:40%;top:-1.2em}.zn--wrapper .font-body-1{font-family:OPPOSans-Bold;font-size:20px;line-height:1.6;letter-spacing:-.006em}@media (min-width:1024px){.zn--wrapper .font-body-1{font-size:24px;line-height:1.5}}.zn--wrapper .font-body-2{font-size:16px;line-height:1.75;letter-spacing:-.0062em}@media (min-width:1024px){.zn--wrapper .font-body-2{font-size:20px;line-height:1.6;letter-spacing:-.006em}}.zn--wrapper .font-body-3{font-size:14px;line-height:1.71;letter-spacing:-.0043em}.zn--wrapper .font-body-4{font-size:12px;line-height:2}@media (min-width:1024px){.zn--wrapper .font-body-4{font-size:16px;line-height:1.13;letter-spacing:-.0044em}}.zn--wrapper{font-size:16px;font-family: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;opacity:0}.zn--wrapper img.loaded{opacity:1}.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%)}.zn--wrapper p{font-weight:inherit}@media (max-width:768px){#oc-header{overflow:hidden}}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}#footer .law{display:none}#footer .main{padding-top:0}body.no-scroll{overflow-y:hidden}.video-wrapper{position:relative}.play{font-family:OPPOSans-Medium;display:inline-flex;align-items:center;position:absolute;left:50%;color:#000;background:#fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (min-width:1024px){.play{letter-spacing:-.004285714285714286em}}@media (min-width: 1800px){.play{bottom:41px;border-radius:2px;padding:15px 20px;font-size:14px;line-height:24px}}@media (min-width: 1400px) and (max-width: 1799px){.play{bottom:34px;border-radius:2px;padding:13px 17px;font-size:12px;line-height:20px}}@media (min-width: 1024px) and (max-width: 1399px){.play{bottom:28px;border-radius:1px;padding:10px 14px;font-size:10px;line-height:16px}}@media (max-width:1023px){.play{letter-spacing:-.004166666666666667em}}@media (max-width: 720px){.play{bottom:11px;border-radius:2px;padding:4px 13px;font-size:12px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){.play{bottom:22px;border-radius:4px;padding:8px 26px;font-size:24px;line-height:48px}}.play .icon-play{display:inline-block}@media (min-width:1024px){.play .icon-play{}}@media (min-width: 1800px){.play .icon-play{margin-right:13px;width:14px;height:18px}}@media (min-width: 1400px) and (max-width: 1799px){.play .icon-play{margin-right:11px;width:12px;height:15px}}@media (min-width: 1024px) and (max-width: 1399px){.play .icon-play{margin-right:9px;width:10px;height:12px}}@media (max-width:1023px){.play .icon-play{}}@media (max-width: 720px){.play .icon-play{margin-right:6px;width:9px;height:12px}}@media (min-width: 720px) and (max-width: 1023px){.play .icon-play{margin-right:12px;width:18px;height:24px}}.links.module{display:none !important}.g--common-button{display:inline-flex;margin:0 auto;border:1px solid #fff;letter-spacing:-.004166666666666667em;cursor:pointer;color:#fff;transition:opactiy .5s,color .5s}@media (max-width: 720px){.g--common-button{border-radius:2px;padding:4px 16px;font-size:12px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){.g--common-button{border-radius:4px;padding:8px 32px;font-size:24px;line-height:48px}}@media (min-width:1024px){.g--common-button{font-family:OPPOSans-Medium;letter-spacing:-.008333333333333333em}}@media (min-width: 1800px){.g--common-button{padding:6px 16px;font-size:18px;line-height:36px}}@media (min-width: 1400px) and (max-width: 1799px){.g--common-button{padding:5px 13px;font-size:15px;line-height:30px}}@media (min-width: 1024px) and (max-width: 1399px){.g--common-button{padding:4px 11px;font-size:12px;line-height:25px}}.g--common-button:hover{color:#000;background:#fff}.g--text-large{font-family:OPPOSans-Bold;font-weight:600;font-style:italic}@media (max-width: 720px){.g--text-large{font-size:20px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-large{font-size:40px;line-height:48px}}@media (min-width:1024px){.g--text-large{}}@media (min-width: 1800px){.g--text-large{font-size:48px;line-height:72px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-large{font-size:40px;line-height:60px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-large{font-size:33px;line-height:49px}}.g--text-detail{letter-spacing:-.004285714285714286em}@media (max-width: 720px){.g--text-detail{font-size:14px;line-height:21px}}@media (min-width: 720px) and (max-width: 1023px){.g--text-detail{font-size:28px;line-height:42px}}@media (min-width:1024px){.g--text-detail{letter-spacing:-.01em}}@media (min-width: 1800px){.g--text-detail{margin-top:20px;font-size:24px;line-height:36px}}@media (min-width: 1400px) and (max-width: 1799px){.g--text-detail{margin-top:17px;font-size:20px;line-height:30px}}@media (min-width: 1024px) and (max-width: 1399px){.g--text-detail{margin-top:14px;font-size:16px;line-height:25px}}.g--image-wrapper{position:relative;height:0}.g--image-wrapper img{position:absolute;width:100%;height:100%}.g--sup{display:inline;font-weight:400}.zn--wrapper{background:$black;color:$white}.zn--wrapper a{color:$white}.zn--wrapper .vertical-center{height:100%;display:flex;align-items:center}.zn--wrapper .vertical-center > *{width:100%}.zn--wrapper .horizontal-center{width:100%;display:flex;align-items:center;flex-direction:column}.zn--wrapper .horizontal-center > *{height:100%}.zn--wrapper .text-center{text-align:center}.zn--wrapper .g--sticky-container,.zn--wrapper .sticky-container{position:relative}.zn--wrapper .g--sticky-item,.zn--wrapper .sticky{position:-webkit-sticky;position:sticky;top:0}.zn--wrapper .fixed,.zn--wrapper .absolute{left:0;top:0}.zn--wrapper .fixed{position:fixed}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}@media (max-width:1023px){.zn--wrapper .fixed-pt,.zn--wrapper .absolute-pt{left:0;top:0}.zn--wrapper .fixed-pt{position:fixed}.zn--wrapper .absolute-pt{position:absolute}}@media (min-width:1024px){.zn--wrapper .fixed-ls,.zn--wrapper .absolute-ls{left:0;top:0}.zn--wrapper .fixed-ls{position:fixed}.zn--wrapper .absolute-ls{position:absolute}}.g--popup{position:fixed;top:0;left:0;width:100%;height:100vh;height:calc(100 * var(--vh, 1vh));z-index:11;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-transform:translateY(calc(100 * var(--vh, 1vh)));transform:translateY(calc(100 * var(--vh, 1vh)))}.g--popup.show{-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}.g--popup.disappear{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-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:2260px){.g--popup .g--video-wrapper{margin-top:-24px}}@media (max-width:1023px){.g--popup .g--video-wrapper{width:100vw}}.g--popup .g--video-wrapper video{width:100%;height:100%;outline:none}.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:16px}}@media (min-width: 720px) and (max-width: 1023px){.g--popup .g--popup-close{right:32px}}.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}.g--video-converter .wrapper{height:100%;position:relative}.g--video-converter .wrapper .video{width:100%;height:100%;object-fit:cover;object-position:center}.zn-star-text{position:relative;width:100%;font-family:OPPOSans-Medium;font-size:72px}@media (max-width: 720px){.zn-star-text{height:288px}}@media (min-width: 720px) and (max-width: 1023px){.zn-star-text{height:576px}}@media (min-width:1024px){.zn-star-text{font-size:120px}}@media (min-width: 1800px){.zn-star-text{height:820px}}@media (min-width: 1400px) and (max-width: 1799px){.zn-star-text{height:687px}}@media (min-width: 1024px) and (max-width: 1399px){.zn-star-text{height:560px}}.zn-star-text .star-text{position:absolute;top:-9999px;left:-999px;opacity:0}.zn-star-text .star-canvas{width:100%;height:100%}.comp-section-title{font-family:OPPOSans-Bold;font-weight:600;font-style:italic}@media (max-width: 720px){.comp-section-title{font-size:28px;line-height:39px}}@media (min-width: 720px) and (max-width: 1023px){.comp-section-title{font-size:56px;line-height:78px}}@media (min-width:1024px){.comp-section-title{text-align:center}}@media (min-width: 1800px){.comp-section-title{font-size:68px;line-height:95px}}@media (min-width: 1400px) and (max-width: 1799px){.comp-section-title{font-size:57px;line-height:80px}}@media (min-width: 1024px) and (max-width: 1399px){.comp-section-title{font-size:46px;line-height:65px}}.comp-section-title .title{position:relative;z-index:0;background:linear-gradient(180deg,#bc2900,#3d0000 185%);-webkit-background-clip:text;color:transparent}.ie .comp-section-title .title{color:#bc2900}.comp-section-title .subtitle{position:relative;z-index:1}.comp-paragraph-title{font-family:OPPOSans-Bold;font-weight:600;font-style:italic}@media (max-width: 720px){.comp-paragraph-title{font-size:20px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){.comp-paragraph-title{font-size:40px;line-height:48px}}@media (min-width:1024px){.comp-paragraph-title{}}@media (min-width: 1800px){.comp-paragraph-title{font-size:48px;line-height:82px}}@media (min-width: 1400px) and (max-width: 1799px){.comp-paragraph-title{font-size:40px;line-height:68px}}@media (min-width: 1024px) and (max-width: 1399px){.comp-paragraph-title{font-size:33px;line-height:56px}}#section-kv{color:#fff;background:#000;text-align:center}@media (max-width: 720px){#section-kv{height:554px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv{height:1108px}}@media (min-width:1024px){#section-kv{overflow:hidden}}@media (min-width: 1800px){#section-kv{height:930px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv{height:780px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv{height:635px}}@media (min-width:1400px) and (max-width:1799px){#section-kv{height:702px}}@media (min-width:1024px) and (max-width:1399px){#section-kv{height:495px}}#section-kv .logo{}@media (max-width: 720px){#section-kv .logo{margin:43px auto 0;width:156px;height:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .logo{margin:86px auto 0;width:312px;height:44px}}#section-kv .title{}@media (max-width: 720px){#section-kv .title{margin:18px auto 0;width:319px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .title{margin:36px auto 0;width:638px}}#section-kv .bg{position:absolute;z-index:0;top:0;left:0}@media (max-width:1023px){#section-kv .bg{position:relative;width:100vw;height:109.2vw}}@media (max-width: 720px){#section-kv .bg{margin-top:11px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .bg{margin-top:22px}}@media (min-width:1024px){#section-kv .bg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width: 1800px){#section-kv .bg{top:70px;width:1920px;height:668px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .bg{top:59px;width:1610px;height:560px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .bg{top:48px;width:1311px;height:456px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .bg{width:100%;height:34.79vw}}@media (min-width:1024px) and (max-width:1399px){#section-kv .bg{width:100%;height:34.79vw}}#section-kv .phone{position:absolute;z-index:1;top:51%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width: 720px){#section-kv .phone{width:237px;height:305px}}@media (min-width: 720px) and (max-width: 1023px){#section-kv .phone{width:474px;height:610px}}@media (max-width:1023px){#section-kv .phone{left:55%}}@media (min-width:1024px){#section-kv .phone{top:48%;left:55%}}@media (min-width: 1800px){#section-kv .phone{width:705px;height:739px}}@media (min-width: 1400px) and (max-width: 1799px){#section-kv .phone{width:591px;height:620px}}@media (min-width: 1024px) and (max-width: 1399px){#section-kv .phone{width:481px;height:505px}}@media (min-width:1400px) and (max-width:1799px){#section-kv .phone{top:43%;width:532px;height:558px}}@media (min-width:1024px) and (max-width:1399px){#section-kv .phone{top:45%;width:375px;height:409px}}#section-overview{}@media (min-width: 1800px){#section-overview{margin-top:182px}}@media (min-width: 1400px) and (max-width: 1799px){#section-overview{margin-top:153px}}@media (min-width: 1024px) and (max-width: 1399px){#section-overview{margin-top:124px}}#section-overview .video-wrapper{width:100%;height:0;padding-bottom:56.25%;background:#00f}@media (min-width:1024px){#section-overview .text{text-align:center}}@media (min-width: 1800px){#section-overview .text{margin:64px auto 0;width:928px}}@media (min-width: 1400px) and (max-width: 1799px){#section-overview .text{margin:54px auto 0;width:778px}}@media (min-width: 1024px) and (max-width: 1399px){#section-overview .text{margin:44px auto 0;width:634px}}#section-overview .logo{}@media (max-width: 720px){#section-overview .logo{margin-top:32px;width:236px;height:33px}}@media (min-width: 720px) and (max-width: 1023px){#section-overview .logo{margin-top:64px;width:472px;height:66px}}@media (min-width:1024px){#section-overview .logo{margin-left:auto;margin-right:auto}}@media (min-width: 1800px){#section-overview .logo{margin-top:96px;width:482px;height:68px}}@media (min-width: 1400px) and (max-width: 1799px){#section-overview .logo{margin-top:80px;width:404px;height:57px}}@media (min-width: 1024px) and (max-width: 1399px){#section-overview .logo{margin-top:66px;width:329px;height:46px}}#section-quantum .device-wrapper{position:relative;width:100%;height:0;padding-bottom:133.75%}@media (max-width: 720px){#section-quantum .device-wrapper{margin-top:-56px}}@media (min-width: 720px) and (max-width: 1023px){#section-quantum .device-wrapper{margin-top:-112px}}@media (min-width:1024px){#section-quantum .device-wrapper{padding-bottom:56.25%}}@media (min-width: 1800px){#section-quantum .device-wrapper{margin-top:-33px}}@media (min-width: 1400px) and (max-width: 1799px){#section-quantum .device-wrapper{margin-top:-28px}}@media (min-width: 1024px) and (max-width: 1399px){#section-quantum .device-wrapper{margin-top:-23px}}#section-quantum .device-wrapper img{position:absolute;width:100%;height:100%}#section-quantum .text-detail{}@media (max-width: 720px){#section-quantum .text-detail{margin-top:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-quantum .text-detail{margin-top:64px}}@media (min-width:1024px){#section-quantum .text-detail{text-align:center}}@media (min-width: 1800px){#section-quantum .text-detail{margin-top:64px}}@media (min-width: 1400px) and (max-width: 1799px){#section-quantum .text-detail{margin-top:54px}}@media (min-width: 1024px) and (max-width: 1399px){#section-quantum .text-detail{margin-top:44px}}@media (max-width:360px){#section-quantum .text-detail{width:310px}}#section-theme{width:100%}@media (min-width:1024px){#section-theme{overflow:hidden}}#section-theme .paragraph-title{}@media (max-width: 720px){#section-theme .paragraph-title{margin-top:48px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .paragraph-title{margin-top:96px}}#section-theme .text-detail{}@media (max-width: 720px){#section-theme .text-detail{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .text-detail{margin-top:40px}}@media (max-width:375px){#section-theme .text-avengers{width:290px}}#section-theme .theme-selector{position:relative;width:100%;height:127.78vw}@media (max-width: 720px){#section-theme .theme-selector{margin-top:39px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector{margin-top:78px}}@media (min-width:1024px){#section-theme .theme-selector{overflow:hidden}}@media (min-width: 1800px){#section-theme .theme-selector{margin:226px auto 0;width:1920px;height:933px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector{margin:189px auto 0;width:1610px;height:782px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector{margin:154px auto 0;width:1311px;height:637px}}@media (min-width:1400px) and (max-width:1799px){#section-theme .theme-selector{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:1024px) and (max-width:1399px){#section-theme .theme-selector{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:1024px){#section-theme .theme-selector .info{position:absolute}}@media (min-width: 1800px){#section-theme .theme-selector .info{left:306px;width:693px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .info{left:257px;width:581px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .info{left:209px;width:473px}}#section-theme .theme-selector .info .text-deatil{}@media (min-width: 1800px){#section-theme .theme-selector .info .text-deatil{margin-top:17px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .info .text-deatil{margin-top:14px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .info .text-deatil{margin-top:12px}}#section-theme .theme-selector .text-wrapper{position:absolute;z-index:0;top:12vw;left:50%;width:79.167vw;height:auto;opacity:0;transition:opacity .4s}@media (max-width:1023px){#section-theme .theme-selector .text-wrapper{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width:1024px){#section-theme .theme-selector .text-wrapper{top:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media (min-width: 1800px){#section-theme .theme-selector .text-wrapper{left:304px;bottom:353px;width:569px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .text-wrapper{left:255px;bottom:296px;width:477px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .text-wrapper{left:208px;bottom:241px;width:389px}}@media (max-width:1023px){#section-theme .theme-selector .text-wrapper.captain-america{top:13.22vw;width:83.3%}}@media (min-width:1024px){#section-theme .theme-selector .text-wrapper.captain-america{}}@media (min-width: 1800px){#section-theme .theme-selector .text-wrapper.captain-america{width:765px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .text-wrapper.captain-america{width:641px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .text-wrapper.captain-america{width:522px}}@media (max-width:1023px){#section-theme .theme-selector .text-wrapper.hulk{width:42.5%}}@media (min-width:1024px){#section-theme .theme-selector .text-wrapper.hulk{}}@media (min-width: 1800px){#section-theme .theme-selector .text-wrapper.hulk{width:304px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .text-wrapper.hulk{width:255px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .text-wrapper.hulk{width:208px}}@media (max-width:1023px){#section-theme .theme-selector .text-wrapper.black-window{top:13.22vw;width:66.39%}}@media (min-width:1024px){#section-theme .theme-selector .text-wrapper.black-window{}}@media (min-width: 1800px){#section-theme .theme-selector .text-wrapper.black-window{width:614px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .text-wrapper.black-window{width:515px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .text-wrapper.black-window{width:419px}}@media (max-width:1023px){#section-theme .theme-selector .text-wrapper.thor{top:11vw;width:43.61%}}@media (min-width:1024px){#section-theme .theme-selector .text-wrapper.thor{}}@media (min-width: 1800px){#section-theme .theme-selector .text-wrapper.thor{width:312px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .text-wrapper.thor{width:262px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .text-wrapper.thor{width:213px}}@media (max-width:1023px){#section-theme .theme-selector .text-wrapper.hawkeye{top:12vw;width:76.389%}}@media (min-width:1024px){#section-theme .theme-selector .text-wrapper.hawkeye{}}@media (min-width: 1800px){#section-theme .theme-selector .text-wrapper.hawkeye{width:550px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .text-wrapper.hawkeye{width:461px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .text-wrapper.hawkeye{width:376px}}#section-theme .theme-selector .text-wrapper.active{z-index:1;opacity:1;transition:opacity 1s}#section-theme .theme-selector .text-wrapper.active .shadow-up{-webkit-animation:moveUp .9s ease-out forwards;animation:moveUp .9s ease-out forwards}#section-theme .theme-selector .text-wrapper.active .shadow-down{-webkit-animation:moveDown .9s ease-out forwards;animation:moveDown .9s ease-out forwards}#section-theme .theme-selector .text-wrapper .center,#section-theme .theme-selector .text-wrapper .shadow-up,#section-theme .theme-selector .text-wrapper .shadow-down{position:absolute;top:0;left:0;width:100%;height:auto}#section-theme .theme-selector .text-wrapper .shadow-up{-webkit-transform:translateY(-73%);transform:translateY(-73%)}#section-theme .theme-selector .text-wrapper .shadow-down{-webkit-transform:translateY(73%);transform:translateY(73%)}#section-theme .theme-selector .bg-container{position:absolute;width:100%;height:75vw}@media (max-width: 720px){#section-theme .theme-selector .bg-container{top:133px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .bg-container{top:266px}}@media (min-width:1024px){#section-theme .theme-selector .bg-container{height:100%}}#section-theme .theme-selector .bg-container .bg-wrapper{z-index:0;width:100%;height:100%}@media (min-width:1024px){#section-theme .theme-selector .bg-container .bg-wrapper{position:absolute}}@media (min-width: 1800px){#section-theme .theme-selector .bg-container .bg-wrapper{bottom:39px;width:1920px;height:548px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .bg-container .bg-wrapper{bottom:33px;width:1610px;height:459px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .bg-container .bg-wrapper{bottom:27px;width:1311px;height:374px}}@media (min-width:1400px) and (max-width:1799px){#section-theme .theme-selector .bg-container .bg-wrapper{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:center 20%;transform-origin:center 20%}}@media (min-width:1024px) and (max-width:1399px){#section-theme .theme-selector .bg-container .bg-wrapper{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:center 20%;transform-origin:center 20%}}#section-theme .theme-selector .bg-container .bg-wrapper .bg{z-index:0;opacity:0;transition:opacity 0s;transition-delay:.5s}#section-theme .theme-selector .bg-container .bg-wrapper .bg.active{z-index:1;opacity:1;transition:opacity .5s;transition-delay:0s}#section-theme .theme-selector .bg-container .phone-wrapper{position:absolute;z-index:5}@media (max-width:1023px){#section-theme .theme-selector .bg-container .phone-wrapper{top:50%;left:50%;width:38.06vw;height:81.67vw;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}}@media (min-width:1024px){#section-theme .theme-selector .bg-container .phone-wrapper{top:0;right:19.22%;left:auto}}@media (min-width: 1800px){#section-theme .theme-selector .bg-container .phone-wrapper{width:435px;height:932px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .bg-container .phone-wrapper{width:365px;height:781px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .bg-container .phone-wrapper{width:297px;height:636px}}@media (min-width:1400px) and (max-width:1799px){#section-theme .theme-selector .bg-container .phone-wrapper{-webkit-transform:scale(.9);transform:scale(.9)}}@media (min-width:1024px) and (max-width:1399px){#section-theme .theme-selector .bg-container .phone-wrapper{-webkit-transform:scale(.9);transform:scale(.9)}}#section-theme .theme-selector .bg-container .phone-wrapper .phone{z-index:5;opacity:0;transition:opacity 0s;transition-delay:.5s;will-change:opacity}#section-theme .theme-selector .bg-container .phone-wrapper .phone.active{z-index:6;opacity:1;transition:opacity .5s;transition-delay:0s}#section-theme .theme-selector .bg-container .arrows{display:flex;justify-content:space-between;position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width: 720px){#section-theme .theme-selector .bg-container .arrows{padding:0 20px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .bg-container .arrows{padding:0 40px}}@media (min-width:1024px){#section-theme .theme-selector .bg-container .arrows{top:67%}}@media (min-width: 1800px){#section-theme .theme-selector .bg-container .arrows{padding:0 157px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .bg-container .arrows{padding:0 132px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .bg-container .arrows{padding:0 107px}}@media (min-width:1024px) and (max-width:1399px){#section-theme .theme-selector .bg-container .arrows{padding:0 156px}}#section-theme .theme-selector .bg-container .arrows .left,#section-theme .theme-selector .bg-container .arrows .right{cursor:pointer}@media (max-width: 720px){#section-theme .theme-selector .bg-container .arrows .left,#section-theme .theme-selector .bg-container .arrows .right{width:24px;height:33px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .bg-container .arrows .left,#section-theme .theme-selector .bg-container .arrows .right{width:48px;height:66px}}@media (min-width:1024px){#section-theme .theme-selector .bg-container .arrows .left,#section-theme .theme-selector .bg-container .arrows .right{}}@media (min-width: 1800px){#section-theme .theme-selector .bg-container .arrows .left,#section-theme .theme-selector .bg-container .arrows .right{width:42px;height:58px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .bg-container .arrows .left,#section-theme .theme-selector .bg-container .arrows .right{width:35px;height:49px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .bg-container .arrows .left,#section-theme .theme-selector .bg-container .arrows .right{width:29px;height:40px}}#section-theme .theme-selector .icons{display:flex;align-items:flex-end;position:absolute;width:100%;bottom:0}@media (max-width: 720px){#section-theme .theme-selector .icons{height:38px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .icons{height:76px}}@media (max-width:1023px){#section-theme .theme-selector .icons{justify-content:center}}@media (min-width:1024px){#section-theme .theme-selector .icons{}}@media (min-width: 1800px){#section-theme .theme-selector .icons{bottom:614px;left:304px;width:640px;height:120px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .icons{bottom:515px;left:255px;width:537px;height:101px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .icons{bottom:419px;left:208px;width:437px;height:82px}}#section-theme .theme-selector .icons .icon{transition:.4s;will-change:width,height}@media (max-width: 720px){#section-theme .theme-selector .icons .icon{width:28px;height:28px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .icons .icon{width:56px;height:56px}}@media (min-width:1024px){#section-theme .theme-selector .icons .icon{-webkit-transform-origin:left bottom;transform-origin:left bottom;cursor:pointer}}@media (min-width: 1800px){#section-theme .theme-selector .icons .icon{width:90px;height:90px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .icons .icon{width:75px;height:75px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .icons .icon{width:61px;height:61px}}#section-theme .theme-selector .icons .icon +.icon{}@media (max-width: 720px){#section-theme .theme-selector .icons .icon +.icon{margin-left:5px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .icons .icon +.icon{margin-left:10px}}@media (min-width:1024px){#section-theme .theme-selector .icons .icon +.icon{}}@media (min-width: 1800px){#section-theme .theme-selector .icons .icon +.icon{margin-left:14px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .icons .icon +.icon{margin-left:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .icons .icon +.icon{margin-left:10px}}#section-theme .theme-selector .icons .icon.active{}@media (max-width: 720px){#section-theme .theme-selector .icons .icon.active{width:38px;height:38px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .icons .icon.active{width:76px;height:76px}}@media (min-width:1024px){#section-theme .theme-selector .icons .icon.active{-webkit-transform:scale(1.333);transform:scale(1.333)}}@media (min-width:1024px){#section-theme .theme-selector .icons .icon.active + .icon,#section-theme .theme-selector .icons .icon.active + .icon + .icon,#section-theme .theme-selector .icons .icon.active + .icon + .icon + .icon,#section-theme .theme-selector .icons .icon.active + .icon + .icon + .icon + .icon,#section-theme .theme-selector .icons .icon.active + .icon + .icon + .icon + .icon + .icon,#section-theme .theme-selector .icons .icon.active + .icon + .icon + .icon + .icon + .icon + .icon,#section-theme .theme-selector .icons .icon.active + .icon + .icon + .icon + .icon + .icon + .icon + .icon{-webkit-transform:translateX(33.3%);transform:translateX(33.3%)}}#section-theme .theme-selector .icons .border-wrapper{position:absolute;top:0;left:0;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s}@media (max-width: 720px){#section-theme .theme-selector .icons .border-wrapper{width:38px;height:38px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .theme-selector .icons .border-wrapper{width:76px;height:76px}}@media (min-width:1024px){#section-theme .theme-selector .icons .border-wrapper{}}@media (min-width: 1800px){#section-theme .theme-selector .icons .border-wrapper{width:120px;height:120px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .theme-selector .icons .border-wrapper{width:101px;height:101px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .theme-selector .icons .border-wrapper{width:82px;height:82px}}#section-theme .theme-selector .icons .border-wrapper .border{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05);will-change:transform}#section-theme .theme-selector .icons .border-wrapper .border.active{opacity:1}#section-theme .text-icons{}@media (max-width: 720px){#section-theme .text-icons{margin-top:96px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .text-icons{margin-top:192px}}#section-theme .logo-phone-wrapper{overflow:hidden;position:relative;height:0}@media (max-width: 720px){#section-theme .logo-phone-wrapper{margin-top:39px;margin-left:20px;width:calc(100vw - 20px);padding-bottom:calc((100vw - 20px) * 1.15)}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .logo-phone-wrapper{margin-top:78px;margin-left:40px;width:calc(100vw - 40px);padding-bottom:calc((100vw - 40px) * 1.15)}}@media (min-width:1024px){#section-theme .logo-phone-wrapper{}}@media (min-width: 1800px){#section-theme .logo-phone-wrapper{margin-top:121px;padding-bottom:1048px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-phone-wrapper{margin-top:101px;padding-bottom:879px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-phone-wrapper{margin-top:83px;padding-bottom:716px}}#section-theme .logo-phone-wrapper .phone-bg{position:absolute;right:0;z-index:0;width:74.41%;height:100%}@media (min-width:1024px){#section-theme .logo-phone-wrapper .phone-bg{right:50%}}@media (min-width: 1800px){#section-theme .logo-phone-wrapper .phone-bg{width:948px;height:1048px;-webkit-transform:translateX(1214px);transform:translateX(1214px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-phone-wrapper .phone-bg{width:795px;height:879px;-webkit-transform:translateX(1018px);transform:translateX(1018px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-phone-wrapper .phone-bg{width:647px;height:716px;-webkit-transform:translateX(829px);transform:translateX(829px)}}@media (min-width:1024px){#section-theme .logo-phone-wrapper .info{position:absolute;left:50%;z-index:1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@media (min-width: 1800px){#section-theme .logo-phone-wrapper .info{top:161px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-phone-wrapper .info{top:135px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-phone-wrapper .info{top:110px}}@media (min-width:1024px){#section-theme .logo-phone-wrapper .info .text-detail{}}@media (min-width: 1800px){#section-theme .logo-phone-wrapper .info .text-detail{margin-top:13px;width:641px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-phone-wrapper .info .text-detail{margin-top:11px;width:537px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-phone-wrapper .info .text-detail{margin-top:9px;width:438px}}#section-theme .logo-phone-wrapper .phone-wrapper{position:absolute;z-index:1;top:14.16%;width:62.35%;height:0;padding-bottom:82.63869%}@media (min-width:1024px){#section-theme .logo-phone-wrapper .phone-wrapper{right:50%;padding-bottom:0;-webkit-transform:translateX(116.5%);transform:translateX(116.5%)}}@media (min-width: 1800px){#section-theme .logo-phone-wrapper .phone-wrapper{top:153px;width:562px;height:750px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-phone-wrapper .phone-wrapper{top:128px;width:471px;height:629px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-phone-wrapper .phone-wrapper{top:104px;width:384px;height:512px}}#section-theme .logo-phone-wrapper .phone-wrapper img{position:absolute;width:61.79%;height:100%;opacity:0;transition:.3s}@media (min-width:1024px){#section-theme .logo-phone-wrapper .phone-wrapper img{transition:.6s}}@media (min-width: 1800px){#section-theme .logo-phone-wrapper .phone-wrapper img{width:350px;height:750px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-phone-wrapper .phone-wrapper img{width:293px;height:629px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-phone-wrapper .phone-wrapper img{width:239px;height:512px}}#section-theme .logo-phone-wrapper .phone-wrapper img.show{opacity:1}#section-theme .logo-phone-wrapper .phone-wrapper img.left{left:0}#section-theme .logo-phone-wrapper .phone-wrapper img.right{right:0}#section-theme .logo-wrapper{position:relative;width:100%}@media (max-width: 720px){#section-theme .logo-wrapper{margin-top:19px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .logo-wrapper{margin-top:38px}}@media (max-width:1023px){#section-theme .logo-wrapper{height:0;padding-bottom:15.987%}}@media (min-width:1024px){#section-theme .logo-wrapper{}}@media (min-width: 1800px){#section-theme .logo-wrapper{margin-top:428px;width:643px;height:102px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-wrapper{margin-top:359px;width:539px;height:86px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-wrapper{margin-top:292px;width:439px;height:70px}}#section-theme .logo-wrapper + .logo-wrapper{}@media (max-width: 720px){#section-theme .logo-wrapper + .logo-wrapper{margin-top:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-theme .logo-wrapper + .logo-wrapper{margin-top:68px}}@media (min-width: 1800px){#section-theme .logo-wrapper + .logo-wrapper{margin-top:68px}}@media (min-width: 1400px) and (max-width: 1799px){#section-theme .logo-wrapper + .logo-wrapper{margin-top:57px}}@media (min-width: 1024px) and (max-width: 1399px){#section-theme .logo-wrapper + .logo-wrapper{margin-top:46px}}@-webkit-keyframes moveUp{from{opacity:0;-webkit-transform:translateY(-23%);transform:translateY(-23%)}to{opacity:1;-webkit-transform:translateY(-73%);transform:translateY(-73%)}}@keyframes moveUp{from{opacity:0;-webkit-transform:translateY(-23%);transform:translateY(-23%)}to{opacity:1;-webkit-transform:translateY(-73%);transform:translateY(-73%)}}@-webkit-keyframes moveDown{from{opacity:0;-webkit-transform:translateY(23%);transform:translateY(23%)}to{opacity:1;-webkit-transform:translateY(73%);transform:translateY(73%)}}@keyframes moveDown{from{opacity:0;-webkit-transform:translateY(23%);transform:translateY(23%)}to{opacity:1;-webkit-transform:translateY(73%);transform:translateY(73%)}}#section-custom .comp-paragraph-title{}@media (min-width: 1800px){#section-custom .comp-paragraph-title{line-height:58px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .comp-paragraph-title{line-height:48px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .comp-paragraph-title{line-height:39px}}@media (min-width:1024px){#section-custom .col-container-ls{display:flex;justify-content:space-between}}@media (min-width:1024px){#section-custom .col-container-ls.first{flex-direction:row-reverse}}@media (min-width: 1800px){#section-custom .col-container-ls.first{margin-top:125px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .col-container-ls.first{margin-top:105px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .col-container-ls.first{margin-top:85px}}@media (min-width:1024px) and (min-width:1024px){#section-custom .col-container-ls.first .text{}}@media (min-width: 1800px){#section-custom .col-container-ls.first .text{flex:0 0 590px;margin-top:226px;width:590px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .col-container-ls.first .text{flex:0 0 495px;margin-top:189px;width:495px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .col-container-ls.first .text{flex:0 0 403px;margin-top:154px;width:403px}}@media (min-width:1024px){#section-custom .col-container-ls.second{}}@media (min-width: 1800px){#section-custom .col-container-ls.second{margin-top:-60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .col-container-ls.second{margin-top:-50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .col-container-ls.second{margin-top:-41px}}@media (min-width:1024px){#section-custom .col-container-ls.second .text{}}@media (min-width: 1800px){#section-custom .col-container-ls.second .text{flex:0 0 641px;margin-top:311px;width:641px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .col-container-ls.second .text{flex:0 0 537px;margin-top:261px;width:537px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .col-container-ls.second .text{flex:0 0 438px;margin-top:212px;width:438px}}#section-custom .g--text-detail{position:relative;z-index:1}@media (max-width: 720px){#section-custom .g--text-detail{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-custom .g--text-detail{margin-top:40px}}#section-custom .p-title{position:relative;z-index:1}#section-custom .phone-case-wrapper{position:relative;width:100%;height:0;padding-bottom:150%}@media (max-width: 720px){#section-custom .phone-case-wrapper{margin-top:15px}}@media (min-width: 720px) and (max-width: 1023px){#section-custom .phone-case-wrapper{margin-top:30px}}@media (min-width:1024px){#section-custom .phone-case-wrapper{}}@media (min-width: 1800px){#section-custom .phone-case-wrapper{margin-right:100px;width:375px;padding-bottom:608px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .phone-case-wrapper{margin-right:84px;width:314px;padding-bottom:510px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .phone-case-wrapper{margin-right:68px;width:256px;padding-bottom:415px}}#section-custom .earphone-wrapper{position:relative;z-index:0;width:90.3125%;height:0;padding-bottom:107.19%}@media (max-width: 720px){#section-custom .earphone-wrapper{margin-top:8px}}@media (min-width: 720px) and (max-width: 1023px){#section-custom .earphone-wrapper{margin-top:16px}}@media (min-width:1024px){#section-custom .earphone-wrapper{}}@media (min-width: 1800px){#section-custom .earphone-wrapper{width:578px;padding-bottom:619px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .earphone-wrapper{width:485px;padding-bottom:519px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .earphone-wrapper{width:395px;padding-bottom:423px}}#section-custom .earphone-title{}@media (max-width: 720px){#section-custom .earphone-title{margin-top:13px}}@media (min-width: 720px) and (max-width: 1023px){#section-custom .earphone-title{margin-top:26px}}@media (max-width:360px){#section-custom .text-earphones{width:300px}}@media (min-width:1024px){#section-custom .row-container-ls{display:flex;flex-direction:column-reverse}}@media (min-width: 1800px){#section-custom .row-container-ls{margin-top:203px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .row-container-ls{margin-top:170px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .row-container-ls{margin-top:139px}}@media (min-width:1024px){#section-custom .row-container-ls .text{margin:0 auto;text-align:center}}@media (min-width: 1800px){#section-custom .row-container-ls .text{width:964px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .row-container-ls .text{width:808px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .row-container-ls .text{width:658px}}@media (min-width:1024px){#section-custom .charger-and-sim-wrapper{display:flex;justify-content:center;align-items:center}}@media (min-width: 1800px){#section-custom .charger-and-sim-wrapper{margin-top:20px;height:584px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .charger-and-sim-wrapper{margin-top:17px;height:490px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .charger-and-sim-wrapper{margin-top:14px;height:399px}}#section-custom .charger-wrapper{position:relative}@media (max-width: 720px){#section-custom .charger-wrapper{margin:41px auto 0;width:293px;height:453px}}@media (min-width: 720px) and (max-width: 1023px){#section-custom .charger-wrapper{margin:82px auto 0;width:586px;height:906px}}@media (min-width:1024px){#section-custom .charger-wrapper{}}@media (min-width: 1800px){#section-custom .charger-wrapper{width:378px;height:584px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .charger-wrapper{width:317px;height:490px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .charger-wrapper{width:258px;height:399px}}#section-custom .sim-wrapper{position:relative}@media (max-width: 720px){#section-custom .sim-wrapper{margin:-16px auto 0;width:238px;height:360px}}@media (min-width: 720px) and (max-width: 1023px){#section-custom .sim-wrapper{margin:-32px auto 0;width:476px;height:720px}}@media (min-width:1024px){#section-custom .sim-wrapper{}}@media (min-width: 1800px){#section-custom .sim-wrapper{margin-left:95px;width:308px;height:464px}}@media (min-width: 1400px) and (max-width: 1799px){#section-custom .sim-wrapper{margin-left:80px;width:258px;height:389px}}@media (min-width: 1024px) and (max-width: 1399px){#section-custom .sim-wrapper{margin-left:65px;width:210px;height:317px}}#section-custom .sim-title{}@media (max-width: 720px){#section-custom .sim-title{margin-top:39px}}@media (min-width: 720px) and (max-width: 1023px){#section-custom .sim-title{margin-top:78px}}@media (min-width:1024px){#section-packaging{}}@media (min-width: 1800px){#section-packaging{margin-top:178px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging{margin-top:149px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging{margin-top:122px}}#section-packaging .g--text-detail{}@media (max-width: 720px){#section-packaging .g--text-detail{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-packaging .g--text-detail{margin-top:40px}}@media (min-width:1024px){#section-packaging .box-detail{text-align:center}}@media (min-width: 1800px){#section-packaging .box-detail{margin:20px auto 0;width:964px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging .box-detail{margin:17px auto 0;width:808px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging .box-detail{margin:14px auto 0;width:658px}}#section-packaging .g--common-button{}@media (max-width: 720px){#section-packaging .g--common-button{margin-top:26px}}@media (min-width: 720px) and (max-width: 1023px){#section-packaging .g--common-button{margin-top:52px}}#section-packaging .box-wrapper{position:relative;width:100%;height:0;padding-bottom:47.71%}@media (max-width: 720px){#section-packaging .box-wrapper{margin-top:40px}}@media (min-width: 720px) and (max-width: 1023px){#section-packaging .box-wrapper{margin-top:80px}}@media (min-width:1024px){#section-packaging .box-wrapper{}}@media (min-width: 1800px){#section-packaging .box-wrapper{margin-top:20px;padding-bottom:654px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging .box-wrapper{margin-top:17px;padding-bottom:548px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging .box-wrapper{margin-top:14px;padding-bottom:447px}}#section-packaging .avengers-wrapper{width:100%;height:51.67vw}@media (min-width:1024px){#section-packaging .avengers-wrapper{}}@media (min-width: 1800px){#section-packaging .avengers-wrapper{margin:175px auto 0;width:1384px;height:630px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging .avengers-wrapper{margin:147px auto 0;width:1160px;height:528px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging .avengers-wrapper{margin:120px auto 0;width:945px;height:430px}}#section-packaging .large-text{font-family:OPPOSans-Bold;font-weight:600;font-style:italic;text-align:center}@media (max-width: 720px){#section-packaging .large-text{margin-top:20px;font-size:28px;line-height:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-packaging .large-text{margin-top:40px;font-size:56px;line-height:67px}}@media (min-width:1024px){#section-packaging .large-text{}}@media (min-width: 1800px){#section-packaging .large-text{font-size:68px;line-height:82px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging .large-text{font-size:57px;line-height:68px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging .large-text{font-size:46px;line-height:56px}}@media (min-width:1024px){#section-packaging .avengers-title{}}@media (min-width: 1800px){#section-packaging .avengers-title{margin-top:11px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging .avengers-title{margin-top:9px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging .avengers-title{margin-top:8px}}@media (min-width:1024px){#section-packaging .avengers-detail{}}@media (min-width: 1800px){#section-packaging .avengers-detail{margin-top:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging .avengers-detail{margin-top:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging .avengers-detail{margin-top:22px}}#section-packaging .text-center{text-align:center}#section-packaging .btn-buy-now{}@media (min-width: 1800px){#section-packaging .btn-buy-now{margin-top:64px;padding-left:32px;padding-right:32px}}@media (min-width: 1400px) and (max-width: 1799px){#section-packaging .btn-buy-now{margin-top:54px;padding-left:27px;padding-right:27px}}@media (min-width: 1024px) and (max-width: 1399px){#section-packaging .btn-buy-now{margin-top:44px;padding-left:22px;padding-right:22px}}@media (min-width:1024px){#section-photography .comp-section-title{text-align:left}}#section-photography .g--text-detail{}@media (max-width: 720px){#section-photography .g--text-detail{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-photography .g--text-detail{margin-top:40px}}@media (min-width:1024px){#section-photography .g--text-detail{}}@media (min-width: 1800px){#section-photography .g--text-detail{margin-top:26px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .g--text-detail{margin-top:22px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .g--text-detail{margin-top:18px}}@media (min-width:1024px){#section-photography .item-wrapper{display:flex;justify-content:space-between}}@media (min-width: 1800px){#section-photography .item-wrapper{margin-top:69px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .item-wrapper{margin-top:57px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .item-wrapper{margin-top:47px}}#section-photography .item{opacity:.5;transition:.3s}@media (min-width:1024px){#section-photography .item{cursor:pointer}}@media (min-width: 1800px){#section-photography .item{width:560px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .item{width:470px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .item{width:382px}}#section-photography .item.first{}@media (max-width: 720px){#section-photography .item.first{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-photography .item.first{margin-top:40px}}#section-photography .item.active{opacity:1}#section-photography .item .large-text{font-style:italic}#section-photography .separator{width:1px;background:#fff}@media (min-width: 1800px){#section-photography .separator{margin-top:11px;height:172px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .separator{margin-top:9px;height:144px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .separator{margin-top:7px;height:117px}}#section-photography .phone-wrapper{position:relative;height:0}@media (max-width: 720px){#section-photography .phone-wrapper{margin-top:32px;margin-bottom:32px}}@media (min-width: 720px) and (max-width: 1023px){#section-photography .phone-wrapper{margin-top:64px;margin-bottom:64px}}@media (max-width:1023px){#section-photography .phone-wrapper{width:100%;padding-bottom:46.42%}}@media (min-width:1024px){#section-photography .phone-wrapper{width:66.844%;padding-bottom:31.028984799999996%}}@media (min-width: 1800px){#section-photography .phone-wrapper{margin-top:102px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .phone-wrapper{margin-top:85px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .phone-wrapper{margin-top:69px}}#section-photography .phone-wrapper .phone{position:absolute;z-index:5;width:100%;height:100%}#section-photography .phone-wrapper .video-wrapper{overflow:hidden;position:absolute;z-index:0;left:3.4%;top:3%;width:95%;height:94%}@media (min-width:1024px){#section-photography .phone-wrapper .video-wrapper{}}@media (min-width: 1800px){#section-photography .phone-wrapper .video-wrapper{border-radius:20px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .phone-wrapper .video-wrapper{border-radius:17px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .phone-wrapper .video-wrapper{border-radius:14px}}@media (max-width:1023px){#section-photography .phone-wrapper .video-wrapper{}}@media (max-width: 720px){#section-photography .phone-wrapper .video-wrapper{border-radius:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-photography .phone-wrapper .video-wrapper{border-radius:20px}}#section-photography .phone-wrapper .video-wrapper .video{position:absolute;z-index:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity;transition:opacity 0s;transition-delay:.3s}#section-photography .phone-wrapper .video-wrapper .video.active{z-index:1;transition:opacity .3s;transition-delay:0s;opacity:1}#section-photography .large-text{font-family:OPPOSans-Bold;font-weight:600}@media (max-width: 720px){#section-photography .large-text{font-size:20px;line-height:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-photography .large-text{font-size:40px;line-height:48px}}@media (min-width:1024px){#section-photography .large-text{}}@media (min-width: 1800px){#section-photography .large-text{font-size:48px;line-height:58px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .large-text{font-size:40px;line-height:48px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .large-text{font-size:33px;line-height:39px}}@media (max-width:375px){#section-photography .dual-text{width:240px}}#section-photography .ai-text{}@media (max-width: 720px){#section-photography .ai-text{margin-top:26px;font-size:14px;letter-spacing:0px;line-height:21px}}@media (min-width: 720px) and (max-width: 1023px){#section-photography .ai-text{margin-top:52px;font-size:28px;letter-spacing:0px;line-height:42px}}@media (min-width:1024px){#section-photography .ai-text{}}@media (min-width: 1800px){#section-photography .ai-text{margin-top:49px;font-size:24px;line-height:29px}}@media (min-width: 1400px) and (max-width: 1799px){#section-photography .ai-text{margin-top:41px;font-size:20px;line-height:24px}}@media (min-width: 1024px) and (max-width: 1399px){#section-photography .ai-text{margin-top:33px;font-size:16px;line-height:20px}}#section-performance .g--text-large{}@media (max-width: 720px){#section-performance .g--text-large{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .g--text-large{margin-top:40px}}#section-performance .g--text-detail{}@media (max-width: 720px){#section-performance .g--text-detail{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .g--text-detail{margin-top:40px}}#section-performance .col-container{display:flex;align-items:center}@media (max-width: 720px){#section-performance .col-container{margin-top:71px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .col-container{margin-top:142px}}@media (min-width:1024px){#section-performance .col-container{flex-direction:row-reverse;justify-content:space-between}}#section-performance .col-container .phone-wrapper{}@media (max-width: 720px){#section-performance .col-container .phone-wrapper{flex:0 0 131px;width:131px;height:281px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .col-container .phone-wrapper{flex:0 0 262px;width:262px;height:562px}}@media (min-width:1024px){#section-performance .col-container .phone-wrapper{}}@media (min-width: 1800px){#section-performance .col-container .phone-wrapper{width:350px;height:750px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .col-container .phone-wrapper{width:293px;height:629px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .col-container .phone-wrapper{width:239px;height:512px}}#section-performance .col-container .right{font-family:OPPOSans-Bold;font-weight:600;font-style:italic}@media (max-width: 720px){#section-performance .col-container .right{margin-left:35px;font-size:14px;letter-spacing:0px;line-height:21px}}@media (min-width: 720px) and (max-width: 1023px){#section-performance .col-container .right{margin-left:70px;font-size:28px;letter-spacing:0px;line-height:42px}}@media (min-width:1024px){#section-performance .col-container .right{text-align:left}}@media (min-width: 1800px){#section-performance .col-container .right{width:641px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .col-container .right{width:537px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .col-container .right{width:438px}}@media (min-width:1024px){#section-performance .col-container .right .comp-section-title{text-align:left}}#section-performance .col-container .right .g--text-detail{font-family:OPPOSans-Regular;font-weight:400}@media (min-width:1024px){#section-performance .col-container .right p{}}@media (min-width: 1800px){#section-performance .col-container .right p{font-size:24px;line-height:29px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .col-container .right p{font-size:20px;line-height:24px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .col-container .right p{font-size:16px;line-height:20px}}@media (min-width:1024px){#section-performance .col-container .right p.first{}}@media (min-width: 1800px){#section-performance .col-container .right p.first{margin-top:60px}}@media (min-width: 1400px) and (max-width: 1799px){#section-performance .col-container .right p.first{margin-top:50px}}@media (min-width: 1024px) and (max-width: 1399px){#section-performance .col-container .right p.first{margin-top:41px}}#section-design .g--text-large,#section-design .g--text-detail{}@media (max-width: 720px){#section-design .g--text-large,#section-design .g--text-detail{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .g--text-large,#section-design .g--text-detail{margin-top:40px}}#section-design .col-container{display:flex;align-items:center}#section-design .col-container.first{align-items:flex-start}@media (max-width:1023px){#section-design .col-container.first{align-items:center}}@media (min-width:1024px){#section-design .col-container.first{flex-direction:column}}@media (min-width:1024px){#section-design .col-container.first .comp-section-title{text-align:left}}@media (min-width:1024px){#section-design .col-container.first .g--text-detail{}}@media (min-width: 1800px){#section-design .col-container.first .g--text-detail{width:864px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container.first .g--text-detail{width:724px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container.first .g--text-detail{width:590px}}#section-design .col-container.first .phone-wrapper{transition:1s;-webkit-transform:translateY(4vh);transform:translateY(4vh);-webkit-transform:translateY(calc(4 * var(--vh, 1vh)));transform:translateY(calc(4 * var(--vh, 1vh)))}@media (min-width:1024px){#section-design .col-container.first .phone-wrapper{}}@media (min-width: 1800px){#section-design .col-container.first .phone-wrapper{margin-top:103px;margin-left:-513px;-webkit-transform:translateX(-60px);transform:translateX(-60px)}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container.first .phone-wrapper{margin-top:86px;margin-left:-430px;-webkit-transform:translateX(-50px);transform:translateX(-50px)}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container.first .phone-wrapper{margin-top:70px;margin-left:-350px;-webkit-transform:translateX(-41px);transform:translateX(-41px)}}#section-design .col-container.first .phone-wrapper.move{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}@media (min-width:1024px){#section-design .col-container.first .point-wrapper{display:flex}}@media (min-width:1024px){#section-design .col-container.first .point +.point{}}@media (min-width: 1800px){#section-design .col-container.first .point +.point{margin-top:56px;margin-left:95px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container.first .point +.point{margin-top:47px;margin-left:80px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container.first .point +.point{margin-top:38px;margin-left:65px}}@media (max-width:1023px){#section-design .col-container.first .right{}}@media (max-width: 720px){#section-design .col-container.first .right{flex:0 0 33px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .col-container.first .right{flex:0 0 66px}}@media (max-width:1023px){#section-design .col-container.second{align-items:flex-start}}#section-design .col-container.second .g--text-large{}@media (max-width: 720px){#section-design .col-container.second .g--text-large{margin-top:69px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .col-container.second .g--text-large{margin-top:138px}}@media (min-width:1024px){#section-design .col-container.second .g--text-large{margin-top:0}}@media (min-width:1024px){#section-design .col-container.second .point-wrapper{}}@media (min-width: 1800px){#section-design .col-container.second .point-wrapper{margin-top:70px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container.second .point-wrapper{margin-top:59px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container.second .point-wrapper{margin-top:48px}}#section-design .col-container.second .point{}@media (max-width: 720px){#section-design .col-container.second .point{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .col-container.second .point{margin-top:40px}}@media (min-width:1024px){#section-design .col-container.second .point +.point{}}@media (min-width: 1800px){#section-design .col-container.second .point +.point{margin-top:15px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container.second .point +.point{margin-top:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container.second .point +.point{margin-top:10px}}#section-design .col-container.second .point .subtitle{}@media (min-width: 1800px){#section-design .col-container.second .point .subtitle{margin-left:10px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container.second .point .subtitle{margin-left:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container.second .point .subtitle{margin-left:7px}}@media (min-width:1024px){#section-design .col-container.second .right{}}@media (min-width: 1800px){#section-design .col-container.second .right{margin-left:213px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container.second .right{margin-left:179px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container.second .right{margin-left:145px}}#section-design .col-container .phone-wrapper{}@media (max-width: 720px){#section-design .col-container .phone-wrapper{flex:0 0 33px;margin-left:29px;margin-right:34px;width:33px;height:564px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .col-container .phone-wrapper{flex:0 0 66px;margin-left:58px;margin-right:68px;width:66px;height:1128px}}@media (min-width:1024px){#section-design .col-container .phone-wrapper{}}@media (min-width: 1800px){#section-design .col-container .phone-wrapper{width:1774px;height:104px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container .phone-wrapper{width:1487px;height:87px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container .phone-wrapper{width:1211px;height:71px}}#section-design .col-container .front-phone-wrapper{position:relative}@media (max-width: 720px){#section-design .col-container .front-phone-wrapper{margin-left:-44px;margin-right:30px;width:202px;height:443px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .col-container .front-phone-wrapper{margin-left:-88px;margin-right:60px;width:404px;height:886px}}@media (min-width:1024px){#section-design .col-container .front-phone-wrapper{}}@media (min-width: 1800px){#section-design .col-container .front-phone-wrapper{width:350px;height:750px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container .front-phone-wrapper{width:293px;height:629px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container .front-phone-wrapper{width:239px;height:512px}}#section-design .col-container .front-phone-wrapper .phone-border{position:absolute;z-index:1;width:100%;height:100%}#section-design .col-container .front-phone-wrapper .video{position:absolute;overflow:hidden;z-index:0;left:2.5%;top:1.5%;width:95%;height:96%}@media (max-width: 720px){#section-design .col-container .front-phone-wrapper .video{border-radius:10px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .col-container .front-phone-wrapper .video{border-radius:20px}}@media (min-width: 1800px){#section-design .col-container .front-phone-wrapper .video{border-radius:10px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .col-container .front-phone-wrapper .video{border-radius:8px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .col-container .front-phone-wrapper .video{border-radius:7px}}#section-design .point{}@media (max-width: 720px){#section-design .point{margin-top:22px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .point{margin-top:44px}}@media (min-width:1024px){#section-design .point{display:flex;align-items:flex-end}}#section-design .point +.point{}@media (max-width: 720px){#section-design .point +.point{margin-top:36px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .point +.point{margin-top:72px}}#section-design .point .title{font-family:OPPOSans-Bold;font-weight:600;font-style:italic}@media (max-width: 720px){#section-design .point .title{font-size:20px;letter-spacing:0px;line-height:21px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .point .title{font-size:40px;letter-spacing:0px;line-height:42px}}@media (min-width:1024px){#section-design .point .title{line-height:53px}}@media (min-width: 1800px){#section-design .point .title{font-size:48px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .point .title{font-size:40px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .point .title{font-size:33px}}#section-design .point .subtitle{font-family:OPPOSans-Bold;font-weight:600;font-style:italic}@media (max-width: 720px){#section-design .point .subtitle{margin-top:4px;font-size:14px;letter-spacing:0px;line-height:21px}}@media (min-width: 720px) and (max-width: 1023px){#section-design .point .subtitle{margin-top:8px;font-size:28px;letter-spacing:0px;line-height:42px}}@media (min-width:1024px){#section-design .point .subtitle{}}@media (min-width: 1800px){#section-design .point .subtitle{margin-left:7px;font-size:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-design .point .subtitle{margin-left:6px;font-size:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-design .point .subtitle{margin-left:5px;font-size:16px}}#section-os .g--text-detail,#section-os .g--text-large{}@media (max-width: 720px){#section-os .g--text-detail,#section-os .g--text-large{margin-top:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .g--text-detail,#section-os .g--text-large{margin-top:40px}}#section-os .g--common-button{}@media (max-width: 720px){#section-os .g--common-button{margin-top:24px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .g--common-button{margin-top:48px}}@media (max-width:375px){#section-os .text-custom{width:300px}}@media (min-width:1024px){#section-os .col-container-ls{display:flex;flex-direction:row-reverse;align-items:center}}@media (min-width:1024px){#section-os .col-container-ls .col-text .comp-section-title{text-align:left}}@media (min-width:1024px){#section-os .col-container-ls .col-text .subtitle{}}@media (min-width: 1800px){#section-os .col-container-ls .col-text .subtitle{margin-top:77px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .col-container-ls .col-text .subtitle{margin-top:65px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .col-container-ls .col-text .subtitle{margin-top:53px}}#section-os .col-container-ls .col-text .title-info{}@media (min-width: 1800px){#section-os .col-container-ls .col-text .title-info{margin-top:15px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .col-container-ls .col-text .title-info{margin-top:13px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .col-container-ls .col-text .title-info{margin-top:10px}}#section-os .col-container-ls .col-text .touch-learn-more{}@media (min-width: 1800px){#section-os .col-container-ls .col-text .touch-learn-more{margin-top:50px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .col-container-ls .col-text .touch-learn-more{margin-top:42px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .col-container-ls .col-text .touch-learn-more{margin-top:34px}}#section-os .img-wrapper{overflow:hidden;width:100%;height:0;padding-bottom:120.31%}@media (min-width:1024px){#section-os .img-wrapper{}}@media (min-width: 1800px){#section-os .img-wrapper{width:640px;padding-bottom:770px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .img-wrapper{width:537px;padding-bottom:646px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .img-wrapper{width:437px;padding-bottom:526px}}#section-os .img-wrapper .video{position:absolute;width:100%;height:100%;object-fit:cover}#section-os .img-wrapper .canvas-player{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:213.8889%;height:100%}#section-os .img-wrapper .canvas-player img{width:100%;height:100%}#section-os .large-title{}@media (max-width: 720px){#section-os .large-title{font-size:28px;line-height:34px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .large-title{font-size:56px;line-height:67px}}@media (min-width:1024px){#section-os .large-title{text-align:center}}@media (min-width: 1800px){#section-os .large-title{font-size:68px;line-height:82px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .large-title{font-size:57px;line-height:68px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .large-title{font-size:46px;line-height:56px}}@media (min-width:1024px){#section-os .text-center-ls{text-align:center}}#section-os .large-detail{}@media (max-width: 720px){#section-os .large-detail{font-size:14px;letter-spacing:0px;line-height:21px}}@media (min-width: 720px) and (max-width: 1023px){#section-os .large-detail{font-size:28px;letter-spacing:0px;line-height:42px}}@media (min-width:1024px){#section-os .large-detail{}}@media (min-width: 1800px){#section-os .large-detail{font-size:24px;line-height:29px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .large-detail{font-size:20px;line-height:24px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .large-detail{font-size:16px;line-height:20px}}#section-os .large-detail.first{}@media (min-width: 1800px){#section-os .large-detail.first{margin-top:94px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .large-detail.first{margin-top:79px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .large-detail.first{margin-top:64px}}#section-os .large-detail + .large-detail{}@media (min-width: 1800px){#section-os .large-detail + .large-detail{margin-top:24px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .large-detail + .large-detail{margin-top:20px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .large-detail + .large-detail{margin-top:16px}}+ #section-os .large-detail{}@media (max-width: 720px){+ #section-os .large-detail{margin-top:30px}}@media (min-width: 720px) and (max-width: 1023px){+ #section-os .large-detail{margin-top:60px}}@media (min-width:1024px){#section-os .reno5-detail{text-align:center}}@media (min-width: 1800px){#section-os .reno5-detail{margin:32px auto 0;width:1064px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .reno5-detail{margin:27px auto 0;width:892px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .reno5-detail{margin:22px auto 0;width:727px}}@media (min-width:1024px){#section-os .reno5-learn-more{}}@media (min-width: 1800px){#section-os .reno5-learn-more{margin-top:68px}}@media (min-width: 1400px) and (max-width: 1799px){#section-os .reno5-learn-more{margin-top:57px}}@media (min-width: 1024px) and (max-width: 1399px){#section-os .reno5-learn-more{margin-top:46px}}#section-remark{color:#787878;letter-spacing:-.004166666666666667em}@media (max-width: 720px){#section-remark{padding-bottom:48px;font-size:12px;line-height:20px}}@media (min-width: 720px) and (max-width: 1023px){#section-remark{padding-bottom:96px;font-size:24px;line-height:40px}}@media (min-width:1024px){#section-remark{color:rgba(151,151,151,0.78);letter-spacing:-.004166666666666667em}}@media (min-width: 1800px){#section-remark{padding-bottom:278px;font-size:12px;line-height:14px}}@media (min-width: 1400px) and (max-width: 1799px){#section-remark{padding-bottom:233px;font-size:10px;line-height:12px}}@media (min-width: 1024px) and (max-width: 1399px){#section-remark{padding-bottom:190px;font-size:8px;line-height:10px}}#section-remark li{}@media (min-width: 1800px){#section-remark li{margin-top:8px}}@media (min-width: 1400px) and (max-width: 1799px){#section-remark li{margin-top:7px}}@media (min-width: 1024px) and (max-width: 1399px){#section-remark li{margin-top:5px}}body:not(.no-scroll){background:#000;color:#fff}.zn--wrapper img:not([src]):not([srcset]){visibility:hidden}.zn--wrapper .g--popup-user{display:none}