html{overflow-x:hidden;min-width:480px;}html.noscroll{height:100%;overflow:hidden;}.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}.clear{clear:both;float:left;}.inline-block{display:inline-block;}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph;}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle;}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle;}/*953795e33e25c16a067bcfa2a5842f5b*/.container{max-width:1200px;margin:auto;position:relative;}header,#content,footer{width:100%;float:left;clear:both;}header .left-container{width:295px;display:inline-block;margin-left:20px;margin-top:11px;margin-bottom:11px;}header .left-container .logo{width:100%;}header .left-container .logo img{width:100%;height:auto;}header .right-container{float:right;clear:both;}header .right-container .link-container{margin-top:41px;margin-right:13px;}@media (max-width: 1199px){header .right-container .link-container{display:none;}}header .right-container .link-container .link-cell{font-size:15px;color:#000;margin:0 25px;display:inline-block;letter-spacing:0.3px;padding-bottom:7px;position:relative;}header .right-container .link-container .link-cell:hover::after,header .right-container .link-container .link-cell.current::after{transform:translateX(-50%) scale(1);}header .right-container .link-container .link-cell::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%) scale(0);height:1px;background-color:#000;display:block;width:100%;transform-origin:center center;transition:0.5s;}header .right-container .menu{display:none;width:50px;height:50px;background-image:url('/img/2/1/nav-icon.svg');background-repeat:no-repeat;background-position:center;margin-top:25px;margin-right:18px;}@media (max-width: 1199px){header .right-container .menu{display:inline-block;}}header .pulldown{background-color:#fff;display:none;height:386px;overflow:scroll;position:absolute;top:99px;left:0;z-index:7;width:100%;min-width:480px;}header .pulldown .wrapper{padding-top:26px;padding-bottom:700px;height:100%;}header .pulldown .wrapper .link-cell-m{display:block;font-size:15px;width:100%;box-sizing:border-box;padding-left:48px;line-height:72px;letter-spacing:1.1px;position:relative;}header .pulldown .wrapper .link-cell-m.current:before{content:'';width:35px;height:1px;background-color:#000;position:absolute;display:block;left:-1px;top:calc(50% - 1px);}header.open .pulldown{display:block;}#content{min-height:500px;}footer{padding-bottom:33px;}@media (max-width: 767px){footer{padding-bottom:29px;}}footer .copyright{box-sizing:border-box;padding:0 90px;}footer .copyright,footer .copyright *{font-size:16px;text-align:center;letter-spacing:1.2px;}@media (max-width: 1199px){footer .copyright,footer .copyright *{letter-spacing:0.7px;}}@media (max-width: 767px){footer .copyright,footer .copyright *{line-height:1.9;letter-spacing:0.7px;}}footer .social{text-align:center;margin-bottom:31px;}@media (max-width: 767px){footer .social{margin-bottom:27px;}}footer .social a{margin:0 7px;}.pop-up{position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:7;}.pop-up.open{display:block;}.pop-up .pop-content{width:100%;height:100%;background-color:#e8e8e8;overflow-y:scroll;box-sizing:border-box;}.pop-up .pop-content.map{padding-top:100px;padding-left:20px;padding-right:20px;position:relative;}.pop-up .pop-content.map .close-but{position:absolute;top:18px;right:18px;width:30px;height:30px;background-repeat:no-repeat;background-image:url('/img/1/2/lightbox-close-icon.svg');cursor:pointer;background-position:center;}.pop-up .pop-content.map .container{padding-bottom:200px;}.pop-up .pop-content.map .container .gmap{width:100%;height:640px;display:block;}.pop-up .pop-content.map .container .map_title{text-align:center;font-size:20px;margin-top:28px;line-height:1.6;letter-spacing:1.5px;}.pop-up .pop-content.gallery{padding-top:90px;position:relative;overflow-x:hidden;padding-left:45px;padding-right:45px;}.pop-up .pop-content.gallery .close-but{position:absolute;top:18px;right:18px;width:30px;height:30px;background-repeat:no-repeat;background-image:url('/img/1/2/lightbox-close-icon.svg');cursor:pointer;background-position:center;}.pop-up .pop-content.gallery .gallery{padding-bottom:100px;}.pop-up .pop-content.gallery .gallery .wrapper{white-space:nowrap;font-size:0;height:100%;position:relative;}@media (max-width: 1199px){.pop-up .pop-content.gallery .gallery .wrapper{overflow:hidden;}}.pop-up .pop-content.gallery .gallery .wrapper .slider{display:inline-block;text-align:center;vertical-align:top;height:100%;}.pop-up .pop-content.gallery .gallery .wrapper .slider .gallery_cell{display:flex;justify-content:center;align-content:center;width:100%;height:100%;}.pop-up .pop-content.gallery .gallery .wrapper .slider .gallery_cell img{width:100%;height:auto;max-width:1065px;}.pop-up .pop-content.gallery .left,.pop-up .pop-content.gallery .right{width:49px;height:49px;background-color:#b9b309;cursor:pointer;background-image:url('/img/1/1/slides-arrow.svg');background-position:center;background-repeat:no-repeat;pointer-events:all;z-index:8;}@media (max-width: 1199px){.pop-up .pop-content.gallery .left,.pop-up .pop-content.gallery .right{width:43px;height:43px;}}.pop-up .pop-content.gallery .left{transform:rotate(180deg);position:absolute;top:50%;margin-top:-34.5px;left:0;}.pop-up .pop-content.gallery .right{position:absolute;top:50%;margin-top:-34.5px;right:0;}.project{box-sizing:border-box;padding:0 40px;margin-top:58px;padding-bottom:97px;position:relative;min-height:760px;transition:0.5s;}@media (max-width: 1199px){.project{min-height:1280px;}}@media (max-width: 767px){.project{min-height:unset;}}.project:before{content:'';width:100%;height:520px;background-color:#e8e8e8;display:block;position:absolute;top:32px;left:0;z-index:-1;transition:0.5s;}@media (max-width: 1199px){.project:before{height:80%;}}.project .title{text-align:center;font-size:46px;font-weight:300;letter-spacing:3.7px;box-sizing:border-box;padding-left:5px;}.project .cat{margin-top:79px;position:relative;}@media (max-width: 1199px){.project .cat{margin-top:39px;}}.project .cat .cell{display:inline-block;width:48.90350877192982%;height:521px;background-repeat:no-repeat;background-position:center;background-size:892px;position:relative;transition:0.5s;position:absolute;}.project .cat .cell:hover{background-size:950px;}@media (min-width: 1200px){.project .cat .cell:first-child{margin-right:2.19298245614035%;}}@media (max-width: 1199px){.project .cat .cell{position:absolute;transform:translateX(-50%);max-width:892px;width:100%;display:block;margin-left:auto;margin-right:auto;}.project .cat .cell:first-child{margin-bottom:40px;}}@media (max-width: 971px){.project .cat .cell{width:100%;height:0;padding-top:58.29596412556054%;background-size:100%;}}.project .cat .cell.left{top:0;left:0;}@media (max-width: 1199px){.project .cat .cell.left{left:50%;}}.project .cat .cell.right{top:0;left:51.1%;}@media (max-width: 1199px){.project .cat .cell.right{top:555px;left:50%;}}@media (max-width: 767px){.project .cat .cell{position:relative !important;top:0 !important;left:0 !important;transform:unset;}}.project .cat .cell .overlay{width:100%;height:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;box-sizing:border-box;padding-top:6px;background-color:rgba(0,0,0,0.5);}@media (max-width: 1199px){.project .cat .cell .overlay{position:absolute;top:0;left:0;}}.project .cat .cell .overlay .chi{font-size:32px;color:#fff;font-family:'Microsoft JhengHei';letter-spacing:2.4px;}.project .cat .cell .overlay .eng{font-size:32px;color:#fff;margin-top:9px;letter-spacing:2.6px;}.project{position:relative;}.project:before{height:360px;}.project .back{position:absolute;top:22px;font-size:15px;right:40px;background-image:url('/img/1/2/back-arrow.svg');padding-left:33px;background-position:left center;background-repeat:no-repeat;display:inline-block;}@media (max-width: 800px){.project .back{top:-30px;}}.project .subtitle{text-align:center;margin-top:72px;position:relative;}.project .subtitle:before{content:'';height:1px;width:60px;background-color:#000;display:block;position:absolute;top:-38px;left:50%;transform:translateX(-50%);}.project .subtitle .chi{font-size:32px;font-family:'Microsoft JhengHei';letter-spacing:2.5px;box-sizing:border-box;padding-left:3px;}.project .subtitle .eng{font-size:32px;margin-top:9px;letter-spacing:2.5px;box-sizing:border-box;padding-left:1px;}.project .wrapper{font-size:0;margin-top:63px;}.project .wrapper .cell{width:426px;display:inline-block;vertical-align:top;}@media (min-width: 1820px){.project .wrapper .cell{margin:0 calc(( 100% - 1704px ) / 6);margin-bottom:31px;}.project .wrapper .cell:nth-child(4n){margin-right:0px;}.project .wrapper .cell:nth-child(4n + 1){margin-left:0px;}}@media (max-width: 1819px) and (min-width: 1419px){.project .wrapper .cell{margin:0 15px;margin-bottom:31px;}.project .wrapper .cell:nth-child(3n){margin-right:calc(( 100% - 1338px ) / 2);}.project .wrapper .cell:nth-child(3n + 1){margin-left:calc(( 100% - 1338px ) / 2);}}@media (max-width: 1418px) and (min-width: 962px){.project .wrapper .cell{margin:0 15px;margin-bottom:31px;}.project .wrapper .cell:nth-child(2n){margin-right:calc(( 100% - 882px ) / 2);}.project .wrapper .cell:nth-child(2n + 1){margin-left:calc(( 100% - 882px ) / 2);}}@media (max-width: 961px){.project .wrapper .cell{margin-left:auto;margin-right:auto;margin-bottom:31px;display:block;}}@media (max-width: 505px){.project .wrapper .cell{width:100%;}}.project .wrapper .cell:hover .thumbnail img{width:115%;}.project .wrapper .cell .thumbnail{width:426px;height:426px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;}@media (max-width: 505px){.project .wrapper .cell .thumbnail{width:100%;height:0px;padding-bottom:100%;}}.project .wrapper .cell .thumbnail img{position:absolute;left:50%;transform:translateX(-50%);transition:0.7s;height:auto;transform-style:preserve-3d;top:0;}.project .wrapper .cell .name{font-size:20px;margin-top:12px;text-align:center;letter-spacing:1.5px;}.project .loading-container{padding-top:16px;text-align:center;display:none;}.project .loading-container .load{display:inline-block;background-image:url('/img/1/2/loading-base.svg');width:76px;height:76px;margin:auto;}.project .loading-container .load .load-pic{animation:loading 1s infinite;animation-timing-function:linear;}@keyframes loading{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}