.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;}@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;}}/*953795e33e25c16a067bcfa2a5842f5b*/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;}.awards{background-color:#fff;}.awards .showcase-project{display:inline-block;width:50%;padding-bottom:22.59590120861797%;vertical-align:top;background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;overflow:hidden;}@media (max-width: 1199px){.awards .showcase-project{width:calc(100%);height:unset;padding-bottom:45.05208333333333%;}}@media (max-width: 767px){.awards .showcase-project{padding-bottom:45.20833333333333;}}.awards .showcase-project:hover .cover .overlay-under{left:0%;}.awards .showcase-project:hover .cover .title-container .title{font-weight:500;}.awards .showcase-project:hover .cover .title-container .title .extra{font-weight:500;}.awards .showcase-project:hover .cover .title-container .title .extra:before{font-weight:500;background-color:rgba(249,159,47,0);}.awards .showcase-project .cover{display:block;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.47);width:100%;height:100%;overflow:hidden;}.awards .showcase-project .cover .overlay-under{display:block;width:121.2%;height:100%;position:absolute;top:0;left:-121.2%;background-color:rgba(249,159,47,0.7);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);}.awards .showcase-project .cover .title-container{position:relative;vertical-align:middle;display:inline-block;white-space:nowrap;width:100%;}.awards .showcase-project .cover .title-container .title{display:inline-block;vertical-align:middle;margin-left:51px;width:100%;max-width:calc(100% - 94px);box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}@media (max-width: 767px){.awards .showcase-project .cover .title-container .title{margin-left:30px;}}.awards .showcase-project .cover .title-container .title .name{font-size:15px;color:#fff;letter-spacing:0px;font-weight:500;}.awards .showcase-project .cover .title-container .title .extra{font-size:23px;color:#fff;margin-top:10px;position:relative;top:-4px;left:-1px;letter-spacing:-0.2px;z-index:3;font-weight:500;transition:1s;white-space:normal;display:inline-block;}@media (max-width: 1199px){.awards .showcase-project .cover .title-container .title .extra{top:1px;margin-top:6px;left:-2px;letter-spacing:0.1px;}}@media (max-width: 767px){.awards .showcase-project .cover .title-container .title .extra{left:-1px;top:0px;}}@media (max-width: 420px){.awards .showcase-project .cover .title-container .title .extra{font-size:5.5vw;}}.awards .showcase-project .cover .title-container .title .extra:before{content:'';display:block;position:absolute;left:3px;bottom:3px;height:8px;width:calc(100% + 35px);background-color:#f99f2f;z-index:-1;transition:1s;animation-timing-function:cubic-bezier(0.33,1,0.68,1);}@media (max-width: 1199px){.awards .showcase-project .cover .title-container .title .extra:before{width:calc(100% + 37px);}}