.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.nav::-webkit-scrollbar{display:none;}html{min-width:320px;}html.noscroll{overflow-y:hidden;}.nav{-ms-overflow-style:none;scrollbar-width:none;}.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;}.container{max-width:1200px;margin:auto;position:relative;}header,#content,footer{width:100%;float:left;clear:both;}@keyframes dropHead{from{top:-84px;}to{top:0px;}}header{position:fixed;top:0;left:0;z-index:6;transition:1s;}header.drop{position:fixed;}header.drop .underlay{top:0px;}header.drop .left-container .headerblock{height:84px;margin-top:0px;color:#000;background-color:rgba(255,255,255,0);}header.drop .left-container .headerblock:before{filter:brightness(0%);}header.drop .left-container .headerblock:hover{color:#fff;}header.drop .left-container .headerblock.socialblock{background-color:#aeaeae;}@media (max-width: 767px){header.drop .left-container .wrapper{margin-top:84px;}}header.drop .right-container{top:10px;}@media (max-width: 380px){header.drop .right-container{top:16px;}}header .underlay{position:fixed;top:-84px;left:0;height:84px;width:100%;background-color:rgba(255,255,255,0.8);z-index:1;transition:1s;}header .left-container{display:inline-block;position:relative;z-index:2;}header .left-container .headerblock{width:50px;height:50px;display:inline-flex;background-color:rgba(255,255,255,0.3);vertical-align:top;justify-content:center;align-items:center;cursor:pointer;margin-top:30px;box-sizing:border-box;transition:1s;}header .left-container .menu{transition:0.5s;position:relative;}header .left-container .menu:hover{background-color:#f99f2f;}header .left-container .menu:before{content:'';display:block;left:0;top:0;width:100%;height:100%;position:absolute;background-image:url('/img/1/1/nav-button.svg');background-position:center center;background-repeat:no-repeat;}header .left-container .lang{font-family:'Microsoft JhengHei';font-size:14px;color:#fff;margin-left:1px;padding-bottom:1px;transition:0.5s;position:relative;}header .left-container .lang:hover{background-color:#555;}header .left-container .social{padding-bottom:1px;margin-left:1px;transition:0.5s;position:relative;}header .left-container .social:hover,header .left-container .social.open{background-color:#aeaeae;}header .left-container .social:before{content:'';display:block;left:0;top:0;width:100%;height:100%;position:absolute;background-image:url('/img/1/1/share-button.svg');background-position:center center;background-repeat:no-repeat;pointer-events:none;}/*953795e33e25c16a067bcfa2a5842f5b*/@media (min-width: 768px){header .left-container .social.open ~.wrapper .socialblock{margin-left:0;}}@media (max-width: 767px){header .left-container .social.open ~.wrapper .socialblock{margin-top:0px !important;}}header .left-container .socialblock{background-position:center center;background-repeat:no-repeat;transition:1s;margin-left:-50px;background-color:#aeaeae;position:relative;}@media (max-width: 767px){header .left-container .socialblock{display:flex;margin-left:0px;margin-top:-84px !important;height:50px !important;}}header .left-container .wrapper{display:inline-block;overflow:hidden;transition:1s;}@media (max-width: 767px){header .left-container .wrapper{margin-left:-50px;margin-top:80px;position:relative;overflow:hidden;}}header .right-container{display:inline-block;float:right;clear:both;position:absolute;right:29px;top:20px;z-index:2;transition:1s;text-align:right;}@media (max-width: 767px){header .right-container{right:20px;}}@media (max-width: 380px){header .right-container{top:31px;width:140px;right:15px;}}header .right-container .logo{position:relative;z-index:2;display:block;}@media (max-width: 1199px){header .right-container .logo.desk{display:none;}}header .right-container .logo.mob{display:none;width:183px;}@media (max-width: 1199px){header .right-container .logo.mob{display:block;}}@media (max-width: 380px){header .right-container .logo.mob{width:143px;}}header .right-container .logo img{position:relative;z-index:2;}@media (max-width: 1199px){header .right-container .logo img{width:100%;height:auto;}}@media (max-width: 380px){header .right-container .logo img{width:100%;height:auto;}}#content{min-height:500px;}footer{height:80px;background-color:#fff;padding-left:30px;box-sizing:border-box;position:relative;z-index:6;}@media (max-width: 1199px){footer{padding-left:28px;}}@media (max-width: 767px){footer{padding-top:35px;padding-right:50px;padding-bottom:29px;height:unset;}}footer .copyright{line-height:80px;font-size:15px;}@media (max-width: 767px){footer .copyright{line-height:1.9;letter-spacing:-0.65px;}}footer .copyright *{font-size:15px;}@media (max-width: 767px){footer .copyright *{font-size:14px;letter-spacing:-0.05px;}}@keyframes openMenu{from{background-color:rgba(0,0,0,0);}to{background-color:rgba(0,0,0,0.4);}}.overlay{width:100%;height:100%;background-color:rgba(0,0,0,0);position:fixed;top:0;left:0;display:block;z-index:6;transition:1s;pointer-events:none;visibility:hidden;}.overlay.open{visibility:visible;animation:openMenu 1s;animation-fill-mode:forwards;pointer-events:all;}.overlay.open .nav-menu .title-wrapper{left:0px;}.overlay.open .nav-menu .nav{left:0px;}.overlay .nav-menu{position:relative;z-index:7;height:100%;white-space:nowrap;}.overlay .nav-menu .title-wrapper{display:inline-block;height:100%;background-color:#fff;position:relative;left:-60px;transition:1s;z-index:9;vertical-align:top;width:60px;padding-bottom:50px;}.overlay .nav-menu .com-title{writing-mode:vertical-rl;-ms-writing-mode:tb-rl;display:inline-block;text-align:center;width:60px;height:100%;line-height:57px;font-size:16.02px;letter-spacing:0.2px;color:#505050;background-color:#fff;box-sizing:border-box;padding-bottom:30px;}.overlay .nav-menu .nav{display:inline-block;vertical-align:top;height:100%;box-sizing:border-box;padding-top:13.7%;padding-left:92.719px;width:430px;background-color:#989898;overflow-y:scroll;position:relative;padding-bottom:50px;left:-572.719px;transition:1s;z-index:8;}@media (max-width: 489px){.overlay .nav-menu .nav{width:calc(100% - 60px);padding-left:calc(33.19046511627907% - 100px);padding-top:21%;}}.overlay .nav-menu .nav .close-but{background-image:url('/img/close-button.svg');width:30px;height:30px;background-repeat:no-repeat;background-position:center center;position:absolute;right:17px;top:17px;cursor:pointer;}.overlay .nav-menu .nav .nav-wrapper{box-sizing:border-box;}.overlay .nav-menu .nav .nav-wrapper .link{display:block;margin-top:15px;position:relative;}.overlay .nav-menu .nav .nav-wrapper .link:first-child{margin-top:0;}.overlay .nav-menu .nav .nav-wrapper .link .cur-icon{background-image:url("/img/1/1/logo.png");background-size:contain;background-repeat:no-repeat;width:46px;height:65px;display:inline-block;position:absolute;z-index:-1;left:-2px;clip-path:polygon(0% 71%,36% 71%,34% 71%,0% 71%);transition:1s;}.overlay .nav-menu .nav .nav-wrapper .link .hover-icon{background-image:url("/img/1/1/logo.png");background-size:contain;background-repeat:no-repeat;width:46px;height:65px;display:inline-block;position:absolute;z-index:-1;left:-2px;clip-path:polygon(68% 32%,100% 33%,100% 32%,62% 32%);transition:1s;}.overlay .nav-menu .nav .nav-wrapper .link:hover .hover-icon{clip-path:polygon(68% 32%,100% 33%,57% 100%,23% 100%);}.overlay .nav-menu .nav .nav-wrapper .link:hover .cur-icon{clip-path:polygon(42% 0,83% 0,34% 73%,0% 73%);}.overlay .nav-menu .nav .nav-wrapper .link .link-cell{font-size:40px;color:#fff;padding-left:50px;font-weight:300;}.overlay .nav-menu .nav .nav-wrapper .link.selected ~ .sublink{margin-top:22px;margin-bottom:41px;}.overlay .nav-menu .nav .nav-wrapper .link.selected ~ .sublink .sublink-cell{margin-top:25px;}.overlay .nav-menu .nav .nav-wrapper .link.selected ~ .sublink .sublink-cell:first-child{margin-top:0px;}.overlay .nav-menu .nav .nav-wrapper .link.selected .arrow{transform:rotate(180deg);}.overlay .nav-menu .nav .nav-wrapper .arrow{display:inline-block;background-image:url(/img/1/1/pull-down-arrow.svg);background-position:center center;background-repeat:no-repeat;height:40px;width:50px;vertical-align:bottom;transform:rotate(0deg);margin-left:7.8px;cursor:pointer;transition:0.5s;}.overlay .nav-menu .nav .nav-wrapper .sublink{margin-left:20px;margin-top:22px;margin-bottom:41px;overflow:hidden;margin-top:0px;margin-bottom:0px;transition:0.5s;}.overlay .nav-menu .nav .nav-wrapper .sublink .sublink-cell{font-size:28px;color:#fff;display:block;transition:0.5s;margin-top:-40px;margin-left:50px;}.overlay .nav-menu .nav .nav-wrapper .sublink .sublink-cell:hover{text-shadow:0 0 5px #fff;}.overlay .nav-menu .nav .nav-wrapper .sublink .sublink-cell:first-child{margin-top:-40px;}.banner{width:100%;height:500px;position:relative;overflow:hidden;}.banner .banner-background{width:2100px;height:500px;background-repeat:no-repeat;background-position:center center;background-size:contain;position:fixed;top:0%;transform:translateX(-50%);left:50%;z-index:-1;}@media (min-width: 2100px){.banner .banner-background{width:100%;}}.banner .banner-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.3);}.banner .banner-content .title{font-size:52px;color:#fff;text-shadow:0 0 15px #000;letter-spacing:0.7px;position:relative;left:1.3px;top:-1.5px;}.head-container{background-color:#f99f2f;width:100%;height:100px;box-sizing:border-box;padding-top:20.5px;}@media (max-width: 1199px){.head-container{height:unset;padding-bottom:20.5px;}}.head-container .container{box-sizing:border-box;padding-left:18px;}.head-container .container .head-title{font-size:18px;color:#fff;border-bottom:1px solid #fff;display:table;line-height:0.9;letter-spacing:-0.2px;}.head-container .container .filter-container .type-fil{margin-top:17px;display:inline-block;vertical-align:b;}.head-container .container .filter-container .type-fil .cat-title{font-size:18px;font-weight:bold;color:#fff;display:inline-block;vertical-align:middle;margin-right:26px;}@media (max-width: 1199px){.head-container .container .filter-container .type-fil .cat-title{display:block;}}.head-container .container .filter-container .type-fil .cat-fil{display:inline-block;vertical-align:middle;border-right:1px solid #fff;}@media (max-width: 1199px){.head-container .container .filter-container .type-fil .cat-fil{display:block;margin-top:10px;border-right:0px solid #fff;}}@media (max-width: 767px){.head-container .container .filter-container .type-fil .cat-fil{display:inline-block;margin-right:20px;}}.head-container .container .filter-container .type-fil .cat-fil .cat-wrapper{display:inline-block;}@media (max-width: 767px){.head-container .container .filter-container .type-fil .cat-fil .cat-wrapper{display:block;margin-top:20px;}}.head-container .container .filter-container .type-fil .cat-fil input{width:16px;height:16px;background-image:url('/img/1/3/checkbox.svg');vertical-align:middle;}.head-container .container .filter-container .type-fil .cat-fil input:checked{background-image:url('/img/1/3/checkbox-selected.svg');}.head-container .container .filter-container .type-fil .cat-fil input#cata9 ~ label{background-image:url('/img/1/3/icon-residential.svg');}.head-container .container .filter-container .type-fil .cat-fil input#cata8 ~ label{background-image:url('/img/1/3/icon-commercial.svg');}.head-container .container .filter-container .type-fil .cat-fil input#cata10 ~ label{background-image:url('/img/1/3/icon-show-flat.svg');}.head-container .container .filter-container .type-fil .cat-fil label{font-size:18px;color:#fff;vertical-align:middle;background-repeat:no-repeat;background-position:left center;background-position-x:4.2px;padding-left:38px;margin-right:29px;}.head-container .container .filter-container .year-fil{display:inline-block;vertical-align:bottom;}@media (max-width: 1199px){.head-container .container .filter-container .year-fil{display:block;}}@media (max-width: 767px){.head-container .container .filter-container .year-fil{display:inline-block;}}.head-container .container .filter-container .year-fil .year-title{font-size:18px;font-weight:bold;color:#fff;display:inline-block;vertical-align:middle;margin-right:27px;margin-left:29px;}@media (max-width: 1199px){.head-container .container .filter-container .year-fil .year-title{display:block;margin-left:0px;margin-top:20px;margin-bottom:10px;}}.head-container .container .filter-container .year-group-fil{display:inline-block;vertical-align:middle;}.head-container .container .filter-container .year-group-fil .year-wrapper{display:inline-block;}@media (max-width: 767px){.head-container .container .filter-container .year-group-fil .year-wrapper{display:block;margin-top:20px;}}.head-container .container .filter-container .year-group-fil input{width:16px;height:16px;background-image:url('/img/1/3/checkbox.svg');vertical-align:middle;}.head-container .container .filter-container .year-group-fil input:checked{background-image:url('/img/1/3/checkbox-selected.svg');}.head-container .container .filter-container .year-group-fil input#year3 ~ label{margin-right:0px;}.head-container .container .filter-container .year-group-fil label{font-size:18px;color:#fff;vertical-align:middle;background-repeat:no-repeat;background-position:left center;background-position-x:4.2px;padding-left:10px;margin-right:27px;}.projects{background-color:#fff;font-size:0;}.projects .showcase-project{display:inline-block;width:50%;vertical-align:top;background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden;padding-bottom:22.59590120861797%;}@media (max-width: 1199px){.projects .showcase-project{width:100%;padding-bottom:45.05208333333333%;}}@media (max-width: 767px){.projects .showcase-project{padding-bottom:45.20833333333333%;}}.projects .showcase-project:hover .cover .overlay-under{left:-121.2%;}.projects .showcase-project:hover .cover .title-under{left:0%;}.projects .showcase-project:hover .cover .title-container span{opacity:1;}.projects .showcase-project .cover{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;}.projects .showcase-project .cover .overlay-under{display:block;width:121.2%;height:100%;position:absolute;top:0;left:0%;background-color:rgba(0,0,0,0.47);clip-path:polygon(0 0,100% 0%,82.6% 100%,0% 100%);transition:1s;animation-timing-function:cubic-bezier(0.16,1,0.3,1);}.projects .showcase-project .cover .title-under{display:block;position:absolute;bottom:20px;left:-120%;height:84px;width:120%;background-color:rgba(0,0,0,0.47);clip-path:polygon(0 0,100% 0%,95.5% 100%,0% 100%);transition:1.3s;animation-timing-function:cubic-bezier(0.22,1,0.36,1);}@media (max-width: 1199px){.projects .showcase-project .cover .title-under{height:57px;}}.projects .showcase-project .cover .title-container{position:absolute;bottom:20px;left:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%;}.projects .showcase-project .cover .title-container span{background-image:url('/img/1/1/logo.png');background-repeat:no-repeat;background-position:center center;height:85px;width:60px;display:inline-block;vertical-align:middle;margin-left:40px;margin-right:18px;opacity:0.5;transition:1s;}@media (max-width: 1199px){.projects .showcase-project .cover .title-container span{height:58px;width:43px;background-size:contain;margin-right:9px;}}@media (max-width: 767px){.projects .showcase-project .cover .title-container span{margin-left:29px;}}@media (max-width: 420px){.projects .showcase-project .cover .title-container span{margin-left:10px;}}.projects .showcase-project .cover .title-container .title{display:inline-block;vertical-align:middle;width:100%;}.projects .showcase-project .cover .title-container .title .name{font-size:23px;color:#fff;letter-spacing:-0.2px;max-width:calc(100% - 134px);white-space:normal;width:100%;position:relative;}@media (max-width: 1199px){.projects .showcase-project .cover .title-container .title .name{letter-spacing:-0.1px;}}@media (max-width: 420px){.projects .showcase-project .cover .title-container .title .name{font-size:5.5vw;}}.projects .showcase-project .cover .title-container .title .extra p{font-size:15px;color:#fff;margin-top:4px;position:relative;top:2px;left:1px;display:inline-block;letter-spacing:-0.2px;font-weight:500;}@media (max-width: 1199px){.projects .showcase-project .cover .title-container .title .extra p{left:0px;top:-1px;margin-top:2px;letter-spacing:0.3px;}}@media (max-width: 767px){.projects .showcase-project .cover .title-container .title .extra p{top:-4px;margin-top:4px;}}.projects .showcase-project .cover .title-container .title .extra .line{display:inline-block;height:15px;width:1px;background-color:#fff;vertical-align:bottom;transform:skewX(-33deg);margin-left:13px;margin-right:11px;}@media (max-width: 1199px){.projects .showcase-project .cover .title-container .title .extra .line{vertical-align:initial;margin-left:12px;}}@media (max-width: 767px){.projects .showcase-project .cover .title-container .title .extra .line{vertical-align:top;margin-top:2px;}}footer{position:relative;z-index:1;}.project-banner{position:relative;z-index:0;height:800px;width:100%;overflow:hidden;}.project-banner .project-banner-background{position:fixed;z-index:-1;top:0;left:50%;transform:translateX(-50%);}.project-banner .banner-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;padding-top:23px;background-color:rgba(0,0,0,0.2);padding-left:20px;padding-right:20px;}.project-banner .banner-content .icon-banner{display:inline-block;margin-right:30px;opacity:0.5;}@media (max-width: 999px){.project-banner .banner-content .icon-banner{width:39.14px;position:relative;top:-14px;left:-5px;display:none;}.project-banner .banner-content .icon-banner img{width:100%;height:auto;}}@media (max-width: 629px){.project-banner .banner-content .icon-banner{width:27.04px !important;top:-22px;left:-10px;}.project-banner .banner-content .icon-banner img{width:27.04px !important;height:auto;}}.project-banner .banner-content .title{display:inline-block;height:111px;position:relative;left:-54px;}@media (max-width: 999px){.project-banner .banner-content .title{left:-54px;}}.project-banner .banner-content .title .main{font-size:40px;color:#fff;margin-top:0px;letter-spacing:0.75px;position:relative;z-index:2;display:inline-block;box-sizing:border-box;padding-left:111px;text-shadow:0 0 15px #000;}.project-banner .banner-content .title .main span{font-size:40px;color:#fff;margin-top:17px;position:relative;z-index:2;display:inline-block;margin-right:-2px;text-shadow:0 0 15px #000;}.project-banner .banner-content .title .main span .icon{background-image:url('/img/1/3/logo.png');background-repeat:no-repeat;background-size:contain;display:inline-block;position:absolute;top:-17px;left:-56px;width:79px;height:111px;z-index:-1;opacity:0.5;}.project-banner .banner-content .title .sub{margin-top:15px;box-sizing:border-box;padding-left:111px;}.project-banner .banner-content .title .sub p{font-size:15px;color:#fff;display:inline-block;text-shadow:0 0 15px #000;}.project-banner .banner-content .title .sub .line{display:inline-block;height:15px;width:1px;background-color:#fff;vertical-align:text-bottom;transform:skewX(-33deg);margin-left:12px;margin-right:11px;}.project{position:relative;z-index:1;background-color:#fff;min-height:500px;background-image:url('/img/1/3/3-2-bg.png');background-repeat:no-repeat;background-position:center top;box-sizing:border-box;padding-top:98px;padding-bottom:78px;padding-right:20px;padding-left:20px;}@media (min-width: 2101px){.project{background-size:100%;}}.project:after{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:200px;background-image:url('/img/1/2/footer-gradient.png');background-repeat:repeat-x;pointer-events:none;}.project .title{display:table;margin-left:auto;margin-right:auto;font-size:40px;position:relative;z-index:1;letter-spacing:-0.3px;padding-left:8px;padding-right:8px;text-align:center;}.project .title:before{content:'';height:8px;width:100%;background-color:#f99f2f;position:absolute;bottom:7px;left:0;display:block;z-index:-1;}.project .content{margin-top:35px;}.project .content .editor{line-height:1.8;letter-spacing:0.02px;}.project .gallery{margin-top:51px;font-size:0;width:100%;}.project .gallery tr{max-height:340px;}.project .gallery tr td{width:50%;}@media (max-width: 767px){.project .gallery tr td{width:100%;text-align:center;display:block;max-width:600px;margin-left:auto;margin-right:auto;}}.project .gallery tr td img{width:100%;height:auto;}.project .loading{display:block;width:76px;height:76px;background-image:url('/img/loading-1.svg');background-position:center center;background-repeat:no-repeat;background-size:contain;margin-left:auto;margin-right:auto;margin-top:50px;display:none;}.project .loading .loading-in{display:inline-block;width:76px;height:76px;background-image:url('/img/loading-2.svg');background-position:center center;background-repeat:no-repeat;background-size:contain;animation:1s load infinite;animation-timing-function:linear;}@keyframes load{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}