html.scroll-disabled{overflow:hidden}html.scroll-disabled::-webkit-scrollbar{width:10px}html.scroll-disabled::-webkit-scrollbar-track{background-color:#f1f1f1}html.scroll-disabled::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}html.scroll-disabled::-webkit-scrollbar-thumb:hover{background-color:#555}#r20-part-1-img-pc-box,#r20-part-3-img-box{position:relative}#r20-part-1-img-pc,#r20-part-3-img{position:absolute;width:100%;height:100%;top:0;left:0}.r20-bg{background:#000}.r20-part-3-container,.r20-part-1-container{height:250vh}.r20-part-3-container .common-section-container-inner,.r20-part-1-container .common-section-container-inner{position:sticky;top:0}.r20-part-1-container .common-banner-title{color:#fff}.r20-part-1-container .common-subtitle{margin-top:1.042vw;font-size:2.292vw;font-family:var( --misans-title);color:#fff}.r20-part-1-container .product-media-iframe-video-btn .play-btn svg{width:12px;height:12px;margin-left:.9375vw;margin-right:0}.r20-part-1-container .play-btn path{fill:#fff}.r20-part-1-container .common-product-name{color:#fff}.r20-part-1-container .product-media-iframe-video-btn .play-btn{font-size:22px;border-color:#fff;color:#fff;font-family:var(--misans-medium-style);flex-direction:row-reverse;background:transparent;border:1px solid #ffffff;border-radius:25px}.r20-part-1-container .text-box{overflow:hidden}body[data-name=r20] .no-margin-section{background:#000}body[data-name=r20] .common-text-box .common-title{color:#fff}body[data-name=r20] .common-text-box{text-align:center;margin-bottom:20px}body[data-name=r20] .common-text-box .common-subtitle{line-height:1.5;color:#ffffffb3;margin-bottom:0}.r20-part-2-container-inner{display:flex;gap:calc(100% - 60.107% - 37.626%)}.r20-part-2-container-inner .left-box{flex:0 1 60.107%;flex-shrink:0}.r20-part-2-container-inner .right-box{flex:0 1 37.626%;flex-shrink:0}.r20-part-2-container-inner .image-box{border-radius:30px;overflow:hidden}.r20-part-2-container-inner .left-box,.r20-part-2-container-inner .right-box{display:flex;flex-direction:column;gap:30px}.r20-part-2-container-inner .item{position:relative}.r20-part-2-container-inner .item .text-box{position:absolute;top:1.165vw;width:100%;text-align:center;font-family:var(--misans-medium-style);color:#fff;padding:0vw 1.04vw}.r20-part-2-container-inner .item .text-box .common-title{color:#fff;font-size:22px}.r20-part-3-container{background:#000}.r20-part-5-container .left-title,.r20-part-5-container .right-title,.r20-part-5-container .middle-title{display:table;margin:0 auto;transition:all 1s ease}.r20-part-5-container{position:relative;overflow:hidden}.r20-part-5-container .common-section-container-inner{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center}.r20-part-5-container .common-title,.r20-part-5-container .common-title .left-title,.r20-part-5-container .common-title .right-title,.r20-part-5-container .common-title .middle-title,.r20-part-5-container .common-subtitle,.r20-part-5-container .left_image-box,.r20-part-5-container .right_image-box{transition:all 1s ease}.r20-part-5-container .common-title .left-box{left:var(--leftPosition)}.r20-part-5-container .common-title .right-box{right:var(--rightPosition)}.r20-part-5-container .image-box{margin-left:-35px;display:flex;align-items:center}.r20-part-5-container .left_image-box,.r20-part-5-container .right_image-box{position:relative;padding-left:35px;width:50%}.r20-part-5-container .common-title{opacity:.5}.r20-part-5-container .common-subtitle{opacity:0}.r20-part-5-container .left_image-box{z-index:2;transform:translate(50%)}.r20-part-5-container .right_image-box{z-index:1;transform:translate(-50%)}.r20-part-5-container.active .left_image-box,.r20-part-5-container.active .right_image-box{transform:translate(0)}.r20-part-5-container.active .common-title,.r20-part-5-container.active .common-subtitle{opacity:1}.r20-part-6-container .common-section-container-inner{position:relative}.r20-part-6-container .text-img img,.r20-part-6-container .text-img,.r20-part-6-container .content-img{width:100%}.r20-part-6-container .text-img i{opacity:0;content:"";background:linear-gradient(to bottom,#000,#0000);position:absolute;top:-2px;width:100%;height:90%;left:0;transition:all .5s ease}.r20-part-6-container .image-box{opacity:0;max-width:77.3%;margin:0 auto;transition:all .5s ease}.r20-part-6-container .text-box{opacity:0;position:absolute;top:5%;width:100%;transition:all .5s ease;z-index:2}.r20-part-6-container .common-tips{position:absolute;width:100%;text-align:center;bottom:3vw;opacity:0;transition:all .5s ease}.r20-part-6-container .common-tips:before{display:none}.r20-part-6-container .text-img-box{position:absolute;top:0;z-index:-1;transition:all 1s ease;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.r20-part-6-container{height:300vh;padding-bottom:0}.r20-part-6-container .other-image-box{position:relative}.r20-part-6-container .common-section-container-inner{position:sticky;top:0}.r20-part-7-container .inner-box .image-box{display:flex;gap:calc(100% - 82.028% - 16.166%)}.r20-part-7-container .inner-box .image-box .image-left-box{width:82.028%;flex-shrink:0;display:flex;flex-direction:column;gap:26px}.r20-part-7-container .inner-box .image-box .image-right-box{width:16.166%;position:relative;border-radius:1.2vw;overflow:hidden}.r20-part-7-container .inner-box .image-box .image-right-box img{position:absolute;top:0;left:0;width:100%;height:100%}.r20-part-7-container .inner-box .image-box .image-right-box i{position:absolute;bottom:0;width:96%;left:2%;background:#20baf6;height:0%;border-radius:1.2vw;z-index:2}.r20-part-7-container .inner-box .image-box .image-right-box i:after{content:"";background:#20baf6;position:absolute;top:-3%;width:40%;height:5%;left:50%;transform:translate(-50%);border-radius:30px;opacity:0}.r20-part-7-container.active .image-box .image-right-box i:after{opacity:1}.r20-part-7-container .image-left-top-box{display:flex;gap:2.4%}.r20-part-7-container .image-left-top-right-box{display:flex;flex-direction:column;gap:3.4%;width:37.6%}.r20-part-7-container .inner-box .image-box .image-element__wrap{width:100%}.r20-part-7-container .image-left-top-left-box{width:60.1%}.r20-part-7-container .image-left-bottom-box{display:flex;gap:2.2%}.r20-part-7-container .image-left-bottom-box .image-box-inner:nth-child(1){width:37.7%}.r20-part-7-container .image-left-bottom-box .image-box-inner:nth-child(2){width:60.1%}.r20-part-8-container .image-box{display:flex;gap:2%}.r20-part-8-container .image-left-box,.r20-part-8-container .image-right-box{display:flex;width:26.65%;flex-direction:column;gap:4%}.r20-part-8-container .image-middle-box{display:flex;width:42.65%}.r20-part-8-container .image-box .image-box-inner{width:100%}.r20-part-9-container .image-left-top-right-box{display:flex;flex-direction:column;gap:4%;width:37.5%}.r20-part-9-container .image-left-top-box{display:flex;gap:2%}.r20-part-9-container .image-box{display:flex;flex-direction:column;gap:26px}.r20-part-9-container .image-left-top-left-box{width:60.4%}.r20-part-9-container .image-left-top-right-box{width:37.8%}.r20-part-9-container .image-left-bottom-box{display:flex;gap:1.8%}.r20-part-9-container .image-left-bottom-box .image-box-inner:nth-child(1){width:37.84%}.r20-part-9-container .image-left-bottom-box .image-box-inner:nth-child(2){width:60.35%}.r20-part-10-container .image-box{display:flex;gap:2.26%}.r20-part-10-container .image-left-box{width:37.6%}.r20-part-10-container .image-right-box{width:60.1%}.r20-item .right-box .item{border-radius:5px}.r20-item .left-box{padding-right:8px}.r20-item .left-box div,.r20-item .left-box h2{color:#fff}.r20-item .right-box{padding-left:8px;grid-template-columns:1fr 1fr 1fr}.r20-item .right-box .item{margin-bottom:0}body[data-name=r20] .cbb-frequently-bought-container{display:none!important}.r20-part-11-container{background-color:#000}#r20-part-11-img-pc,#r20-part-11-img-mb{position:relative;border-radius:30px;overflow:hidden}#r20-part-11-img-pc video,#r20-part-11-img-mb video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s ease}.r20-part-11-container #r20-part-11-img-pc img,.r20-part-11-container #r20-part-11-img-mb img{opacity:0;pointer-events:none}.r20-part-11-container .common-tips{text-align:center;justify-content:center;margin-top:20px}.r20-part-4-container .content-inner-box{position:relative}.r20-part-4-container .progress-img-box{position:absolute;width:100%;height:74%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:2}.r20-part-4-container .progress-img-box img{width:100%;height:100%;object-fit:contain}.r20-part-4-container .content-text-media-box{position:relative;opacity:0;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .5s ease}body[data-name=r20] .pin-spacer{background-color:#000}.r20-part-7-container{-webkit-transform:translateZ(0);transform:translateZ(0)}body[data-name=r20] .common-tips{color:#ffffffb3}.r20-part-10-container .common-section-container{padding-bottom:0}.r20-part-4-container .common-title{max-width:90%;margin-left:5%}.r20-part-4-container .common-section-container-inner,.r20-part-3-container .common-section-container-inner,.r20-part-11-container .common-section-container-inner,.r20-part-5-container .common-section-container-inner,.r20-part-7-container .common-section-container-inner,.r20-item{padding-top:4.167vw}.r20-part-7-container .r20-part-7-inner-container .common-section-container{padding-bottom:0}body[data-name=r20] .page-container .common-section-container:not(.r20-part-1-container) .common-wrapper,body[data-name=r20] .page-container .wrapper,body[data-name=r20] .page-container .w1400{max-width:1160px;width:65%;padding:0 20px}body[data-name=r20] .common-text-box .common-title,body[data-name=r20] .common-title{font-size:30px;margin-bottom:20px}.r20-part-2-container{padding-bottom:0}body[data-name=r20] .common-text-box .common-subtitle,body[data-name=r20] .common-subtitle{font-size:22px}.r20-item .wrapper{max-width:1050px!important}.r20-item .right-box .title{font-size:14px}@media screen and (min-width:1921px){body[data-name=r20] .common-text-box .common-title,body[data-name=r20] .common-title{font-size:30px!important}.r20-part-2-container-inner .item .text-box .common-title{font-size:22px!important}.r20-part-11-container .common-tips{font-size:15px!important}.r20-part-7-container .inner-box .image-box .image-left-box,.r20-part-9-container .image-box{gap:45px}body[data-name=r20] .common-text-box{text-align:center}.r20-part-2-container-inner .item .text-box{top:22px;font-size:47.5px;padding:0 50px}}@media only screen and (max-width:1300px){body[data-name=r20] .page-container .common-section-container:not(.r20-part-1-container) .common-wrapper,body[data-name=r20] .page-container .wrapper,body[data-name=r20] .page-container .w1400{width:75%}}@media only screen and (max-width:1024px){body[data-name=r20] .page-container .common-section-container:not(.r20-part-1-container) .common-wrapper,body[data-name=r20] .page-container .wrapper,body[data-name=r20] .page-container .w1400{width:100%}}@media only screen and (max-width: 850px){.r20-part-6-container .image-box{max-width:100%}.r20-part-2-container-inner .item .text-box .common-title{color:#fff;font-size:16px!important;line-height:1.407407!important}.r20-part-10-container .image-left-box{width:39.7%}.r20-part-5-container .common-text-box{text-align:left!important}.r20-part-5-container .image-box{flex-direction:column}.r20-part-5-container .left-title,.r20-part-5-container .middle-title,.r20-part-5-container .right-title{margin:0}.r20-part-5-container .middle-title{transform:translate(125%)}.r20-part-5-container .right-title{transform:translate(43%)}.r20-part-5-container .left_image-box,.r20-part-5-container .right_image-box{width:100%}.r20-part-5-container .image-box{gap:10px}.r20-part-5-container .left_image-box{transform:translateY(50%)}.r20-part-5-container .right_image-box{transform:translateY(-50%)}.r20-part-8-container .image-top-box{margin-bottom:9px}.r20-part-1-container{height:auto}.r20-part-1-container .product-media-iframe-video-btn .play-btn svg{margin-left:12px;margin-right:0}.r20-part-2-container,.r20-part-2-container .common-section-container,.r20-part-10-container .common-section-container{padding-bottom:0}.r20-part-3-container .common-section-container-inner,.r20-part-11-container .common-section-container-inner,.r20-part-5-container .common-section-container-inner,.r20-part-12-container,.r20-part-7-container .common-inner-container,.r20-item{padding-top:40px}.r20-part-1-container .product-media-iframe-video-btn .play-btn{font-size:13px}}@media only screen and (max-width: 589px){body[data-name=r20] .image-radius-box .image-element__wrap{border-radius:10px}.r20-part-6-container .other-image-box,.r20-part-6-container .text-img-box{padding-top:120px}body[data-name=r20] .common-text-box .common-subtitle,body[data-name=r20] .common-subtitle{font-size:14px}body[data-name=r20] .common-text-box .common-title{font-size:24px!important;line-height:36px!important}.r20-part-5-container .middle-title{transform:translate(35%)}.r20-part-12-container .right-box .item:first-child .common-title{transform:scale(.8);width:130%;margin-left:-15%;margin-top:0}.r20-item .right-box{padding-left:0}.r20-item .left-box{padding-right:0}.r20-part-5-container .common-section-container-inner{height:auto}.r20-part-1-container .media-box{padding:0}.r20-part-1-container{height:auto}.r20-part-2-container-inner .left-box,.r20-part-2-container-inner .right-box{gap:5px}.r20-part-2-container-inner .item .text-box .common-title{font-size:12px!important;line-height:1.407407!important}.r20-part-2-container-inner .image-box{border-radius:5px}body[data-name=r20] .common-text-box{text-align:left}.r20-part-3-container .media-box{margin:0 -20px}.r20-part-3-container .image-box{border-radius:0}.r20-part-3-container{height:180vh}.r20-part-4-container{font-size:26px!important;line-height:1.407407!important}.r20-part-4-container .common-text-box{position:absolute;top:50px;left:0}.r20-part-6-container .image-box{max-width:100%}.r20-part-6-container .text-box{padding:0 20px}.r20-part-6-container .common-tips{bottom:5%}.r20-part-6-container .text-img-box{height:100%}.r20-part-7-container .inner-box .image-box .image-left-box{gap:5px}.r20-part-7-container .inner-box .image-box .image-right-box i{border-radius:9px}.r20-part-8-container .image-middle-box{display:none}.r20-part-9-container .image-box,.r20-part-8-container .image-box{gap:9px}.r20-part-8-container .image-left-box,.r20-part-8-container .image-right-box{width:49%;gap:9px}.r20-part-10-container .image-box{flex-direction:column-reverse;gap:9px}.r20-part-10-container .image-left-box,.r20-part-10-container .image-right-box{width:100%}.r20-part-11-container .common-tips{text-align:left}.r20-part-11-container .image-box,#r20-part-11-img-mb{border-radius:10px}.r20-part-11-container .common-tips{margin-top:10px}.r20-part-4-container .common-title{max-width:100%;margin-left:0%}}@media only screen and (max-width: 390px){.r20-item .right-box .item .title{transform:scale(.8) translate(-10%);width:120%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-r20.css.map */