.branch-box .head-img {
  margin-bottom: 40px;
  text-align: center;
}
.branch-box .head-img img {
  width: 450px;
  height: 387px;
}
.branch-box .branch .headquaters-img img {
  width: 100%;
  height: auto;
}
.branch-box .branch .branch-container {
  display: table;
  height: 160px;
  width: 100%;
}
.branch-box .branch .branch-container .branch-info {
  vertical-align: middle;
  display: table-cell;
  font-size: 1em;
  text-align: left;
  width: auto;
}
.branch-box .branch .branch-container .branch-info .tel-fax-text {
  padding: 1px 5px 1px 5px;
  font-size: 0.8em;
  color: white;
  background-color: #004098 !important;
}
.branch-box .branch .branch-container .branch-picture {
  vertical-align: middle;
  display: table-cell;
  margin-bottom: 0;
  text-align: right;
  width: 220px;
}
.branch-box .branch ul li {
  width: 100%;
  border-bottom: 1px solid #dadada;
}
.branch-box .office .office-info {
  display: table;
  height: 100px;
  width: 100%;
}
.branch-box .office .office-info .office-name {
  display: table-cell;
  vertical-align: middle;
  width: 13%;
}
.branch-box .office .office-info .office-name strong {
  display: block;
}
.branch-box .office .office-info .office-address {
  padding-left: 13px;
  display: table-cell;
  vertical-align: middle;
  width: 60%;
}
.branch-box .office .office-info .office-tel-fax {
  padding-top: 5px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  width: 27%;
}
.branch-box .office .office-info .office-tel-fax .office-tel .tel-tex {
  float: left;
  padding-right: 5px;
}
.branch-box .office .office-info .office-tel-fax .office-tel .tel-number {
  float: left;
}
.branch-box .office .office-info .office-tel-fax .office-fax {
  float: left;
}
.branch-box .office .office-info .office-tel-fax .office-fax .fax-tex {
  padding-right: 5px;
  float: left;
}
.branch-box .office .office-info .office-tel-fax .office-fax .fax-number {
  float: left;
}
.branch-box .office .office-info .tel-fax-text {
  padding: 1px 5px 1px 5px;
  font-size: 0.8em;
  color: white;
  background-color: #004098 !important;
}
.branch-box .office ul li {
  width: 100%;
  border-bottom: 1px solid #dadada;
}
@media (max-width: 700px) {
  .branch-box .head-img {
    margin-bottom: 40px;
    text-align: center;
  }
  .branch-box .head-img img {
    width: 100%;
    height: auto;
  }
  .branch-box .branch .branch-container {
    height: 180px;
  }
  .branch-box .branch .branch-container .branch-info {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .branch-box .branch .branch-container .branch-picture {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
  }
  .branch-box .office .office-info {
    height: 180px;
  }
  .branch-box .office .office-info .office-name {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .branch-box .office .office-info .office-address {
    display: block;
    width: 100%;
  }
  .branch-box .office .office-info .office-tel-fax {
    padding-left: 0;
    display: block;
    width: 100%;
  }
  .branch-box .office .office-info .office-tel-fax .office-tel .tel-number {
    padding-left: 0;
  }
  .branch-box .office .office-info .office-tel-fax .office-fax {
    padding-left: 5px;
  }
  .branch-box .office .office-info .office-tel-fax .office-fax .fax-number {
    padding-left: 0;
  }
}
:lang(en) .office .office-info {
  display: table;
  height: 100px;
  width: 100%;
}
:lang(en) .office .office-info .office-name {
  display: table-cell;
  vertical-align: middle;
  width: 23%;
}
:lang(en) .office .office-info .office-name strong {
  display: block;
}
:lang(en) .office .office-info .office-address {
  padding-left: 13px;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
:lang(en) .office .office-info .office-tel-fax {
  padding-top: 5px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  width: 27%;
}
:lang(en) .office .office-info .office-tel-fax .office-tel .tel-tex {
  float: left;
  padding-right: 5px;
}
:lang(en) .office .office-info .office-tel-fax .office-tel .tel-number {
  float: left;
}
:lang(en) .office .office-info .office-tel-fax .office-fax {
  float: left;
}
:lang(en) .office .office-info .office-tel-fax .office-fax .fax-tex {
  padding-right: 5px;
  float: left;
}
:lang(en) .office .office-info .office-tel-fax .office-fax .fax-number {
  float: left;
}
:lang(en) .office .office-info .tel-fax-text {
  padding: 1px 5px 1px 5px;
  font-size: 0.8em;
  color: white;
  background-color: #004098 !important;
}
:lang(en) .office ul li {
  width: 100%;
  border-bottom: 1px solid #dadada;
}
:lang(cn) .office .office-info {
  display: table;
  height: 100px;
  width: 100%;
}
:lang(cn) .office .office-info .office-name {
  display: table-cell;
  vertical-align: middle;
  width: 23%;
}
:lang(cn) .office .office-info .office-name strong {
  display: block;
}
:lang(cn) .office .office-info .office-address {
  padding-left: 13px;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
:lang(cn) .office .office-info .office-tel-fax {
  padding-top: 5px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  width: 27%;
}
:lang(cn) .office .office-info .office-tel-fax .office-tel .tel-tex {
  float: left;
  padding-right: 5px;
}
:lang(cn) .office .office-info .office-tel-fax .office-tel .tel-number {
  float: left;
}
:lang(cn) .office .office-info .office-tel-fax .office-fax {
  float: left;
}
:lang(cn) .office .office-info .office-tel-fax .office-fax .fax-tex {
  padding-right: 5px;
  float: left;
}
:lang(cn) .office .office-info .office-tel-fax .office-fax .fax-number {
  float: left;
}
:lang(cn) .office .office-info .tel-fax-text {
  padding: 1px 5px 1px 5px;
  font-size: 0.8em;
  color: white;
  background-color: #004098 !important;
}
:lang(cn) .office ul li {
  width: 100%;
  border-bottom: 1px solid #dadada;
}
:lang(hk) .office .office-info {
  display: table;
  height: 100px;
  width: 100%;
}
:lang(hk) .office .office-info .office-name {
  display: table-cell;
  vertical-align: middle;
  width: 23%;
}
:lang(hk) .office .office-info .office-name strong {
  display: block;
}
:lang(hk) .office .office-info .office-address {
  padding-left: 13px;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
:lang(hk) .office .office-info .office-tel-fax {
  padding-top: 5px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
  width: 27%;
}
:lang(hk) .office .office-info .office-tel-fax .office-tel .tel-tex {
  float: left;
  padding-right: 5px;
}
:lang(hk) .office .office-info .office-tel-fax .office-tel .tel-number {
  float: left;
}
:lang(hk) .office .office-info .office-tel-fax .office-fax {
  float: left;
}
:lang(hk) .office .office-info .office-tel-fax .office-fax .fax-tex {
  padding-right: 5px;
  float: left;
}
:lang(hk) .office .office-info .office-tel-fax .office-fax .fax-number {
  float: left;
}
:lang(hk) .office .office-info .tel-fax-text {
  padding: 1px 5px 1px 5px;
  font-size: 0.8em;
  color: white;
  background-color: #004098 !important;
}
:lang(hk) .office ul li {
  width: 100%;
  border-bottom: 1px solid #dadada;
}