@charset "UTF-8";
body {
  font-family: "proxima-nova", Helvetica Neue, Arial, sans-serif !important;
}

@media (min-width: 975px) {
  nav .nav-item.leng {
    border-left: solid 1px #006d76;
    margin-left: 2rem;
  }
}
.navbar-light .navbar-nav .nav-link{
  font-size: 1rem;
}
.navbar-brand .logo {
  width: 150px;
}

@media (min-width: 768px) {
  .navbar-brand .logo {
    width: 180px;
  }
}

.navbar-nav .nav-link:hover {
  color: #DE772B !important;
}

.banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../image/page-banner-mobi.jpg");
  padding: 7rem 0;
}

@media (min-width: 768px) {
  .banner {
    background-image: url("../image/page-banner-mobi.jpg");
    padding: 7rem 0;
  }
}

@media (min-width: 1200px) {
  .banner {
    background-image: url("../image/page-banner.jpg");
    padding: 7rem 0;
  }
}

.banner .subTitle {
  color: #00fdc2;
}

.banner .nav-item.leng {
  border-left: 1px solid #006d76;
}

.icon_mail, .icon_web, .icon_US,  .icon_ZH{
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: bottom;
}

.icon_mail {
  background-image: url("../image/icon/icon_mail.svg");
}

.icon_web {
  background-image: url("../image/icon/icon_web.svg");
}

.icon_US {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../image/icon/icon_US.svg");
}


.icon_ZH {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../image/icon/icon_zh.svg");
}

.footer-bg {
  color: #ffffff;
  background-color: #006d76;
}

footer {
  font-size: 1rem;
}

.list-menu-group .list-menu-item {
  padding: .5rem .25rem;
  font-size: 1rem;
}

@media (min-width: 768px) {
  .list-menu-group .list-menu-item {
    padding: 1rem .5rem;
  }
}

.list-menu-group .list-menu-item.active {
  color: #006d76;
  border-color: #adb5bd;
}

.list-menu-group .list-menu-item.active::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 14px;
  border-color: transparent transparent transparent #006d76;
}

.list-group .list-group-item a {
  color: #666666;
}

.list-group .list-group-item a:hover {
  color: #006d76;
}

.btn-primary:hover, .btn-primary:active {
  color: #fff;
  background-color: #DE772B !important;
  border-color: #DE772B !important;
}

h2> span.EN{
  display: block;
  padding-top: 20px;
}

.btn-primary{
  font-size: 0.9rem;
}

/*# sourceMappingURL=common.css.map */