.section-1{padding:3rem 0}.section-1 .container .content-txt{margin-bottom:1rem;letter-spacing:.02em}.section-1 .container .content-txt .title-en{margin:1rem 0}.section-1 .container .content-txt .des{max-width:50.5rem;margin:0 auto}.section-1 .container .content-img{width:100%;height:auto;padding:0;border-radius:2rem;overflow:hidden}.section-1 .container .content-img:hover img{transform:scale(1.02)}.section-1 .container .content-img img{width:100%;display:block;transition:all 0.3s ease-in-out}.section-2{padding:2rem 0 0}.section-2 .container{position:relative;overflow:hidden}.section-2 .container .content-txt{margin-bottom:5rem;letter-spacing:.02em}.section-2 .container .content-txt .title-en{margin:1rem 0}.section-2 .container .content-capacity{display:flex;justify-content:space-between}.section-2 .container .content-capacity .item{position:relative;flex:0 1 calc(20% - 2rem);max-width:15rem;text-align:center;gap:2rem}.section-2 .container .content-capacity .item .num{color:#fff;font-family:var(--font-montserrat);font-size:clamp(1.5rem, 4vw, 2.25rem);font-weight:900;position:relative;z-index:2}.section-2 .container .content-capacity .item .num::after{content:'';position:absolute;display:block;width:100%;height:15px;top:50%;transform:translateY(-50%);background-color:rgb(51 189 189 / .15);border-radius:15px;z-index:-1}.section-2 .container .content-capacity .item .item-title{color:var(--moki-accent);margin:1rem 0 0 0}.section-2 .container .content-capacity .item img{width:85%;position:relative;top:4rem}.section-2 .container .content-bg{position:absolute;bottom:0;transform:translateY(35%)}.section-2 .container .content-bg img{width:100%}.section-3{padding:0;position:relative}.section-3 .content-txt{position:absolute;width:80%;margin:0 auto;max-width:750px;top:7%;left:50%;translate:-50%;z-index:2}.section-3 .content-txt .title-en{margin:1rem 0}.section-3 .content-list{display:flex;gap:0}.section-3 .content-list .item{aspect-ratio:.35;flex:20%;max-height:100vh;overflow:hidden;color:#fff;position:relative;cursor:pointer}.section-3 .content-list .item.item-1{background:linear-gradient(180deg,rgb(0 0 0 / .69) 10%,rgb(0 0 0 / .5)),url(../../../../themes/moki/imgs/eliquid_research_1_direction.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-1:hover,.section-3 .content-list .item.item-1.active{background:linear-gradient(180deg,rgb(0 0 0 / .49) 0,rgb(0 0 0 / .1)),url(../../../../themes/moki/imgs/eliquid_research_1_direction.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-2{background:linear-gradient(180deg,rgb(0 0 0 / .69) 10%,rgb(0 0 0 / .5)),url(../../../../themes/moki/imgs/eliquid_research_2_team.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-2:hover,.section-3 .content-list .item.item-2.active{background:linear-gradient(180deg,rgb(0 0 0 / .49) 0,rgb(0 0 0 / .5)),url(../../../../themes/moki/imgs/eliquid_research_2_team.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-3{background:linear-gradient(180deg,rgb(0 0 0 / .69) 10%,rgb(0 0 0 / .5)),url(../../../../themes/moki/imgs/eliquid_research_3_invest.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-3:hover,.section-3 .content-list .item.item-3.active{background:linear-gradient(180deg,rgb(0 0 0 / .49) 0,rgb(0 0 0 / .5)),url(../../../../themes/moki/imgs/eliquid_research_3_invest.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-4{background:linear-gradient(180deg,rgb(0 0 0 / .69) 10%,rgb(0 0 0 / .45)),url(../../../../themes/moki/imgs/eliquid_research_4_develop.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-4:hover,.section-3 .content-list .item.item-4.active{background:linear-gradient(180deg,rgb(0 0 0 / .49) 0,rgb(0 0 0 / .45)),url(../../../../themes/moki/imgs/eliquid_research_4_develop.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-5{background:linear-gradient(180deg,rgb(0 0 0 / .69) 10%,rgb(0 0 0 / .5)),url(../../../../themes/moki/imgs/eliquid_research_5_quality.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item.item-5:hover,.section-3 .content-list .item.item-5.active{background:linear-gradient(180deg,rgb(0 0 0 / .49) 0,rgb(0 0 0 / .5)),url(../../../../themes/moki/imgs/eliquid_research_5_quality.webp);background-position:center;background-size:cover;background-repeat:no-repeat}.section-3 .content-list .item:hover,.section-3 .content-list .item.active{filter:brightness(1.1)}.section-3 .content-list .item:hover .item-title,.section-3 .content-list .item:hover .desc,.section-3 .content-list .item.active .item-title,.section-3 .content-list .item.active .desc{visibility:visible}.section-3 .content-list .item .item-title{position:absolute;width:max-content;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden}.section-3 .content-list .item .desc{position:absolute;width:calc(100% - 2rem);bottom:12%;background-color:rgb(51 189 189 / .5);margin:0 15px;padding:2rem;border-radius:1rem;color:#eee;visibility:hidden;text-align:center}.section-4{padding:4rem 0 3rem}.section-4 .container .content-txt{margin-bottom:2rem;letter-spacing:.02em}.section-4 .container .content-txt .title-en{margin:1rem 0}.eliquid-customize-swiper{overflow:hidden;padding:0 0 0 5%}.eliquid-customize-swiper .swiper-slide{height:auto}.eliquid-customize-swiper .card{display:flex;flex-direction:column;border-radius:1.5rem;overflow:hidden;background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1);transition:transform 0.3s ease}.eliquid-customize-swiper .card:hover{transform:translateY(-5px)}.eliquid-customize-swiper .card .img-box{width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:1.5rem 1.5rem 0 0}.eliquid-customize-swiper .card .img-box img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease}.eliquid-customize-swiper .card:hover .img-box img{transform:scale(1.05)}.eliquid-customize-swiper .card .txt-box{padding:1.5rem;color:#fff}.eliquid-customize-swiper .card .txt-box .item-title{font-size:clamp(1rem, 2.5vw, 1.15rem);color:var(--moki-accent);margin-bottom:.75rem}.eliquid-customize-swiper .card .txt-box .desc{line-height:1.6;color:#ccc}.eliquid-customize-swiper .swiper-button-prev,.eliquid-customize-swiper .swiper-button-next{width:3rem;height:3rem;color:var(--moki-accent);background-image:none;border:2px solid var(--moki-accent);border-radius:50%;transition:color 0.3s ease,background-color 0.3s ease}.eliquid-customize-swiper .swiper-button-prev:after,.eliquid-customize-swiper .swiper-button-next:after{font-size:1.5rem;font-weight:700}.eliquid-customize-swiper .swiper-button-prev:hover,.eliquid-customize-swiper .swiper-button-next:hover{color:#fff;background-color:var(--moki-accent)}.section-5{padding:3rem 0 5rem}.section-5 .container .content-txt{margin-bottom:2rem;letter-spacing:.02em}.customize-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.customize-tabs .tab-card{position:relative;border-radius:1.5rem;cursor:pointer;min-height:12rem;transition:transform 0.3s ease;aspect-ratio:1.41}.customize-tabs .tab-card:hover{transform:translateY(-4px)}.customize-tabs .tab-card .card-bg{position:absolute;border-radius:1.5rem;overflow:hidden;inset:0;z-index:1}.customize-tabs .tab-card .card-bg img{width:100%;height:100%;object-fit:cover;display:block}.customize-tabs .tab-card .card-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .35) 0%,rgb(0 0 0 / .55) 100%);z-index:2}.customize-tabs .tab-card .card-icon,.customize-tabs .tab-card .card-title{position:relative;z-index:3}.customize-tabs .tab-card .card-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.5rem;height:4.5rem;opacity:0;transition:opacity 0.3s ease}.customize-tabs .tab-card .card-icon img{width:23.5%;height:auto;margin:1rem auto}.customize-tabs .tab-card .card-title{position:absolute;top:2rem;left:2rem;right:0;text-align:center;color:#fff;font-size:clamp(1rem, 2vw, 1.25rem);font-weight:500;letter-spacing:.02em;text-shadow:0 2px 8px rgb(0 0 0 / .5);background-color:rgb(0 0 0 / .3);display:flex;width:fit-content;padding:.5rem 1.5rem;border-radius:8px}.customize-tabs .tab-card.active{background:#264446;box-shadow:0 10px 40px rgb(0 0 0 / .35)}.customize-tabs .tab-card.active .card-bg{opacity:0}.customize-tabs .tab-card.active .card-icon{opacity:1;display:flex;flex-direction:column;justify-content:center;align-items:center;top:50%;width:50%;height:auto;aspect-ratio:1;text-align:center;color:#fff;font-weight:400;font-size:1rem;background-color:#627d7e;border-radius:50%}.customize-tabs .tab-card.active .card-title{display:none}.customize-tabs .tab-card.active::after{content:'';position:absolute;bottom:calc(-0.8rem + 1px);left:50%;transform:translateX(-50%);width:0;height:0;border-left:.8rem solid #fff0;border-right:.8rem solid #fff0;border-top:.8rem solid #264446;z-index:4}.tab-panels{background:rgb(255 255 255 / .06);backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .1);border-radius:1.5rem;padding:2rem 2.5rem;overflow:hidden}.tab-panel{display:none;animation:fadeIn 0.35s ease}.tab-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-panel .panel-row{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 0}.tab-panel .panel-row+.panel-row{border-top:1px solid rgb(255 255 255 / .1)}.tab-panel .panel-row .row-title{flex:0 0 auto;min-width:5.5rem;color:var(--moki-accent);font-size:1rem;font-weight:500;letter-spacing:0}.tab-panel .panel-row .option-list{flex:1;display:flex;flex-wrap:wrap;gap:1.25rem 2rem;justify-content:flex-start}.tab-panel .panel-row .option-list .option{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;font-size:.85rem;min-width:3.5rem;transition:transform 0.2s ease}.tab-panel .panel-row .option-list .option:hover{transform:translateY(-3px)}.tab-panel .panel-row .option-list .option img{width:auto;height:3rem;object-fit:contain;display:block;cursor:pointer}@media screen and (max-width:1200px){.section-2 .container .content-capacity .item{flex:0 1 calc(25% - 1.5rem)}}@media screen and (max-width:1024px){.section-1{padding:3.5rem 0}.section-2{padding:3.5rem 0}.section-2 .container .content-capacity{flex-wrap:wrap;row-gap:3.5rem;column-gap:1.5rem;justify-content:center}.section-2 .container .content-capacity .item{flex:0 1 calc(33.333% - 1.5rem);max-width:12rem}.section-3{padding:3.5rem 0}.section-3 .content-list{flex-wrap:wrap;justify-content:center}.section-4{padding:3.5rem 0}.customize-tabs{gap:1rem}.customize-tabs .tab-card{min-height:10rem;border-radius:1.25rem}.tab-panels{padding:1.5rem 1.75rem}.tab-panel .panel-row{flex-direction:column;align-items:flex-start;gap:1rem}.tab-panel .panel-row .option-list{width:100%;gap:1rem 1.5rem}}@media screen and (max-width:768px){.section-1{padding:2.5rem 0}.section-1 .container .content-img{border-radius:1.5rem}.section-2{padding:2.5rem 0}.section-2 .container .content-capacity .item{flex:0 1 calc(50% - 1.25rem);max-width:10rem}.section-3{padding:2.5rem 0}.section-3 .content-txt{position:relative;translate:unset;left:auto;padding-bottom:1rem}.section-3 .content-list{flex-wrap:wrap;justify-content:center;gap:1rem}.section-3 .content-list .item{flex:0 1 calc(50% - 0.5rem);aspect-ratio:16 / 11}.section-3 .content-list .item .item-title{visibility:visible}.section-3 .content-list .item .desc{padding:1rem;font-size:.85rem;width:calc(100% - 1rem);visibility:visible}.section-4{padding:2.5rem 0}.eliquid-customize-swiper{padding:0 0 0 3%}.eliquid-customize-swiper .swiper-button-prev,.eliquid-customize-swiper .swiper-button-next{width:2.25rem;height:2.25rem}.eliquid-customize-swiper .swiper-button-prev:after,.eliquid-customize-swiper .swiper-button-next:after{font-size:1.1rem}.eliquid-customize-swiper .card .img-box{aspect-ratio:16 / 9}.customize-tabs .tab-card{min-height:8rem;border-radius:1rem}.customize-tabs .tab-card .card-title{font-size:.9rem;letter-spacing:0}.customize-tabs .tab-card.active .card-icon{width:58%;height:auto}.customize-tabs .tab-card.active .card-title{bottom:1.25rem}.tab-panels{padding:1.25rem 1.25rem;border-radius:1.25rem}.tab-panel .panel-row .option-list .option img{height:2.5rem}.tab-panel .panel-row .option-list .option{font-size:.8rem;min-width:3rem}}@media screen and (max-width:640px){.section-1{padding:2rem 0}.section-2{padding:2rem 0}.section-2 .container .content-capacity .item{flex:0 1 100%;max-width:14rem;margin:0 auto;overflow:hidden}.section-2 .container .content-capacity .item img{display:none}.section-2 .container .content-bg{display:none}.section-3{padding:2rem 0}.section-3 .content-list{gap:.75rem}.section-3 .content-list .item{flex:0 1 100%;aspect-ratio:16 / 9}.section-4{padding:2rem 0}.eliquid-customize-swiper .swiper-button-prev,.eliquid-customize-swiper .swiper-button-next{display:none}.eliquid-customize-swiper .card .txt-box{padding:1rem}.customize-tabs{grid-template-columns:repeat(3,1fr);gap:.75rem}.customize-tabs .tab-card{min-height:7rem;border-radius:.875rem}.customize-tabs .tab-card .card-title{font-size:.8rem;top:.75rem}.customize-tabs .tab-card.active .card-icon{width:58%;height:auto}.customize-tabs .tab-card.active .card-title{bottom:1rem}.tab-panels{padding:1rem;border-radius:1rem}.tab-panel .panel-row{padding:1rem 0}.tab-panel .panel-row .row-title{font-size:.9rem}.tab-panel .panel-row .option-list{gap:.75rem 1rem}.tab-panel .panel-row .option-list .option img{height:2rem}.tab-panel .panel-row .option-list .option{font-size:.75rem;min-width:2.5rem}}@media screen and (max-width:440px){.section-1{padding:1.5rem 0}.section-1 .container .content-img{border-radius:1rem}.section-2{padding:1.5rem 0}.section-3{padding:1.5rem 0}.section-3 .content-list .item .desc{padding:.75rem}.section-4{padding:1.5rem 0}.customize-tabs{gap:.5rem}.customize-tabs .tab-card{min-height:6rem;border-radius:.75rem}.customize-tabs .tab-card .card-title{font-size:.8rem;letter-spacing:0}.customize-tabs .tab-card.active .card-icon{width:62%;height:auto}.customize-tabs .tab-card.active .card-title{bottom:.75rem}.tab-panels{padding:.875rem}.tab-panel .panel-row .option-list .option img{height:1.75rem}.tab-panel .panel-row .option-list .option{font-size:.8rem}}