header .container {
  padding: 15px 0;
}
header .nav-section {
  float: right;
  margin-top: 20px;
}
header nav {
  zoom: 1;
}
header nav:after {
  content: "";
  display: block;
  clear: both;
}
header ul {
  list-style: none;
}
header ul a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 13px;
  display: block;
}
header ul a:hover {
  text-decoration: none;
  color: #0176cc;
}
header ul li {
  float: left;
  display: inline-block;
}
header ul.header-nav {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 100;
  padding: 0;
  margin: 2px 0;
}
header ul.header-nav li {
  border-right: 1px dotted #000;
  padding: 0 10px;
}
header ul.header-nav li a {
  font-size: 12px;
  padding-left: 18px;
}
header ul.header-nav li.news a {
  background: url(../images/header_nav_news.png) no-repeat 0 3px;
}
header ul.header-nav li.news a span {
  display: block;
  width: 52px;
  padding-top: 18px;
  height: 0;
  overflow: hidden;
  background: url(../images/hnav_news.png) no-repeat 0 0;
}
header ul.header-nav li.faq a {
  background: url(../images/header_nav_faq.png) no-repeat 0 3px;
}
header ul.header-nav li.faq a span {
  display: block;
  width: 88px;
  padding-top: 18px;
  height: 0;
  overflow: hidden;
  background: url(../images/hnav_faq.png) no-repeat 0 0;
}
header ul.header-nav li.sitemap {
  border-right: none;
}
header ul.header-nav li.sitemap a {
  background: url(../images/header_nav_sitemap.png) no-repeat 0 3px;
}
header ul.header-nav li.sitemap a span {
  display: block;
  width: 76px;
  padding-top: 18px;
  height: 0;
  overflow: hidden;
  background: url(../images/hnav_sitemap.png) no-repeat 0 0;
}
header ul.header-nav li a:hover span {
  background-position: 0 -18px;
}
header ul.global-nav {
  float: right;
  padding: 0;
  margin: 4px 0;
}
header ul.global-nav li {
  padding: 0 13px 0 10px;
  background: url(../images/global_nav_border.png) repeat-y right top;
}
header ul.global-nav li a {
  padding: 2px 0 2px 25px;
}
header ul.global-nav li.about a {
  background: url(../images/global_nav_about.png) no-repeat 0 3px;
}
header ul.global-nav li.about a span {
  display: block;
  width: 53px;
  padding-top: 22px;
  height: 0;
  overflow: hidden;
  background: url(../images/gnav_about.png) no-repeat 0 0;
}
header ul.global-nav li.voice a {
  background: url(../images/global_nav_voice.png) no-repeat 0 3px;
}
header ul.global-nav li.voice span {
  display: block;
  width: 83px;
  padding-top: 22px;
  height: 0;
  overflow: hidden;
  background: url(../images/gnav_voice.png) no-repeat 0 0;
}
header ul.global-nav li.online a {
  background: url(../images/global_nav_online.png) no-repeat 0 3px;
}
header ul.global-nav li.online span {
  display: block;
  width: 120px;
  padding-top: 22px;
  height: 0;
  overflow: hidden;
  background: url(../images/gnav_online.png) no-repeat 0 0;
}
header ul.global-nav li.personal a {
  background: url(../images/global_nav_personal.png) no-repeat 0 3px;
}
header ul.global-nav li.personal a span {
  display: block;
  width: 55px;
  padding-top: 22px;
  height: 0;
  overflow: hidden;
  background: url(../images/gnav_personal.png) no-repeat 0 0;
}
header ul.global-nav li.group a {
  background: url(../images/global_nav_group.png) no-repeat 0 3px;
}
header ul.global-nav li.group a span {
  display: block;
  width: 55px;
  padding-top: 22px;
  height: 0;
  overflow: hidden;
  background: url(../images/gnav_group.png) no-repeat 0 0;
}
header ul.global-nav li.introduction a {
  background: url(../images/global_nav_introduction.png) no-repeat 0 3px;
}
header ul.global-nav li.introduction a span {
  display: block;
  width: 125px;
  padding-top: 22px;
  height: 0;
  overflow: hidden;
  background: url(../images/gnav_introduction.png) no-repeat 0 0;
}
header ul.global-nav li a:hover span {
  background-position: 0 -20px;
}
body.about header ul li.about a {
  color: #0176cc;
}
body.about header ul li.about a span {
  background-position: 0 -20px;
}
body.voice header ul li.voice a {
  color: #0176cc;
}
body.voice header ul li.voice a span {
  background-position: 0 -20px;
}
body.online header ul li.online a {
  color: #0176cc;
}
body.online header ul li.online a span {
  background-position: 0 -20px;
}
body.personal header ul li.personal a {
  color: #0176cc;
}
body.personal header ul li.personal a span {
  background-position: 0 -20px;
}
body.group header ul li.group a {
  color: #0176cc;
}
body.group header ul li.group a span {
  background-position: 0 -20px;
}
body.introduction header ul li.introduction a {
  color: #0176cc;
}
body.introduction header ul li.introduction a span {
  background-position: 0 -20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  header .brand-logo {
    background-image: url("../images/brand_logo_x2.png");
    -webkit-background-size: 310px 44px !important;
    -moz-background-size: 310px 44px !important;
    background-size: 310px 44px !important;
  }
  header ul.header-nav li.news a span {
    background-image: url(../images/hnav_news_x2.png);
    -webkit-background-size: 120px 36px !important;
    -moz-background-size: 120px 36px !important;
    background-size: 120px 36px !important;
  }
  header ul.header-nav li.faq a span {
    background-image: url(../images/hnav_faq_x2.png);
    -webkit-background-size: 120px 36px !important;
    -moz-background-size: 120px 36px !important;
    background-size: 120px 36px !important;
  }
  header ul.header-nav li.sitemap a span {
    background-image: url(../images/hnav_sitemap_x2.png);
    -webkit-background-size: 120px 36px !important;
    -moz-background-size: 120px 36px !important;
    background-size: 120px 36px !important;
  }
  header ul.header-nav li a:hover span {
    background-position: 0 -18px;
  }
  header ul.global-nav li.about a {
    background-image: url(../images/global_nav_about_x2.png);
    -webkit-background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
    background-size: 20px 20px !important;
  }
  header ul.global-nav li.about a span {
    background-image: url(../images/gnav_about_x2.png);
    -webkit-background-size: 200px 40px !important;
    -moz-background-size: 200px 40px !important;
    background-size: 200px 40px !important;
  }
  header ul.global-nav li.voice a {
    background-image: url(../images/global_nav_voice_x2.png);
    -webkit-background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
    background-size: 20px 20px !important;
  }
  header ul.global-nav li.voice a span {
    background-image: url(../images/gnav_voice_x2.png);
    -webkit-background-size: 200px 40px !important;
    -moz-background-size: 200px 40px !important;
    background-size: 200px 40px !important;
  }
  header ul.global-nav li.online a {
    background-image: url(../images/global_nav_online_x2.png);
    -webkit-background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
    background-size: 20px 20px !important;
  }
  header ul.global-nav li.online a span {
    background-image: url(../images/gnav_online_x2.png);
    -webkit-background-size: 200px 40px !important;
    -moz-background-size: 200px 40px !important;
    background-size: 200px 40px !important;
  }
  header ul.global-nav li.personal a {
    background-image: url(../images/global_nav_personal_x2.png);
    -webkit-background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
    background-size: 20px 20px !important;
  }
  header ul.global-nav li.personal a span {
    background-image: url(../images/gnav_personal_x2.png);
    -webkit-background-size: 200px 40px !important;
    -moz-background-size: 200px 40px !important;
    background-size: 200px 40px !important;
  }
  header ul.global-nav li.group a {
    background-image: url(../images/global_nav_group_x2.png);
    -webkit-background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
    background-size: 20px 20px !important;
  }
  header ul.global-nav li.group a span {
    background-image: url(../images/gnav_group_x2.png);
    -webkit-background-size: 200px 40px !important;
    -moz-background-size: 200px 40px !important;
    background-size: 200px 40px !important;
  }
  header ul.global-nav li.introduction a {
    background-image: url(../images/global_nav_introduction_x2.png);
    -webkit-background-size: 20px 20px !important;
    -moz-background-size: 20px 20px !important;
    background-size: 20px 20px !important;
  }
  header ul.global-nav li.introduction a span {
    background-image: url(../images/gnav_introduction_x2.png);
    -webkit-background-size: 200px 40px !important;
    -moz-background-size: 200px 40px !important;
    background-size: 200px 40px !important;
  }
  header .contact a {
    background-image: url(../images/btn_contact_x2.png);
    -webkit-background-size: 128px 256px !important;
    -moz-background-size: 128px 256px !important;
    background-size: 128px 256px !important;
  }
}
@media only screen and (max-width: 1100px) {
  header .container {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  header ul.header-nav {
    top: 30px;
  }
  header .nav-section {
    float: none;
    margin-top: 10px;
  }
  header ul.global-nav {
    float: none;
  }
  header ul.global-nav li {
    width: 16.6%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
  }
  header ul.global-nav li a {
    margin-left: 5px;
    margin-right: 5px;
  }
  header ul.global-nav li.introduction {
    background-image: none;
  }
  header .brand-logo {
    float: none;
  }
}
@media only screen and (max-width: 960px) {
  header ul.global-nav {
    display: none;
  }
  header ul.global-nav li {
    width: 100%;
    background-image: none;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  header ul.global-nav li a {
    width: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: none;
    background-color: #f3f3f3;
    border-bottom: 1px solid #bebebe;
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: 2px center !important;
  }
  header ul.global-nav li a:hover {
    background-color: #fff;
  }
  header ul.header-nav {
    display: none;
  }
  header .contact {
    display: none;
  }
  #btn-nav-toggle {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/btn_nav_toggle.png) no-repeat 0 0;
    position: absolute;
    top: 25px;
    right: 20px;
  }
  #btn-nav-toggle span {
    display: none;
  }
  #btn-contact {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/btn_header_contact.png) no-repeat 0 0;
    position: absolute;
    top: 25px;
    right: 62px;
  }
  #btn-contact span {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  header .container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  header .brand-logo {
    width: 65px;
    margin-top: 0;
  }
  header .nav-section {
    margin-top: 0;
  }
  header #btn-contact {
    top: 14px;
  }
  header #btn-nav-toggle {
    top: 14px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  #btn-contact {
    background-image: url("../images/btn_header_contact_x2.png");
    -webkit-background-size: 32px 32px !important;
    -moz-background-size: 32px 32px !important;
    background-size: 32px 32px !important;
  }
  #btn-nav-toggle {
    background-image: url("../images/btn_nav_toggle_x2.png");
    -webkit-background-size: 32px 32px !important;
    -moz-background-size: 32px 32px !important;
    background-size: 32px 32px !important;
  }
}
body.inquiry header #btn-contact {
  display: none;
}