.banner-section{padding:24px 0}.banner-section h1,.banner-section h2,.banner-section h3,.banner-section h4,.banner-section h5,.banner-section h6,.banner-section .h1,.banner-section .h2,.banner-section .h3,.banner-section .h4,.banner-section .h5,.banner-section .h6{margin-bottom:8px}.banner-section .button{font-family:Noto Sans TC,sans-serif}.banner-section .align-content--center{text-align:center}.banner-section .align-content--right{text-align:right}.banner-section .card-item__image{border-radius:5px;overflow:hidden}.banner-section .swiper-button-next,.banner-section .swiper-button-prev{transition:all .3s ease;top:calc(var(--card-image-height) / 2);visibility:hidden}.banner-section .swiper-center-slides .swiper-slide{transform:scale(.92);transition:all .4s ease;opacity:.5}.banner-section .swiper-center-slides .swiper-slide-active{transform:scale(1);opacity:1}.banner-section .swiper-center-slides .swiper-button-next{right:calc((100% - var(--scrollbar-width) - var(--card-image-width))/2);margin-right:-37px}.banner-section .swiper-center-slides .swiper-button-prev{left:calc((100% - var(--scrollbar-width) - var(--card-image-width))/2);margin-left:0}.banner-section.container--fullwidth .swiper-center-slides .swiper-button-next{right:calc((100vw - var(--scrollbar-width) - var(--card-image-width))/2);margin-right:-25px}.banner-section.container--fullwidth .swiper-center-slides .swiper-button-prev{left:calc((100vw - var(--scrollbar-width) - var(--card-image-width))/2);margin-left:-25px}.banner-section .swiper:before{content:"";width:30px;height:30px;border:4px solid rgba(55,58,54,.5);border-bottom-color:var(--color-text-main);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-15px;margin-bottom:-15px}.banner-section .swiper-wrapper{visibility:hidden;opacity:0}.banner-section .swiper-initialized:before{content:none}.banner-section .swiper-initialized .swiper-wrapper{visibility:visible;opacity:1}.banner-section .swiper-initialized .swiper-slide .card-item-content{display:none}.banner-section .swiper-initialized .swiper-slide-active .card-item-content{display:block}.banner-section .swiper-arrows-init .swiper-button-next,.banner-section .swiper-arrows-init .swiper-button-prev{visibility:visible}@media screen and (max-width: 474px){.banner-section .text-caption--regular{font-size:13px}.banner-section .text-caption--large{font-size:15x}.banner-section .text-caption--xlarge{font-size:16px}}@media screen and (min-width: 475px) and (max-width: 1023px){.banner-section .text-caption--regular{font-size:14px}.banner-section .text-caption--large{font-size:16px}.banner-section .text-caption--xlarge{font-size:18px}}@media screen and (max-width: 767px){.banner-section .swiper-center-slides .button--regular{width:100%;max-width:280px}.banner-section .swiper-center-slides .swiper-slide:not(.swiper-slide-active){transform:scale(.95)}.banner-section .swiper-slide{width:332px}.banner-section .swiper-button-next,.banner-section .swiper-button-prev{display:none}}@media screen and (min-width: 768px){.banner-section{padding:50px 0}}@media screen and (max-width: 1023px){.banner-section .button--regular{font-size:13px;padding:8px 24px}}@media screen and (min-width: 1024px){.banner-section .text-caption--regular{font-size:15px}.banner-section .text-caption--large{font-size:18px}.banner-section .text-caption--xlarge{font-size:20px}.banner-section .button--regular{font-size:16px;padding:7px 24px 9px}.banner-section .swiper-pagination{margin-top:15px}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/component-banner-section.css.map */