.banner-slider{overflow:hidden;clip-path:polygon(0 0,0 0,0 100%,0% 100%);aspect-ratio:39/25}@media screen and (min-width: 768px){.banner-slider{aspect-ratio:192/70}}.banner-slider .banner-slider__slide{position:relative;padding-bottom:64%}@media screen and (min-width: 768px){.banner-slider .banner-slider__slide{padding-bottom:36%}}.banner-slider .banner-slider__slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% + 50px);-o-object-fit:cover;object-fit:cover}.banner-slider .banner-slider__slide .banner-slider__page-info{position:absolute;color:#fff;left:30px;right:30px;top:58%;transform:translateY(-50%)}@media screen and (min-width: 1280px){.banner-slider .banner-slider__slide .banner-slider__page-info{top:62.5%}}.banner-slider .banner-slider__slide .banner-slider__page-info .wrapper{max-width:1280px}.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__title-container{margin-bottom:36px;letter-spacing:1px}@media screen and (min-width: 1280px){.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__title-container{margin-bottom:80px}}.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__title-container .page-info__title-en{font-size:24px;margin-bottom:12px}@media screen and (min-width: 1280px){.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__title-container .page-info__title-en{font-size:48px;margin-bottom:24px}}.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__title-container .page-info__title-zh{font-size:14px;font-weight:300}.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__subTitle-container{padding:8px 20px;margin-left:auto;background-color:#fff;color:#4d4d4d;display:flex;gap:24px;width:-moz-fit-content;width:fit-content;font-size:12px}@media screen and (min-width: 1280px){.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__subTitle-container{padding:16px 32px;gap:100px;letter-spacing:1px}.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__subTitle-container .page-info__subTitle-en{font-size:24px}.banner-slider .banner-slider__slide .banner-slider__page-info .page-info__subTitle-container .page-info__subTitle-zh{display:flex;flex-direction:column;gap:4px}}.page-info{padding-block:64px;letter-spacing:1px}.page-info .wrapper{max-width:1280px;padding-inline:30px}@media screen and (min-width: 1280px){.page-info .wrapper{padding:0}}.page-info .page-info__container{margin-bottom:64px}@media screen and (min-width: 1280px){.page-info .page-info__container{margin-bottom:80px}}.page-info .page-info__title{font-size:24px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 1280px){.page-info .page-info__title{font-size:32px}}.page-info .page-info__page-name{font-size:14px;margin-bottom:32px}@media screen and (min-width: 1280px){.page-info .page-info__page-name{margin-bottom:0;font-size:18px}}.projects-container{display:flex;flex-direction:column;gap:64px}@media screen and (min-width: 576px){.projects-container{display:grid;grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.projects-container{gap:128px;grid-template-columns:repeat(3,1fr)}}.projects-container .project-block{display:flex;flex-direction:column;justify-content:space-between}.projects-container .project-serial{margin-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:8px}@media screen and (min-width: 1280px){.projects-container .project-serial{margin-bottom:72px}}.projects-container .project-serial .project-serial__number{font-size:28px;color:#82393b}.projects-container .project-serial .project-serial__line{display:block;width:48px;height:.5px;background-color:#986462;transform:rotate(-45deg)}.project-info{display:block;letter-spacing:.5px}.project-info .project-info__top{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:16px;font-size:12px}@media screen and (min-width: 375px){.project-info .project-info__top{font-size:14px}}@media screen and (min-width: 1280px){.project-info .project-info__top{font-size:16px}}.project-info .project-info__top .project-info__top__title{display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media screen and (min-width: 1280px){.project-info .project-info__top .project-info__top__title{gap:16px}}.project-info .project-info__detail{display:flex;flex-direction:column;align-items:flex-end;gap:12px}@media screen and (min-width: 1280px){.project-info .project-info__detail{gap:16px}}.project-block{display:flex;flex-direction:column}.project-block:hover .img-overlay-container,.project-block:hover .img-overlay-btn-container{opacity:1}.project-block .img-overlay-btn-container .square-btn-container{padding:6px 8px 7px;gap:32px}@media screen and (min-width: 1280px){.project-block .img-overlay-btn-container .square-btn-container .square-btn:before,.project-block .img-overlay-btn-container .square-btn-container .square-btn:after{font-size:14px}.project-block .img-overlay-btn-container .square-btn-container .square-btn{font-size:16px}}.img-container{position:relative;padding-bottom:100%;overflow:hidden}.img-container img{position:absolute;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.img-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#82393b80;mix-blend-mode:multiply;transition:opacity .3s ease-in-out}.img-overlay-btn-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out;color:#fff}@media screen and (min-width: 576px){.img-overlay-btn-container{gap:8px}}@media screen and (min-width: 768px){.img-overlay-btn-container{gap:12px}}.pager-container{display:flex;font-size:24px;letter-spacing:1px;width:40%;justify-content:space-between}@media screen and (min-width: 1280px){.pager-container{font-size:24px}}.pager-container .pager-container__total-container{opacity:.7}.other-works{background-color:#83464c;padding-block:80px;color:#fff}@media screen and (min-width: 1280px){.other-works{padding-block:128px}}.other-works .wrapper{max-width:1600px;padding-inline:30px}@media screen and (min-width: 1280px){.other-works .wrapper{padding:0}}.other-works .other-works__section{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px}@media screen and (min-width: 1024px){.other-works .other-works__section{margin-bottom:80px}.other-works .other-works__section .pager-container{display:none}.other-works .pc-swiper-container{display:flex;justify-content:space-between;align-items:center}.other-works .project-info-swiper{width:15%;margin-inline:0}.other-works .project-info-swiper .project-info.tp{display:none}}.other-works .project-info-swiper .project-info.pc{display:none}@media screen and (min-width: 1024px){.other-works .project-info-swiper .project-info.pc{display:block}.other-works .project-info-swiper .project-info .project-info__top{flex-direction:column;align-items:flex-start}}.other-works .project-info-swiper .project-info .project-info__top__title{font-family:Noto Sans TC}@media screen and (min-width: 1024px){.other-works .project-info-swiper .project-info .project-info__detail{align-items:flex-start}.other-works .pc-work-swipers-container{width:60%}}.other-works .pc-work-pager-container{display:none}@media screen and (min-width: 1024px){.other-works .pc-work-pager-container{display:block;width:10%}}.other-works .pc-work-pager-container .pager-container{width:100%;margin-bottom:24px}.other-works .main-slider-container{position:relative}.other-works .main-slider-container .work-slider{width:100%;margin-inline:auto}.other-works .main-slider-container .work-slider .slick-slide{transition-delay:.6s!important}.other-works .main-slider-container .work-slider .slick-slide .img-container{animation:cliphide .9s ease .1s;opacity:0}.other-works .main-slider-container .work-slider .slick-active{transition-delay:0s!important}.other-works .main-slider-container .work-slider .slick-active .img-container{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);transition:opacity .8s;animation:clipshow .8s ease .36s forwards;opacity:1}.other-works .main-slider-container .work-slider .img-container{opacity:0;transition:opacity .4s .3s;will-change:clip-path}@media screen and (min-width: 1024px){.other-works .main-slider-container .work-slider .img-container{padding-bottom:0}}.other-works .main-slider-container .work-slider .img-container img{margin-inline:auto;-o-object-fit:contain;object-fit:contain;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}@media screen and (min-width: 1024px){.other-works .main-slider-container .work-slider .img-container img{position:static;width:auto}.other-works .main-slider-container .other-works__main-slider{max-width:800px;max-height:570px;z-index:1}.other-works .main-slider-container .other-works__main-slider .img-container{height:570px}.other-works .main-slider-container .other-works__main-slider .img-container img{max-width:100%;max-height:570px}}.other-works .main-slider-container .other-works__prev-slider,.other-works .main-slider-container .other-works__next-slider{display:none}@media screen and (min-width: 1024px){.other-works .main-slider-container .other-works__prev-slider,.other-works .main-slider-container .other-works__next-slider{display:block;position:absolute;top:50%;transform:translateY(-50%);max-width:520px;max-height:370px;opacity:.6}}.other-works .main-slider-container .other-works__prev-slider .img-container,.other-works .main-slider-container .other-works__next-slider .img-container{height:370px}@media screen and (min-width: 1024px){.other-works .main-slider-container .other-works__prev-slider .img-container img,.other-works .main-slider-container .other-works__next-slider .img-container img{max-width:100%;max-height:370px}}.other-works .main-slider-container .other-works__prev-slider{left:0}.other-works .main-slider-container .other-works__next-slider{right:0}.other-works .main-slider-container .btn-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:108%;display:flex;justify-content:space-between}@media screen and (min-width: 1024px){.other-works .main-slider-container .btn-container{width:100%;max-width:800px}}.other-works .main-slider-container .btn-container .square-btn-container{position:absolute;transform:rotate(90deg);transform-origin:center center;padding:6px 8px;gap:32px}.other-works .main-slider-container .btn-container .square-btn-container.prev-btn{left:0}@media screen and (min-width: 1024px){.other-works .main-slider-container .btn-container .square-btn-container.prev-btn{left:-32px}}.other-works .main-slider-container .btn-container .square-btn-container.next-btn{right:0}@media screen and (min-width: 1024px){.other-works .main-slider-container .btn-container .square-btn-container.next-btn{right:-32px}}@media screen and (min-width: 425px){.other-works .main-slider-container .btn-container .square-btn-container .square-btn{font-size:14px}.other-works .main-slider-container .btn-container .square-btn-container .square-btn:before,.other-works .main-slider-container .btn-container .square-btn-container .square-btn:after{font-size:14px}}.other-works .main-slider-container .btn-container .square-btn-container .icon{transform:rotate(-90deg)}.other-works .other-works__title-en{font-size:24px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;letter-spacing:1px}@media screen and (min-width: 1280px){.other-works .other-works__title-en{font-size:36px}}.other-works .other-works__title-zh{letter-spacing:1px}@media screen and (min-width: 1280px){.other-works .other-works__title-zh{font-size:16px}}@keyframes cliphide{0%{clip-path:polygon(-6% 0,114% 0,114% 100%,-6% 100%)}41%{clip-path:polygon(-6% 0,-6% 0,-6% 100%,-6% 100%)}41.01%,48%{clip-path:polygon(114% 0,114% 0,114% 100%,114% 100%)}to{clip-path:polygon(-6% 0,114% 0,114% 100%,-6% 100%)}}@keyframes clipshow{to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}