@font-face{font-family:"yumin-font";src:url(../font/yumindb.ttf)}@font-face{font-family:"SourceHanSerifTC";src:url(../font/SourceHanSerifTC-Medium.otf)}*{font-family:"微軟正黑體","Helvetica Neue",Helvetica,Arial,sans-serif;margin:0px;padding:0px}html,body{position:relative;margin:0;padding:0;-webkit-text-size-adjust:100%}img{display:block;border:0}.d-mac{display:block !important}@media screen and (orientation: portrait)and (max-width: 1024px){.d-mac{display:none !important}}.d-phone{display:none !important}@media screen and (orientation: portrait)and (max-width: 1024px){.d-phone{display:block !important}}header#navbar{width:75%;margin:0 auto;z-index:1000}@media screen and (orientation: portrait)and (max-width: 1024px){header#navbar{width:100%}}header#navbar nav ul li{list-style:none}.logo{width:28%;z-index:1000}@media(min-width: 768px){.logo{width:70%}}.index-main{width:75%;margin:0 auto;padding:5% 0 0}@media screen and (orientation: portrait)and (max-width: 1024px){.index-main{width:94%;margin:0;padding:15% 0 15% 0}}header{display:flex;justify-content:space-between;align-items:center;width:75%;margin:0 auto}header .logo{width:25%}@media screen and (orientation: portrait)and (max-width: 1024px){header .logo{width:55%;margin:0 0 0 5%}}header nav{margin-right:-23px}header nav ul.main-menu{display:flex;list-style:none}header nav ul.main-menu li{position:relative;padding:1.4vw 0 .35vw;width:5.9vw;text-align:center;cursor:pointer}header nav ul.main-menu li:hover{background-color:rgba(240,235,231,.7)}header nav ul.main-menu li:hover .dropdown{display:block}header nav ul.main-menu li .title-zh{font-family:"yumin-font";display:block;font-size:1.25vw;font-weight:600;color:#727171;letter-spacing:-0.05vw;margin-bottom:4px}header nav ul.main-menu li .title-en{font-family:"yumin-font";display:block;font-size:.6vw;font-weight:800;color:#727171;letter-spacing:-0.01vw}header nav ul.main-menu li .dropdown{display:none;position:absolute;top:100%;left:0;width:100%;background-color:rgba(240,235,231,.7);list-style:none;padding:.6vw 0 .6vw 0;z-index:10}header nav ul.main-menu li .dropdown li{padding:.5vw 0;background-color:rgba(240,235,231,0)}header nav ul.main-menu li .dropdown li a{font-family:"yumin-font";color:#727171;font-size:.9vw;letter-spacing:-0.02vw;padding-bottom:5px}header nav ul.main-menu li .dropdown li a:hover{border-bottom:1px solid #eb5a24}header nav ul.main-menu li .dropdown li.active a{border-bottom:1px solid #eb5a24}#mobileMenuBtn{color:#b4b4b5;padding:5% 5% 0 0}#mobileMenu ul{position:relative;background-color:#fff;width:95%;height:90vh;margin:20% 0 0;padding:5% 0}#mobileMenu ul li{text-align:center}#mobileMenu ul li.active{background-color:rgba(240,235,231,.7)}#mobileMenu ul li button{padding:5% 0;width:100%}#mobileMenu ul li .menu-title{width:100%;text-align:center;margin-left:40px}#mobileMenu ul li .menu-title p{font-family:"yumin-font";font-size:18px;font-weight:600;color:#727171;margin-bottom:-5px}@media screen and (orientation: portrait)and (max-width: 320px){#mobileMenu ul li .menu-title p{font-size:14px}}#mobileMenu ul li .menu-title span{font-family:"yumin-font";font-size:9px;font-weight:800;color:#727171}@media screen and (orientation: portrait)and (max-width: 320px){#mobileMenu ul li .menu-title span{font-size:7px}}#mobileMenu ul li i{width:50px;color:#bdbdbd}#mobileMenu .mobile-sub-menu a{padding:0% 0 5%;font-family:"yumin-font";font-size:14px;color:#727171;width:auto}@media screen and (orientation: portrait)and (max-width: 320px){#mobileMenu .mobile-sub-menu a{padding:0% 0 3%;font-size:11px}}.menu-icons{position:absolute;bottom:6%;width:100%;text-align:center;display:flex;justify-content:center;align-items:center;margin-top:50px}footer{width:75%;margin:0 auto;padding:12% 0 5%}@media screen and (orientation: portrait)and (max-width: 1024px){footer{width:100%;padding:11% 5%}}footer p{font-size:.8vw;font-weight:400;color:gray}@media screen and (orientation: portrait)and (max-width: 1024px){footer p{font-size:11px}}@media screen and (orientation: portrait)and (max-width: 320px){footer p{font-size:9px}}footer .company-name{font-size:1vw}@media screen and (orientation: portrait)and (max-width: 1024px){footer .company-name{font-size:12.3px}}@media screen and (orientation: portrait)and (max-width: 320px){footer .company-name{font-size:10px}}footer .top-bt{width:5vw;transition:transform .3s;margin-top:-5vw}@media screen and (orientation: portrait)and (max-width: 1024px){footer .top-bt{width:60px;margin-top:30px}}@media screen and (orientation: portrait)and (max-width: 320px){footer .top-bt{width:50px;margin-top:25px}}footer .top-bt:hover{transform:translateY(-10px);transition:transform .3s}.footer-icons a{background-color:#ccc;color:#fff;width:2.5rem;height:2.5rem}@media screen and (orientation: portrait)and (max-width: 320px){.footer-icons a{width:1.9rem;height:1.9rem}}.footer-icons a:hover{background-color:#868686}.footer-icons a i{font-size:1.2rem}@media screen and (orientation: portrait)and (max-width: 320px){.footer-icons a i{font-size:.8rem}}.footer-icons button{background-color:#ccc;color:#fff;width:2.5rem;height:2.5rem}@media screen and (orientation: portrait)and (max-width: 320px){.footer-icons button{width:1.9rem;height:1.9rem}}.footer-icons button:hover{background-color:#868686}.footer-icons button i{font-size:1.2rem}@media screen and (orientation: portrait)and (max-width: 320px){.footer-icons button i{font-size:.8rem}}.banner{padding:5% 0 0}@media screen and (orientation: portrait)and (max-width: 1024px){.banner{padding:15% 0 0}}.banner .banner-title{writing-mode:vertical-rl;text-orientation:mixed;margin-right:11.5%;color:#c1ac93}@media screen and (orientation: portrait)and (max-width: 1024px){.banner .banner-title{margin-right:1%}}.banner .banner-title span.uppercase{font-size:1.2vw;font-family:"yumin-font"}@media screen and (orientation: portrait)and (max-width: 1024px){.banner .banner-title span.uppercase{font-size:18px}}@media screen and (orientation: portrait)and (max-width: 320px){.banner .banner-title span.uppercase{font-size:15px}}.banner .banner-title span{font-size:1.2vw;font-family:"SourceHanSerifTC";margin-top:1%}@media screen and (orientation: portrait)and (max-width: 1024px){.banner .banner-title span{font-size:20px}}@media screen and (orientation: portrait)and (max-width: 320px){.banner .banner-title span{font-size:16px}}.banner img{width:78%;height:auto}@media screen and (orientation: portrait)and (max-width: 1024px){.banner img{width:75%}}.banner2{height:800px;margin-bottom:-800px;z-index:-1}@media screen and (orientation: portrait)and (max-width: 1024px){.banner2{height:300px;margin-bottom:0px}}.content-area-2{width:75%;margin:7% auto 0}@media screen and (orientation: portrait){.content-area-2{width:100%;padding:10% 5% 30%}}.content-area-2 p{font-size:.95vw;line-height:1.8vw;color:#595959;font-weight:500}@media screen and (orientation: portrait)and (max-width: 1024px){.content-area-2 p{font-size:12px;line-height:24px}}@media screen and (orientation: portrait)and (max-width: 320px){.content-area-2 p{font-size:10px;line-height:22px}}.content-area-2 img{width:18%}@media screen and (orientation: portrait)and (max-width: 1024px){.content-area-2 img{width:50%}}.content-area-3{width:75%;margin:8% auto 0}@media screen and (orientation: portrait){.content-area-3{width:100%;padding:22% 0 0}}@media screen and (orientation: portrait)and (max-width: 1024px){.year-word{padding:12% 5%}}.year-word h2{font-size:1.2vw;color:#595757;font-weight:600}@media screen and (orientation: portrait)and (max-width: 1024px){.year-word h2{font-size:15px}}@media screen and (orientation: portrait)and (max-width: 320px){.year-word h2{font-size:13px}}.year-word h3{font-size:1.2vw;color:#595757;font-weight:600}@media screen and (orientation: portrait)and (max-width: 1024px){.year-word h3{font-size:15px}}@media screen and (orientation: portrait)and (max-width: 320px){.year-word h3{font-size:13px}}.year-word p{font-size:.8vw;margin-top:6%;color:#000;line-height:1.5vw}@media screen and (orientation: portrait)and (max-width: 1024px){.year-word p{font-size:12px;margin-top:4%;line-height:26px}}@media screen and (orientation: portrait)and (max-width: 320px){.year-word p{font-size:10px;line-height:22px}}.slogan-word-2{font-size:1.2vw;line-height:2vw;text-align:right;color:#595757;font-weight:600;margin:8% 0;padding-right:12.5%;padding-left:12.5%}@media screen and (orientation: portrait)and (max-width: 1024px){.slogan-word-2{font-size:14px;letter-spacing:-1px;margin:16% 0;padding:0 5%;line-height:20px}}@media screen and (orientation: portrait)and (max-width: 320px){.slogan-word-2{font-size:12px;line-height:18px}}@media screen and (orientation: portrait)and (max-width: 1024px){.slogan-footer{margin-bottom:30%}}.slogan-word-3{font-size:1.2vw;line-height:2vw;text-align:right;color:#595757;font-weight:600;margin:15% 0 0}@media screen and (orientation: portrait)and (max-width: 1024px){.slogan-word-3{font-size:14px;letter-spacing:-1px;margin:15% 0 30%;padding:0 5%;line-height:20px}}@media screen and (orientation: portrait)and (max-width: 320px){.slogan-word-3{font-size:12px;line-height:18px}}.pic-inner-word-1{position:relative}.pic-inner-word-1 img{width:100%}.pic-inner-word-1 p{position:absolute;top:17%;left:12.5%;text-align:justify;width:26%;color:#000;font-size:.85vw;line-height:1.5vw}@media screen and (orientation: portrait)and (max-width: 1024px){.pic-inner-word-1 p{top:12%;left:auto;right:5%;font-size:11px;letter-spacing:-1px;line-height:20px;width:61%}}.pic-inner-word-2{position:relative}.pic-inner-word-2 img{width:100%}.pic-inner-word-2 p{position:absolute;top:17%;right:11.5%;text-align:justify;width:12%;color:#fff;font-size:.85vw;line-height:1.5vw}@media screen and (orientation: portrait)and (max-width: 1024px){.pic-inner-word-2 p{top:15%;right:5%;font-size:11px;letter-spacing:-1px;line-height:20px;width:40%}}.swiper-slide{text-align:center;font-size:18px;background:#000;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-news-area{width:75%;margin:5.5% auto 4.5%}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area{width:86%}}.content-news-area .card-container{cursor:pointer;display:flex;align-items:flex-end;margin-bottom:10%}@media screen and (orientation: portrait)and (max-width: 768px){.content-news-area .card-container{flex-direction:column;margin-bottom:40%}}.content-news-area a{width:25%}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area a{width:100%}}.content-news-area img{width:100%}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area img{width:80%}}.content-news-area .news-word{padding-left:8%}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area .news-word{text-align:right;width:100%;padding-left:0%;margin-top:10%}}.content-news-area .news-word time{font-size:.8vw;color:#a8a9a9;margin-bottom:.5%}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area .news-word time{font-size:12px;margin-top:12%;margin-bottom:3%}}.content-news-area .news-word .news-title{position:relative;width:-moz-fit-content;width:fit-content}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area .news-word .news-title{width:100%}}.content-news-area .news-word .news-title h3{font-size:1.1vw;color:#595757;font-weight:600}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area .news-word .news-title h3{font-size:14px}}.content-news-area .news-word p{font-size:.8vw;margin-top:1%;color:#949495;line-height:1.8vw}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area .news-word p{font-size:12px;margin-top:4%;line-height:22px}}.content-news-area .news-word a{font-size:1.1vw;margin:1% 0 0%;color:#949495;font-weight:600}@media screen and (orientation: portrait)and (max-width: 1024px){.content-news-area .news-word a{font-size:14px}}.content-news-area .news-word a:hover{color:#c1ac93}.card-image{transition:opacity .3s ease}.card-container:hover .card-image{opacity:.5}.underline-line{transition:width .3s ease;width:0%;height:3px;background-color:#eb5a24}.card-container:hover .underline-line{width:100%}.news-word-pages{margin-bottom:10%}@media screen and (orientation: portrait)and (max-width: 1024px){.news-word-pages{width:100%}}.news-word-pages .title-area{text-align:right;margin-bottom:10%}.news-word-pages .title-area time{font-size:.8vw;color:#a8a9a9;margin-bottom:.5%}@media screen and (orientation: portrait)and (max-width: 1024px){.news-word-pages .title-area time{font-size:12px;margin-top:12%;margin-bottom:3%}}.news-word-pages .title-area h3{font-size:1.1vw;color:#595757;font-weight:600}@media screen and (orientation: portrait)and (max-width: 1024px){.news-word-pages .title-area h3{font-size:14px}}.news-word-pages p{font-size:1vw;margin-top:1%;color:#000;line-height:1.8vw}@media screen and (orientation: portrait)and (max-width: 1024px){.news-word-pages p{font-size:12px;margin-top:4%;line-height:22px;margin-top:30%}}.hotcase-container{width:100%;margin:8% auto 4%}@media screen and (orientation: portrait)and (max-width: 768px){.hotcase-container{width:90%;margin:15% auto 15%}}.hotcase-container .hotcase:not(:first-child){margin-top:12vh}@media screen and (orientation: portrait)and (max-width: 768px){.hotcase-container .hotcase:not(:first-child){margin-top:8vh}}.hotcase-container .hotcase{display:flex;justify-content:space-between;align-items:flex-end}@media screen and (orientation: portrait)and (max-width: 768px){.hotcase-container .hotcase{flex-direction:column}}.hotcase-container .hotcase .casePic-area{width:60%}@media screen and (orientation: portrait)and (max-width: 768px){.hotcase-container .hotcase .casePic-area{width:100%}}.hotcase-container .hotcase .caseText-area{width:40%;text-align:right;padding-right:12%}@media screen and (orientation: portrait)and (max-width: 768px){.hotcase-container .hotcase .caseText-area{width:100%;padding-top:13vh;padding-right:1%}}.hotcase-container .hotcase .caseText-area .status{color:#999;font-size:.8vw}@media screen and (orientation: portrait)and (max-width: 1024px){.hotcase-container .hotcase .caseText-area .status{font-size:11px}}.hotcase-container .hotcase .caseText-area .year{color:#cfcbc7;font-size:2.1vw;margin:0 0 10% 0;font-family:"Century Gothic"}@media screen and (orientation: portrait)and (max-width: 1024px){.hotcase-container .hotcase .caseText-area .year{font-size:28px;margin:0 0 5% 0}}.hotcase-container .hotcase .caseText-area h1{color:#585858;font-size:1.4vw;font-weight:600;margin:0 0 2% 0}@media screen and (orientation: portrait)and (max-width: 1024px){.hotcase-container .hotcase .caseText-area h1{font-size:18px}}.hotcase-container .hotcase .caseText-area .depiction{color:#656565;font-size:.9vw;margin:0 0 1% 0}@media screen and (orientation: portrait)and (max-width: 1024px){.hotcase-container .hotcase .caseText-area .depiction{font-size:12px}}.hotcase-container .hotcase .caseText-area a{font-size:.9vw;color:#656565}@media screen and (orientation: portrait)and (max-width: 1024px){.hotcase-container .hotcase .caseText-area a{font-size:12px}}.hotcase-container .hotcase .caseText-area a:hover{border-block-end:2px solid #eb5a24}.hotcase-banner{width:100%;margin-top:-5%}@media screen and (orientation: portrait)and (max-width: 768px){.hotcase-banner{margin-top:-60px}}.performance-container{display:flex;justify-content:space-between;position:relative;width:75%;gap:10%;margin:8% auto 4%}@media screen and (orientation: portrait)and (max-width: 1024px){.performance-container{gap:40px}}@media screen and (orientation: portrait)and (max-width: 768px){.performance-container{width:90%;gap:20px;margin:15% auto 15%}}.grid-area{flex:1}.grid-container{display:grid;grid-template-columns:repeat(3, 1fr);gap:12vh 1.5vw}@media(max-width: 1024px){.grid-container{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.grid-container{grid-template-columns:1fr;gap:20px}}.project-item{position:relative;aspect-ratio:16/10;overflow:hidden;background-color:#f5f5f5;cursor:pointer}.project-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.proj-name{font-size:1.1vw;font-weight:bold;color:#666464;letter-spacing:2px;margin-bottom:17%}@media screen and (orientation: portrait)and (max-width: 1024px){.proj-name{font-size:17px}}.proj-year{font-size:.9vw;font-weight:bold;color:#666464;letter-spacing:1px;margin-bottom:3%}@media screen and (orientation: portrait)and (max-width: 1024px){.proj-year{font-size:13px}}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(240,240,240,.9);display:flex;flex-direction:column;justify-content:end;align-items:center;opacity:0;transition:opacity .3s ease}@media(min-width: 1025px){.project-item:hover .project-overlay{opacity:1}}.project-item.active-mobile .project-overlay{opacity:1}.sidebar-area{display:flex;flex-direction:column;align-items:end}@media screen and (orientation: portrait)and (max-width: 768px){.sidebar-area{pointer-events:none}}.date-list{list-style:none;display:flex;flex-direction:column;gap:1vh;padding-top:10vh}@media screen and (orientation: portrait)and (max-width: 768px){.date-list{display:none}}.date-item{font-size:15px;font-weight:bold;cursor:pointer}.date-item span{display:inline-block;padding-bottom:3px;border-bottom:2px solid rgba(0,0,0,0);transition:border-color .2s ease;color:#333}.date-item.active span{border-bottom-color:#e95a24}.vertical-title{writing-mode:vertical-rl;text-orientation:mixed;color:#c1ac93}@media screen and (orientation: portrait)and (max-width: 1024px){.vertical-title{margin-right:1%}}.vertical-title span.uppercase{font-size:1.2vw;font-family:"yumin-font"}@media screen and (orientation: portrait)and (max-width: 1024px){.vertical-title span.uppercase{font-size:18px}}@media screen and (orientation: portrait)and (max-width: 320px){.vertical-title span.uppercase{font-size:15px}}.vertical-title span{font-size:1.2vw;font-family:"SourceHanSerifTC"}@media screen and (orientation: portrait)and (max-width: 1024px){.vertical-title span{font-size:20px}}@media screen and (orientation: portrait)and (max-width: 320px){.vertical-title span{font-size:16px}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#f2f2f2;z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1}.modal-close{font-family:"SourceHanSerifTC";position:absolute;top:10px;right:20px;font-size:50px;color:#000;cursor:pointer;background:none;border:none;line-height:1;z-index:1001;padding:10px}@media screen and (orientation: portrait)and (max-width: 1024px){.modal-close{top:15px;right:0;font-size:40px}}.modal-content{width:100%;height:100%;display:flex;align-items:start;justify-content:center;position:relative;padding:100px 28% 0 0}@media screen and (orientation: portrait)and (max-width: 1024px){.modal-content{flex-direction:column;padding:60px 10% 0 0;justify-content:flex-start}}.carousel-container{position:relative;width:100%;overflow:hidden;background-color:#e5e5e5}@media screen and (orientation: portrait)and (max-width: 1024px){.carousel-container{width:90%}}.carousel-track{display:flex;height:100%;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;height:100%}.carousel-slide picture{display:block;width:100%;height:100%}.carousel-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.2);color:#fff;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:10;transition:background-color .3s}.carousel-btn:hover{background-color:rgba(0,0,0,.5)}.prev-btn{left:20px}.next-btn{right:20px}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.dot{width:8px;height:8px;border-radius:50%;background-color:hsla(0,0%,100%,.5);cursor:pointer;transition:background-color .3s,transform .3s}.dot.active{background-color:#fff;transform:scale(1.2)}.modal-info{position:absolute;bottom:30px;right:10%;text-align:right;z-index:100}@media screen and (orientation: portrait)and (max-width: 1024px){.modal-info{position:relative;bottom:auto;right:auto;width:100%;margin-top:50px}}.modal-info .no{font-size:12px;color:#656565;letter-spacing:1px}@media screen and (orientation: portrait)and (max-width: 768px){.modal-info .no{font-size:10px}}.modal-info .title{font-size:15px;font-weight:bold;color:#656565;margin:10px 0;letter-spacing:3px}@media screen and (orientation: portrait)and (max-width: 768px){.modal-info .title{font-size:13px;margin:5px 0}}.modal-info .desc{font-size:14px;color:#656565;line-height:2;letter-spacing:1px}@media screen and (orientation: portrait)and (max-width: 768px){.modal-info .desc{font-size:12px}}.line-area{width:75%;margin:0 auto}@media screen and (orientation: portrait)and (max-width: 1024px){.line-area{width:90%;margin:5% auto 35%}}.line-area img{width:30%}@media screen and (orientation: portrait)and (max-width: 1024px){.line-area img{width:100%}}.contact-area{width:55%;margin:6% 0 10%}@media screen and (orientation: portrait)and (max-width: 1024px){.contact-area{width:100%;margin:45% auto}}.contact-area .flex{margin-bottom:0}#contactForm{color:#aaa;font-size:.8vw}@media screen and (orientation: portrait)and (max-width: 1024px){#contactForm{font-size:14px}}/*# sourceMappingURL=main.css.map */