html,body{overflow: hidden;}


.full-slide {height: 100vh;}
.full-slide section{width: calc(100% - 125px); margin-left: auto; min-width: 1600px;}
.full-slide .inner{max-width: 1600px; margin: 0 auto;}

#top-slide .main1_slide{width: 100%; height: 100%;}
#top-slide .main1_slide .swiper-slide{height: 100vh;}
#top-slide .main1_slide .main1_slide1{background: url(../images/slide1.jpg) center top / cover no-repeat;}
#top-slide .main1_slide .main1_slide2{background: url(../images/slide2.jpg) center top / cover no-repeat;}
#top-slide .main1_slide .main1_slide3{background: url(../images/slide3.jpg) center top / cover no-repeat;}
#top-slide .main1_slide .swiper-slide > div{width: 345px; height: 206px; margin: 0 auto; font-size: 0; top: 220px; opacity: 0; transition: top 1s, opacity 1s;}
#top-slide .main1_slide .swiper-slide.swiper-slide-active > div{top: 180px; opacity: 1;}
#top-slide .main1_slide .main1_slide3.swiper-slide-active > div{top: 400px; opacity: 1;}
#top-slide .main1_slide .main1_slide1 > div{background: url(../images/slide1_tx.png) center / cover no-repeat; margin-top: -35px;}
#top-slide .main1_slide .main1_slide2 > div{background: url(../images/slide2_tx.png) center / cover no-repeat; margin-top: -47px;}
#top-slide .main1_slide .main1_slide3 > div{background: url(../images/slide3_tx.png) center / cover no-repeat; height: 206px; margin-top: -197px; margin-left: -190px; left: 315px; top: 480px;}

.wonder{width: 100%; height: 100%; background: url(../images/wonder.jpg) center top / cover no-repeat;}


.premium{width: 100%; height: 100%; background:#f3efeb;}
/*
.premium::before{content: ""; position: absolute; left: 50%; top: 20%; opacity: 0; transition: .5s .5s; transform: translateX(-50%); width: 1317px; height: 213px; background: url(../images/Premium6.png) center / cover no-repeat;}
.premium.active::before{top: 15%; opacity: 1;}*/

.premium6_tx{position: absolute; height: 100vh;}
.premium6_tx > img{display: block; transition-delay: 1s; left: 12%; top: 65%;}
.premium6_tx > img:nth-of-type(2){top: -5%; left: 0;}
.premium6_tx > img:nth-of-type(3){display: none;}
.premium .inner{padding: 0;}
.premium .premium-bg{position: fixed; text-align: center;}
.premium ul{display: flex; justify-content: space-between; margin-top: 20px;}
.premium ul li{width: 39vw; min-width: 600px;}
.premium ul li > img{width: 100%;}
.premium ul li:nth-of-type(odd){margin-top: 250px;}
.premium ul li > div{top: 60px; z-index: 1; margin-left: 20px;}
.premium ul li > div > img{max-width: 250px;}
.premium ul li p{font-size: 24px; margin-top: 10px;}
.premium ul li p span{font-weight: 700;}
.premium .premium-slide{width: 100%; height: 100vh !important;}
.premium .swiper-slide{display: flex; flex-direction: column; justify-content: center; padding-top: 50px;}
.premium .swiper-slide ul li{top: -800px; opacity: 0; transition: 1.5s; transition-delay: 1.3s;}
.premium .swiper-slide.premium-slide1 ul li{top: 800px;}
.premium .swiper-slide ul li:nth-of-type(2){transition-delay: 1.8s;}
.premium .swiper-slide.swiper-slide-active ul li{top: 0; opacity: 1;}

.premium .swiper-slide-next ul li{top: 800px;}
.premium [data-aos=fade-down]{transform: translate3d(0,100px,0);}
.premium6_tx img[data-aos^=fade][data-aos^=fade].aos-animate{transform: translate3d(0,0,0);}
.premium6_tx img:nth-of-type(2)[data-aos^=fade][data-aos^=fade].aos-animate{transform: translate3d(0,0,0);}



.convenience h2{text-align: center; font-weight: 400; font-size: 22px; margin-top: 50px;}
.convenience h2 p{margin-top: 10px;}
.convenience .swiper-wrapper{display: flex; justify-content: space-between; margin-top: 60px;}
.convenience .swiper-wrapper .swiper-slide::before, .convenience .swiper-wrapper .swiper-slide::after{content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #5d5966; opacity: 1; transition: height .5s;}
.convenience .swiper-wrapper .swiper-slide::before{opacity: .3;}
.convenience .swiper-wrapper .convenience-slide1::before{transition-delay: 1.5s;}
.convenience .swiper-wrapper .convenience-slide2::before{transition-delay: 1.7s;}
.convenience .swiper-wrapper .convenience-slide3::before{transition-delay: 1.9s;}
.convenience .swiper-wrapper .convenience-slide4::before{transition-delay: 2.1s;}
.convenience .swiper-wrapper .swiper-slide::after{mix-blend-mode: color;}
.convenience .swiper-wrapper .swiper-slide{width: 405px; height: 600px; overflow: hidden; transition: .5s .5s;}
.convenience .swiper-wrapper .convenience-slide1{background: url(../images/convenience1.jpg) center / cover no-repeat;}
.convenience .swiper-wrapper .convenience-slide2{background: url(../images/convenience2.jpg) center / cover no-repeat;}
.convenience .swiper-wrapper .convenience-slide3{background: url(../images/convenience3.jpg) center / cover no-repeat;}
.convenience .swiper-wrapper .convenience-slide4{background: url(../images/convenience4.jpg) center / cover no-repeat;}
.convenience .swiper-wrapper .swiper-slide div{width: 100%; height: 165px; position: absolute; bottom: -165px; left: 0; display: flex; align-items: center; justify-content: center; text-align: center; background: #00000082; z-index: 1; transition: bottom 1s;}
.convenience .swiper-wrapper .convenience-slide1 div{transition-delay: 1.5s;}
.convenience .swiper-wrapper .convenience-slide2 div{transition-delay: 1.7s;}
.convenience .swiper-wrapper .convenience-slide3 div{transition-delay: 1.9s;}
.convenience .swiper-wrapper .convenience-slide4 div{transition-delay: 2.1s;}
.convenience .swiper-wrapper .swiper-slide div p{font-size: 22px; color: #fff;}
.convenience.on .swiper-wrapper .swiper-slide::before{height: 0;}
.convenience.on .swiper-wrapper .swiper-slide::after{height: 0;}
.convenience.on .swiper-wrapper .swiper-slide div{bottom: 0;}
.convenience .swiper-backface-hidden .swiper-slide{transform: translate3d(0,100px,0);}
.convenience .swiper-backface-hidden .swiper-slide[data-aos^=fade][data-aos^=fade].aos-animate{transform: translateZ(0) !important;}

.footer{height: 460px !important; padding-left: 0;}
.footer .inner{max-width: 1200px;}

@media(max-width:1700px){.full-slide .inner{max-width:1300px;}}

@media(max-width:1024px){
    .quick{max-width: 640px;}

    .full-slide section{width: 100%; max-width:640px; margin:0 auto; min-width: auto; padding-left: 0;}
    /* .full-slide .swiper-wrapper{flex-direction: column;} */
    .top-wrap{max-width: 640px;}
    #top-slide .main1_slide .main1_slide1{background: url(../images/slide1_m.jpg) center / cover no-repeat;}
    #top-slide .main1_slide .main1_slide2{background: url(../images/slide2_m.jpg) center / cover no-repeat;}
    #top-slide .main1_slide .main1_slide3{background: url(../images/slide3_m.jpg) center / cover no-repeat;}
    #top-slide .main1_slide .swiper-slide > div{width: 200px; height: 87px; width: calc(calc(185/640*100vh)); height: calc(calc(92/640*100vh)); top: 25vh;}
    #top-slide .main1_slide .main1_slide1 > div{background: url(../images/slide1_m_tx.png) center / cover no-repeat; height: calc(calc(160 / 640* 100vh)); top: 23vh;}
    #top-slide .main1_slide .main1_slide2 > div{background: url(../images/slide2_m_tx.png) center / cover no-repeat;top: 33vh;}
    #top-slide .main1_slide .main1_slide3 > div{background: url(../images/slide3_m_tx.png) center / cover no-repeat;  height: calc(calc(171/640*100vh)); margin: 0; left: 25px; top: 23vh;}
    
    #top-slide .main1_slide .swiper-slide:nth-child(1).swiper-slide-active > div{top: 15vh !important; transition-delay: .5s;}
    #top-slide .main1_slide .swiper-slide:nth-child(2).swiper-slide-active > div{top: 27vh ;}
    #top-slide .main1_slide .swiper-slide.swiper-slide-active > div{top: 18vh;}
    #top-slide .main1_slide .main1_slide2.swiper-slide-active > div{transition-delay: .5s;}
    #top-slide .main1_slide .main1_slide3.swiper-slide-active > div{top: 16vh;transition-delay: .5s;}

    .premium ul li{min-width: auto;}
    .premium .swiper-slide{padding-top: 0;}
    .premium ul{flex-direction: column;}
    .premium ul li{width: 35vh; opacity: 0 !important;}
    .premium .swiper-slide.swiper-slide-active ul li{opacity: 1 !important;}
    .premium ul li p{font-size: calc(1px + 1.7vh); margin-top: 2px;}
    .premium ul li:nth-of-type(2){align-self: flex-end; margin-top: 0px;}
    .premium .swiper-slide.swiper-slide-active ul li:nth-of-type(2){top: 4vh;}
    .premium ul li:nth-of-type(odd){margin-top: 0;}
    .premium ul li > div{top: 28px; margin-left: 10px;}

    .premium6_tx > img{left: -5%; width: 90%;}
    .premium6_tx > img:nth-of-type(1){width: 110%; top: 47%;}
    .premium6_tx > img:nth-of-type(2){display: none;}
    .premium6_tx > img:nth-of-type(3){display: block;width: 87%; max-width: 320px; top: 5vh; left: 0;}
    .premium6_tx img:nth-of-type(3)[data-aos^=fade][data-aos^=fade].aos-animate{transform: translate3d(0,0,0);}

    .premium ul li > div > img{width: 80px;}

    .convenience .inner{width: 100%; padding: 50px 0;}
    .convenience .swiper-wrapper{margin-top: 0;}
    .convenience h2{font-size: 14px; margin: 8vh 0; line-height: 1.4;}
    .convenience h2 img{width: 30%;max-width: 180px;}
    .convenience .swiper-wrapper .swiper-slide{height: 45vh; margin: 0 3px; filter: grayscale();}
    .convenience .swiper-wrapper .swiper-slide div p{font-size: 17px;}
    .convenience .swiper-wrapper .swiper-slide div{height: 70px;}
    .convenience .swiper-wrapper .swiper-slide.swiper-slide-active{transition-delay: 0s !important; filter: none;}
    .convenience .swiper-wrapper{left: -16px;}

    .convenience .swiper-wrapper .swiper-slide div{transition-delay: 1s !important;}
    .convenience .swiper-wrapper .swiper-slide::before{transition-delay: 1s !important;}

    .footer{height: 560px !important;}

}


@media(max-height:560px){
    .premium ul li{width: 30vh;}
    .convenience .inner{padding: 35px 0;}
    .convenience .swiper-wrapper .swiper-slide{height: 40vh;}
}
@media (min-width: 560px) and (max-width: 1024px) {
    .premium ul{margin-top: 7vh;}

}