header{width:100%;position:fixed;border-top:3px solid #0060d6;background:#ffffff;z-index:22;box-shadow:0 1px 13px rgba(100,100,100,0.1);background-color:rgba(255,255,255,0.9)}.logo{display:inline-block;padding-top:13px;padding-bottom:15px;text-align:left}.menu{display:block;width:34px;height:28px;float:right;margin-top:25px;padding:5px}.menu-icon{position:relative;width:100%;height:18px;margin-bottom:3px}.menu-icon span{display:block;position:absolute;height:2px;width:23px;background:#146dc0;opacity:1;right:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.menu-icon span:nth-child(1){top:0px}.menu-icon span:nth-child(2),.menu-icon span:nth-child(3){top:8px}.menu-icon span:nth-child(4){top:16px}.menu-icon.active span:nth-child(1){top:16px;width:0%;left:50%}.menu-icon.active span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.menu-icon.active span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.menu-icon.active span:nth-child(4){top:16px;width:0%;left:50%}.menu p{font-size:13px;color:#7d7d7d}.nav-menu{position:relative}.nav-menu ul{font-size:0;margin-bottom:0}.nav-link{position:relative;padding:0;transition:background 0.4s ease-in;-webkit-transition:background 0.4s ease-in}.nav-link a{position:relative;display:block;padding:0 15px 7px 15px;transition:background 0.4s ease-in;-webkit-transition:background 0.4s ease-in}.nav-link span{display:block;text-transform:uppercase}.nav-link span:nth-child(1){font-size:15px;letter-spacing:1px;color:#333;font-weight:bold}.nav-link span:nth-child(2){font-size:13px;letter-spacing:1px;color:#888;margin-top:-2px;transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);-ms-transform:scale(0.95)}.header-is-login{display:none !important}body.is-logged .header-is-login{display:block !important}body.is-logged .header-no-login{display:none !important}.nav-menu li ul{width:100%;padding:0;transition:all .3s}.nav-menu li ul li{position:relative;width:100%;-webkit-transition:background 0.3s;-o-transition:background 0.3s;transition:background 0.3s}.nav-menu li ul li a{color:#fff;font-size:13px;font-family:"Microsoft JhengHei",sans-serif;padding:0 13px 7px 13px;border-bottom:none}.nav-menu li ul li a:after{display:none}.nav-menu li ul li:before{content:"";position:absolute;bottom:0;left:0;right:0;width:90%;margin:0 auto;height:1px;line-height:1px;border-bottom:1px solid #f0a04a}.nav-menu li ul li:last-child:before{display:none}.header-link li{display:inline-block;vertical-align:middle}.header-link a{display:block;font-size:12px;color:#7d7d7d}.header-link img{display:inline-block;width:22px;margin-right:5px;vertical-align:middle}.c_search_input input{border:1px solid #ccc;padding:5px 10px;border-radius:20px;width:150px}.lang_sel a{width:25px;height:20px;line-height:20px;font-size:12px;display:inline-block;text-align:center;background-color:rgba(20,20,20,1);color:#fff;letter-spacing:0.5px;position:relative;-moz-transition:all 0.4s ease-in;-o-transition:all 0.4s ease-in;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in;margin-right:5px;vertical-align:middle}.lang_sel a:hover{background:#148dc0;color:#fff}@media screen and (min-width:992px){header{}.header-main{text-align:center;vertical-align:middle;display:inline-block;padding-right:20px}.c_search_input{float:right;display:inline-block;position:relative;top:24px}.c_search_input button{display:inline-block;position:absolute;background-color:rgba(255,255,255,0.1);border:0px solid #fff;right:3px;top:5px}.nav-menu{display:inline-block !important;top:10px}.nav-menu li{display:inline-block}.nav-linkGroup{text-align:center}.nav-link + .nav-link:before{position:absolute;content:"";width:1px;height:12px;left:0;top:5px;background:#dfdfdf}.nav-link a{padding:0 15px 7px 15px}.nav-link a:after{position:absolute;content:" ";width:0;height:2px;left:0;bottom:0;background:#146dc0;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in}.nav-link a.active:before{position:absolute;content:" ";width:100%;height:2px;left:0;bottom:0;background:#146dc0}.nav-link:hover a:after,.nav-link:active a:after,.nav-link:focus a:after{width:100%}.nav-link:hover a span:nth-child(1),.nav-link:active a span:nth-child(1),.nav-link:focus a span:nth-child(1){color:#000000}.nav-link:hover a span:nth-child(2),.nav-link:active a span:nth-child(2),.nav-link:focus a span:nth-child(2){color:#7d7d7d}.nav-menu li ul{opacity:0;visibility:hidden;position:absolute;top:50px;left:0px;transition:all .3s}.nav-menu li ul li{background-color:#146dc0;height:38px;line-height:38px}.nav-menu li ul li:hover,.nav-menu li ul li:focus{background-color:#146dc0}.nav-menu li ul li a{color:#fff;font-size:13px;font-family:"Microsoft JhengHei",sans-serif;padding:0 5px 7px 5px}.nav-menu li ul li a:hover{color:#fff;background-color:rgba(130,130,130,0.6)}.nav-menu li ul li a:after{display:none}.nav-menu li ul li:before{content:"";position:absolute;bottom:0;left:0;right:0;width:90%;margin:0 auto;height:1px;line-height:1px;border-bottom:1px solid #ccc}.nav-menu li ul li:last-child:before{display:none}.nav-menu li:hover ul{opacity:1;top:42px;left:0;visibility:visible}.header-link{position:absolute;right:20px;bottom:0;margin-bottom:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}}@media screen and (min-width:1170px){.nav-link a{position:relative;display:block;padding:0 17px 7px 17px}}@media screen and (max-width:991px){.header-main{padding:0 15px;width:100%;height:80px}header .container{padding:0}.logo{width:120px;padding-top:10px;padding-bottom:10px}.nav-menu{display:none;background:#146dc0}.nav-menu{padding:0 0}.nav-link{border-bottom:1px solid #b2d5f6}.nav-link.active{background:#d75f1f}.nav-link a{position:relative;display:block;padding:15px 20px}.nav-link a:focus{background:#146dc0}.nav-link:last-child a{border:none}.nav-link span{display:inline-block}.nav-link span:nth-child(1){color:#ffffff;margin-right:5px}.nav-link span:nth-child(2){color:#a6c9e9}.nav-menu li ul{width:100%;display:none;position:relative;transition:initial;-webkit-transition:initial}.nav-menu li ul li{background-color:#085298;height:auto;padding:0 30px}.nav-menu li ul li.active,.nav-menu li ul li:focus{background-color:#d65a19}.nav-menu li ul li:before{display:none}.nav-menu li ul li a{padding:13px 0;border-bottom:1px solid #b2d5f6}.nav-menu li ul li:last-child a{border-bottom:0}.nav-link.has-dropdown .icon-arrow{background:url('/demo/zh-tw/assets/images/common_icon/down-arrow-sm.png') no-repeat;background-size:100% auto;opacity:0.8;display:inline-block;text-align:center;position:absolute;right:20px;top:18px;width:16px;height:16px}.header-link{padding:60px 20px}.header-link img{margin-right:10px}.c_search_input{float:none;position:absolute;top:20px;right:100px}.c_search_input button{display:inline-block;position:absolute;background-color:rgba(255,255,255,0.1);border:0px solid #fff;right:3px;top:5px}.nav-link span:nth-child(1){font-size:1.5rem}.nav-menu li ul li a{font-size:1.5rem}.nav-menu{padding:0 0}.nav-linkGroup.list-unstyled{max-height:430px;overflow:hidden;overflow-y:auto}}@media screen and (max-width:767px){.nav-link a.c_lang_focus span i{margin-right:8px}.c_search_input input{width:130px}.c_search_input{right:70px}.lang_sel a{position:absolute;right:0;top:-25px}.nav-link.mobile_search{background-color:rgba(88,88,88,1);height:50px;border-bottom:1px solid #ccc}.c_search_input{position:relative;width:94vw;height:40px;left:10px;right:auto;top:8px}.c_search_input input{display:inline-block;width:94vw;color:#333;border-radius:8px;border:0px solid #fff;background:#efefef}.c_search_input button{background-color:rgba(255,255,255,0);width:30px;height:32px;right:12px;top:-2px}.c_search_input button i{color:#333}}@media screen and (max-width:330px){.nav-linkGroup.list-unstyled{max-height:340px}.nav-menu{}}