.swiper-banner.swiper{width:calc(100% - 3.2rem);height:70vh;margin:1.6rem;border-radius:5rem 5rem 5rem 0;position:relative}.swiper-banner.swiper:hover .swiper-button-next,.swiper-banner.swiper:hover .swiper-button-prev{opacity:1}.swiper-banner.swiper::before{content:"";position:absolute;z-index:2;bottom:0px;left:42vw;width:25px;height:25px;border-bottom-left-radius:1.5rem;box-shadow:-0.5rem .5rem 0 .2rem #fff}@media(max-width: 1199px){.swiper-banner.swiper{height:50vh}}@media(max-width: 767px){.swiper-banner.swiper{height:50vh}}@media(max-width: 575px){.swiper-banner.swiper{height:45vh;border-radius:5rem}.swiper-banner.swiper::before{display:none}}.swiper-banner.swiper .swiper-slide .hgroup{position:absolute;top:50%;left:25%;transform:translate(-50%, -50%);color:#fff;z-index:20;max-width:440px}.swiper-banner.swiper .swiper-slide .hgroup h1{font-size:clamp(24px,3vw,32px);letter-spacing:.4rem;font-family:"Signika Negative","Noto Sans TC";padding:.8rem 1.6rem;background:hsla(0,0%,100%,.9098039216);color:#a0a010;border-radius:1rem;text-align:left}.swiper-banner.swiper .swiper-slide .hgroup p{font-size:24px;letter-spacing:.2rem}.swiper-banner.swiper .swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper-banner.swiper .swiper-slide-active img{animation:banner-fadein 5s linear forwards}@media(max-width: 991px){.swiper-banner.swiper .swiper-slide .hgroup{padding:2.4rem 7.2rem 2.4rem 4.8rem;left:auto;transform:translate(4rem, -50%)}}@media(max-width: 767px){.swiper-banner.swiper .swiper-slide .hgroup{transform:translate(-2rem, -45%) scale(0.8)}}@media(max-width: 575px){.swiper-banner.swiper .swiper-slide .hgroup{transform:translate(-4rem, -45%) scale(0.8)}.swiper-banner.swiper .swiper-slide .hgroup p{display:none}}@keyframes banner-fadein{0%{transform:scale(1.2)}80%,100%{transform:scale(1)}}.swiper.swiper-banner .swiper-pagination{width:auto;top:auto;bottom:1.6rem;transform:translateY(-50%);left:auto;right:5.6vw;display:flex;justify-content:center;gap:1.6rem}.swiper.swiper-banner .swiper-pagination-bullet{display:flex;align-items:center;gap:.4rem .8rem;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;background:rgba(0,0,0,0);color:#fff;opacity:1}.swiper.swiper-banner .swiper-pagination-bullet:hover,.swiper.swiper-banner .swiper-pagination-bullet:focus{border:none;outline:none}.swiper.swiper-banner .swiper-pagination h5{font-size:20px;margin:0rem;letter-spacing:.2rem}.swiper.swiper-banner .swiper-pagination span{position:relative;display:inline-block;width:0;height:2px;background-color:#fff;transition:width .5s ease-in-out}.swiper.swiper-banner .swiper-pagination span::after{content:"";position:absolute;inset:0;width:100%;height:2px;background-color:#7eb520}.swiper.swiper-banner .swiper-pagination-bullet-active span{width:12rem}.swiper.swiper-banner .swiper-pagination-bullet-active span::after{animation:width-0-100 18s linear forwards}@media(max-width: 767px){.swiper.swiper-banner .swiper-pagination-bullet-active span{width:5rem}}@media(max-width: 575px){.swiper.swiper-banner .swiper-pagination{gap:.4rem;bottom:0}.swiper.swiper-banner .swiper-pagination-bullet{margin:0;gap:0}.swiper.swiper-banner .swiper-pagination-bullet h5{font-size:14px;padding:.8rem;border-radius:50%}.swiper.swiper-banner .swiper-pagination-bullet-active h5{background-color:var(--primary-default);color:#fff}.swiper.swiper-banner .swiper-pagination-bullet-active span{width:0rem}}.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev{z-index:12;top:50%;color:#fff;width:50px;height:50px;border:1px solid #fff;border-radius:50%;opacity:0;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.swiper-banner .swiper-button-next::after,.swiper-banner .swiper-button-prev::after{font-size:20px}.swiper-banner .swiper-button-next::before,.swiper-banner .swiper-button-prev::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);width:100%;height:100%;background-color:#7eb520;border-radius:50%;transition:all .3s ease-in-out;z-index:-1}.swiper-banner .swiper-button-next:hover::before,.swiper-banner .swiper-button-prev:hover::before{transform:translate(-50%, -50%) scale(1)}.swiper-banner .swiper-button-prev{left:5.6rem}.swiper-banner .swiper-button-next{right:5.6rem}@media(max-width: 767px){.swiper-banner .swiper-button-next,.swiper-banner .swiper-button-prev{bottom:11.2rem}.swiper-banner .swiper-button-prev{left:2.4rem}.swiper-banner .swiper-button-next{right:2.4rem}}