.bg{width:100%;height:100%;object-fit:cover}.banner{height:46.875vw;position:relative}.banner .text{position:absolute;z-index:2;left:13.38542vw;top:16.40625vw}.banner .pro_name{display:flex;align-items:center;font-size:4.47917vw;font-family:"Manrope-Regular";font-weight:normal;color:#000000;line-height:1}.banner .pro_name img{width:9.79167vw;margin-right:1.04167vw}.banner h2{color:#000000;font-size:1.66667vw;font-family:"Manrope-ExtraBold";font-weight:normal;text-transform:uppercase;margin:.52083vw 0 1.5625vw}.banner .spec{width:28.28125vw}.panel{position:relative}.panel_title{position:absolute;color:#ffffff}.panel_title h2{font-size:3.125vw;font-family:"Manrope-ExtraBold";font-weight:normal;line-height:1.2}.panel_title p{font-size:1.61458vw;font-family:"Manrope-Regular";font-weight:normal;margin-top:1.04167vw}.illustration{height:46.875vw}.illustration .panel_title{text-align:center;width:100%;top:4.16667vw;left:0;color:#000000}.point{position:absolute;display:flex;align-items:center}.point p{color:#000000;font-size:1.35417vw;font-family:"Manrope-SemiBold";font-weight:normal;line-height:1}.point span{display:inline-block;height:2px;background-color:#000000;position:relative;margin:0 .26042vw}.point.right p{order:2}.color{height:46.875vw;color:#ffffff;position:relative}.color h2{font-size:2.5vw;font-family:"Manrope-SemiBold";font-weight:normal;text-align:center;padding:5.05208vw 0;z-index:2;position:relative;color:#000;text-transform:uppercase}.color .bg{position:absolute;top:0;left:0}.color .color_list{color:#000000}.pod{background-color:#2d2d2d}.pod .panel_title{line-height:1.1;position:relative;text-align:center;padding:2.86458vw 0 4.6875vw}.pod_box{display:flex;justify-content:center;padding-bottom:5.98958vw}.pod_box .item{margin:0 1.77083vw;position:relative;width:37.96875vw}.pod_box .item img{width:100%}.pod_box h2{font-size:1.875vw;font-family:"Manrope-Bold";font-weight:normal}.pod_box p{font-size:1.14583vw;font-family:"Manrope-Regular";font-weight:normal;line-height:1.1;margin-top:.52083vw}.pod_box .item_text{position:absolute;text-align:center;color:#ffffff;left:50%;transform:translateX(-50%);width:100%;padding-top:1.04167vw}.light{height:41.66667vw}.light .panel_title{left:13.48958vw;top:8.95833vw}.light .panel_title h2{font-size:3.17708vw}.light .panel_title p{font-size:1.61458vw}.light_img{position:absolute;left:49.47917vw;top:4.42708vw;width:35.98958vw;height:33.85417vw}.light_img_item{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%}.light_img_item.active{opacity:1}.light_img_item img{width:100%;height:100%;object-fit:cover}.light_box{position:absolute;top:18.4375vw;left:13.48958vw}.light_item{color:#939393;font-size:1.35417vw;font-family:"Manrope-Regular";font-weight:normal;width:21.875vw;height:2.8125vw;line-height:2.60417vw;border-radius:.57292vw;background-color:#070707;padding:0 1.04167vw;margin-bottom:3.02083vw;transition:all .3s;cursor:pointer}.active.green{background-color:#2dff2e;box-shadow:0px 0px 1.04167vw #2dff2e;color:#000000}.active.blue{background-color:#0000ff;box-shadow:0px 0px 1.04167vw blue;color:#ffffff}.active.red{background-color:#ff0000;box-shadow:0px 0px 1.04167vw red;color:#ffffff}.magnetic{height:46.875vw}.magnetic .panel_title{z-index:10;text-align:center;color:#000000;top:4.16667vw;left:50%;transform:translateX(-50%)}.video_bg{z-index:5;position:absolute;top:0;left:0}.package{height:41.66667vw}.package .panel_title{left:10.20833vw;top:9.375vw}.package h2{margin-bottom:1.30208vw}.package h3,.package span{font-size:1.35417vw;font-family:"Manrope-Bold";font-weight:normal}.package li{font-size:1.35417vw;font-family:"Manrope-Regular";font-weight:normal;margin-top:.52083vw}.package li:last-of-type{display:flex}.package .size_box{margin-left:.26042vw}.package .size_box p{font-size:1.35417vw;margin-bottom:.52083vw;margin-top:0}.down_btn{bottom:2%;color:#fff}.down_btn img{filter:invert(1)}@media screen and (min-width: 993px){.point{opacity:0}.point.left{transform:translateX(-20%)}.point.right{transform:translateX(20%)}.Air{left:16.5625vw;top:19.42708vw}.Air span{width:12.76042vw}.Light{left:9.89583vw;top:26.82292vw}.Light span{width:8.69792vw}.Type_c{left:12.70833vw;top:31.09375vw}.Type_c span{width:5.20833vw}.Device{left:42.34375vw;top:35.9375vw}.Device span{width:8.69792vw}.Refillable{left:49.11458vw;top:13.4375vw}.Refillable span{width:4.53125vw}.Mouthpiece{left:75.10417vw;top:15.10417vw}.Mouthpiece span{width:4.53125vw}.Filling{left:65.36458vw;top:21.35417vw}.Filling span{width:8.54167vw}.Filler{left:66.66667vw;top:24.11458vw}.Filler span{width:8.85417vw}.color_list{position:relative;display:flex;justify-content:center;padding-bottom:2.60417vw;margin-top:1.25vw}.color_list .swiper-slide{width:auto;height:auto;padding:0 1.19792vw;text-align:center;font-size:1.25vw;z-index:2}.color_list .swiper-slide:nth-of-type(1){transform:translateX(295%)}.color_list .swiper-slide:nth-of-type(2){transform:translateX(200%)}.color_list .swiper-slide:nth-of-type(3){transform:translateX(100%)}.color_list .swiper-slide:nth-of-type(5){transform:translateX(-100%)}.color_list .swiper-slide:nth-of-type(6){transform:translateX(-200%)}.color_list .swiper-slide img{width:10.78125vw}.color_list .swiper-slide p{line-height:1.1;margin-top:1.04167vw}.color_list .move{z-index:1;opacity:0}}@media screen and (max-width: 992px){.banner{height:144vw}.banner .pro_name{font-size:11.46667vw;justify-content:center}.banner .pro_name img{width:25.06667vw;margin-right:2.66667vw}.banner h2{font-size:3.46667vw;margin:2.66667vw 0 2.66667vw}.banner .spec{width:72.4vw;top:67%;position:relative}.banner .text{text-align:center;width:100%;left:0;top:0;padding-top:11.33333vw;height:100%}.panel_title h2{font-size:8vw}.illustration{height:143.86667vw}.illustration .panel_title{top:8vw}.point{opacity:0}.point.left{transform:translateY(-40%)}.point.right{transform:translateY(40%)}.point p{font-size:3.2vw;line-height:1}.point span{margin:0 1.33333vw;height:1px}.point span::before{width:2.4vw;height:2.4vw}.Air{left:2.66667vw;top:79.46667vw}.Air span{width:17.2vw}.Light{left:1.6vw;top:104vw}.Light span{width:9.6vw}.Type_c{left:4vw;top:118.66667vw}.Type_c span{width:11.73333vw}.Device{left:49.6vw;top:117.33333vw}.Device span{width:12.93333vw}.Refillable{left:28vw;top:38.13333vw}.Refillable span{width:11.6vw}.Mouthpiece{left:42.66667vw;top:22.93333vw}.Mouthpiece span{order:2;width:11.6vw}.Filling{left:74.93333vw;top:45.86667vw}.Filling span{width:9.46667vw}.Filler{left:81.6vw;top:53.6vw}.Filler span{width:4.8vw}.color{height:109.2vw}.color h2{font-size:6vw;padding:12.66667vw 0 5.33333vw}.color .swiper-container{padding-top:5.33333vw;padding-bottom:7.46667vw;position:relative;margin-left:13.33333vw}.color .swiper-slide{padding:0 3.33333vw}.color .swiper-slide img{width:100%}.color .swiper-slide p{font-size:3.2vw;text-align:center;margin-top:3.2vw}.color .swiper-button-prev,.color .swiper-button-next{background:url(/assets/images/btn.png) no-repeat;background-size:cover;top:59%}.color .swiper-button-prev::after,.color .swiper-button-next::after{width:10.66667vw;height:10.66667vw}.pod .panel_title{padding:6.66667vw 0 7.33333vw}.pod_box{flex-direction:column;padding-bottom:2.66667vw}.pod_box .item{width:95%;margin-bottom:4vw}.pod_box h2{font-size:4.8vw}.pod_box p{font-size:3.2vw}.pod_box .item_text{padding-top:2.66667vw}.light{width:100%;overflow:hidden;height:119.86667vw}.light .panel_title{left:5.33333vw;top:7.6vw}.light .panel_title h2{font-size:8.13333vw}.light .panel_title p{font-size:4.13333vw}.light_img{width:82.13333vw;height:77.33333vw;top:30.66667vw}.light_item{margin-bottom:5.33333vw;font-size:3.46667vw;width:57.73333vw;height:8.66667vw;line-height:8vw;border-radius:1.46667vw;padding:0 2.66667vw}.light_box{left:5.33333vw;top:33.33333vw}.magnetic{height:106.66667vw}.magnetic .panel_title{width:100%;left:0;transform:translateX(0);top:5.73333vw;text-align:center}.magnetic .panel_title h2{font-size:6.66667vw}.panel_title p{font-size:3.33333vw}.package{height:143.2vw}.package .panel_title{top:52%;left:0;width:100%;text-align:center}.package h2{margin-bottom:2.66667vw}.package h3{font-size:4.66667vw}.package ul{display:flex;flex-wrap:wrap;width:80%;position:relative;left:50%;transform:translateX(-42%)}.package li{margin-top:1.73333vw;text-align:left;width:50%;font-size:3.33333vw}.package li:nth-of-type(5),.package li:nth-of-type(6){width:100%}.package .size_box p,.package span{font-size:3.33333vw}.package .size_box{margin-left:1.06667vw}.package .size_box p{margin-bottom:1.73333vw}.active.green{box-shadow:0px 0px 2.66667vw #2dff2e}.active.blue{box-shadow:0px 0px 2.66667vw blue}.active.red{box-shadow:0px 0px 2.66667vw red}.down_btn{bottom:3%}}