.bg{width:100%;height:100%;object-fit:cover}.banner{height:41.66667vw;position:relative}.banner .text{position:absolute;z-index:2;left:7.8125vw;top:11.45833vw}.banner .pro_name{display:flex;align-items:center;font-size:5.46875vw;font-family:"Manrope-Regular";font-weight:normal;color:#ffffff;line-height:1}.banner .pro_name img{filter:invert(1);width:21.25vw;margin-right:1.82292vw}.banner h2{color:#ffffff;font-size:1.97917vw;font-family:"Manrope-ExtraBold";font-weight:normal;text-transform:uppercase;margin:.52083vw 0 2.08333vw}.banner .spec{width:31.35417vw}.panel{position:relative}.panel_title{position:absolute;color:#ffffff}.panel_title h2{font-size:2.60417vw;font-family:"Manrope-SemiBold";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:44.27083vw}.illustration .panel_title{text-align:center;width:100%;top:2.34375vw;left:0}.point{position:absolute;display:flex;align-items:center}.point p{color:#ffffff;font-size:1.35417vw;font-family:"Manrope-SemiBold";font-weight:normal}.point span{display:inline-block;height:2px;background-color:#ffffff;position:relative;margin:0 .26042vw}.point span::before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:.9375vw;height:.9375vw;border-radius:100% 100%;background:url(/assets/images/fineo/point.png) no-repeat;background-size:cover}.point.right p{order:2}.point.right span::before{left:0;transform:translate(-50%, -50%)}.point.left span::before{right:0;transform:translate(50%, -50%)}.color{background-color:#242424;color:#ffffff}.color h2{font-size:2.5vw;font-family:"Manrope-SemiBold";font-weight:normal;text-align:center;padding:2.60417vw}.pod{background-color:#04060b}.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:57.39583vw;top:8.95833vw}.light .panel_title h2{font-size:3.17708vw}.light .panel_title p{font-size:1.61458vw}.light_img{position:absolute;width:53.75vw;height:41.66667vw;top:0;left:0}.light_img_item{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.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:57.39583vw}.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:41.66667vw}.magnetic .panel_title{z-index:10;left:8.64583vw;top:15.05208vw}.video_bg{z-index:5;position:absolute;top:0;left:0}.package{height:41.66667vw}.package .panel_title{left:66.25vw;top:8.69792vw}.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}@media screen and (min-width: 993px){.point{opacity:0}.point.left{transform:translateX(-20%)}.point.right{transform:translateX(20%)}.Device{left:19.32292vw;top:18.54167vw}.Device span{width:14.53125vw}.Light{left:12.34375vw;top:24.375vw}.Light span{width:14.53125vw}.Mouthpiece{left:71.875vw;top:8.17708vw}.Mouthpiece span{width:4.53125vw}.Refillable{left:35.98958vw;top:11.45833vw}.Refillable span{width:14.47917vw}.Filling{left:65.78125vw;top:15.88542vw}.Filling span{width:9.21875vw}.Filler{left:64.32292vw;top:20.3125vw}.Filler span{width:9.21875vw}.Air{left:43.22917vw;top:27.55208vw}.Air span{width:14.47917vw}.Type_c{left:19.84375vw;top:36.61458vw}.Type_c span{width:22.13542vw}.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 3.54167vw;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:6.40625vw}.color_list .swiper-slide p{line-height:1.1;margin-top:1.04167vw}.color_list .move{z-index:1;opacity:0}.down_btn{bottom:13%;color:#fff;left:79%;width:26.04167vw}.down_btn img{filter:invert(1)}}@media screen and (max-width: 992px){.banner{height:140vw}.banner .pro_name{font-size:9.73333vw;justify-content:center}.banner .pro_name img{width:38vw;margin-right:2.66667vw}.banner h2{font-size:3.46667vw;margin:1.33333vw 0 2.66667vw}.banner .spec{width:56.13333vw}.banner .text{text-align:center;width:100%;left:0;top:6.4vw}.panel_title h2{font-size:6vw}.illustration{height:133.33333vw}.illustration .panel_title{top:6vw}.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}.point span::before{width:2.4vw;height:2.4vw}.Device{left:9.2vw;top:62.4vw}.Device span{width:10.13333vw}.Light{left:3.86667vw;top:80.66667vw}.Light span{width:8.93333vw}.Mouthpiece{left:48.8vw;top:21.6vw}.Mouthpiece p{order:1}.Mouthpiece.right span{width:16vw;order:2}.Mouthpiece.right span::before{right:0;left:unset;transform:translate(50%, -50%)}.Refillable{left:24vw;top:36.26667vw}.Refillable span{width:18.66667vw}.Filling{left:79.33333vw;top:39.33333vw}.Filling span{width:4vw}.Filler{left:81.2vw;top:47.33333vw}.Filler span{width:4vw}.Air{left:51.6vw;top:80vw}.Air span{width:8.93333vw}.Type_c{left:14.26667vw;top:116.66667vw}.Type_c span{width:26.66667vw}.color h2{font-size:6vw;padding:6vw 0}.color .swiper-container{padding-top:5.33333vw;padding-bottom:7.46667vw;position:relative}.color .swiper-slide{padding:0 9.06667vw}.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:43%}.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{height:126.66667vw}.light .panel_title{left:0;top:9.06667vw;width:100%;text-align:center}.light .panel_title h2{font-size:6vw}.light .panel_title p{font-size:3.33333vw}.light_img{width:98.13333vw;height:37.2vw;top:34.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:50%;transform:translateX(-50%);top:80vw}.magnetic{height:106.66667vw}.magnetic .panel_title{left:46.4vw;top:8.66667vw}.magnetic .panel_title h2{font-size:6.66667vw}.magnetic .video_bg{object-position:68%}.panel_title p{font-size:3.33333vw}.package{height:147.46667vw}.package .panel_title{top:6.66667vw;left:0;width:100%;text-align:center}.package h2{margin-bottom:4vw}.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%;color:#fff}.down_btn img{filter:invert(1)}}
