@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");.header{opacity:0;transform:translateY(-100%);-moz-transition:opacity 600ms cubic-bezier(.95, .05, .795, .035),-moz-transform 600ms cubic-bezier(.165, .84, .44, 1);-o-transition:opacity 600ms cubic-bezier(.95, .05, .795, .035),-o-transform 600ms cubic-bezier(.165, .84, .44, 1);-webkit-transition:opacity 600ms cubic-bezier(.95, .05, .795, .035),-webkit-transform 600ms cubic-bezier(.165, .84, .44, 1);transition:opacity 600ms cubic-bezier(.95, .05, .795, .035),transform 600ms cubic-bezier(.165, .84, .44, 1)}.header.is-visible{opacity:1;pointer-events:initial;transform:translateY(0);-moz-transition:opacity 1000ms cubic-bezier(.19, 1, .22, 1),-moz-transform 1000ms cubic-bezier(.165, .84, .44, 1);-o-transition:opacity 1000ms cubic-bezier(.19, 1, .22, 1),-o-transform 1000ms cubic-bezier(.165, .84, .44, 1);-webkit-transition:opacity 1000ms cubic-bezier(.19, 1, .22, 1),-webkit-transform 1000ms cubic-bezier(.165, .84, .44, 1);transition:opacity 1000ms cubic-bezier(.19, 1, .22, 1),transform 1000ms cubic-bezier(.165, .84, .44, 1)}.show-nav.ontop{opacity:1;transform:translateY(0)}.show-nav .nav nav{opacity:1;text-align:center;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;flex-flow:column}.top{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;color:#fff;-moz-transition:-moz-transform 600ms cubic-bezier(.165, .84, .44, 1);-o-transition:-o-transform 600ms cubic-bezier(.165, .84, .44, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(.165, .84, .44, 1);transition:transform 600ms cubic-bezier(.165, .84, .44, 1);will-change:transform;backface-visibility:hidden}.top.is-hidden{transform:translate3d(0, -50%, 0);pointer-events:none}.top-main-nav{position:absolute;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:calc(100% - 160px);max-width:1920px;margin-top:40px;padding:0 80px}.top-main-nav.hide-nav{display:none}.top-main-logo{z-index:1001;width:100px}.top-main-logo.lightLogo .cls-1{stroke:#fff}.top-main-logo a{display:block;height:50px}.top-main-logo svg{width:100%}.top-main-hamburger{z-index:1001;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;height:25px;width:25px;-moz-transition:all .6s;-o-transition:all .6s;-webkit-transition:all .6s;transition:all .6s}.top-main-hamburger-bar{height:1px;background:#FFF;width:100%;-moz-transition:-moz-transform 320ms cubic-bezier(.215, .61, .355, 1);-o-transition:-o-transform 320ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:-webkit-transform 320ms cubic-bezier(.215, .61, .355, 1);transition:transform 320ms cubic-bezier(.215, .61, .355, 1)}.top-main-hamburger:hover .main-hamburger-bar:nth-child(1),.top-main-hamburger:hover .main-hamburger-bar:last-child{-moz-animation:navline 1.2s infinite;-webkit-animation:navline 1.2s infinite;animation:navline 1.2s infinite;width:25px}.top-main-hamburger:hover .main-hamburger-bar:nth-child(2){-moz-animation:navline2 1.2s infinite;-webkit-animation:navline2 1.2s infinite;animation:navline2 1.2s infinite;-moz-animation-delay:200ms;-webkit-animation-delay:200ms;animation-delay:200ms;width:20px}.top-main-hamburger:hover .main-hamburger-bar:last-child{-moz-animation-delay:400ms;-webkit-animation-delay:400ms;animation-delay:400ms}.top-images li{position:absolute;top:0;width:100%;height:100%;background-size:cover;background-position:center;-moz-transform:scale(1.09);-ms-transform:scale(1.09);-webkit-transform:scale(1.09);transform:scale(1.09);-moz-transition:-moz-transform 600ms cubic-bezier(.25, .46, .45, .94);-o-transition:-o-transform 600ms cubic-bezier(.25, .46, .45, .94);-webkit-transition:-webkit-transform 600ms cubic-bezier(.25, .46, .45, .94);transition:transform 600ms cubic-bezier(.25, .46, .45, .94)}.top-images li:nth-child(1){background-position:50% 100%}.top-images li:nth-child(2){background-position:50% 80%}.top-images li:last-child{background-position:50% 100%}.top-images li.show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.top-slogan{text-align:center;font-size:1.75em;color:#fff;text-shadow:2px 2px 6px #444;font-family:"Zen Maru Gothic","Microsoft JhengHei",sans-serif}.top-slogan li{position:absolute;z-index:4;opacity:0;list-style:none;-moz-transition:opacity .6s;-o-transition:opacity .6s;-webkit-transition:opacity .6s;transition:opacity .6s;top:80%;left:10%}.top-slogan li.show-text{opacity:1}.top-slogan-inner span{display:block;-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%);-moz-transition:-moz-transform .6s .6s;-o-transition:-o-transform .6s .6s;-webkit-transition:-webkit-transform .6s;-webkit-transition-delay:.6s;transition:transform .6s .6s}.top-slogan-inner span.en{font-size:1rem}.top-slogan-inner span.cn{font-size:.875rem}.show-text .top-slogan-inner span{-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}.show-text .top-slogan-inner:nth-child(1) span{-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}.show-text .top-slogan-inner:nth-child(2) span{-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}.main{z-index:200}.main-wapper{position:relative}.about-container{width:87.5%;margin:auto;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.about-img{min-width:400px;width:30%;overflow:hidden}.about-img .mobile-show{display:none}.about-img .pc-show{display:block}.about-img img{-moz-transition:-moz-transform 600ms cubic-bezier(.215, .61, .355, 1);-o-transition:-o-transform 600ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(.215, .61, .355, 1);transition:transform 600ms cubic-bezier(.215, .61, .355, 1)}.about-img:hover img{transform:scale(1.035)}.about-info{position:relative;width:32%;padding-bottom:80px;min-width:250px}.about-title{margin-top:3.75em;font-weight:500;letter-spacing:.2em;line-height:1.7}.about-caption{margin-top:3em;font-size:.875rem;letter-spacing:.1em;line-height:2.2;color:#8E8E8E}.about-btn{margin-top:3em;max-width:160px}.images{background-position-y:54.507%}.images-inner{padding-bottom:40vw;background-size:cover;background-position:center 65%}.swiper-button-prev:after,.swiper-button-next:after{color:#838f98}.projects{position:relative;background-color:#EFEFEF}.projects-container{width:87.5%;margin:auto}.projects-heading{padding-top:28px;border-top:1px solid #cccfce;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.projects-view{width:80px}.projects-img{overflow:hidden}.projects-img img{filter:saturate(.5);-moz-transition:-moz-transform 600ms cubic-bezier(.215, .61, .355, 1);-o-transition:-o-transform 600ms cubic-bezier(.215, .61, .355, 1);-webkit-transition:-webkit-transform 600ms cubic-bezier(.215, .61, .355, 1);transition:transform 600ms cubic-bezier(.215, .61, .355, 1)}.projects-wrapper{overflow:visible}.projects-list{display:flex;position:relative;z-index:1;box-sizing:content-box;width:100%;height:100%}.projects-item{position:relative;padding-top:24px;width:40%;height:auto;box-sizing:content-box}.projects-item:hover img{filter:saturate(1);transform:scale(1.085)}.projects-item:hover .crop-text:before{opacity:1;transform:translate3d(0, -130%, 0)}.projects-item:hover .crop-text-inner{opacity:0;transform:translate3d(0, -130%, 0)}.projects-item:hover .crop-arrow{-moz-animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards;-webkit-animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards;animation:right_arrow 800ms cubic-bezier(.215, .61, .355, 1) forwards}.projects-name{display:flex;margin-top:10px;line-height:1.6;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.contact-container{width:87.5%;margin:auto;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.contact-content{margin-right:80px;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.contact-content-item{padding:10px 0}.contact-title{padding-bottom:20px}.contact-map{flex-grow:1;min-height:300px}.contact-heading{width:100%;padding:20px 0;border-top:1px solid #cccfce;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.contact .contact-content{margin-right:50px}@media screen and (max-width: 980px){.top-main-nav{width:calc(100% - 100px);padding:0 50px}.about-container{width:84vw;margin:auto;padding:0}.about-img{width:100%}.about-img .mobile-show{display:block}.about-img .pc-show{display:none}}@media screen and (max-width: 640px){.top-main-nav{width:calc(100% - 40px);padding:0 20px}.top-slogan li{left:0;width:80vw;padding:0 10vw;text-align:left}.about-container{width:calc(100% - 40px);padding:0 20px;margin:auto}.about-img{min-width:auto}.about-info{margin:auto}.about-title{margin-top:40px}.contact-container{width:calc(100% - 40px);padding:0 20px}.contact-heading{padding:0}.contact-content{width:100%;margin:20px auto}.contact-content-item{padding:5px 0}.contact-map{width:100%}}