@charset "UTF-8";.varyWidthCarouselCard{width:100%;position:relative;overflow:hidden;background-color:transparent;padding-top:120px}
@media only screen and (max-width:1024px){.varyWidthCarouselCard{padding-top:80px}
}
@media only screen and (max-width:768px){.varyWidthCarouselCard{padding-top:60px}
}
.varyWidthCarouselCard .vary-width-carousel-card{height:100%;width:100%;position:relative}
.varyWidthCarouselCard .page-center-con{width:100%}
.varyWidthCarouselCard .page-con-move{width:100%;height:100%;position:relative}
.varyWidthCarouselCard.varyWidthCarouselCard--scrollfade .page-con-move{opacity:var(--scrollfade-progress,0);transform:translate3d(0,calc((1 - var(--scrollfade-progress, 0)) * 100px),0);will-change:opacity,transform}
.varyWidthCarouselCard .swiper{padding-left:6.25vw;padding-right:6.25vw;box-sizing:border-box}
@media only screen and (max-width:768px){.varyWidthCarouselCard .swiper{padding-left:8vw;padding-right:8vw}
}
.varyWidthCarouselCard .swiper .swiper-slide{width:var(--desktop-width,auto)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .swiper .swiper-slide{width:var(--mobile-width,auto)}
}
.varyWidthCarouselCard .slide{position:relative;border-radius:1.0416666667vw;overflow:hidden;height:35.4166666667vw;width:var(--desktop-width,auto)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide{border-radius:3.2vw;height:149.3333333333vw;width:var(--mobile-width,auto)}
}
.varyWidthCarouselCard .slide.slide0{width:var(--desktop-width,35.9375vw)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide.slide0{width:var(--mobile-width,84vw)}
}
.varyWidthCarouselCard .slide.slide1{width:var(--desktop-width,28.125vw)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide.slide1{width:var(--mobile-width,84vw)}
}
.varyWidthCarouselCard .slide.slide2{width:var(--desktop-width,64.6875vw)}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide.slide2{width:var(--mobile-width,84vw)}
}
.varyWidthCarouselCard .slide picture{width:100%;height:100%;display:block;position:relative}
.varyWidthCarouselCard .slide .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;object-fit:cover;display:block}
.varyWidthCarouselCard .slide .txtlist{width:100%;height:10.8333333333vw;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.6) 100%);position:absolute;left:0;bottom:0;z-index:5;color:#fff;padding:1.4583333333vw 3.3854166667vw;box-sizing:border-box;display:flex;flex-direction:column;scale:1.005}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist{height:34.6666666667vw;padding:3.7333333333vw 4.2666666667vw}
}
.varyWidthCarouselCard .slide .txtlist__title{font-size:1.4583333333vw;margin-bottom:.4166666667vw}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist__title{font-size:4.2666666667vw;margin-bottom:1.0666666667vw}
}
.varyWidthCarouselCard .slide .txtlist .t1{font-size:1.0416666667vw}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist .t1{font-size:3.7333333333vw}
}
.varyWidthCarouselCard .slide .txtlist .showpc{display:block}
.varyWidthCarouselCard .slide .txtlist .showm{display:none}
@media only screen and (max-width:768px){.varyWidthCarouselCard .slide .txtlist .showpc{display:none}
.varyWidthCarouselCard .slide .txtlist .showm{display:block}
}
.varyWidthCarouselCard .left-right-wrap{position:relative;width:7.2916666667vw;display:flex;flex-direction:row;margin-top:1.25vw;margin-left:82.5vw}
@media only screen and (max-width:1024px){.varyWidthCarouselCard .left-right-wrap{width:7.6041666667vw;margin-top:1.0416666667vw}
}
@media only screen and (max-width:768px){.varyWidthCarouselCard .left-right-wrap{width:26.6666666667vw;margin-top:5.8666666667vw;margin-left:auto;margin-right:auto;justify-content:center;gap:8px}
}
.varyWidthCarouselCard .left-right-wrap .btn-prev{width:2.9166666667vw;height:2.9166666667vw;background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-prev.png) no-repeat center center;background-size:contain;cursor:pointer;margin-right:12px}
@media only screen and (max-width:768px){.varyWidthCarouselCard .left-right-wrap .btn-prev{width:10.6666666667vw;height:10.6666666667vw;margin-right:0}
}
.varyWidthCarouselCard .left-right-wrap .btn-prev.disable{background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-prev-off.png) no-repeat center center;background-size:contain}
.varyWidthCarouselCard .left-right-wrap .btn-next{width:2.9166666667vw;height:2.9166666667vw;background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-next.png) no-repeat center center;background-size:contain;cursor:pointer}
@media only screen and (max-width:768px){.varyWidthCarouselCard .left-right-wrap .btn-next{width:10.6666666667vw;height:10.6666666667vw}
}
.varyWidthCarouselCard .left-right-wrap .btn-next.disable{background:url(../../../../content/dam/OneWeb/faw_vw/zh/vary-width/btn-next-off.png) no-repeat center center;background-size:contain}
.section:has(.varyWidthCarouselCard):has(+.section.hero-image-component){padding-bottom:calc(120 / 1080 * 1080 / 1920 * 100dvw)}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.section:has(.varyWidthCarouselCard):has(+.section.hero-image-component){padding-bottom:calc(120 / 1080 * 1080 / 1920 * 100dvw)}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.section:has(.varyWidthCarouselCard):has(+.section.hero-image-component){padding-bottom:calc(80 / 834 * 834 / 1194 * 100dvw)}
}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.section:has(.varyWidthCarouselCard):has(+.section.hero-image-component){padding-bottom:calc(80 / 1194 * 1194 / 834 * 100dvw)}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px){.section:has(.varyWidthCarouselCard):has(+.section.hero-image-component){padding-bottom:calc(60 / 812 * 812 / 375 * 100dvw)}
}