/* Don't print link hrefs */
@media print {
  a[href]:after {
    content: none
  }
}

/*Basic*/
*,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Jhenghei";}

/*SEO*/
.seo_text{display:none;}
.seo_h1{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 }

/*Menu*/
.menu{margin-bottom:0px;}
.navbar-default,.dropdown-menu{
color:#333;
border-color: #D5D5D5;
background-color:#fff;
/*background: url(../images/menu/menu_bg.png) repeat \9;
background: rgba(100%,100%,100%,0.95);*/
}
.navbar-default .navbar-nav > li > a{color:#333;}
.navbar-default .navbar-nav > .dropdown > a .caret {
 border-top-color: #D5D5D5;
 border-bottom-color: #D5D5D5;
 width:9px;
 height:6px;
}
.navbar-default .navbar-brand{color:#333;}
.menu-large {position: static !important;}
.megamenu{width:100%;}
@media (min-width: 768px) {
.megamenu{padding-top: 20px;}
}
.megamenu> li > ul {padding: 0;margin: 0;}
.megamenu> li > ul > li {list-style: none;}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 24px;
  color: #333333;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,.megamenu.disabled > a:hover,.megamenu.disabled > a:focus {color: #999999;}
.megamenu.disabled > a:hover,.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {color: #428bca;font-size: 18px;}
@media (max-width: 767px) {
.megamenu{margin-left: 0 ;margin-right: 0 ;}
.megamenu> li:last-child {margin-bottom: 0;}
.megamenu.dropdown-header {padding: 3px 15px !important;}
.navbar-nav .open .dropdown-menu .dropdown-header{color:#333;}
}
.dropdown-header{padding:0px;}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header{padding:0px;}
}

/*Menu Open*/
@media (min-width: 1120px)  {
.dropdown-header{height:55px;margin-top:7px;}
.megamenu>li{margin-top:-10px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.dropdown-header{height:80px;margin-top:7px;}
.megamenu>li{margin-top:-10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.dropdown-header{margin-top:15px;}
.megamenu>li{margin-top:-10px;}
}
@media (min-width: 768px) {
.megamenu> li > ul{padding:0 6px;margin-bottom:15px;}
.megamenu .dropdown-header>a{color:#c7b08c;background-color:transparent;margin-bottom:4px;font-weight:bold;font-size:14px;}
.megamenu .dropdown-list-item>a{background-color:#fff;font-size:13px;display:flex;}
.xs-dropdown{background-color:#fff;margin:4px 6px;list-style:none;}
.menu-arrow-icon{margin-right:6px;padding-top:6px;}
.navbar-nav>li>.megamenu{margin-top:7px;}
.xs-dropdown>li>a,.dropdown-header>a{color:#333;font-size:13px;}
.megamenu .dropdown-list-item>a:hover,.megamenu .dropdown-list-item>a:focus{color:#c7b08c;background-color:transparent;}
.megamenu .dropdown-header>a:hover,.megamenu .dropdown-header>a:focus{color:#333;background-color:transparent;}
.fa-switch-icon{display:none;}
}
.xs-dropdown{list-style:none;}
@media (max-width: 767px) {
.menu .navbar-nav > .dropdown > a .caret{display:none;}
.menu-arrow-icon{margin-right:8px;}
.xs-dropdown>li>a,.dropdown-header>a{color:#333;font-size:14px;}
.fa-switch-icon{color:#800b04;font-size:14px;}
.megamenu> li > ul > li > a{padding-top:3px;padding-bottom:3px;padding-left:30px;padding-right:10px;color:#fff;}
.megamenu .dropdown-header .fa-switch-icon{padding-right:30px;padding-top:18px;}
.main-menu-title .fa-switch-icon{padding-right:15px;}
.menubar{-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}
}

/*MenuOthers*/
@media (min-width: 768px) {
/*.main-menu>li>a .main-menu-list:hover,.main-menu>li>a .main-menu-list:focus,.nav .open>a .main-menu-list,
.nav .open>a .main-menu-list:hover, .nav .open>a .main-menu-list:focus{
 border-bottom:6px solid #E60012;
 padding-bottom:10px;
}*/
.menustyle{border-bottom:6px solid #E60012;padding-bottom:10px;}
.menu .navbar-nav > .dropdown > a .caret{position:absolute;left:43%;bottom:5%;}
.main-menu>li{border-left:1px solid #D5D5D5;}
.main-menu>li:first-child{border-left:0px !important;}
.main-menu>li{height:33px;line-height:38px;}
.main-menu>li>a{height:38px;line-height:2px;}
.menubar{padding-top:10px;padding-bottom:7px;}


/* .comp-logo{width:150px;height:42px;} */

.comp-logo{width:180px;height:49px;}

}
@media (min-width:992px){.main-menu>li{padding:0 13px;}}
@media (max-width:991px){.menubar>.col-sm-12, .menubar>.col-md-12{padding-right:0px;}}
@media (max-width:767px){
.xs-search-box {border-right:1px solid #E1484F;}
.xs-search{border-left:1px solid #BB1E25;}
}
@media (max-width:767px){
.xs-search {display:block;}
.s-search2 {display:none;}
.s-search {display:none;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.xs-search {display:none;}
.s-search {display:block;}
.s-search2 {display:none;}
}
@media (min-width:1200px){
.xs-search {display:none;}
.s-search {display:none;}
}
.xs-search > .navbar-form {border:0px;margin-top:0px;margin-bottom:0px;}
@media (max-width: 767px) {
.main-menu > li > a .main-menu-list {padding-left:15px;}
.tool-menubar {background-color:#D42931;}
.comp-logo{width:140px;height:28px;margin-top:2px;}
.menu-logo-bar .navbar-nav{margin:0px -15px;}
}

/*ToggleIcon*/
@media (max-width: 767px) {
.xs-toggle{border-right:1px solid #E1484F;}
.navbar-default .navbar-toggle {border-color:transparent;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color:#9C181F;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:5px;}
.navbar-toggle .icon-bar{width:28px;height:3px;}
.navbar-toggle{padding:9px 0px;margin-right:0px;}
}

/*Search*/
@media (min-width: 768px) {
#srch-term1::-webkit-input-placeholder{font-size:13px;color:#C3C2C2;}
#srch-term1:-moz-placeholder {font-size:13px;color:#C3C2C2;}
#srch-term1::-moz-placeholder {font-size:13px;color:#C3C2C2;}
#srch-term1:-ms-input-placeholder {font-size:13px;color:#C3C2C2;}
}
@media (max-width: 767px) {
.xs-search-int{color:#fff;}
#srch-term2::-webkit-input-placeholder{color:#DA6870;font-weight:bold;}
#srch-term2:-moz-placeholder {color:#DA6870;font-weight:bold;}
#srch-term2::-moz-placeholder {color:#DA6870;font-weight:bold;}
#srch-term2:-ms-input-placeholder {color:#DA6870;font-weight:bold;}
#srch-term2 {background-color:#C51E26}
#srch-term2:focus{color:#fff;}
.xs-search-int {border:1px solid #BF171F;}
.search-box{display:inline-block;}
.xs-search .btn{padding:6px 0;background:transparent;}
}

/*IconDropdownMenu*/
.fa-gray{color:#ACACAC;}
.fa-red{color:#A92027;}
.fa-menu{color:#B5B4B5;margin-left:4px;}
.img-icon{margin-right:4px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .nav .open>a{background-color:transparent;}
.navbar-nav>li>.icon-menu{
 min-width:inherit;
 font-size:12px;
 background:#cccccc;
 margin-top:-10px;
 }
.icon-menu>li>a{color:#fff;}
.icon-menu>li>a:hover,.icon-menu>a:focus{color:#BC2D49;background-color:transparent;}
.icon-menu>li>a{padding:3px 10px;}
@media (min-width: 768px) {
.nav .fa-member-icon,.nav .fa-member-icon,.nav .fa-lang-icon{display:none;}
}
@media (max-width: 767px) {
.nav .img-icon,.nav .menu-icon-title,.nav .fa-menu{display:none;}
.nav .fa-member-icon{display:block;color:#B5B4B5;margin-top:8px;padding-right:0px;padding-left:5px;}
.nav .fa-lang-icon{display:block;color:#B5B4B5;margin-top:8px;padding-right:8px;padding-left:3px;}
.nav .menu-img-icon{border-left:1px solid #cccccc;height:50px;}
}
@media (max-width: 480px) {
.nav .fa-member-icon{display:block;color:#B5B4B5;margin-top:8px;padding-right:5px;padding-left:5px;}
.nav .fa-lang-icon{display:block;color:#B5B4B5;margin-top:8px;padding-right:18px;padding-left:3px;}
}
@media (max-width: 767px){
.navbar-nav .open .icon-menu{
 position:absolute;
 background-color:#cccccc;
 box-shadow:0 6px 12px rgba(0,0,0,.175);
 -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
 margin-top:0px;
 }
.navbar-default .navbar-nav .open .icon-menu>li>a{color:#fff;padding:3px 10px;}
.navbar-default .navbar-nav .open .icon-menu>li>a:hover,.navbar-default .navbar-nav .open .icon-menu>li>a:focus{color:#BC2D49;background-color:transparent;}
}
@media (max-width: 480px) {
.nav .menu-img-icon>a{padding:12px 0 0 12px;}
.navbar-nav .open .icon-menu{margin-top:0px;}
}

/*menu open(Tablet/Mobile)*/
@media (max-width: 767px) {
.navbar-nav{margin-top:0px;margin-bottom:0px;}
.megamenu{padding-top:0px;padding-bottom:0px;}
.main-menu .main-menu-title{line-height:45px;}
.main-menu .main-menu-title > .fa-switch-icon{padding-top:15px;}
.navbar-default .menubar .main-menu>li>a{border-bottom:1px solid #DCDADA;padding-top:0px;padding-bottom:0px;height:47px;}
.megamenu .dropdown-list-item {display:none;}
.megamenu .dropdown-header {height:52px;border-bottom:1px solid #A22227;}
.megamenu .dropdown-header a {width:initial; float:left;padding-top:13px;color:#fff;}
.megamenu .dropdown-header a:hover,.megamenu .dropdown-header a:focus{color:#720D11;font-weight:bold;}
.megamenu .dropdown-list-item {height:52px;padding-top:12px;border-bottom:1px solid #C82A31;}
.megamenu .dropdown-list-item a:hover,.megamenu .dropdown-list-item a:focus {background-color:transparent;color:#fff;}
.megamenu .dropdown-list-item:hover,.megamenu .dropdown-list-item:focus {background-color:#862024;color:#fff;}
.megamenu .dropdown-header a:hover,.megamenu .dropdown-header a:focus{background-color:transparent;}
.menubar .col-sm-12, .menubar .col-md-12{padding-left:0px;padding-right:0px;}
.megamenu .dropdown-header{background-color:#C82A31;}
.megamenu .dropdown-list-item{background-color:#A22227;}
.menu-arrow-icon{color:#ec7d76;font-size:16px;}
.menubar .col-sm-12,.menubar .col-md-12,.tool-menubar .col-sm-12,.tool-menubar .col-md-12{min-height:inherit;}
}

/*menu img*/
.menubar .menu-img-01{position:absolute;bottom:0px;right:0px;margin-bottom:-5px;margin-right:-5px;}
@media (max-width: 991px) {
.menubar .menu-img-01{display:none;}
}

/*TUS Menu fixed*/
@media (max-width: 767px) {
.menu{position:absolute;width:100%;border-bottom:0px;}
}