#CommunityShowcase .bg-white{background-color:#fff;}#CommunityShowcase .bg-showcase{padding-top:100px;padding-bottom:100px;position:relative;overflow:hidden;}#CommunityShowcase .bg-showcase .bg-layer{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;}#CommunityShowcase .bg-showcase .bg-layer-top{opacity:0;transition:opacity .5s ease;}#CommunityShowcase .bg-showcase::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:1;}#CommunityShowcase .bg-showcase>*{position:relative;z-index:2;}#CommunityShowcase .bg-showcase>.bg-layer{z-index:0;}#CommunityShowcase .desc{font-size:1.6rem;}#CommunityShowcase .title{font-size:2.5rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;}@media(max-width:1199px){#CommunityShowcase .desc{color:#fff;}#CommunityShowcase .title{color:#fff;}#CommunityShowcase .bg-showcase{padding-top:50px;padding-bottom:50px;}}@media(max-width:575px){#CommunityShowcase .desc,#CommunityShowcase .showcase-description{font-size:1.3rem;}#CommunityShowcase .title{font-size:2rem;}}#CommunityShowcase .card-showcase{padding:15px;gap:20px;border-radius:20px;overflow:hidden;}@media(max-width:1199px){#CommunityShowcase .card-showcase{padding:25px;}}@media(max-width:575px){#CommunityShowcase .card-showcase{padding:15px;}}#CommunityShowcase .card-showcase .detail{width:40%;min-width:0;flex-shrink:0;}@media(max-width:1199px){#CommunityShowcase .card-showcase .detail{width:100%;}}#CommunityShowcase .card-showcase .box-name{background-color:#fff9ed;border-radius:20px;}#CommunityShowcase .card-showcase .box-name img{height:30px;max-width:100%;transition:opacity .25s ease;}#CommunityShowcase .card-showcase .showcase-description,#CommunityShowcase .card-showcase .showcase-name{transition:opacity .25s ease;}#CommunityShowcase .card-showcase img{border-radius:10px;}#CommunityShowcase .card-showcase .box-img{flex:1;min-width:0;overflow:hidden;position:relative;}#CommunityShowcase .card-showcase .box-img img{width:100%;height:100%;object-fit:cover;display:block;}#CommunityShowcase .card-showcase .box-img .box-img-top{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;}@media(max-width:1199px){#CommunityShowcase .card-showcase{flex-direction:column;}#CommunityShowcase .card-showcase .detail{order:2;}#CommunityShowcase .card-showcase .box-img{order:1;}}#CommunityShowcase .box-img-swiper{position:relative;}#CommunityShowcase .box-img-swiper .btn-swiper-prev,#CommunityShowcase .box-img-swiper .btn-swiper-next{background:none;border:1px solid #333;border-radius:50%;width:40px;height:40px;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;}@media(max-width:1199px){#CommunityShowcase .box-img-swiper .btn-swiper-prev,#CommunityShowcase .box-img-swiper .btn-swiper-next{border:1px solid #fff;}}@media(max-width:767px){#CommunityShowcase .box-img-swiper .btn-swiper-prev,#CommunityShowcase .box-img-swiper .btn-swiper-next{position:absolute;top:50%;z-index:2;transform:translateY(-50%);}}#CommunityShowcase .box-img-swiper .btn-swiper-prev .ic,#CommunityShowcase .box-img-swiper .btn-swiper-next .ic{font-size:25px;color:#333;}@media(max-width:1199px){#CommunityShowcase .box-img-swiper .btn-swiper-prev .ic,#CommunityShowcase .box-img-swiper .btn-swiper-next .ic{color:#fff;}}@media(max-width:767px){#CommunityShowcase .box-img-swiper .btn-swiper-next{right:0;margin-right:15px;}}@media(max-width:767px){#CommunityShowcase .box-img-swiper .btn-swiper-prev{margin-left:15px;}}#CommunityShowcase .box-img-swiper .swiper-showcase-thumb{overflow:hidden;min-width:0;}#CommunityShowcase .box-img-swiper .swiper-showcase-thumb .swiper-slide{cursor:pointer;position:relative;border-radius:10px;overflow:hidden;}#CommunityShowcase .box-img-swiper .swiper-showcase-thumb .swiper-slide::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);border-radius:10px;transition:opacity .3s ease;opacity:1;}#CommunityShowcase .box-img-swiper .swiper-showcase-thumb .swiper-slide.active::after{opacity:0;}#CommunityShowcase .box-img-swiper .swiper-showcase-thumb .swiper-slide img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block;}