*{padding:0;margin:0;outline:0}*,:after,:before{box-sizing:border-box}a{text-decoration:none}button::-moz-focus-inner,img{border:none}button{border:none;margin:0;padding:0;background:0 0;cursor:pointer}button:focus{outline:0;border:none}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}span{display:inline-block}div,section{position:relative;display:block;box-sizing:border-box}img{image-rendering:auto;width:100%;height:100%;object-fit:contain;object-position:center}input[type=search]{-webkit-appearance:none}li,ul{list-style:none}*{font-family:'Noto Sans TC',sans-serif;-webkit-font-smoothing:subpixel-antialiased;text-rendering:serviceimizeLegibility;font-weight:400;line-height:1.5}html[lang=en] *{font-family:Manrope,sans-serif}body{background-color:#eeeced;font-size:2rem;overflow-x:hidden;overflow-y:auto}::selection{color:#000;background:#9bc2e9}::-moz-selection{color:#000;background:#9bc2e9}::-webkit-input-placeholder{font-family:'Noto Sans TC',sans-serif;color:#bcbcbc}:-moz-placeholder{font-family:'Noto Sans TC',sans-serif;color:#bcbcbc}::-moz-placeholder{font-family:'Noto Sans TC',sans-serif;color:#bcbcbc}:-ms-input-placeholder{font-family:'Noto Sans TC',sans-serif;color:#bcbcbc}body.blocked::before{content:'';z-index:90;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%}.template{display:none}.hide{display:none!important}.disable-pointer{pointer-events:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.site-main{margin-top:100px;overflow:hidden}.container{max-width:1540px;padding-left:20px;padding-right:20px;width:100%;margin:0 auto}.sec{padding-top:70px;padding-bottom:70px}h1{font-size:4.2rem;margin-bottom:2.5rem;color:#39553a}h2{font-size:3.5rem;margin-bottom:2.5rem;color:#67886c}h6{font-size:2rem;margin-bottom:1.5rem;color:#67886c}p,p a,ul>li{font-size:2rem;color:#464c4c}.pt-0{padding-top:0!important}.list-square,list-dot{list-style:none;position:relative}.list-dot>*,.list-square>*{position:relative;padding-left:2em;margin-bottom:.5em;display:block}.list-dot>*{padding-left:1em;margin:.5em 0}.list-square>::before{content:'';position:absolute;top:.3em;left:0;width:.8em;height:.8em;background-color:#66856a;border-radius:.1em}.list-dot>::before{content:'';position:absolute;top:.6em;left:0;width:.4em;height:.4em;background-color:#66856a;border-radius:100%}.ratio-box{display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:50% 0 0 0}.ratio-box.sq{padding:100% 0 0 0}.ratio-obj{display:block;width:100%;height:100%;max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.fade{display:none;opacity:0;transition:opacity .3s ease-in-out}.fade.active{display:block}.fade.active.show{opacity:1}.site-snack{z-index:100;position:absolute;top:82px;left:50%;width:max-content;max-width:90%;max-width:calc(100% - 40px);background-color:#295cff;border-radius:50px;box-shadow:0 3px 16px rgba(0,0,0,.15);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:.75em 1.5em;text-align:left;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);transform:translate3d(-50%,-110%,0);opacity:0;pointer-events:none}.site-snack.show{pointer-events:all;transform:translate3d(-50%,0,0);opacity:1}.site-snack[data-status=success]{background-color:#1c7402}.site-snack[data-status=warning]{background-color:#ffa700}.site-snack[data-status=error]{background-color:red}.site-snack>span{display:block;position:relative;font-size:1rem;color:#fff;padding-left:25px}.site-snack>span::before{content:'';position:absolute;top:50%;left:0;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(/assets/img/message/icon-info.svg);filter:brightness(10);transform:translateY(-50%)}.site-snack[data-status=success]>span::before{background-image:url(/assets/img/message/icon-success.svg)}.site-snack[data-status=warning]>span::before{background-image:url(/assets/img/message/icon-warning.svg)}.site-snack[data-status=error]>span::before{background-image:url(/assets/img/message/icon-error.svg)}.site-alert{z-index:100;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);width:max-content;max-width:90%;max-width:calc(100% - 40px);min-width:200px;background-color:#fff;border:3px solid #000;box-shadow:-5px 7px 0 #000;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-origin:center}.site-alert.show{-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.site-alert .msg-header{background-color:#295cff;padding:.5em 1em;width:100%;color:#fff;font-size:1.125rem}.site-alert[data-status=success] .msg-header{background-color:#1c7402}.site-alert[data-status=warning] .msg-header{background-color:#ffa700}.site-alert[data-status=error] .msg-header{background-color:red}.site-alert .msg-content{padding:1em;width:100%;font-size:1rem;color:#0b0b0b}.site-alert .btn-close{width:30px;height:30px;border-radius:100%;background-color:#000;position:absolute;top:0;right:0;transform:translate(40%,-40%);z-index:2;cursor:pointer}.site-alert.hideClose .btn-close{display:none!important}.site-alert .btn-close::before{content:'';width:50%;height:50%;background:url(/assets/img/icon-close.svg) center/contain no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-modal{z-index:50;display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(67,67,67,.5);align-items:center;justify-content:center;padding:20px}.site-modal.show{display:flex}.site-modal .modal-content{max-height:80vh;overflow-y:auto;overflow-x:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.site-modal.show.active .modal-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.img-modal .modal-container{width:100%;max-width:1500px;height:100%;display:flex;align-items:center;justify-content:center}.img-modal .modal-container img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%;max-height:95vh}.img-modal .modal-container .img-block{display:flex;justify-content:center;align-items:center}.img-modal .modal-container .img-slider{width:100%}.img-modal .modal-container .img-slider .swiper-wrapper{align-items:center}.site-modal .btn-close{width:3vw;height:3vw;max-width:50px;max-height:50px;min-width:40px;min-height:40px;margin:20px;position:absolute;top:0;right:0;z-index:2;cursor:pointer}.site-alert.hideClose .btn-close{display:none!important}.site-modal .btn-close::before{content:'';width:50%;height:50%;background:url(/assets/img/icon-close.svg) center/contain no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-pri{position:relative;width:auto;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-pri>span{font-size:inherit;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-pri[data-status=done],.btn-pri[data-status=loading]{pointer-events:none}.btn-pri[data-status=done]>span,.btn-pri[data-status=loading]>span{visibility:hidden}.btn-pri::after,.btn-pri::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25px;height:25px;display:none}.btn-pri::after{border-radius:100%;border:2px solid rgba(255,255,255,.5);border-top:2px solid #fff!important;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.btn-pri::before{background:url(/assets/img/icon-ok.svg) center/contain no-repeat}.btn-pri[data-status=done]::before,.btn-pri[data-status=loading]::after{display:block}.site-content-container{display:none}.site-content-container.show{display:block}.page-loading{z-index:99;position:fixed;left:0;top:0;width:100%;height:10px;display:none;pointer-events:none}.page-loading.show{display:block}.page-loading::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#66856a;animation:loading 2s linear infinite forwards;background:linear-gradient(to right,#66856a 8%,#39553a 18%,#66856a 33%)}@keyframes loading{0%{background-position:-100vw 0}100%{background-position:100vw 0}}.skeleton-loader{width:100%;position:relative;overflow:hidden;cursor:progress}.skeleton-loader::before{content:'';width:100%;height:100%;top:0;left:0;position:absolute;z-index:1;background-color:rgba(0,0,0,.12)}.skeleton-loader::after{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3),hsla(0,0%,100%,0));z-index:2;transform:translateX(-100%);animation:blockLoading 1.5s infinite}.skeleton-loader.text{height:20px;margin-bottom:10px}.skeleton-loader.md{width:80%}.spin-loader{width:100%;min-height:150px;display:none;align-items:center!important;justify-content:center!important;position:relative}.spin-loader::before{content:'';position:absolute;top:50%;left:50%;height:40px;width:40px;transform:translate(-50%,-50%) rotate(0);-webkit-transform:translate(-50%,-50%) rotate(0);background:url(/assets/img/loading.svg) center/contain no-repeat;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.spin-loader.show{display:flex!important}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0)}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}#loader{position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:all;visibility:visible;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease-in-out}#loader-helper{position:fixed;width:100%;height:100vh;top:0;left:0;pointer-events:none;visibility:hidden}#loader .loader-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff}#loader.out{pointer-events:none;opacity:0}header{width:100%;height:100%;position:fixed;pointer-events:none;top:0;left:0;z-index:9}header>nav{width:100%;pointer-events:all;height:100px;background-color:#769980}header>nav>.container{height:100%;display:flex;justify-content:flex-end}header .head-main{width:100%;height:100%;display:flex;align-items:stretch;justify-content:space-between}header .head-main>*{position:relative;display:flex;align-items:stretch;height:100%}header .head-nav-link{position:relative;height:100%;display:flex;align-items:center;color:#eeeced}header .head-main__left .head-nav-link{margin-right:40px}header .head-main__right .head-nav-link{margin-left:20px}header .head-nav-link.active{color:#345b3b}header .head-nav-link>a{color:inherit}header .head-main .head-main__right>li>a,header .head-main .head-main__right>li>button{width:30px;min-width:30px;height:30px}header .head-main #btn-font-size{background:url(/assets/img/icon-font-size.svg) center/contain no-repeat}header .head-main #btn-toggle-lang{background:url(/assets/img/icon-lang.svg) center/contain no-repeat}header .head-main #btn-share{background:url(/assets/img/icon-share.svg) center/contain no-repeat}header .head-dropdown{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-20px);transform:translateX(-50%) translateY(-20px);padding-top:5px;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out,transform .3s ease-in-out}header .head-nav-link.open .head-dropdown{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);pointer-events:all}header .head-dropdown .head-dropdown__nav{width:100%;border-radius:15px;overflow:hidden}header .head-lang .head-dropdown__nav>*{padding:10px 20px;min-width:100px;cursor:pointer;background-color:#769980;text-align:center;color:#eeeced}header .head-lang .head-dropdown__nav>:hover{background-color:#97b499}header .head-main__left::-webkit-scrollbar{width:0}header .head-menu-btn{display:none;flex-direction:column;align-items:flex-end;justify-content:center;margin-left:30px;cursor:pointer;width:30px;position:relative;pointer-events:all}header .head-menu-btn .bar{height:2px;background-color:#eeeced;margin:3px 0;transition:all .4s ease}header .head-menu-btn .bar.bar1{width:30px}header .head-menu-btn .bar.bar2{width:24px}header .head-menu-btn .bar.bar3{width:18px}header .head-menu-btn:hover .bar.bar2,header .head-menu-btn:hover .bar.bar3{width:30px}header.open .head-menu-btn .bar.bar1{width:30px;-webkit-transform:rotate(-45deg) translate(-5px,5px);transform:rotate(-45deg) translate(-5px,5px)}header.open .head-menu-btn .bar.bar2{opacity:0}header.open .head-menu-btn .bar.bar3{width:30px;-webkit-transform:rotate(45deg) translate(-7px,-7px);transform:rotate(45deg) translate(-7px,-7px)}header .head-social-share .head-dropdown .head-dropdown__nav{background:#769980;display:flex;align-items:center;padding:10px}header .head-social-share .head-dropdown .head-dropdown__nav>li{position:relative;padding:0 10px}header .head-social-share .head-dropdown .head-dropdown__nav>li:not(:last-of-type):after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:80%;background-color:rgba(255,255,255,.6)}header .head-social-share .head-dropdown .head-dropdown__nav a{position:relative;display:block;width:30px;padding:30px 0 0 0;cursor:pointer}header .head-social-share .head-dropdown .head-dropdown__nav a::before{content:'';position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);background-position:center;background-repeat:no-repeat;background-size:contain}header .head-social-share .head-dropdown .head-dropdown__nav a.share-fb::before{background-image:url(/assets/img/icon-share-fb.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-fb:hover::before{background-image:url(/assets/img/icon-share-fb-hov.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-twitter::before{background-image:url(/assets/img/icon-share-twitter.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-twitter:hover::before{background-image:url(/assets/img/icon-share-twitter-hov.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-weibo::before{background-image:url(/assets/img/icon-share-weibo.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-weibo:hover::before{background-image:url(/assets/img/icon-share-weibo-hov.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-fb::before,header .head-social-share .head-dropdown .head-dropdown__nav a.share-twitter::before{width:70%;height:70%}footer{padding-top:170px;position:relative;margin-top:10rem}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:170px;background:url(/assets/img/footer-grass.gif) top/cover no-repeat}footer>nav{padding-top:50px;padding-bottom:50px}footer>nav>.container{display:flex;justify-content:space-between}footer .footer__left,footer .footer__right{display:flex;align-items:center}footer .footer__right>img{height:60px;width:auto;max-width:200px;object-fit:contain;display:block;margin-left:30px}footer .footer__right>img#footer-logo-pip{height:42px}footer .footer__right>img#footer-logo-arup{height:30px}footer .footer__nav *{color:#39553a}footer .footer__nav-link{display:flex}footer .footer__nav-link a{display:block;margin-right:2rem;margin-bottom:1rem}footer .copyright>span{display:inline-block;margin-right:1rem}.footer__social-media{display:flex}.footer__social-media>a{width:4.2rem;height:4.2rem;display:block;margin-left:1rem}.footer__social-media>a[data-type=fb]{background:url(/assets/img/icon-fb.svg) center/contain no-repeat}.footer__social-media>a[data-type=ig]{background:url(/assets/img/icon-ig.svg) center/contain no-repeat}footer .footer__top{display:flex;width:100%;align-items:center}footer .footer__top>a{display:block;height:50px;width:auto;margin-bottom:1rem}footer .footer__top>a:not(:last-of-type){margin-right:.8rem}@media (max-width:1650px){header .head-nav-link.head-social-share .head-dropdown{left:unset;right:0;-webkit-transform:translateX(0) translateY(20px);transform:translateX(0) translateY(20px)}header .head-nav-link.head-social-share.open .head-dropdown{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@media (max-width:1380px){footer .footer__nav *{font-size:1.8rem}.footer__social-media>a{width:3rem;height:3rem}footer .footer__right>img{height:45px;margin-left:25px}footer .footer__right>img#footer-logo-pip{height:38px}footer .footer__right>img#footer-logo-arup{height:27px}}@media (max-width:1150px){footer>nav>.container{flex-direction:column-reverse;align-items:center;justify-content:flex-start}footer .footer__right{width:100%;max-width:500px;justify-content:space-between;margin-bottom:2rem}footer .footer__right>img{height:auto!important;width:30%;max-width:30%;margin:0}footer .footer__right>img#footer-logo-arup{max-height:20px}html[lang=en] header .head-nav-link{font-size:1.8rem}footer .footer__top{justify-content:center}footer .footer__top>a{margin-bottom:2rem}}@media (max-width:970px){h1{font-size:3.5rem}h2{font-size:2.8rem}h6,p,p a,ul>li{font-size:1.8rem}.sec{padding-top:50px;padding-bottom:50px}.site-main{margin-top:70px}header>nav{height:70px}header .head-main{width:auto}header .head-main__left{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#769980;padding-top:70px;flex-direction:column;align-items:flex-start;max-height:0;overflow:hidden;pointer-events:none;transition:max-height .3s ease-in-out}header.open .head-main__left{max-height:1000px;overflow-x:hidden;overflow-y:auto;pointer-events:all}header .head-menu-btn{display:flex}header .head-main .head-main__right>li>a,header .head-main .head-main__right>li>button{width:25px;min-width:25px;height:25px}header .head-lang .head-dropdown__nav>*,header .head-social-share .head-dropdown .head-dropdown__nav{background-color:#39553a}header .head-main__left .head-nav-link{margin-right:0;height:auto;width:100%}header .head-main__left .head-nav-link>a{width:100%;padding:10px 20px}header .head-nav-link.head-social-share .head-dropdown{left:50%;right:unset;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}header .head-nav-link.head-social-share.open .head-dropdown{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-fb:hover::before{background-image:url(/assets/img/icon-share-fb-hov-light.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-twitter:hover::before{background-image:url(/assets/img/icon-share-twitter-hov-light.svg)}header .head-social-share .head-dropdown .head-dropdown__nav a.share-weibo:hover::before{background-image:url(/assets/img/icon-share-weibo-hov-light.svg)}footer .footer__nav *{font-size:1.6rem}.footer__social-media>a{width:3rem;height:3rem}footer .footer__left{flex-direction:column-reverse;align-items:center}.footer__nav-link{margin-top:1rem;justify-content:center}footer .copyright{text-align:center}}@media (max-width:550px){.sec{padding-top:30px;padding-bottom:30px}h1{font-size:3rem}h2{font-size:2.2rem}h6,p,p a,ul>li{font-size:1.6rem}footer{padding-top:130px}footer::before{height:130px}footer>nav{padding-top:30px;padding-bottom:30px}footer .footer__nav-link{flex-wrap:wrap}}@media (pointer:fine),(pointer:none){header .head-nav-link:hover .head-dropdown{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);pointer-events:all}}@media (max-width:1650px) and (pointer:fine),(pointer:none){header .head-nav-link.head-social-share:hover .head-dropdown{-webkit-transform:translateX(0) translateY(0)!important;transform:translateX(0) translateY(0)!important}}@media (max-width:970px) and (pointer:fine),(pointer:none){header .head-nav-link.head-social-share:hover .head-dropdown{-webkit-transform:translateX(-50%) translateY(0)!important;transform:translateX(-50%) translateY(0)!important}}