.line_topic {
  height: 5px;
  background: url('../img/about/line_topic.png') bottom left no-repeat;
}
.fontstyle-header {
  font-size: 2em;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
.box-setting {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.box-setting2 {
  height: auto;
  padding-left: 4%;
  padding-right: 4%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.box-setting3 {
  height: 100%;
  padding: 0;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
}
.set-boxpeople {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.set-boxpeople h1 {
  font-size: 2em;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
.set-boxpeople .people {
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
}
.set-boxpeople .people .people-col {
  padding-right: 0px;
  padding-left: 0px;
}
.set-boxpeople .people .people-col .people-box {
  width: 98%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}
.set-boxpeople .people .people-col .people-box .people-image {
  width: 170px;
  height: auto;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #666;
  -webkit-box-shadow: 6px 6px 5px #ccc;
  box-shadow: 6px 6px 5px #ccc;
}
.set-boxpeople .people .people-col .people-box .people-name {
  height: 100%;
  float: left;
  padding: 4%;
  margin-left: 6px;
}
.set-boxpeople .people .people-col .people-box .people-name strong {
  font-size: 1.3em;
  color: #136f9d;
}
.introduce {
  height: auto;
  padding: 3%;
  background-color: #fff;
}
.introduce .content-company h1 {
  font-size: 2em;
  color: #136f9d;
}
.introduce .content-company .colorgray {
  margin: 3% 0px;
  color: #666;
}
.introduce .logo-company img {
  margin-top: 80%;
}
.shadow-bottom {
  width: 90%;
  margin-left: 5%;
  -webkit-box-shadow: 0px 10px 36px 3px #cccccc;
  -moz-box-shadow: 0px 10px 36px 3px #cccccc;
  box-shadow: 0px 10px 36px 3px #cccccc;
}
.exclusive {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.exclusive h1 {
  font-size: 2em;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
.exclusive .people {
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
}
.exclusive .people .people-col {
  padding-right: 0px;
  padding-left: 0px;
}
.exclusive .people .people-col .people-box {
  width: 98%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}
.exclusive .people .people-col .people-box .people-image {
  width: 170px;
  height: auto;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #666;
  -webkit-box-shadow: 6px 6px 5px #ccc;
  box-shadow: 6px 6px 5px #ccc;
}
.exclusive .people .people-col .people-box .people-name {
  height: 100%;
  float: left;
  padding: 4%;
  margin-left: 6px;
}
.exclusive .people .people-col .people-box .people-name strong {
  font-size: 1.3em;
  color: #136f9d;
}
.official {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.official h1 {
  font-size: 2em;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
.official .people {
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
}
.official .people .people-col {
  padding-right: 0px;
  padding-left: 0px;
}
.official .people .people-col .people-box {
  width: 98%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}
.official .people .people-col .people-box .people-image {
  width: 170px;
  height: auto;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #666;
  -webkit-box-shadow: 6px 6px 5px #ccc;
  box-shadow: 6px 6px 5px #ccc;
}
.official .people .people-col .people-box .people-name {
  height: 100%;
  float: left;
  padding: 4%;
  margin-left: 6px;
}
.official .people .people-col .people-box .people-name strong {
  font-size: 1.3em;
  color: #136f9d;
}
.business {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.business h1 {
  font-size: 2em;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
.business .people {
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
}
.business .people .people-col {
  padding-right: 0px;
  padding-left: 0px;
}
.business .people .people-col .people-box {
  width: 98%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}
.business .people .people-col .people-box .people-image {
  width: 170px;
  height: auto;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #666;
  -webkit-box-shadow: 6px 6px 5px #ccc;
  box-shadow: 6px 6px 5px #ccc;
}
.business .people .people-col .people-box .people-name {
  height: 100%;
  float: left;
  padding: 4%;
  margin-left: 6px;
}
.business .people .people-col .people-box .people-name strong {
  font-size: 1.3em;
  color: #136f9d;
}
.country {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.country h1 {
  font-size: 2em;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
.country .people {
  height: auto;
  padding-right: 0px;
  padding-left: 0px;
}
.country .people .people-col {
  padding-right: 0px;
  padding-left: 0px;
}
.country .people .people-col .people-box {
  width: 98%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}
.country .people .people-col .people-box .people-image {
  width: 170px;
  height: auto;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #666;
  -webkit-box-shadow: 6px 6px 5px #ccc;
  box-shadow: 6px 6px 5px #ccc;
}
.country .people .people-col .people-box .people-name {
  height: 100%;
  float: left;
  padding: 4%;
  margin-left: 6px;
}
.country .people .people-col .people-box .people-name strong {
  font-size: 1.3em;
  color: #136f9d;
}
.contact {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.contact h1 {
  font-size: 2em;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
.contact .contact-space {
  padding: 0;
}
.contact .contact-space .contact-box {
  padding: 0;
}
.contact .contact-space .contact-box p strong {
  margin-right: 5%;
}
.btnBack {
  height: auto;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 3%;
  padding-bottom: 3%;
  background-color: #fff;
}
.btnBack .back {
  width: auto;
  margin-left: 45%;
}
.btnBack .back a {
  color: #333;
  font-size: 1.5em;
}
.btnBack .back a:hover {
  text-decoration: none;
}
.WHflag {
  width: 87px;
  height: 55px;
}
.content-flag {
  background-color: #fff;
}
.content-flag .box-flag {
  /*height: 195px;*/
}
.content-flag .box-flag h1 {
  /*font-size: 2em;*/
  font-size: 26px;
  font-weight: inherit;
  color: #136f9d;
  margin: 3% 0;
}
/* .content-flag .box-flag ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.content-flag .box-flag ul li {
  width: 87px;
  height: 55px;
  list-style: none;
  float: none;
  display: inline-block;
  margin-right: 7px;
}
.content-flag .box-flag ul li .flag1 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') 0px 0px no-repeat;
}
.content-flag .box-flag ul li .flag2 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -87px 0px no-repeat;
}
.content-flag .box-flag ul li .flag3 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -174px 0px no-repeat;
}
.content-flag .box-flag ul li .flag4 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -261px 0px no-repeat;
}
.content-flag .box-flag ul li .flag5 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -348px 0px no-repeat;
}
.content-flag .box-flag ul li .flag6 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -435px 0px no-repeat;
}
.content-flag .box-flag ul li .flag7 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -522px 0px no-repeat;
}
.content-flag .box-flag ul li .flag8 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -609px 0px no-repeat;
}
.content-flag .box-flag ul li .flag9 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -696px 0px no-repeat;
}
.content-flag .box-flag ul li .flag10 {
  width: 87px;
  height: 55px;
  background: url('../img/about/flag(80).png') -783px 0px no-repeat;
} */
.content-white {
  background-color: #fff;
  padding: 2%;
}
.content-white .all-box .box-content h1 {
  font-size: 1.3em;
  color: #136f9d;
}
.content-white .all-box .box-content a {
  margin-left: 80%;
}
.content-white .all-box .logo-2 {
  padding-top: 3%;
}
.content-white .all-box .logo-2 img {
  max-width: 107px;
  max-height: 69px;
  margin:0 auto;
}
.content-blue {
  background-color: #329ed4;
  padding: 2%;
}
.content-blue .all-box .box-content h1 {
  font-size: 1.3em;
  color: #fff;
}
.content-blue .all-box .box-content p {
  color: #ffffff;
}
.content-blue .all-box .box-content a {
  color: #fff;
  margin-left: 80%;
}
.content-blue .all-box .logo-2 {
  height: 100%;
  padding-top: 3%;
}
.content-blue .all-box .logo-2 img {
  max-width: 107px;
  max-height: 69px;
  margin:0 auto;
}
.content-blue .all-box .logo-2 p {
  color: #fff;
}