#header{width:100%;height:auto;background:url("/zh-tw/images/common/bg_lattice.png") #17171c;position:fixed;text-align:center;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);z-index:1000;-webkit-transition:background 0.3s ease-out,-webkit-transform 0.5s ease-out;transition:background 0.3s ease-out,-webkit-transform 0.5s ease-out;-o-transition:background 0.3s ease-out,transform 0.5s ease-out;transition:background 0.3s ease-out,transform 0.5s ease-out;transition:background 0.3s ease-out,transform 0.5s ease-out,-webkit-transform 0.5s ease-out}#header.nav-up{-webkit-transform:translateY(-87px);-ms-transform:translateY(-87px);transform:translateY(-87px)}#header.down-style{background:url("/zh-tw/images/common/bg_lattice.png") #17171c !important;border-bottom:1px solid #7e7e7e}#header .container-full{padding:24px 25px 9px 25px}#header .logo{background:url(/zh-tw/images/common_icon/logo.png) no-repeat;height:52px;width:70px;background-size:100%;display:inline-block;margin:0;float:left;position:relative;top:-3px;z-index:999}#header .logo a{width:100%;height:100%;display:block}#header #nav li a{font-size:16px;color:#dadada;letter-spacing:1px}.icon_lang{display:inline-block;width:13px;height:13px;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url('/zh-tw/images/intro/icon_lang-xs.png');margin-right:5px}@media screen and (min-width:992px){#header.scrolled{background:rgba(23,23,28,0.5)}#header #header-toggle{display:none}#header #nav{float:right;display:inline-block;margin-top:2px}#header #nav li{margin:0 17px}#header #nav li a{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-box-shadow:0 0 1px transparent;box-shadow:0 0 1px transparent;position:relative;padding:2px 0;overflow:hidden}#header #nav li a:after{content:"";position:absolute;display:block;z-index:-1;left:50%;right:50%;bottom:0;background:#dadada;height:2px;-webkit-transition-property:left,right;-o-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}#header #nav li:hover a:after,#header #nav li:focus a:after,#header #nav li.active a:after{left:0;right:0}}@media screen and (max-width:991px){#header .container-full{padding:23px 25px 0 25px}#header #header-toggle{background:transparent;border:0;padding:15px;top:-11px;text-align:center;cursor:pointer;overflow:hidden;position:relative;float:right;z-index:99}#header #header-toggle .hamburger-box{position:relative;display:inline-block;width:25px;height:25px;-webkit-perspective:80px;perspective:80px}#header #header-toggle .hamburger-inner{top:50%;display:block}#header #header-toggle .hamburger-inner,#header #header-toggle .hamburger-inner:before,#header #header-toggle .hamburger-inner:after{background-color:#a2a2a4;position:absolute;width:100%;height:2px;-webkit-transition:background-color 0s cubic-bezier(0.645,0.045,0.355,1) 0.1s,background 0.3s,-webkit-transform 0.2s cubic-bezier(0.645,0.045,0.355,1);transition:background-color 0s cubic-bezier(0.645,0.045,0.355,1) 0.1s,background 0.3s,-webkit-transform 0.2s cubic-bezier(0.645,0.045,0.355,1);-o-transition:transform 0.2s cubic-bezier(0.645,0.045,0.355,1),background-color 0s cubic-bezier(0.645,0.045,0.355,1) 0.1s,background 0.3s;transition:transform 0.2s cubic-bezier(0.645,0.045,0.355,1),background-color 0s cubic-bezier(0.645,0.045,0.355,1) 0.1s,background 0.3s;transition:transform 0.2s cubic-bezier(0.645,0.045,0.355,1),background-color 0s cubic-bezier(0.645,0.045,0.355,1) 0.1s,background 0.3s,-webkit-transform 0.2s cubic-bezier(0.645,0.045,0.355,1)}#header #header-toggle .hamburger-inner:before,#header #header-toggle .hamburger-inner:after{display:block;content:""}#header #header-toggle .hamburger-inner:before{top:-10px}#header #header-toggle .hamburger-inner:after{bottom:-10px}#header .logo{top:-2px}#header #nav{width:100%;height:100vh;position:absolute;display:block;text-align:center;top:0;left:0;padding:50px 0 0 0;opacity:0;overflow:auto;visibility:hidden;-webkit-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%);-webkit-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out}#header #nav ul{margin:0 auto;display:inline-block;position:relative;left:50%;right:auto;top:50%;bottom:auto;-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);display:inline-block;position:absolute}#header #nav li{width:100%;height:auto;margin:20px 0}#header #nav li a{font-size:18px;padding:5px 20px;display:block;-webkit-transition:color 0.3s;-o-transition:color 0.3s;transition:color 0.3s}#header #nav li:hover a,#header #nav li:focus a,#header #nav li.active a{color:#fff}#header.is-active #header-toggle .hamburger-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:transparent}#header.is-active #header-toggle .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}#header.is-active #header-toggle .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}#header.is-active #nav{background:url("/zh-tw/images/common/bg_lattice.png") #17171c;opacity:1;visibility:visible;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);z-index:12;-webkit-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out}}@media screen and (max-width:767px){#header .logo{background-image:url(/zh-tw/images/common_icon/logo-sm.png);width:50px;height:35px;top:-1px}#header .container-full{padding:19px 25px 0 25px}#header #header-toggle{padding:11px 5px 5px 15px}#header #nav li{margin:15px 0}}