@import"https://fonts.googleapis.com/css?family=Manjari&display=swap";body{font-family:"Manjari",sans-serif,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;line-height:1.5;letter-spacing:1px;color:#666;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#666}a:hover{color:#000}.wrapper{overflow:hidden}.page-mask{position:fixed;bottom:0;width:100%;height:0;background:#fff;z-index:20}.loading{position:fixed;width:100%;height:100%;top:0;z-index:50}.loading-bg{position:absolute;top:0;width:100%;height:100%;background:#fff}.loading-inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loading-logo{position:relative;width:110px;height:65px;margin:20px auto}.loading-bar{height:2px;background:#eee}.loading-bar-inner{height:100%;background:#999}.header{position:fixed;padding:7px 8vw;height:80px;width:100%;box-sizing:border-box;z-index:10;font-size:.875em;line-height:15px;transition:background .6s}.onScroll .header{background:#fff}.header-nav{margin:25px -86px 15px 150px;text-align:right;height:20px}.header-navinner{position:relative;margin:auto}.header-mobilenav{position:fixed;top:0;width:20%;min-width:270px;height:0%;margin:0;right:0;text-align:center;overflow:hidden;display:flex;align-items:center;transition:height 0s 1s}.header-mobilenav:before{content:"";position:absolute;top:0;right:0;width:0;height:100%;background:#f1f1f1;transition:width .6s}.show-nav .header-mobilenav:before{width:100%}.show-nav .header-mobilenav{height:100%;transition-delay:0s}.logo{position:absolute;z-index:2}.logo svg,.logo img{width:110px;height:66px}.nav .tw{position:absolute;left:50%;white-space:nowrap;transform:translateX(-50%);opacity:0}.nav a{display:block}.nav a:hover .tw{opacity:1}.nav a:hover .en{opacity:0}.nav-logo{position:absolute;width:37px;height:60px;top:50%;left:50%;opacity:.3;transform:translate(-50%, -50%) scale(6)}.nav a{position:relative;padding:0 15px}.nav a:after{content:"";position:absolute;right:0;bottom:-33px;height:10px;width:0%;background:#ccc;opacity:.2;transition:width .3s}.nav a:hover:after{width:100%}.nav a.active:after{width:100%;opacity:.5}.topimage .nav a{color:#000}.onScroll .nav a{color:#000}.show-nav .nav a{color:#000}.show-nav .nav a:hover,.show-nav .nav a.active{color:#999}.show-nav .nav a:after{content:none}.footer-nav .nav a{color:#000}.footer-nav .nav a:hover{color:#666}.footer-nav .nav a:after{content:none}.header-nav .header-social{display:none;vertical-align:top;margin-top:-2px}.header-nav .nav{display:inline-block;margin-right:65px}.header-nav li{float:left}.header-mobilenav .header-social{margin-top:40px;padding-left:13px}.header-mobilenav .header-social a{color:#666;margin-right:15px}.header-mobilenav .nav{line-height:54px}.header-mobilenav .nav .tw{font-size:1em}.header-mobilenav .nav li,.header-mobilenav .header-social{opacity:0;transform:translateY(20px)}.show-nav .header-mobilenav .nav li,.show-nav .header-mobilenav .header-social{opacity:1;transform:translateY(0);transition:opacity .6s,transform .6s}.show-nav .header-mobilenav .nav li:nth-child(1){transition-delay:.3s}.show-nav .header-mobilenav .nav li:nth-child(2){transition-delay:.4s}.show-nav .header-mobilenav .nav li:nth-child(3){transition-delay:.5s}.show-nav .header-mobilenav .nav li:nth-child(4){transition-delay:.6s}.show-nav .header-mobilenav .nav li:nth-child(5){transition-delay:.7s}.show-nav .header-mobilenav .nav li:nth-child(6){transition-delay:.8s}.show-nav .header-mobilenav .nav li:nth-child(7){transition-delay:.9s}.show-nav .header-mobilenav .nav li:nth-child(8){transition-delay:1s}.show-nav .header-mobilenav .nav li:nth-child(9){transition-delay:1.1s}.show-nav .header-mobilenav .nav li:nth-child(10){transition-delay:1.2s}.show-nav .header-mobilenav .header-social{transition-delay:1.3s}.hamburger{position:fixed;top:30px;right:0;cursor:pointer;transition:right 0s .6s}.onScroll .hamburger{transition-delay:0s;right:calc((8vw - 24px)*.5)}.show-nav .hamburger{transition-delay:.6s;right:0}.hamburger-bar{width:24px;height:2px;background:#000;margin-bottom:4px;transform:translateX(8vw);transition:transform .4s}.topimage .hamburger-bar{background:#000}.onScroll .hamburger-bar{background:#000;transform:translateX(0)}.show-nav .hamburger-bar{transform:translateX(8vw) translateX(30px)}.hamburger-bar:nth-child(2){transition-delay:.1s}.hamburger-bar:nth-child(3){width:12px;margin-left:12px;transition-delay:.2s}.hamburger-close{position:fixed;top:0;right:-90px;background:#999;width:90px;height:90px;cursor:pointer;transition:right .6s}.show-nav .hamburger-close{transition-delay:.6s;right:0}.hamburger-closebar{width:24px;height:2px;position:absolute;top:44px;left:33px;background:#fff;transition:transform .4s}.show-nav .hamburger-closebar{transition-delay:.8s}.show-nav .hamburger-closebar:nth-child(1){transform:rotate(30deg)}.show-nav .hamburger-closebar:nth-child(2){transform:rotate(-30deg)}.inner{max-width:1000px;margin:200px auto}.title{font-size:1.25em;margin-bottom:60px;font-weight:normal;line-height:1.2;color:#000}.footer{background:#f1f1f1;padding:80px 8vw;font-size:.75em}.footer a{color:#666}.footer a:hover{color:#000}.footer-topbox{position:relative;border-bottom:#ccc solid 1px;padding-bottom:40px;overflow:hidden;display:flex;justify-content:space-between}.footer-nav{text-align:right;line-height:40px;height:40px;margin-left:50px}.footer-nav .header-social a{padding-right:12px}.footer-nav li{float:left}.footer-bottombox{padding-top:40px;overflow:hidden;display:flex;justify-content:space-between}.footer-bottombox-left{display:flex;flex-direction:row}.footer-bottombox-left .footer-block{margin-right:20px}.footer-bottombox-right{display:flex;flex-direction:column;align-items:flex-end}.scroll-top{position:fixed;width:40px;height:40px;bottom:-40px;right:0;color:#fff;background:#000;font-size:1.5em;text-align:center;line-height:40px;cursor:pointer;z-index:9;transition:bottom .6s}.scroll-top:hover{background:#666}.loading-logo-l{animation:logo-1 4s forwards}.loading-logo-r{animation:logo-r 4s forwards}.loading-logo-t{animation:logo-t 4s forwards}.loading-logo-b{animation:logo-b 4s forwards}.show-nav .nav-logo-l{animation:logo-1 4s 1s forwards;background:#fff}.show-nav .nav-logo-r{animation:logo-r 4s 1s forwards;background:#fff}.show-nav .nav-logo-t{animation:logo-t 4s 1s forwards;background:#fff}.show-nav .nav-logo-b{animation:logo-b 4s 1s forwards;background:#fff}.consultBtn{padding:15px;background:#ccc;margin-bottom:100px}.consultBtn i{margin-left:5px}@keyframes logo-t{0%{opacity:1;width:0}10%{opacity:1;width:26px}100%{opacity:1;width:26px}}@keyframes logo-l{0%{opacity:1;height:0}10%{opacity:1;height:0}30%{opacity:1;height:58px}100%{opacity:1;height:58px}}@keyframes logo-b{0%{opacity:1;width:0}30%{opacity:1;width:0}40%{opacity:1;width:26px}100%{opacity:1;width:26px}}@keyframes logo-r{0%{opacity:1;height:0}40%{opacity:1;height:0}60%{opacity:1;height:58px}100%{opacity:1;height:58px}}@media screen and (max-width: 1400px){.footer-bottombox{flex-direction:column}.footer-bottombox-left{flex-direction:column}.footer-bottombox-right{flex-direction:column;align-items:flex-start}.footer-copy,.footer-design{float:none;display:inline}}@media screen and (max-width: 1300px){.header{padding:10px 8vw;height:70px}.header svg,.header img{width:88px;height:50px}.header-nav{display:none}.hamburger{right:8vw;top:28px;transition-delay:0s}.onScroll .hamburger{right:8vw}.show-nav .hamburger{right:0}.hamburger-bar{transform:translateX(0);background:#000}.hamburger-close{width:70px;height:70px;right:-70px}.hamburger-closebar{top:34px;left:23px}}@media screen and (max-width: 1200px){.inner{margin:200px 8vw}.footer{padding:40px 8vw}.footer-topbox{display:none}.footer-bottombox{padding-top:0}}@media screen and (max-width: 1100px){.inner{margin:150px 8vw}.title{margin-bottom:20px}}@media screen and (max-width: 640px){.header-mobilenav{width:100%}.header-mobilenav .nav{line-height:35px}.nav-logo{transform:translate(-50%, -50%) scale(5)}}@media screen and (max-height: 640px){.header-mobilenav .nav{line-height:35px}}