*{list-style:none}body{margin:0}a{text-decoration:none}#header .container{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px 57px 11px 39px}@media only screen and (max-width:430px){#header .container{padding:15px}}#header .container .logo{width:264px}#header .container .logo .img{display:block;padding-top:22.26%;background-size:cover;background-position:center;background-repeat:no-repeat}#header .container .nav-group{width:calc(100% - 264px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#header .container .nav-group ul.nav{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#header .container .nav-group ul.nav.function-list{margin-bottom:20px}@media only screen and (max-width:800px){#header .container .nav-group ul.nav.function-list{display:none}}#header .container .nav-group ul.nav.function-list li.nav-item:not(:last-child){margin-right:30px}#header .container .nav-group ul.nav.function-list li.nav-item a.link{display:block;font-size:1.4rem;letter-spacing:.58px;color:#484848}#header .container .nav-group ul.nav.function-list li.nav-item a.link .img-icon{width:16px;height:17px;background-size:contain;background-position:center;background-repeat:no-repeat}#header .container .nav-group ul.nav.navbar li.nav-item{position:relative}@media only screen and (max-width:800px){#header .container .nav-group ul.nav.navbar li.nav-item{display:none}}#header .container .nav-group ul.nav.navbar li.nav-item:not(:last-child){margin-right:30px}#header .container .nav-group ul.nav.navbar li.nav-item a.link{font-size:2.1rem;font-weight:bold;letter-spacing:.87px;color:#484848;font-family:'Noto Serif TC',serif;border-bottom:10px solid transparent;position:relative}#header .container .nav-group ul.nav.navbar li.nav-item a.link::before{content:'';position:absolute;bottom:-8px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:130%;height:3px;background-color:#484848;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#header .container .nav-group ul.nav.navbar li.nav-item a.link:hover::before,#header .container .nav-group ul.nav.navbar li.nav-item a.link:focus::before,#header .container .nav-group ul.nav.navbar li.nav-item a.link.active::before{opacity:1}#header .container .nav-group ul.nav.navbar li.nav-item ul.sub-nav{margin:0;padding:0;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:40px;-webkit-box-shadow:0 5px 10px rgba(100,100,100,.2);box-shadow:0 5px 10px rgba(100,100,100,.2);background-color:#fff;border-radius:4px;overflow:hidden;display:none;z-index:999}#header .container .nav-group ul.nav.navbar li.nav-item ul.sub-nav li.sub-nav-item:not(:last-child){border-bottom:1px solid #e4e4e4}#header .container .nav-group ul.nav.navbar li.nav-item ul.sub-nav li.sub-nav-item a.sub-nav-link{display:block;padding:10px 15px;font-size:1.6rem;letter-spacing:.67px;color:#484848;white-space:nowrap;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#header .container .nav-group ul.nav.navbar li.nav-item ul.sub-nav li.sub-nav-item a.sub-nav-link:hover,#header .container .nav-group ul.nav.navbar li.nav-item ul.sub-nav li.sub-nav-item a.sub-nav-link:focus{background-color:#f5f5f5}#header .container .nav-group ul.nav.navbar li.nav-item .number{position:absolute;top:-10px;right:-10px;width:18px;height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#c40000;border-radius:50%;color:#fff;font-size:1.4rem;letter-spacing:.58px;font-family:Roboto;opacity:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#header .container .nav-group ul.nav.navbar li.nav-item a.search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}#header .container .nav-group ul.nav.navbar li.nav-item a.search::before{content:'';position:absolute;top:50%;left:-13px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:80%;background-color:#484848}#header .container .nav-group ul.nav.navbar li.nav-item a.search::after{content:'';position:absolute;bottom:-14px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:130%;height:3px;background-color:#484848;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#header .container .nav-group ul.nav.navbar li.nav-item a.search:hover::after,#header .container .nav-group ul.nav.navbar li.nav-item a.search:focus::after{opacity:1}#header .container .nav-group ul.nav.navbar li.nav-item a.search .img-icon{width:15px;height:15px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-right:4px}#header .container .nav-group ul.nav.navbar li.nav-item a.search .text{font-size:1.6rem;font-weight:600;letter-spacing:.67px;color:#484848;font-family:'Noto Serif TC',serif}#header .container .nav-group .menu-toggle{display:none;padding:10px 0;cursor:pointer}@media only screen and (max-width:800px){#header .container .nav-group .menu-toggle{display:block}}#header .container .nav-group .menu-toggle .hamburger{display:block;width:30px;height:2px;background:#222;position:relative}#header .container .nav-group .menu-toggle .hamburger::before{content:'';position:absolute;top:-8px;left:0;width:30px;height:2px;background-color:#000;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#header .container .nav-group .menu-toggle .hamburger::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:2px;background-color:#000;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#header .container .nav-group .menu-toggle .hamburger.open{background-color:transparent}#header .container .nav-group .menu-toggle .hamburger.open::before{top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#header .container .nav-group .menu-toggle .hamburger.open::after{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#header .for-mobile{display:none;position:absolute;top:85px;height:100vh;width:100%;opacity:1;background-color:#fff}@media only screen and (max-width:430px){#header .for-mobile{top:89px}}#header .for-mobile .mobile-function-list{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #c2c2c2}#header .for-mobile .mobile-function-list li.nav-item{list-style:none;width:50%;margin-bottom:10px}#header .for-mobile .mobile-function-list li.nav-item a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.6rem;letter-spacing:.58px;color:#484848;font-family:'Noto Serif TC',serif}#header .for-mobile .mobile-function-list li.nav-item a .img-icon{width:18px;height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}#header .for-mobile .navbar{margin:0;padding:0;list-style:none;margin:20px 0}#header .for-mobile .navbar li.nav-item{text-align:center;padding:10px 0}#header .for-mobile .navbar li.nav-item a.link,#header .for-mobile .navbar li.nav-item a.search{font-size:1.6rem;letter-spacing:.87px;color:#484848;font-family:'Noto Serif TC',serif}#header .for-mobile .navbar li.nav-item ul.sub-nav{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:7px;position:relative}#header .for-mobile .navbar li.nav-item ul.sub-nav::before{content:'';position:absolute;top:-5px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:90%;height:1px;background-color:#484848}#header .for-mobile .navbar li.nav-item ul.sub-nav li.sub-nav-item:not(:last-child){margin-right:20px}#header .for-mobile .navbar li.nav-item ul.sub-nav li.sub-nav-item a.sub-nav-link{display:block;font-size:1.4rem;color:#484848}#header .for-mobile .navbar li.nav-item a.search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width:800px){#header .for-mobile .navbar li.nav-item a.search{display:none}}#header .for-mobile .navbar li.nav-item a.search .img-icon{width:15px;height:15px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-right:4px}#header .webSearch{position:fixed;width:0%;height:0%;z-index:999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;visibility:hidden;overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}#header .webSearch.open{width:100%;height:100%;opacity:1;visibility:visible;background:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#e3e3e3));background:-webkit-linear-gradient(#f0f0f0,#e3e3e3);background:-o-linear-gradient(#f0f0f0,#e3e3e3);background:linear-gradient(#f0f0f0,#e3e3e3)}#header .webSearch a.close{display:block;width:64px;height:74px;background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;top:60px;right:60px}@media only screen and (max-width:800px){#header .webSearch a.close{top:10px;right:10px}}#header .webSearch .search{position:absolute;top:125px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center}#header .webSearch .search .ch-name{font-size:2.4rem;letter-spacing:1px;color:#484848;font-weight:bold;font-family:'Noto Serif TC',serif;margin-bottom:9px}#header .webSearch .search .en-name{font-size:2.4rem;letter-spacing:1px;color:#484848;font-weight:300;font-family:Roboto}#header .webSearch form.form,#header .webSearch .form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:900px;max-width:calc(100% - 40px);margin:0 auto}#header .webSearch form.form .form-group input#search,#header .webSearch .form .form-group input#search{padding:0 8px;height:40px;border-bottom:none;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #484848}#header .webSearch form.form .form-group input#search::-webkit-input-placeholder,#header .webSearch .form .form-group input#search::-webkit-input-placeholder{font-size:1.6rem;letter-spacing:1.37px;color:#898989;font-weight:500}#header .webSearch form.form .form-group input#search::-moz-placeholder,#header .webSearch .form .form-group input#search::-moz-placeholder{font-size:1.6rem;letter-spacing:1.37px;color:#898989;font-weight:500}#header .webSearch form.form .form-group input#search:-ms-input-placeholder,#header .webSearch .form .form-group input#search:-ms-input-placeholder{font-size:1.6rem;letter-spacing:1.37px;color:#898989;font-weight:500}#header .webSearch form.form .form-group input#search::-ms-input-placeholder,#header .webSearch .form .form-group input#search::-ms-input-placeholder{font-size:1.6rem;letter-spacing:1.37px;color:#898989;font-weight:500}#header .webSearch form.form .form-group input#search::placeholder,#header .webSearch .form .form-group input#search::placeholder{font-size:1.6rem;letter-spacing:1.37px;color:#898989;font-weight:500}#header .webSearch form.form .form-group a.search-icon,#header .webSearch .form .form-group a.search-icon{display:block;width:15px;height:15px;position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-size:contain;background-position:center;background-repeat:no-repeat}