main{overflow:hidden}.sec{padding-block:80px}.sec .wrapper{max-width:1280px}@media screen and (min-width: 1280px){.sec .wrapper{padding-inline:0}.section-intro-container{display:flex;align-items:center;padding-block:80px 120px}.section-intro-container .title-container{width:32%}.section-intro-container .content-container{width:50%;margin-left:auto}}.content-container .content{letter-spacing:1px;font-weight:300;font-size:12px;line-height:1.8;word-break:keep-all;overflow-wrap:break-word;margin-bottom:20px}.content-container .content p{display:block}#section-1{margin-bottom:80px}#section-1 .top-wrapper{position:relative;height:300px}@media screen and (min-width: 768px){#section-1 .top-wrapper{height:700px}}#section-1 .top-wrapper .banner-container{height:100%;overflow:hidden}#section-1 .top-wrapper .banner{top:0;left:0;width:100%;height:110%;-o-object-fit:cover;object-fit:cover}#section-1 .top-wrapper .banner-info{color:#fff;position:absolute;bottom:50px;display:flex;justify-content:space-between;width:calc(100% - 60px);left:30px}@media screen and (min-width: 768px){#section-1 .top-wrapper .banner-info{left:60px;bottom:135px;width:calc(100% - 120px)}}@media screen and (min-width: 1280px){#section-1 .top-wrapper .banner-info{left:120px;width:calc(100% - 240px)}}#section-1 .top-wrapper .banner-info .title{font-size:22px;margin-bottom:12px;letter-spacing:1px}@media screen and (min-width: 375px){#section-1 .top-wrapper .banner-info .title{letter-spacing:1.5px;font-size:30px}}@media screen and (min-width: 420px){#section-1 .top-wrapper .banner-info .title{letter-spacing:1.5px;font-size:32px}}@media screen and (min-width: 1280px){#section-1 .top-wrapper .banner-info .title{margin-bottom:16px;font-size:40px}}@media screen and (min-width: 1440px){#section-1 .top-wrapper .banner-info .title{font-size:48px}}#section-1 .top-wrapper .banner-info .sub-title{font-weight:300;font-size:8px}@media screen and (min-width: 320px){#section-1 .top-wrapper .banner-info .sub-title{font-size:9px}}@media screen and (min-width: 375px){#section-1 .top-wrapper .banner-info .sub-title{font-size:10px}}@media screen and (min-width: 1280px){#section-1 .top-wrapper .banner-info .sub-title{font-size:12px}}@media screen and (min-width: 1440px){#section-1 .top-wrapper .banner-info .sub-title{font-size:14px}}#section-1 .top-wrapper .banner-info .text{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;font-size:10px;line-height:1.4;text-align:right}@media screen and (min-width: 320px){#section-1 .top-wrapper .banner-info .text{font-size:9px}}@media screen and (min-width: 768px){#section-1 .top-wrapper .banner-info .text{font-size:12px}}@media screen and (min-width: 1280px){#section-1 .top-wrapper .banner-info .text{font-size:14px}}@media screen and (min-width: 1440px){#section-1 .top-wrapper .banner-info .text{font-size:16px}}#section-2{position:relative}#section-2 .caption{margin:0 auto 16px;max-width:max(50%,200px);display:flex;justify-content:space-between}@media screen and (min-width: 1280px){#section-2 .caption{font-size:24px;letter-spacing:1.5px;width:100%;max-width:960px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}#section-2 .video-container video{filter:brightness(1);display:block;margin:0 auto;max-width:max(50%,200px);aspect-ratio:16/9}@media screen and (min-width: 1280px){#section-2 .video-container video{max-width:390px}}#section-3{position:relative}#section-3 .portfolio-container{position:relative;margin-top:60px;color:#4d4d4d;display:flex;flex-direction:column;gap:48px}@media screen and (min-width: 1280px){#section-3 .portfolio-container{margin-top:240px;flex-direction:row}#section-3 .portfolio-container .title-container{width:37.5%}#section-3 .portfolio-container .content-container{width:37.5%;margin-left:auto}}@media screen and (min-width: 1280px) and (min-width: 1280px){#section-3 .portfolio-container .content-container .content{font-size:15px;letter-spacing:1px;margin-bottom:28px}}#section-3 .portfolio-container .sub-title{font-size:12px;font-family:Noto Sans TC;letter-spacing:1px;margin-bottom:8px}@media screen and (min-width: 1280px){#section-3 .portfolio-container .sub-title{margin-bottom:12px;font-size:16px}}#section-3 .portfolio-container .title{font-size:20px;text-transform:uppercase;font-weight:500;letter-spacing:1.5px}@media screen and (min-width: 1280px){#section-3 .portfolio-container .title{font-size:28px}}.top-us{top:0;height:2000px}@media screen and (min-width: 1280px){.top-us{height:2500px}}.top-us .wrapper{padding-inline:30px}@media screen and (min-width: 768px){.top-us .wrapper{padding-inline:60px}}.square-btn-container{padding:4px 6px 5px}@media screen and (min-width: 768px){.square-btn-container{padding:6px 8px;gap:36px}}@media screen and (min-width: 1280px){.square-btn-container{gap:24px}}.square-btn-container .square-btn{font-size:14px;letter-spacing:1px}.square-btn-container .square-btn:before,.square-btn-container .square-btn:after{font-size:14px;letter-spacing:1px}.inter{position:relative;z-index:1}@media screen and (min-width: 1280px){.inter .sec{padding-top:40px}}.inter .sec .wrapper{padding-inline:30px;max-width:1280px}@media screen and (min-width: 768px){.inter .sec .wrapper{padding-inline:60px}}.inter .sec .title-container{color:#4d4d4d;margin-bottom:36px}@media screen and (min-width: 1280px){.inter .sec .title-container{margin-bottom:0;padding-top:0}}.inter .sec .title{font-size:20px;line-height:1.2;margin-bottom:12px;letter-spacing:1px}@media screen and (min-width: 768px){.inter .sec .title{font-size:24px}}@media screen and (min-width: 1280px){.inter .sec .title{font-size:28px;letter-spacing:1.5px;line-height:1.4}}.inter .sec .sub-title{font-size:14px;letter-spacing:1px}@media screen and (min-width: 1280px){.inter .sec .sub-title{font-size:16px}}.inter .sec .align-container{display:flex;justify-content:space-between;align-items:center}.inter .sec .align-container .square-btn-container{gap:20px}.inter .sec .content-container .content{font-weight:300;font-size:12px;line-height:1.6;margin-bottom:20px}@media screen and (min-width: 1280px){.inter .sec .content-container .content{line-height:1.8;font-size:14px;margin-bottom:0}}.inter .sec#hot,.inter .sec#classic{background-color:#f7f8f8}.inter .sec#upcoming{background-color:#fff}.swiper-container{width:100%;max-width:768px;position:relative}@media screen and (min-width: 768px){.swiper-container{padding-inline:0;max-width:690px;margin-inline:auto 30px}}.swiper-container .swiper{width:100%;max-width:690px;margin:auto}.swiper-container .swiper .img-container{padding-bottom:100%}@media screen and (min-width: 768px){.swiper-container .swiper .img-container{padding-bottom:66%}}.swiper-container .swiper .img-container img{transition:transform 1.2s cubic-bezier(.33,1,.68,1)}.swiper-container .swiper.hotMainSwiper{margin-left:0}.swiper-container .swiper.hotMainSwiper .img-container:hover img{transform:scale(1.1)}.swiper-container .swiper.addonSwiper{display:none;position:absolute;transform-origin:center right}@media screen and (min-width: 768px){.swiper-container .swiper.addonSwiper{display:block}}.swiper-container .swiper.addonSwiper .img-container{pointer-events:none}.swiper-container .swiper.hotSecondSwiper{transform:scale(.85);left:30px}.swiper-container .swiper.upcomingSecondSwiper{transform:scale(.85);left:-30px;transform-origin:center left}.swiper-container .swiper.upcomingMainSwiper{margin-left:0;max-width:700px}.swiper-container .swiper.upcomingMainSwiper .img-container:hover img{transform:scale(1.1)}.swiper-container .swiper.hotMainSwiper .swiper-button-next,.swiper-container .swiper.hotMainSwiper .swiper-button-prev,.swiper-container .swiper.upcomingMainSwiper .swiper-button-next,.swiper-container .swiper.upcomingMainSwiper .swiper-button-prev{--swiper-navigation-size: 24px;--swiper-navigation-color: #fff;mix-blend-mode:difference;opacity:.7}@media screen and (min-width: 768px){.swiper-container .swiper.hotMainSwiper .swiper-button-next,.swiper-container .swiper.hotMainSwiper .swiper-button-prev,.swiper-container .swiper.upcomingMainSwiper .swiper-button-next,.swiper-container .swiper.upcomingMainSwiper .swiper-button-prev{display:none}}#hot .project-container{flex-direction:column-reverse}.project-container{position:relative;display:flex;flex-direction:column}@media screen and (min-width: 768px){.project-container{flex-direction:column}}.hotContentSwiper-container{z-index:1;width:100%;padding:24px 0;color:#4d4d4d}@media screen and (min-width: 768px){.hotContentSwiper-container{max-width:480px;background:#4d4d4d;color:#fff;margin-left:0;position:absolute;padding:24px 48px;bottom:44px}}@media screen and (min-width: 1024px){.hotContentSwiper-container{max-width:560px}}.hotContentSwiper-container .btn-container{margin-top:-20px;margin-left:auto;position:relative;z-index:1;display:none}@media screen and (min-width: 768px){.hotContentSwiper-container .btn-container{display:flex;align-items:center;width:80%;justify-content:space-between}}@media screen and (min-width: 1024px){.hotContentSwiper-container .btn-container{width:70%}}@media screen and (min-width: 1280px){.hotContentSwiper-container .btn-container{width:50%}}.project-info{display:block;text-align:end;letter-spacing:1px}.project-info .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}@media screen and (min-width: 768px){.project-info .top{font-size:16px}}.project-info .detail{font-size:13px}@media screen and (min-width: 768px){.project-info .detail{font-size:14px}}.swiper.hotContentSwiper .swiper-slide .project-info{transition:clip-path .6s cubic-bezier(.645,.045,.355,1);clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);opacity:1!important}.swiper.hotContentSwiper .swiper-slide.swiper-slide-active .project-info{transition-delay:.3s;opacity:1;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}@media screen and (min-width: 768px){.swiper.hotContentSwiper .project-info{margin-bottom:24px;margin-left:auto}}@media screen and (min-width: 1024px){.swiper.hotContentSwiper .project-info{width:70%}}@media screen and (min-width: 1280px){.swiper.hotContentSwiper .project-info{width:50%}}.swiper.hotContentSwiper .current-page{display:none}@media screen and (min-width: 768px){.swiper.hotContentSwiper .current-page{display:block}}#upcoming.sec{padding-top:120px}@media screen and (min-width: 1280px){#upcoming.sec{padding-top:40px}}@media screen and (min-width: 768px){#upcoming .upcoming-project-wrapper{display:flex;align-items:flex-end;justify-content:space-between}}@media screen and (min-width: 1280px){#upcoming .upcoming-project-wrapper{gap:36px}}#upcoming .upcoming-project-wrapper .upcoming-wrapper{width:100%}@media screen and (min-width: 768px){#upcoming .upcoming-project-wrapper .upcoming-wrapper{max-width:730px}}#upcoming .upcoming-project-wrapper .btn-container{display:none}@media screen and (min-width: 992px){#upcoming .upcoming-project-wrapper .btn-container{display:flex;flex-direction:column;gap:16px}}@media screen and (min-width: 1280px){#upcoming .upcoming-project-wrapper .btn-container{flex-direction:row;align-items:center}#upcoming .project-container{display:flex;padding-block:20px;flex-direction:row-reverse}#upcoming .project-container .content-container{width:20%;display:flex;justify-content:flex-end}#upcoming .project-container .content-container .content{writing-mode:vertical-rl;letter-spacing:2px;margin-right:12px}#upcoming .project-container .upcoming-container{width:80%}}#upcoming .project-container .upcoming-container .swiper-container{width:100%}@media screen and (min-width: 768px){#upcoming .project-container .upcoming-container .swiper-container{max-width:730px;margin-inline:30px auto}}.upcomingContentSwiper-container{z-index:1;width:100%;padding:24px 0;margin-left:auto;color:#4d4d4d}.upcomingContentSwiper-container .upcomingContentSwiper{margin-left:0}.swiper.upcomingContentSwiper .swiper-slide .project-info{transition:clip-path .6s cubic-bezier(.645,.045,.355,1);clip-path:polygon(100% 0%,100% 0%,100% 100%,100% 100%);opacity:1!important}.swiper.upcomingContentSwiper .swiper-slide.swiper-slide-active .project-info{transition-delay:.3s;opacity:1;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}@media screen and (min-width: 1280px){.swiper.upcomingContentSwiper .project-info{margin-bottom:24px;font-size:16px}}#classic .section-intro-container .content-container,#public .section-intro-container .content-container{width:auto}#classic .swiper,#public .swiper{display:none;padding-bottom:40px}@media screen and (min-width: 1024px){#classic .swiper,#public .swiper{display:block}}#classic .swiper .swiper-wrapper .swiper-slide,#public .swiper .swiper-wrapper .swiper-slide{height:auto;padding-right:66px}#classic .swiper .swiper-wrapper .swiper-slide .project-info,#public .swiper .swiper-wrapper .swiper-slide .project-info{margin-top:8px;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}#classic .swiper .swiper-wrapper .swiper-slide .item-container,#public .swiper .swiper-wrapper .swiper-slide .item-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}#classic .swiper .swiper-wrapper .swiper-slide:hover .project-info,#public .swiper .swiper-wrapper .swiper-slide:hover .project-info{transform:translateY(-8px)}#classic .swiper .swiper-wrapper .swiper-slide:hover .project-image,#public .swiper .swiper-wrapper .swiper-slide:hover .project-image{transform:scale(1.1)}#classic .swiper .swiper-wrapper .project-info,#public .swiper .swiper-wrapper .project-info{margin-bottom:24px}#classic .swiper .swiper-wrapper .project-info .top,#public .swiper .swiper-wrapper .project-info .top{font-family:Noto Sans TC}#classic .swiper .swiper-scrollbar,#public .swiper .swiper-scrollbar{--swiper-scrollbar-drag-bg-color: var(--custom17);--swiper-scrollbar-bg-color: var(--custom12);--swiper-scrollbar-size: .5rem}#classic .swiper .swiper-horizontal>.swiper-scrollbar,#classic .swiper .swiper-scrollbar.swiper-scrollbar-horizontal,#public .swiper .swiper-horizontal>.swiper-scrollbar,#public .swiper .swiper-scrollbar.swiper-scrollbar-horizontal{left:0}#classic .swiper .project-image,#public .swiper .project-image{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;max-height:445px;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}#classic .tp-container,#public .tp-container{display:flex;flex-direction:column;gap:64px}@media screen and (min-width: 1024px){#classic .tp-container,#public .tp-container{display:none}}#classic .tp-container a,#public .tp-container a{opacity:0}#classic .tp-container a:hover .project-image,#public .tp-container a:hover .project-image{transform:scale(1.1)}#classic .tp-container .project-info,#public .tp-container .project-info{margin-bottom:24px}#classic .tp-container .img-container,#public .tp-container .img-container{position:relative;padding-bottom:100%;overflow:hidden}#classic .tp-container .img-container .project-image,#public .tp-container .img-container .project-image{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform 1.2s cubic-bezier(.33,1,.68,1)}#classic .sec{padding-bottom:80px}#classic .section-intro-container{margin-bottom:40px}@media screen and (min-width: 1280px){#classic .section-intro-container{margin-bottom:0}}#public{background-color:#fff}#public .section-intro-container{text-align:center;margin-bottom:80px}@media screen and (min-width: 1280px){#public .section-intro-container{flex-direction:column;margin-bottom:0}}#public .section-intro-container .title-container{margin-bottom:0}#public .section-intro-container .title-container .title{line-height:1.4}#public .section-intro-container .hl{height:32px;width:1px;margin:24px auto;background-color:#82393b}@media screen and (min-width: 1280px){#public .section-intro-container .hl{height:48px}}#public .section-intro-container .content-container{width:100%}@media screen and (min-width: 1280px){#public .section-intro-container .content-container{margin-bottom:48px}}#public .section-intro-container .square-btn-container{text-align:start}#public .swiper .project-image{aspect-ratio:3/2}#contact{padding-block:96px;background-color:#82393b;color:#fff}@media screen and (min-width: 1280px){#contact{padding-block:128px 160px}}#contact .wrapper{max-width:1400px}@media screen and (min-width: 1280px){#contact .wrapper{padding-inline:0}}#contact .title-container{color:#fff;margin-bottom:80px}@media screen and (min-width: 1280px){#contact .title-container{margin-bottom:36px}}#contact .title-container .title{line-height:1.4}#contact .content-container{display:flex;flex-direction:column;align-items:start;gap:64px}@media screen and (min-width: 1280px){#contact .content-container{flex-direction:row;align-items:flex-end;margin-top:-32px}}#contact .content-container .content{line-height:2}@media screen and (min-width: 1280px){#contact .content-container .content{margin-left:auto}}#contact .square-btn-container:hover{background:#fff}#contact .square-btn-container:hover .square-btn:before,#contact .square-btn-container:hover .square-btn:after{color:#4d4d4d}#contact .square-btn-container:hover .icon{stroke:#4d4d4d}