@charset "UTF-8";

/* ------------------------------------------ */
/* Style naming basically follows BEM: http://getbem.com/ */
/* ------------------------------------------ */
@-webkit-keyframes main-banner-loading {
  0% {
    -webkit-transform: translateX(-101%) translateZ(0);
    -ms-transform: translateX(-101%) translateZ(0);
    transform: translateX(-101%) translateZ(0);
  }

  100% {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
  }
}

@keyframes main-banner-loading {
  0% {
    -webkit-transform: translateX(-101%) translateZ(0);
    -ms-transform: translateX(-101%) translateZ(0);
    transform: translateX(-101%) translateZ(0);
  }

  100% {
    -webkit-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
  }
}

@-webkit-keyframes main-banner-txt-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes main-banner-txt-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/* Style commonly used  */
/* ------------------------------------------ */
body,
body * {
  max-height: 1000000px;
}

html {
  font-size: 16px;
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 15px;
  }
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  html {
    font-size: 13px;
  }

  .mobile-tag-video {
    height: 280px;
  }

}

body {
  font-size: 15px;
  font-family: "Roboto", Arial, sans-serif;
  background: #EEE;
  color: #505050;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  position: relative;
}

:lang(zh-hk) body {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

:lang(zh-cn) body {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

body.dt-only {
  min-width: 992px;
}

body.scroll-locked,
body.app-menu-open,
body.mob-menu-open {
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

a {
  color: #505050;
  text-decoration: none;
}

a:hover,
a:active {
  color: #505050;
  opacity: 0.8;
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

br {
  display: block;
  opacity: 0;
  font-family: "Arial", sans-serif !important;
  font-size: 0;
  color: transparent;
  line-height: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

:lang(zh-hk) h1,
:lang(zh-hk) h2,
:lang(zh-hk) h3,
:lang(zh-hk) h4,
:lang(zh-hk) h5,
:lang(zh-hk) h6 {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

:lang(zh-cn) h1,
:lang(zh-cn) h2,
:lang(zh-cn) h3,
:lang(zh-cn) h4,
:lang(zh-cn) h5,
:lang(zh-cn) h6 {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

p {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 30px;
}

main {
  background: #FFF;
  position: relative;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

.main-holder {
  padding-top: 110px;
  overflow: hidden;
}

.dt-only .main-holder {
  min-width: 992px;
}

.main-holder.main-holder--overflow {
  overflow: visible;
}

@media screen and (max-width: 1023px) {
  .main-holder {
    padding-top: 75px;
  }
}

@media screen and (max-width: 640px) {
  .main-holder {
    padding-top: 60px;
  }
}

.clearfix {
  content: '';
  display: table;
  width: 100%;
  height: 0;
  clear: both;
}

.wordbreak-all {
  word-break: break-all;
}

.nowrap {
  white-space: nowrap;
  display: inline-block;
}

.content-wrapper {
  margin: 0 auto;
  display: block;
  max-width: 960px;
  width: 90%;
  position: relative;
}

@media screen and (max-width: 991px) {
  .content-wrapper {
    max-width: 100%;
    width: 90%;
  }
}

.content-link {
  color: #505050;
}

.content-link:hover {
  opacity: 1;
  color: #F26522;
}

.single-word {
  display: inline-block;
  white-space: nowrap;
}

.force-break {
  word-break: break-all;
}

.display--inline-block {
  display: inline-block;
}

.display--block {
  display: inline-block;
}

.display--inline {
  display: inline;
}

.align--hc {
  text-align: center;
}

.align--hl {
  text-align: left;
}

.align--hr {
  text-align: right;
}

.align--vt {
  vertical-align: top;
}

.align--vb {
  vertical-align: bottom;
}

.align--vm {
  vertical-align: middle;
}

.align--hvc {
  text-align: center;
  vertical-align: middle;
}

/** shorthand for show/hide at certain screen**/
@media screen and (max-width: 1023px) {
  .visible-dt {
    display: none !important;
  }
}

@media screen and (min-width: 1024px),
screen and (max-width: 767px) {
  .visible-tb {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .visible-mb {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .hidden-dt {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .hidden-tb {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-mb {
    display: none !important;
  }
}

.cover-bg.js-handle {
  width: auto;
  height: auto;
}

.owl-carousel.owl-single-slide .owl-controls {
  display: none;
}

.grid-1-1 {
  width: 100%;
}

.grid-1-2 {
  width: 50%;
}

.grid-2-2 {
  width: 100%;
}

.grid-1-3 {
  width: 33.3333333333%;
}

.grid-2-3 {
  width: 66.6666666667%;
}

.grid-3-3 {
  width: 100%;
}

.grid-1-4 {
  width: 25%;
}

.grid-2-4 {
  width: 50%;
}

.grid-3-4 {
  width: 75%;
}

.grid-4-4 {
  width: 100%;
}

.grid-1-5 {
  width: 20%;
}

.grid-2-5 {
  width: 40%;
}

.grid-3-5 {
  width: 60%;
}

.grid-4-5 {
  width: 80%;
}

.grid-5-5 {
  width: 100%;
}

.grid-1-6 {
  width: 16.6666666667%;
}

.grid-2-6 {
  width: 33.3333333333%;
}

.grid-3-6 {
  width: 50%;
}

.grid-4-6 {
  width: 66.6666666667%;
}

.grid-5-6 {
  width: 83.3333333333%;
}

.grid-6-6 {
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .grid-md-1-1 {
    width: 100%;
  }

  .grid-md-1-2 {
    width: 50%;
  }

  .grid-md-2-2 {
    width: 100%;
  }

  .grid-md-1-3 {
    width: 33.3333333333%;
  }

  .grid-md-2-3 {
    width: 66.6666666667%;
  }

  .grid-md-3-3 {
    width: 100%;
  }

  .grid-md-1-4 {
    width: 25%;
  }

  .grid-md-2-4 {
    width: 50%;
  }

  .grid-md-3-4 {
    width: 75%;
  }

  .grid-md-4-4 {
    width: 100%;
  }

  .grid-md-1-5 {
    width: 20%;
  }

  .grid-md-2-5 {
    width: 40%;
  }

  .grid-md-3-5 {
    width: 60%;
  }

  .grid-md-4-5 {
    width: 80%;
  }

  .grid-md-5-5 {
    width: 100%;
  }

  .grid-md-1-6 {
    width: 16.6666666667%;
  }

  .grid-md-2-6 {
    width: 33.3333333333%;
  }

  .grid-md-3-6 {
    width: 50%;
  }

  .grid-md-4-6 {
    width: 66.6666666667%;
  }

  .grid-md-5-6 {
    width: 83.3333333333%;
  }

  .grid-md-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .grid-tb-1-1 {
    width: 100%;
  }

  .grid-tb-1-2 {
    width: 50%;
  }

  .grid-tb-2-2 {
    width: 100%;
  }

  .grid-tb-1-3 {
    width: 33.3333333333%;
  }

  .grid-tb-2-3 {
    width: 66.6666666667%;
  }

  .grid-tb-3-3 {
    width: 100%;
  }

  .grid-tb-1-4 {
    width: 25%;
  }

  .grid-tb-2-4 {
    width: 50%;
  }

  .grid-tb-3-4 {
    width: 75%;
  }

  .grid-tb-4-4 {
    width: 100%;
  }

  .grid-tb-1-5 {
    width: 20%;
  }

  .grid-tb-2-5 {
    width: 40%;
  }

  .grid-tb-3-5 {
    width: 60%;
  }

  .grid-tb-4-5 {
    width: 80%;
  }

  .grid-tb-5-5 {
    width: 100%;
  }

  .grid-tb-1-6 {
    width: 16.6666666667%;
  }

  .grid-tb-2-6 {
    width: 33.3333333333%;
  }

  .grid-tb-3-6 {
    width: 50%;
  }

  .grid-tb-4-6 {
    width: 66.6666666667%;
  }

  .grid-tb-5-6 {
    width: 83.3333333333%;
  }

  .grid-tb-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .grid-mb-1-1 {
    width: 100%;
  }

  .grid-mb-1-2 {
    width: 50%;
  }

  .grid-mb-2-2 {
    width: 100%;
  }

  .grid-mb-1-3 {
    width: 33.3333333333%;
  }

  .grid-mb-2-3 {
    width: 66.6666666667%;
  }

  .grid-mb-3-3 {
    width: 100%;
  }

  .grid-mb-1-4 {
    width: 25%;
  }

  .grid-mb-2-4 {
    width: 50%;
  }

  .grid-mb-3-4 {
    width: 75%;
  }

  .grid-mb-4-4 {
    width: 100%;
  }

  .grid-mb-1-5 {
    width: 20%;
  }

  .grid-mb-2-5 {
    width: 40%;
  }

  .grid-mb-3-5 {
    width: 60%;
  }

  .grid-mb-4-5 {
    width: 80%;
  }

  .grid-mb-5-5 {
    width: 100%;
  }

  .grid-mb-1-6 {
    width: 16.6666666667%;
  }

  .grid-mb-2-6 {
    width: 33.3333333333%;
  }

  .grid-mb-3-6 {
    width: 50%;
  }

  .grid-mb-4-6 {
    width: 66.6666666667%;
  }

  .grid-mb-5-6 {
    width: 83.3333333333%;
  }

  .grid-mb-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .grid-sm-1-1 {
    width: 100%;
  }

  .grid-sm-1-2 {
    width: 50%;
  }

  .grid-sm-2-2 {
    width: 100%;
  }

  .grid-sm-1-3 {
    width: 33.3333333333%;
  }

  .grid-sm-2-3 {
    width: 66.6666666667%;
  }

  .grid-sm-3-3 {
    width: 100%;
  }

  .grid-sm-1-4 {
    width: 25%;
  }

  .grid-sm-2-4 {
    width: 50%;
  }

  .grid-sm-3-4 {
    width: 75%;
  }

  .grid-sm-4-4 {
    width: 100%;
  }

  .grid-sm-1-5 {
    width: 20%;
  }

  .grid-sm-2-5 {
    width: 40%;
  }

  .grid-sm-3-5 {
    width: 60%;
  }

  .grid-sm-4-5 {
    width: 80%;
  }

  .grid-sm-5-5 {
    width: 100%;
  }

  .grid-sm-1-6 {
    width: 16.6666666667%;
  }

  .grid-sm-2-6 {
    width: 33.3333333333%;
  }

  .grid-sm-3-6 {
    width: 50%;
  }

  .grid-sm-4-6 {
    width: 66.6666666667%;
  }

  .grid-sm-5-6 {
    width: 83.3333333333%;
  }

  .grid-sm-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 380px) {
  .grid-xs-1-1 {
    width: 100%;
  }

  .grid-xs-1-2 {
    width: 50%;
  }

  .grid-xs-2-2 {
    width: 100%;
  }

  .grid-xs-1-3 {
    width: 33.3333333333%;
  }

  .grid-xs-2-3 {
    width: 66.6666666667%;
  }

  .grid-xs-3-3 {
    width: 100%;
  }

  .grid-xs-1-4 {
    width: 25%;
  }

  .grid-xs-2-4 {
    width: 50%;
  }

  .grid-xs-3-4 {
    width: 75%;
  }

  .grid-xs-4-4 {
    width: 100%;
  }

  .grid-xs-1-5 {
    width: 20%;
  }

  .grid-xs-2-5 {
    width: 40%;
  }

  .grid-xs-3-5 {
    width: 60%;
  }

  .grid-xs-4-5 {
    width: 80%;
  }

  .grid-xs-5-5 {
    width: 100%;
  }

  .grid-xs-1-6 {
    width: 16.6666666667%;
  }

  .grid-xs-2-6 {
    width: 33.3333333333%;
  }

  .grid-xs-3-6 {
    width: 50%;
  }

  .grid-xs-4-6 {
    width: 66.6666666667%;
  }

  .grid-xs-5-6 {
    width: 83.3333333333%;
  }

  .grid-xs-6-6 {
    width: 100%;
  }
}

/* END Style commonly used  */
/* ------------------------------------------ */
/* Style for header */
/* ------------------------------------------ */
header {
  height: 85px;
  background: transparent;
  /* position: absolute; */
  position: relative;
  width: 100%;
  top: 0;
  z-index: 500;
  /* color: #FFF; */
  color: #F26522;
  background-color: #fff;
}

header a {
  /* color: #FFF; */
  color: #F26522;
}

header>.content-wrapper {
  position: relative;
  width: 90%;
  height: 100%;
  max-width: 1200px;
}

@media screen and (max-width: 991px) {
  header {
    height: 60px;
  }
}

@media screen and (max-width: 767px) {
  header {
    height: 55px;
  }
}

/* END Style header  */
/* ------------------------------------------ */
/* Style for footer */
/* ------------------------------------------ */
footer {
  padding: 80px 0;
  position: relative;
  font-size: 0;
  background: #FFF;
}

@media screen and (max-width: 991px) {
  footer {
    padding: 30px 0;
  }
}

.footer__left,
.footer__right {
  display: inline-block;
  vertical-align: top;
}

.footer__left {
  width: 60%;
  padding-right: 5%;
}

@media screen and (max-width: 991px) {
  .footer__left {
    display: none;
  }
}

.footer__right {
  width: 40%;
}

@media screen and (max-width: 991px) {
  .footer__right {
    width: 100%;
  }
}

/* END Style footer  */
/* ------------------------------------------ */
/* Style for section */
/* ------------------------------------------ */
/* END Style section  */
/* ------------------------------------------ */
.section--green {
  background: #1e6562;
  color: #FFF;
}

.section--basic,
.section-home__about-us,
.section-home__latest-news,
.section-home__coporate-culture,
.section-home__investor-relations,
.section-about__our-mission,
.section-about__our-strategies,
.section-about__group-structure,
.section-investor-relations__financial-highlights,
.section-announcement-highlights,
.section-announcement-items,
.section-investor-relations__reports,
.section-investor-relations__prospectus,
.section-investor-relations__circular-and-proxy-forms,
.section-news-room__news-room,
.section-investor-relations__stock_info,
.section-contact-us__contact-form {
  padding: 60px 0;
}

@media screen and (max-width: 767px) {

  .section--basic,
  .section-home__about-us,
  .section-home__latest-news,
  .section-home__coporate-culture,
  .section-home__investor-relations,
  .section-about__our-mission,
  .section-about__our-strategies,
  .section-about__group-structure,
  .section-investor-relations__financial-highlights,
  .section-announcement-highlights,
  .section-announcement-items,
  .section-investor-relations__reports,
  .section-investor-relations__prospectus,
  .section-investor-relations__circular-and-proxy-forms,
  .section-news-room__news-room,
  .section-investor-relations__stock_info,
  .section-contact-us__contact-form {
    padding: 70px 0;
  }
}

@media screen and (max-width: 380px) {

  .section--basic,
  .section-home__about-us,
  .section-home__latest-news,
  .section-home__coporate-culture,
  .section-home__investor-relations,
  .section-about__our-mission,
  .section-about__our-strategies,
  .section-about__group-structure,
  .section-investor-relations__financial-highlights,
  .section-announcement-highlights,
  .section-announcement-items,
  .section-investor-relations__reports,
  .section-investor-relations__prospectus,
  .section-investor-relations__circular-and-proxy-forms,
  .section-news-room__news-room,
  .section-investor-relations__stock_info,
  .section-contact-us__contact-form {
    padding: 60px 0;
  }
}

.section--bg-grey {
  background: #efefef;
}

.section-home__about-us .section-title {
  color: #F26522;
}

.section-home__latest-news {
  background: url(../images/home/bg-latest-news.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #FFF;
}

.section-home__latest-news .section-title .section-title__txt:before {
  background-color: #FFF;
}

.section-home__coporate-culture {
  background: url(../images/home/bg-latest-news.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #FFF;
}

.section-home__coporate-culture .section-title .section-title__txt:before {
  background-color: #FFF;
}

.section-home__investor-relations {
  background: url(../images/home/bg-invester-relations.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #FFF;
  text-align: center;
}

.section-home__investor-relations .section-title .section-title__txt:before {
  background-color: #F26522;
}

.section-about__our-mission {
  background: url(../images/about-us/bg-our-mission.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #FFF;
  padding: 60px 0;
}

.section-about__our-strategies {
  background: #efefef;
  text-align: center;
}

.section-about__our-strategies .img-holder {
  max-width: 609px;
  margin-top: 30px;
}

.section-about__our-strategies .desc-title,
.section-about__our-strategies .section-map .section-map__info-holder .section-map__info .section-map__title,
.section-map .section-map__info-holder .section-map__info .section-about__our-strategies .section-map__title {
  color: #F26522;
}

.section-about__our-strategies .desc {
  font-weight: 300;
}

.section-about__group-structure .img-holder {
  max-width: 960px;
  margin-top: 60px;
}

.section-about__management-ceo {
  padding: 80px 0 0;
  background: url(../images/about-us/bg-management-ceo.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .section-about__management-ceo {
    padding: 60px 0 0;
  }
}

@media screen and (max-width: 480px) {
  .section-about__management-ceo {
    padding: 40px 0 0;
  }
}

.section-about__management-team {
  text-align: center;
  border-bottom: 1px solid #efefef;
}

.section-about__management-team .desc-title,
.section-about__management-team .section-map .section-map__info-holder .section-map__info .section-map__title,
.section-map .section-map__info-holder .section-map__info .section-about__management-team .section-map__title {
  color: #20266d;
}

.section-about__management-team>.content-wrapper {
  max-width: 1100px;
}

.section-product__companies.section-cols .section-cols__col {
  padding: 150px 5%;
}

@media screen and (max-width: 767px) {
  .section-product__companies.section-cols .section-cols__col {
    padding: 100px 5% 0;
  }

  .section-product__companies.section-cols .section-cols__col:last-child {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 380px) {
  .section-product__companies.section-cols .section-cols__col {
    padding: 60px 2.5% 0;
  }

  .section-product__companies.section-cols .section-cols__col:last-child {
    padding-bottom: 60px;
  }
}

.section-product__companies .desc-subtitle {
  color: #20266d;
}

.section-product__companies .desc {
  max-width: 560px;
}

.section-product__companies .img-holder {
  width: 50%;
  max-width: 200px;
  margin-bottom: 40px;
}

.section-product__companies .bullet-list {
  font-weight: 400;
}

.section-product__img-sec.section-img {
  background-image: url(../images/product-and-services/bg-product-img.jpg);
  background-attachment: fixed;
}

.section-investor-relations__financial-highlights {
  background: url(../images/investor-relations/bg-financial-highlights.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #FFF;
}

.section-investor-relations__financial-highlights>.content-wrapper {
  max-width: 1100px;
}

.section-announcement-highlights {
  background: url(../images/investor-relations/bg-annoucement-highlight.jpg) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  color: #FFF;
  text-align: center;
}

.section-announcement-highlights>.content-wrapper {
  max-width: 1100px;
}

.section-announcement-items {
  text-align: center;
}

.section-investor-relations__latest-report {
  padding: 80px 0 0;
  background: #F26522;
  color: #FFF;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .section-investor-relations__latest-report {
    padding: 60px 0 0;
  }
}

@media screen and (max-width: 380px) {
  .section-investor-relations__latest-report {
    padding: 40px 0 0;
  }
}

.section-investor-relations__reports {
  background: #FFF;
  border-bottom: 1px solid #efefef;
}

.section-investor-relations__reports>.content-wrapper {
  max-width: 1100px;
}

.section-investor-relations__prospectus,
.section-investor-relations__circular-and-proxy-forms,
.section-news-room__news-room,
.section-investor-relations__stock_info {
  text-align: center;
}

.section-sustainability__intro {
  padding: 70px 0;
  text-align: center;
  background-size: cover;
  background-attachment: fixed;
}

@media screen and (max-width: 767px) {
  .section-sustainability__intro {
    padding: 70px 0;
  }
}

@media screen and (max-width: 380px) {
  .section-sustainability__intro {
    padding: 60px 0;
  }
}

.section-contact-us__contact-form {
  background: #868687;
  color: #FFF;
  text-align: center;
}

.section-contact-us__contact-form .custom-radio input[type="radio"]+label .custom-radio__graphic {
  background-color: transparent;
  border: 1px solid #FFF;
}

.section-contact-us__contact-form .custom-radio input[type="radio"]:checked+label .custom-radio__graphic:before {
  background: #FFF;
}

/* Style for accordion */
/* ------------------------------------------ */
.accordion {
  background: #FFF;
  padding: 25px 30px;
}

@media screen and (max-width: 991px) {
  .accordion {
    padding: 25px 30px;
  }
}

@media screen and (max-width: 767px) {
  .accordion {
    padding: 15px 30px;
  }
}

.accordion .accordion__item {
  border-bottom: 1px solid #efefef;
  padding: 25px 0;
  font-size: 16px;
}

.accordion .accordion__item p {
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .accordion .accordion__item {
    padding: 25px 0;
  }
}

@media screen and (max-width: 767px) {
  .accordion .accordion__item {
    padding: 15px 0;
    font-size: 14px;
  }

  .accordion .accordion__item p {
    font-size: 14px;
  }
}

.accordion .accordion__item .accordion__toggle {
  position: relative;
  display: block;
  padding-right: 30px;
  font-weight: bold;
  transition: 0.3s;
}

.accordion .accordion__item .accordion__toggle:after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background: url(../images/common/icons/icon-arrow-medium-grey.html) no-repeat center center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.accordion .accordion__item .accordion__content {
  display: none;
  padding-top: 25px;
}

@media screen and (max-width: 991px) {
  .accordion .accordion__item .accordion__content {
    padding-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .accordion .accordion__item .accordion__content {
    padding-top: 15px;
  }
}

.accordion .accordion__item .accordion__content *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.accordion .accordion__item.active .accordion__toggle {
  color: #1c504d;
}

.accordion .accordion__item.active .accordion__toggle:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.accordion .accordion__item.active .accordion__content {
  display: block;
}

/* END Style accordion  */
/* ------------------------------------------ */
/* Style for btn */
/* ------------------------------------------ */
.btn {
  display: inline-block;
  margin: 0;
  padding: 12px 35px;
  font-size: 13px;
  box-sizing: border-box;
  font-weight: bold;
}

@media screen and (max-width: 480px) {
  .btn {
    padding: 10px 25px;
  }
}

.btn+.btn {
  margin-left: 5px;
}

.btn>span {
  display: inline-block;
  vertical-align: middle;
}

.btn:hover {
  background: #F26522;
}

.btn.btn--disabled {
  color: #868687;
}

.btn.btn--loading {
  color: transparent !important;
  border: transparent !important;
  background: url(../images/common/icons/icon-loading.gif) no-repeat center center !important;
  background-color: transparent !important;
  cursor: default !important;
  pointer-events: none !important;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
       not supported by any browser */
}

.btn.btn--arrow:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  background: url(../images/common/icons/icon-arrow-thick-green.html) no-repeat center center;
  background-size: 100%;
  margin-left: 10px;
}

.btn.btn--arrow>span {
  padding-left: 10px;
}

.btn.btn--download {
  padding: 12px 25px;
}

@media screen and (max-width: 480px) {
  .btn.btn--download {
    padding: 8px 15px;
  }
}

.btn.btn--download:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  background: url(../images/common/icons/icon-download-white.png) no-repeat center center;
  background-size: 100%;
  margin-right: 10px;
}

.btn.btn--download.btn--orange:before {
  background-image: url(../images/common/icons/icon-download.png);
}

.btn.btn--ghost {
  border: 1px solid #505050;
}

.btn.btn--orange {
  color: #F26522;
}

.btn.btn--orange.btn--ghost {
  border-color: #F26522;
}

.btn.btn--orange:hover {
  background-color: #F26522;
  color: #FFF;
  opacity: 1;
}

.btn.btn--white {
  color: #FFF;
}

.btn.btn--white.btn--ghost {
  border-color: #FFF;
}

.btn.btn--white:hover {
  background-color: #FFF;
  color: #F26522;
  opacity: 1;
}

.btn.btn--purple {
  color: #20266d;
}

.btn.btn--purple.btn--ghost {
  border-color: #20266d;
}

.btn.btn--wide {
  padding: 12px 45px;
}

.btn-row {
  margin: 45px auto;
  text-align: center;
}

.btn-row:last-child {
  margin-bottom: 0;
}

/* END Style btn  */
/* ------------------------------------------ */
/* Style for btn-helper */
/* ------------------------------------------ */
.btn-helper {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}

/* END Style btn-helper  */
/* ------------------------------------------ */
/* Style for btn-menu */
/* ------------------------------------------ */
.btn-menu {
  vertical-align: middle;
  width: 30px;
  height: auto;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /* border-bottom: 2px solid #FFF; */
  border-bottom: 2px solid #F26522;
  margin-top: -6px;
  margin-left: 15px;
  transition: 0.3s;
  display: none;
}

@media screen and (max-width: 991px) {
  .btn-menu {
    display: inline-block;
    margin-top: 0;
  }
}

.btn-menu:before,
.btn-menu:after {
  content: "";
  padding-top: 6px;
  /* border-top: 2px solid #FFF; */
  border-top: 2px solid #F26522;
  display: block;
  width: 100%;
  transition: 0.5s;
}

.mob-menu-open .btn-menu {
  -webkit-transform: rotate(45deg) translateX(-4px) translateY(-11px);
  -ms-transform: rotate(45deg) translateX(-4px) translateY(-11px);
  transform: rotate(45deg) translateX(-4px) translateY(-11px);
}

.mob-menu-open .btn-menu:before {
  -webkit-transform: rotate(-90deg) translateX(-14px) translateY(3px);
  -ms-transform: rotate(-90deg) translateX(-14px) translateY(3px);
  transform: rotate(-90deg) translateX(-14px) translateY(3px);
}

.mob-menu-open .btn-menu:after {
  opacity: 0;
}

.btn-menu__line {
  display: none;
}

/* END Style btn-menu  */
/* ------------------------------------------ */
/* Style for btn-search */
/* ------------------------------------------ */
.btn-search {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url("../images/common/icons/icon-search.png") no-repeat center center;
  background-size: 100%;
}

/* END Style btn-search  */
/* ------------------------------------------ */
/* Style for bullet-list */
/* ------------------------------------------ */
.bullet-list {
  list-style: disc;
  padding-left: 15px;
  margin: 0 auto;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 300;
  max-width: 680px;
  text-align: left;
}

.section-home__coporate-culture .bullet-list,
.section-intro .bullet-list,
.section-sustainability__intro .bullet-list {
  max-width: 800px;
}

.section-product__companies .bullet-list {
  max-width: 560px;
}

.bullet-list.bullet-list--inner {
  list-style-position: inside;
  padding-left: 0;
}

.bullet-list>li {
  font-size: 21px;
  font-weight: 300;
  padding-bottom: 10px;
}

.section-product__companies .bullet-list>li {
  font-weight: 300;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .section-product__companies .bullet-list>li {
    font-size: 14px;
  }
}

.section-about__our-strategies .bullet-list>li:nth-child(2n+1) {
  color: #F26522;
}

.bullet-list>li:last-child {
  padding-bottom: 0;
}

.bullet-list>li>span {
  margin-left: -20px;
}

.bullet-list.bullet-list--color-dot li>span {
  color: #505050;
}

.bullet-list.bullet-list--centerlist {
  max-width: 760px;
  margin: 0 auto;
}

.bullet-list.bullet-list--centerlist>li {
  text-align: left;
}

.trident .bullet-list li span {
  margin-left: 0px;
}

.applewebkit .bullet-list li span {
  margin-left: -1px;
}

/* END Style bullet-list  */
/* ------------------------------------------ */
/* Style for captcha-img */
/* ------------------------------------------ */
.captcha-img #captcha {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  height: 45px;
}

@media screen and (max-width: 640px) {
  .captcha-img #captcha {
    height: 40px;
  }
}

.captcha-img>a {
  display: inline-block;
  vertical-align: middle;
}

.captcha-img>a img {
  height: 36px;
}

@media screen and (max-width: 640px) {
  .captcha-img>a img {
    height: 32px;
  }
}

/* END Style captcha-img  */
/* ------------------------------------------ */
/* Style for chairman-statement */
/* ------------------------------------------ */
.chairman-statement {
  position: relative;
  width: 100%;
  display: block;
  font-size: 0;
  padding: 80px 0;
  text-align: justify;
  text-justify: inter-word;
}

@media screen and (max-width: 991px) {
  .chairman-statement {
    padding: 30px 0;
  }
}

.chairman-statement .chairman-statement__img-holder {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 35%;
  text-align: left;
}

.chairman-statement .chairman-statement__txt-holder {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 65%;
  text-align: left;
}

.chairman-statement .chairman-statement__img-holder {
  padding-right: 5%;
}

@media screen and (max-width: 1200px) {
  .chairman-statement .chairman-statement__img-holder {
    padding-right: 3%;
  }
}

@media screen and (max-width: 991px) {
  .chairman-statement .chairman-statement__img-holder {
    width: 40%;
  }
}

@media screen and (max-width: 850px) {
  .chairman-statement .chairman-statement__img-holder {
    width: 100%;
    max-width: 320px;
    padding-right: 0;
  }
}

.chairman-statement .chairman-statement__img-holder .chairman-statement__img {
  width: 100%;
  position: relative;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .chairman-statement .chairman-statement__img-holder .chairman-statement__img {
    margin-bottom: 15px;
    width: 60%;
  }
}

.chairman-statement .chairman-statement__txt-holder {
  padding: 30px 0;
  padding-left: 5%;
}

@media screen and (max-width: 1200px) {
  .chairman-statement .chairman-statement__txt-holder {
    padding-left: 3%;
  }
}

@media screen and (max-width: 991px) {
  .chairman-statement .chairman-statement__txt-holder {
    width: 60%;
  }
}

@media screen and (max-width: 850px) {
  .chairman-statement .chairman-statement__txt-holder {
    padding: 60px 0;
    width: 100%;
    padding-left: 0;
  }
}

.chairman-statement .chairman-statement__txt-holder:before,
.chairman-statement .chairman-statement__txt-holder:after {
  position: absolute;
  color: #F26522;
  font-size: 60px;
}

.chairman-statement .chairman-statement__txt-holder:before {
  content: '“';
  left: 0;
  top: 0;
}

.chairman-statement .chairman-statement__txt-holder:after {
  content: '”';
  left: 100%;
  bottom: 0;
}

@media screen and (max-width: 991px) {
  .chairman-statement .chairman-statement__txt-holder:after {
    left: auto;
    right: 0;
  }
}

.chairman-statement .chairman-statement__chairman-info {
  position: relative;
  width: 100%;
  display: block;
  text-align: right;
  padding-right: 7%;
}

@media screen and (max-width: 850px) {
  .chairman-statement .chairman-statement__chairman-info {
    text-align: center;
  }
}

.chairman-statement .chairman-statement__chairman-info .chairman-statement__name-holder {
  display: inline-block;
  text-align: left;
}

@media screen and (max-width: 850px) {
  .chairman-statement .chairman-statement__chairman-info .chairman-statement__name-holder {
    text-align: center;
  }
}

.chairman-statement .chairman-statement__chairman-info .chairman-statement__name {
  display: inline-block;
  position: relative;
  font-weight: 300;
  font-size: 25px;
  margin-top: 0;
}

@media screen and (max-width: 640px) {
  .chairman-statement .chairman-statement__chairman-info .chairman-statement__name {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.chairman-statement .chairman-statement__chairman-info .chairman-statement__eng-name {
  color: #F26522;
  font-weight: 400;
}

.chairman-statement .chairman-statement__chairman-info .chairman-statement__position {
  font-size: 14px;
}

.chairman-statement .chairman-statement__title {
  font-size: 45px;
  letter-spacing: -1px;
  font-weight: 100;
  margin: 0 0 15px;
}

@media screen and (max-width: 991px) {
  .chairman-statement .chairman-statement__title {
    font-size: 36px;
  }
}

@media screen and (max-width: 640px) {
  .chairman-statement .chairman-statement__title {
    font-size: 28px;
  }
}

.chairman-statement .chairman-statement__date {
  font-size: 13px;
  display: block;
  color: #8e8e8e;
  margin: 0 0 30px;
  text-align: justify;
  text-justify: inter-word;
}

.chairman-statement .chairman-statement__intro {
  color: #F26522;
  font-size: 20px;
  line-height: 1.3em;
  margin-bottom: 30px;
  font-weight: 300;
  text-align: justify;
  text-justify: inter-word;
}

@media screen and (max-width: 991px) {
  .chairman-statement .chairman-statement__intro {
    font-size: 20px;
  }
}

.chairman-statement .chairman-statement__paragraph-holder {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #efefef;
}

.chairman-statement .chairman-statement__paragraph-holder:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.chairman-statement .chairman-statement__paragraph-holder.no-line {
  border-bottom: 0;
}

.chairman-statement .chairman-statement__paragraph-holder.chairman-statement__sign {
  text-align: right;
}

.chairman-statement .chairman-statement__paragraph-holder.chairman-statement__sign .chairman-statement__paragraph {
  text-align: right;
}

.chairman-statement .chairman-statement__paragraph-title {
  color: #F26522;
  font-size: 22px;
  margin-bottom: 15px;
}

@media screen and (max-width: 991px) {
  .chairman-statement .chairman-statement__paragraph-title {
    font-size: 20px;
  }
}

.chairman-statement .chairman-statement__paragraph {
  font-size: 16px;
  line-height: 1.5em;
  margin-bottom: 15px;
  text-align: justify;
  text-justify: inter-word;
}

@media screen and (max-width: 991px) {
  .chairman-statement .chairman-statement__paragraph {
    font-size: 16px;
  }
}

.chairman-statement .chairman-statement__paragraph:last-child {
  margin-bottom: 0;
}

/* END Style chairman-statement  */
/* ------------------------------------------ */
/* Style for credit-bar */
/* ------------------------------------------ */
.credit-bar {
  position: relative;
  width: 100%;
  text-align: center;
  display: block;
  margin: 30px 0;
}

.credit-bar .credit-bar__logo {
  display: inline-block;
  margin: 0 5px;
}

.credit-bar .credit-bar__logo img {
  display: block;
  height: 55px;
}

/* END Style credit-bar  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.contact-form .contact-form__success-msg {
  display: none;
}

/* END Style sample  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.copyright {
  position: relative;
  width: 100%;
  text-align: center;
  display: block;
  margin: 30px 0 0;
  font-size: 12px;
}

.copyright>div {
  margin-bottom: 10px;
}

/* END Style sample  */
/* ------------------------------------------ */
/* Custom Radio Buttons */
/* ------------------------------------------ */
.custom-radio {
  display: inline-block;
  margin-right: 30px;
}

.custom-radio.custom-radio--s .custom-radio input[type="radio"]+label .custom-radio__graphic {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -3px 8px 0 0;
}

.custom-radio.custom-radio--s .custom-radio input[type="radio"]:checked+label .custom-radio__graphic {
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
}

/* Radio button */
.custom-radio input[type="radio"] {
  display: none;
}

.custom-radio input[type="radio"]+label {
  display: inline-block;
  font-size: 1rem;
  cursor: pointer;
  height: 45px;
  padding-top: 8px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .custom-radio input[type="radio"]+label {
    font-size: 14px;
  }
}

.custom-radio input[type="radio"]+label .custom-radio__graphic {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -4px 8px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
}

/* The trick: border creates same look as the radio button usually have */
/* remove it to see what happens */
.custom-radio input[type="radio"]+label .custom-radio__graphic {
  background-color: #FFF;
  /* have to be of the same color */
  border: 1px solid #505050;
  /* have to be of the same color */
}

/* Checked state for radio */
.custom-radio input[type="radio"]:checked+label .custom-radio__graphic:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 50%;
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #505050;
  /* have to be of the same color */
}

.custom-radio-row {
  position: relative;
  width: 100%;
  text-align: center;
}

/* Style for desc */
/* ------------------------------------------ */
.desc {
  position: relative;
  display: block;
  margin: 0 auto 30px;
  max-width: 680px;
  line-height: 1.5em;
  text-align: justify;
  text-justify: inter-word;
}

.section-home__coporate-culture .desc,
.section-intro .desc,
.section-sustainability__intro .desc {
  max-width: 800px;
}

.section-product__companies .desc {
  font-weight: 300;
}

.desc.desc--m {
  font-size: 16px;
}

.desc a {
  color: #ee4e08;
}

@media screen and (max-width: 767px) {
  .desc.desc--m {
    font-size: 14px;
  }
}

.desc.desc--ml {
  font-size: 22px;
}

@media screen and (max-width: 991px) {
  .desc.desc--ml {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .desc.desc--ml {
    font-size: 16px;
  }
}

@media screen and (max-width: 380px) {
  .desc.desc--ml {
    font-size: 14px;
  }
}

.desc.desc--l {
  margin: 0 auto 20px;
  font-size: 21px;
}

@media screen and (max-width: 991px) {
  .desc.desc--l {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .desc.desc--l {
    font-size: 18px;
  }
}

@media screen and (max-width: 380px) {
  .desc.desc--l {
    font-size: 16px;
  }
}

/* END Style desc  */
/* ------------------------------------------ */
/* Style for desc-boxes */
/* ------------------------------------------ */
.desc-boxes {
  position: relative;
  width: 100%;
  font-size: 0;
  display: block;
  overflow: hidden;
}

@media screen and (max-width: 840px) {
  .desc-boxes {
    padding: 0 45px;
  }
}

.desc-boxes.desc-boxes--item-1 .desc-boxes__slider {
  max-width: 356px;
}

.desc-boxes.desc-boxes--item-1 .desc-boxes__slider-control {
  display: none;
}

.desc-boxes.desc-boxes--item-2 .desc-boxes__slider {
  max-width: 712px;
}

.desc-boxes.desc-boxes--item-2 .desc-boxes__slider-control {
  display: none;
}

@media screen and (min-width: 640px) {
  .desc-boxes.desc-boxes--item-2 .desc-boxes__slider-control {
    display: block;
  }
}

.desc-boxes .desc-boxes__slider {
  position: relative;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

.desc-boxes .desc-boxes__item {
  /*
    display:inline-block;
    width:33.3333%;
    height: auto;
    padding:15px;
    */
}

.desc-boxes .desc-boxes__item-outer {
  position: relative;
  width: 100%;
}

.desc-boxes .desc-boxes__item-inner {
  position: relative;
  width: 100%;
  background: #FFF;
  font-size: 16px;
  color: #20266d;
  padding: 35px;
  text-align: left;
}

@media screen and (max-width: 480px) {
  .desc-boxes .desc-boxes__item-inner {
    padding: 20px;
  }
}

.desc-boxes .desc-boxes__date {
  font-size: 15px;
  margin-bottom: 25px;
}

@media screen and (max-width: 480px) {
  .desc-boxes .desc-boxes__date {
    font-size: 13px;
    margin-bottom: 15px;
  }
}

.desc-boxes .desc-boxes__title {
  font-size: 26px;
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 25px;
}

@media screen and (max-width: 480px) {
  .desc-boxes .desc-boxes__title {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.desc-boxes .desc-boxes__desc {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 0;
}

@media screen and (max-width: 480px) {
  .desc-boxes .desc-boxes__desc {
    font-size: 13px;
  }
}

.desc-boxes .desc-boxes__slider-control {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  display: none;
}

@media screen and (max-width: 840px) {
  .desc-boxes .desc-boxes__slider-control {
    display: block;
  }
}

.desc-boxes .desc-boxes__slider-prev,
.desc-boxes .desc-boxes__slider-next {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  margin-top: -15px;
  top: 0;
  background: url(../images/common/icons/icon-arrow-white.png) no-repeat center center;
  background-size: 100%;
}

.desc-boxes .desc-boxes__slider-prev {
  left: 0;
}

.desc-boxes .desc-boxes__slider-next {
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* END Style desc-boxes  */
/* ------------------------------------------ */
/* Style for desc-title */
/* ------------------------------------------ */
.desc-title,
.section-map .section-map__info-holder .section-map__info .section-map__title {
  font-size: 45px;
  font-weight: 100;
  margin: 0 auto 30px;
}

.desc-title:last-child,
.section-map .section-map__info-holder .section-map__info .section-map__title:last-child {
  margin: 0 auto;
}

@media screen and (max-width: 991px) {

  .desc-title,
  .section-map .section-map__info-holder .section-map__info .section-map__title {
    font-size: 36px;
  }
}

@media screen and (max-width: 640px) {

  .desc-title,
  .section-map .section-map__info-holder .section-map__info .section-map__title {
    font-size: 28px;
  }
}

.desc-subtitle {
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto 20px;
}

.page-announcement .desc-title,
.page-announcement .section-map .section-map__info-holder .section-map__info .section-map__title,
.section-map .section-map__info-holder .section-map__info .page-announcement .section-map__title,
.page-circular-and-proxy-forms .desc-title,
.page-circular-and-proxy-forms .section-map .section-map__info-holder .section-map__info .section-map__title,
.section-map .section-map__info-holder .section-map__info .page-circular-and-proxy-forms .section-map__title {
  text-align: center;
}

/* END Style desc-title  */
/* ------------------------------------------ */
/* Style for doc-list */
/* ------------------------------------------ */

.doc-list {
  position: relative;
  width: 100%;
  text-align: left;
  padding: 30px 0;
}

.doc-list .doc-list__item {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #efefef;
}

.doc-list .doc-list__item:first-child {
  border-top: 1px solid #efefef;
}

@media screen and (max-width: 767px) {
  .doc-list .doc-list__item {
    display: block;
  }
}

.doc-list .doc-list__date,
.doc-list .doc-list__desc,
.doc-list .doc-list__doc,
.doc-list .doc-list__thumb {
  display: table-cell;
  vertical-align: top;
  position: relative;
}

@media screen and (max-width: 767px) {

  .doc-list .doc-list__date,
  .doc-list .doc-list__desc,
  .doc-list .doc-list__doc,
  .doc-list .doc-list__thumb {
    display: block;
    width: 100%;
  }
}

.doc-list .doc-list__date {
  width: 80px;
  padding: 15px 0;
  padding-right: 5px;
  font-weight: 100;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__date {
    width: 70px;
  }
}

.doc-list .doc-list__date .doc-list__date-holder {
  width: 70px;
  height: 70px;
  background: #F26522;
  text-align: center;
  color: #FFF;
  position: relative;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__date .doc-list__date-holder {
    width: 50px;
    height: 50px;
  }
}

.doc-list .doc-list__date .doc-list__date-holder .doc-list__date-holder-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.doc-list .doc-list__day {
  font-size: 36px;
  line-height: 1em;
}

.doc-list .doc-list__day:lang(zh-hk) {
  font-size: 28px;
}

.doc-list .doc-list__day:lang(zh-cn) {
  font-size: 28px;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__day {
    font-size: 28px;
  }
}

.doc-list .doc-list__month {
  font-size: 14px;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__month {
    font-size: 12px;
  }
}

.doc-list .doc-list__desc {
  font-size: 16px;
  font-weight: 300;
  padding: 15px 0;
  padding-right: 5px;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__desc {
    font-size: 14px;
  }
}

@media screen and (max-width: 350px) {
  .doc-list .doc-list__desc {
    font-size: 12px;
  }
}

.doc-list .doc-list__desc .doc-list__desc-title {
  font-size: 24px;
  margin-bottom: 8px;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__desc .doc-list__desc-title {
    font-size: 14px;
  }
}

.doc-list .doc-list__desc .doc-list__desc-content {
  font-size: 16px;
  margin-bottom: 8px;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__desc .doc-list__desc-content {
    font-size: 12px;
  }
}

.doc-list .doc-list__desc a {
  color: red;
}

.doc-list .doc-list__doc {
  width: auto;
  text-align: right;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__doc {
    width: 25px;
  }
}

.doc-list .doc-list__doc .doc-list__doc-link {
  font-size: 12px;
  color: #F26522;
}

.doc-list .doc-list__doc .doc-list__doc-link>span {
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__doc .doc-list__doc-link>span {
    font-size: 0px;
  }
}

.doc-list .doc-list__doc .doc-list__doc-link:before {
  display: inline-block;
  vertical-align: top;
  content: '';
  width: 1em;
  height: 1em;
  background: url(../images/common/icons/icon-download.png) no-repeat center center;
  background-size: cover;
  margin-right: 5px;
}

@media screen and (max-width: 480px) {
  .doc-list .doc-list__doc .doc-list__doc-link:before {
    width: 20px;
    height: 20px;
    margin-right: 0;
  }
}

.doc-list .doc-list__thumb {
  width: 260px;
  padding: 15px 0;
  padding-right: 5px;
}

.doc-list .doc-list__thumb img {
  max-width: 250px;
}

@media screen and (max-width: 767px) {
  .doc-list .doc-list__thumb img {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .doc-list .doc-list__thumb {
    padding: 0;
    width: 100%;
  }
}

/* END Style doc-list  */
/* ------------------------------------------ */
/* Style for err-msg */
/* ------------------------------------------ */
.err-msg {
  display: none;
  color: #ef9696;
  font-size: 12px;
}

.field .err-msg {
  position: absolute;
  top: 100%;
  margin-top: 5px;
}

.err-msg-holder {
  position: relative;
  margin: 30px 0 0;
  text-align: center;
}

.err-msg-holder p {
  margin: 0 0 15px;
}

/* END Style err-msg  */
/* ------------------------------------------ */
/* Style for event-list */
/* ------------------------------------------ */
.event-list {
  position: relative;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}

.event-list .event-list__item {
  position: relative;
  width: 100%;
  padding: 15px 0;
  display: table;
}

.event-list .event-list__item:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}

.event-list .event-list__item:last-child:after {
  display: none;
}

.event-list .event-list__item .event-list__date,
.event-list .event-list__item .event-list__desc {
  display: table-cell;
  vertical-align: top;
}

.event-list .event-list__item .event-list__date {
  width: 80px;
}

@media screen and (max-width: 380px) {
  .event-list .event-list__item .event-list__date {
    width: 60px;
  }
}

.event-list .event-list__item .event-list__desc {
  font-size: 15px;
  padding-top: 8px;
}

@media screen and (max-width: 640px) {
  .event-list .event-list__item .event-list__desc {
    padding-top: 0;
    font-size: 14px;
  }
}

.event-list .event-list__item .event-list__date-day {
  font-size: 35px;
  line-height: 30px;
  margin: 0 auto 5px;
  letter-spacing: -0.5px;
}

@media screen and (max-width: 380px) {
  .event-list .event-list__item .event-list__date-day {
    font-size: 28px;
  }
}

.event-list .event-list__item .event-list__date-year-month {
  font-size: 12px;
}

/* END Style event-list  */
/* ------------------------------------------ */
/* General Style for Forms and field  */
/* ------------------------------------------ */
/* ------------------------------------------ */
input,
textarea {
  font-size: 16px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 0.5;
  color: #FFF;
  font-size: 16px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.5;
  color: #FFF;
  font-size: 16px;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.5;
  color: #FFF;
  font-size: 16px;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 0.5;
  color: #FFF;
  font-size: 16px;
}

input {
  height: 45px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #FFF;
  background: transparent;
  color: #FFF;
  box-sizing: border-box;
}

@media screen and (max-width: 640px) {
  input {
    height: 40px;
  }
}

input:focus {
  outline: none;
}

input.disabled {
  color: #ccc !important;
  border-color: #ccc !important;
}

textarea {
  width: 100%;
  height: 160px;
  border-bottom: 1px solid #FFF;
  background: transparent;
  box-sizing: border-box;
  resize: none;
  color: #FFF;
}

.field-container {
  position: relative;
  width: 90%;
}

.field-row {
  margin-left: -30px;
  margin-right: -30px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 0;
}

@media screen and (max-width: 767px) {
  .field-row {
    margin-left: 0;
    margin-right: 0;
  }
}

.field-row.field-row--center {
  text-align: center;
}

.field-row .field {
  display: inline-block;
  vertical-align: top;
  padding: 0 30px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 767px) {
  .field-row .field {
    box-sizing: content-box;
    padding: 0;
    margin-bottom: 20px;
  }

  .field-row .field:last-child {
    margin-bottom: 0;
  }
}

.field-row .field input {
  width: 100%;
  height: 45px;
}

.field-row .field.field--1-1 {
  width: 100%;
}

.field-row .field.field--1-2 {
  width: 50%;
}

.field-row .field.field--2-2 {
  width: 100%;
}

.field-row .field.field--1-3 {
  width: 33.3333333333%;
}

.field-row .field.field--2-3 {
  width: 66.6666666667%;
}

.field-row .field.field--3-3 {
  width: 100%;
}

.field-row .field.field--1-4 {
  width: 25%;
}

.field-row .field.field--2-4 {
  width: 50%;
}

.field-row .field.field--3-4 {
  width: 75%;
}

.field-row .field.field--4-4 {
  width: 100%;
}

.field-row .field.field--1-5 {
  width: 20%;
}

.field-row .field.field--2-5 {
  width: 40%;
}

.field-row .field.field--3-5 {
  width: 60%;
}

.field-row .field.field--4-5 {
  width: 80%;
}

.field-row .field.field--5-5 {
  width: 100%;
}

.field-row .field.field--1-6 {
  width: 16.6666666667%;
}

.field-row .field.field--2-6 {
  width: 33.3333333333%;
}

.field-row .field.field--3-6 {
  width: 50%;
}

.field-row .field.field--4-6 {
  width: 66.6666666667%;
}

.field-row .field.field--5-6 {
  width: 83.3333333333%;
}

.field-row .field.field--6-6 {
  width: 100%;
}

.field-row .field.field--1-7 {
  width: 14.2857142857%;
}

.field-row .field.field--2-7 {
  width: 28.5714285714%;
}

.field-row .field.field--3-7 {
  width: 42.8571428571%;
}

.field-row .field.field--4-7 {
  width: 57.1428571429%;
}

.field-row .field.field--5-7 {
  width: 71.4285714286%;
}

.field-row .field.field--6-7 {
  width: 85.7142857143%;
}

.field-row .field.field--7-7 {
  width: 100%;
}

.field-row .field.field--1-8 {
  width: 12.5%;
}

.field-row .field.field--2-8 {
  width: 25%;
}

.field-row .field.field--3-8 {
  width: 37.5%;
}

.field-row .field.field--4-8 {
  width: 50%;
}

.field-row .field.field--5-8 {
  width: 62.5%;
}

.field-row .field.field--6-8 {
  width: 75%;
}

.field-row .field.field--7-8 {
  width: 87.5%;
}

.field-row .field.field--8-8 {
  width: 100%;
}

.field-row .field.field--1-9 {
  width: 11.1111111111%;
}

.field-row .field.field--2-9 {
  width: 22.2222222222%;
}

.field-row .field.field--3-9 {
  width: 33.3333333333%;
}

.field-row .field.field--4-9 {
  width: 44.4444444444%;
}

.field-row .field.field--5-9 {
  width: 55.5555555556%;
}

.field-row .field.field--6-9 {
  width: 66.6666666667%;
}

.field-row .field.field--7-9 {
  width: 77.7777777778%;
}

.field-row .field.field--8-9 {
  width: 88.8888888889%;
}

.field-row .field.field--9-9 {
  width: 100%;
}

.field-row .field.field--1-10 {
  width: 10%;
}

.field-row .field.field--2-10 {
  width: 20%;
}

.field-row .field.field--3-10 {
  width: 30%;
}

.field-row .field.field--4-10 {
  width: 40%;
}

.field-row .field.field--5-10 {
  width: 50%;
}

.field-row .field.field--6-10 {
  width: 60%;
}

.field-row .field.field--7-10 {
  width: 70%;
}

.field-row .field.field--8-10 {
  width: 80%;
}

.field-row .field.field--9-10 {
  width: 90%;
}

.field-row .field.field--10-10 {
  width: 100%;
}

.field-row .field.field--1-11 {
  width: 9.0909090909%;
}

.field-row .field.field--2-11 {
  width: 18.1818181818%;
}

.field-row .field.field--3-11 {
  width: 27.2727272727%;
}

.field-row .field.field--4-11 {
  width: 36.3636363636%;
}

.field-row .field.field--5-11 {
  width: 45.4545454545%;
}

.field-row .field.field--6-11 {
  width: 54.5454545455%;
}

.field-row .field.field--7-11 {
  width: 63.6363636364%;
}

.field-row .field.field--8-11 {
  width: 72.7272727273%;
}

.field-row .field.field--9-11 {
  width: 81.8181818182%;
}

.field-row .field.field--10-11 {
  width: 90.9090909091%;
}

.field-row .field.field--11-11 {
  width: 100%;
}

.field-row .field.field--1-12 {
  width: 8.3333333333%;
}

.field-row .field.field--2-12 {
  width: 16.6666666667%;
}

.field-row .field.field--3-12 {
  width: 25%;
}

.field-row .field.field--4-12 {
  width: 33.3333333333%;
}

.field-row .field.field--5-12 {
  width: 41.6666666667%;
}

.field-row .field.field--6-12 {
  width: 50%;
}

.field-row .field.field--7-12 {
  width: 58.3333333333%;
}

.field-row .field.field--8-12 {
  width: 66.6666666667%;
}

.field-row .field.field--9-12 {
  width: 75%;
}

.field-row .field.field--10-12 {
  width: 83.3333333333%;
}

.field-row .field.field--11-12 {
  width: 91.6666666667%;
}

.field-row .field.field--12-12 {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .field-row .field.field--tb-1-1 {
    width: 100%;
  }

  .field-row .field.field--tb-1-2 {
    width: 50%;
  }

  .field-row .field.field--tb-2-2 {
    width: 100%;
  }

  .field-row .field.field--tb-1-3 {
    width: 33.3333333333%;
  }

  .field-row .field.field--tb-2-3 {
    width: 66.6666666667%;
  }

  .field-row .field.field--tb-3-3 {
    width: 100%;
  }

  .field-row .field.field--tb-1-4 {
    width: 25%;
  }

  .field-row .field.field--tb-2-4 {
    width: 50%;
  }

  .field-row .field.field--tb-3-4 {
    width: 75%;
  }

  .field-row .field.field--tb-4-4 {
    width: 100%;
  }

  .field-row .field.field--tb-1-5 {
    width: 20%;
  }

  .field-row .field.field--tb-2-5 {
    width: 40%;
  }

  .field-row .field.field--tb-3-5 {
    width: 60%;
  }

  .field-row .field.field--tb-4-5 {
    width: 80%;
  }

  .field-row .field.field--tb-5-5 {
    width: 100%;
  }

  .field-row .field.field--tb-1-6 {
    width: 16.6666666667%;
  }

  .field-row .field.field--tb-2-6 {
    width: 33.3333333333%;
  }

  .field-row .field.field--tb-3-6 {
    width: 50%;
  }

  .field-row .field.field--tb-4-6 {
    width: 66.6666666667%;
  }

  .field-row .field.field--tb-5-6 {
    width: 83.3333333333%;
  }

  .field-row .field.field--tb-6-6 {
    width: 100%;
  }

  .field-row .field.field--tb-1-7 {
    width: 14.2857142857%;
  }

  .field-row .field.field--tb-2-7 {
    width: 28.5714285714%;
  }

  .field-row .field.field--tb-3-7 {
    width: 42.8571428571%;
  }

  .field-row .field.field--tb-4-7 {
    width: 57.1428571429%;
  }

  .field-row .field.field--tb-5-7 {
    width: 71.4285714286%;
  }

  .field-row .field.field--tb-6-7 {
    width: 85.7142857143%;
  }

  .field-row .field.field--tb-7-7 {
    width: 100%;
  }

  .field-row .field.field--tb-1-8 {
    width: 12.5%;
  }

  .field-row .field.field--tb-2-8 {
    width: 25%;
  }

  .field-row .field.field--tb-3-8 {
    width: 37.5%;
  }

  .field-row .field.field--tb-4-8 {
    width: 50%;
  }

  .field-row .field.field--tb-5-8 {
    width: 62.5%;
  }

  .field-row .field.field--tb-6-8 {
    width: 75%;
  }

  .field-row .field.field--tb-7-8 {
    width: 87.5%;
  }

  .field-row .field.field--tb-8-8 {
    width: 100%;
  }

  .field-row .field.field--tb-1-9 {
    width: 11.1111111111%;
  }

  .field-row .field.field--tb-2-9 {
    width: 22.2222222222%;
  }

  .field-row .field.field--tb-3-9 {
    width: 33.3333333333%;
  }

  .field-row .field.field--tb-4-9 {
    width: 44.4444444444%;
  }

  .field-row .field.field--tb-5-9 {
    width: 55.5555555556%;
  }

  .field-row .field.field--tb-6-9 {
    width: 66.6666666667%;
  }

  .field-row .field.field--tb-7-9 {
    width: 77.7777777778%;
  }

  .field-row .field.field--tb-8-9 {
    width: 88.8888888889%;
  }

  .field-row .field.field--tb-9-9 {
    width: 100%;
  }

  .field-row .field.field--tb-1-10 {
    width: 10%;
  }

  .field-row .field.field--tb-2-10 {
    width: 20%;
  }

  .field-row .field.field--tb-3-10 {
    width: 30%;
  }

  .field-row .field.field--tb-4-10 {
    width: 40%;
  }

  .field-row .field.field--tb-5-10 {
    width: 50%;
  }

  .field-row .field.field--tb-6-10 {
    width: 60%;
  }

  .field-row .field.field--tb-7-10 {
    width: 70%;
  }

  .field-row .field.field--tb-8-10 {
    width: 80%;
  }

  .field-row .field.field--tb-9-10 {
    width: 90%;
  }

  .field-row .field.field--tb-10-10 {
    width: 100%;
  }

  .field-row .field.field--tb-1-11 {
    width: 9.0909090909%;
  }

  .field-row .field.field--tb-2-11 {
    width: 18.1818181818%;
  }

  .field-row .field.field--tb-3-11 {
    width: 27.2727272727%;
  }

  .field-row .field.field--tb-4-11 {
    width: 36.3636363636%;
  }

  .field-row .field.field--tb-5-11 {
    width: 45.4545454545%;
  }

  .field-row .field.field--tb-6-11 {
    width: 54.5454545455%;
  }

  .field-row .field.field--tb-7-11 {
    width: 63.6363636364%;
  }

  .field-row .field.field--tb-8-11 {
    width: 72.7272727273%;
  }

  .field-row .field.field--tb-9-11 {
    width: 81.8181818182%;
  }

  .field-row .field.field--tb-10-11 {
    width: 90.9090909091%;
  }

  .field-row .field.field--tb-11-11 {
    width: 100%;
  }

  .field-row .field.field--tb-1-12 {
    width: 8.3333333333%;
  }

  .field-row .field.field--tb-2-12 {
    width: 16.6666666667%;
  }

  .field-row .field.field--tb-3-12 {
    width: 25%;
  }

  .field-row .field.field--tb-4-12 {
    width: 33.3333333333%;
  }

  .field-row .field.field--tb-5-12 {
    width: 41.6666666667%;
  }

  .field-row .field.field--tb-6-12 {
    width: 50%;
  }

  .field-row .field.field--tb-7-12 {
    width: 58.3333333333%;
  }

  .field-row .field.field--tb-8-12 {
    width: 66.6666666667%;
  }

  .field-row .field.field--tb-9-12 {
    width: 75%;
  }

  .field-row .field.field--tb-10-12 {
    width: 83.3333333333%;
  }

  .field-row .field.field--tb-11-12 {
    width: 91.6666666667%;
  }

  .field-row .field.field--tb-12-12 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .field-row .field.field--mb-1-1 {
    width: 100%;
  }

  .field-row .field.field--mb-1-2 {
    width: 50%;
  }

  .field-row .field.field--mb-2-2 {
    width: 100%;
  }

  .field-row .field.field--mb-1-3 {
    width: 33.3333333333%;
  }

  .field-row .field.field--mb-2-3 {
    width: 66.6666666667%;
  }

  .field-row .field.field--mb-3-3 {
    width: 100%;
  }

  .field-row .field.field--mb-1-4 {
    width: 25%;
  }

  .field-row .field.field--mb-2-4 {
    width: 50%;
  }

  .field-row .field.field--mb-3-4 {
    width: 75%;
  }

  .field-row .field.field--mb-4-4 {
    width: 100%;
  }

  .field-row .field.field--mb-1-5 {
    width: 20%;
  }

  .field-row .field.field--mb-2-5 {
    width: 40%;
  }

  .field-row .field.field--mb-3-5 {
    width: 60%;
  }

  .field-row .field.field--mb-4-5 {
    width: 80%;
  }

  .field-row .field.field--mb-5-5 {
    width: 100%;
  }

  .field-row .field.field--mb-1-6 {
    width: 16.6666666667%;
  }

  .field-row .field.field--mb-2-6 {
    width: 33.3333333333%;
  }

  .field-row .field.field--mb-3-6 {
    width: 50%;
  }

  .field-row .field.field--mb-4-6 {
    width: 66.6666666667%;
  }

  .field-row .field.field--mb-5-6 {
    width: 83.3333333333%;
  }

  .field-row .field.field--mb-6-6 {
    width: 100%;
  }

  .field-row .field.field--mb-1-7 {
    width: 14.2857142857%;
  }

  .field-row .field.field--mb-2-7 {
    width: 28.5714285714%;
  }

  .field-row .field.field--mb-3-7 {
    width: 42.8571428571%;
  }

  .field-row .field.field--mb-4-7 {
    width: 57.1428571429%;
  }

  .field-row .field.field--mb-5-7 {
    width: 71.4285714286%;
  }

  .field-row .field.field--mb-6-7 {
    width: 85.7142857143%;
  }

  .field-row .field.field--mb-7-7 {
    width: 100%;
  }

  .field-row .field.field--mb-1-8 {
    width: 12.5%;
  }

  .field-row .field.field--mb-2-8 {
    width: 25%;
  }

  .field-row .field.field--mb-3-8 {
    width: 37.5%;
  }

  .field-row .field.field--mb-4-8 {
    width: 50%;
  }

  .field-row .field.field--mb-5-8 {
    width: 62.5%;
  }

  .field-row .field.field--mb-6-8 {
    width: 75%;
  }

  .field-row .field.field--mb-7-8 {
    width: 87.5%;
  }

  .field-row .field.field--mb-8-8 {
    width: 100%;
  }

  .field-row .field.field--mb-1-9 {
    width: 11.1111111111%;
  }

  .field-row .field.field--mb-2-9 {
    width: 22.2222222222%;
  }

  .field-row .field.field--mb-3-9 {
    width: 33.3333333333%;
  }

  .field-row .field.field--mb-4-9 {
    width: 44.4444444444%;
  }

  .field-row .field.field--mb-5-9 {
    width: 55.5555555556%;
  }

  .field-row .field.field--mb-6-9 {
    width: 66.6666666667%;
  }

  .field-row .field.field--mb-7-9 {
    width: 77.7777777778%;
  }

  .field-row .field.field--mb-8-9 {
    width: 88.8888888889%;
  }

  .field-row .field.field--mb-9-9 {
    width: 100%;
  }

  .field-row .field.field--mb-1-10 {
    width: 10%;
  }

  .field-row .field.field--mb-2-10 {
    width: 20%;
  }

  .field-row .field.field--mb-3-10 {
    width: 30%;
  }

  .field-row .field.field--mb-4-10 {
    width: 40%;
  }

  .field-row .field.field--mb-5-10 {
    width: 50%;
  }

  .field-row .field.field--mb-6-10 {
    width: 60%;
  }

  .field-row .field.field--mb-7-10 {
    width: 70%;
  }

  .field-row .field.field--mb-8-10 {
    width: 80%;
  }

  .field-row .field.field--mb-9-10 {
    width: 90%;
  }

  .field-row .field.field--mb-10-10 {
    width: 100%;
  }

  .field-row .field.field--mb-1-11 {
    width: 9.0909090909%;
  }

  .field-row .field.field--mb-2-11 {
    width: 18.1818181818%;
  }

  .field-row .field.field--mb-3-11 {
    width: 27.2727272727%;
  }

  .field-row .field.field--mb-4-11 {
    width: 36.3636363636%;
  }

  .field-row .field.field--mb-5-11 {
    width: 45.4545454545%;
  }

  .field-row .field.field--mb-6-11 {
    width: 54.5454545455%;
  }

  .field-row .field.field--mb-7-11 {
    width: 63.6363636364%;
  }

  .field-row .field.field--mb-8-11 {
    width: 72.7272727273%;
  }

  .field-row .field.field--mb-9-11 {
    width: 81.8181818182%;
  }

  .field-row .field.field--mb-10-11 {
    width: 90.9090909091%;
  }

  .field-row .field.field--mb-11-11 {
    width: 100%;
  }

  .field-row .field.field--mb-1-12 {
    width: 8.3333333333%;
  }

  .field-row .field.field--mb-2-12 {
    width: 16.6666666667%;
  }

  .field-row .field.field--mb-3-12 {
    width: 25%;
  }

  .field-row .field.field--mb-4-12 {
    width: 33.3333333333%;
  }

  .field-row .field.field--mb-5-12 {
    width: 41.6666666667%;
  }

  .field-row .field.field--mb-6-12 {
    width: 50%;
  }

  .field-row .field.field--mb-7-12 {
    width: 58.3333333333%;
  }

  .field-row .field.field--mb-8-12 {
    width: 66.6666666667%;
  }

  .field-row .field.field--mb-9-12 {
    width: 75%;
  }

  .field-row .field.field--mb-10-12 {
    width: 83.3333333333%;
  }

  .field-row .field.field--mb-11-12 {
    width: 91.6666666667%;
  }

  .field-row .field.field--mb-12-12 {
    width: 100%;
  }
}

.field-note {
  font-size: 12px;
}

.field-mini-helper {
  display: block;
  font-size: 12px;
  margin-top: 5px;
}

.field-mini-helper:after {
  content: '';
  display: inline-block;
  margin-left: 9px;
  width: 9px;
  height: 9px;
  background: url(../images/icons/icon-arrow.html) no-repeat center center;
  background-size: 100%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.field-helper {
  line-height: 45px;
  font-size: 15px;
}

.field-helper.field-helper--link {
  text-decoration: underline;
}

.field-helper.field-helper--right {
  float: right;
}

.field .field__holder {
  font-size: 0;
}

.field .field__label {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  color: #FFF;
}

.field .field__label p,
.field .field__label span,
.field .field__label h1,
.field .field__label h2,
.field .field__label h3,
.field .field__label h4,
.field .field__label h5,
.field .field__label h6 {
  margin: 0;
  font-size: 16px;
  font-family: "Roboto", Arial, sans-serif;
}

.field.field--hidden {
  display: none !important;
}

.field.field--err .custom-select ul,
.field.field--err .custom-select a,
.field.field--err .custom-checkbox,
.field.field--err.field--radio .field__holder,
.field.field--err.custom-checkbox,
.field.field--err input,
.field.field--err textarea,
.field .field--err .custom-select ul,
.field .field--err .custom-select a,
.field .field--err .custom-checkbox,
.field .field--err.field--radio .field__holder,
.field .field--err.custom-checkbox,
.field .field--err input,
.field .field--err textarea {
  border-color: #ef9696 !important;
}

.field.field--err.custom-select ul,
.field.field--err.custom-select a,
.field .field--err.custom-select ul,
.field .field--err.custom-select a {
  border-color: #ef9696 !important;
}

.field.field--err.custom-select a:after,
.field.field--err .custom-select a:after,
.field .field--err.custom-select a:after,
.field .field--err .custom-select a:after {
  background-image: url(../images/icons/icon-arrow-red.html);
}

.field.field--err.field--radio .err-msg,
.field .field--err.field--radio .err-msg {
  text-align: center;
}

.field.field-instant-check input {
  padding-right: 60px;
}

.field.field-instant-check .field-instant-check__result {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12.5px;
  width: 25px;
  height: 25px;
}

.field.field-instant-check .field-instant-check__result:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/icons/icon-check-tick.html);
  background-size: 100%;
}

.field.field-instant-check .field-instant-check__result.pass {
  display: block;
}

.field.field-instant-check .field-instant-check__result.non-pass {
  display: block;
}

.field.field-instant-check .field-instant-check__result.non-pass:before {
  background-image: url(../images/icons/icon-check-cross.html);
}

.field-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative;
}

.field-item.field-item--1-1 {
  width: 100%;
}

.field-item.field-item--1-2 {
  width: 50%;
}

.field-item.field-item--2-2 {
  width: 100%;
}

.field-item.field-item--1-3 {
  width: 33.3333333333%;
}

.field-item.field-item--2-3 {
  width: 66.6666666667%;
}

.field-item.field-item--3-3 {
  width: 100%;
}

.field-item.field-item--1-4 {
  width: 25%;
}

.field-item.field-item--2-4 {
  width: 50%;
}

.field-item.field-item--3-4 {
  width: 75%;
}

.field-item.field-item--4-4 {
  width: 100%;
}

.field-item.field-item--1-5 {
  width: 20%;
}

.field-item.field-item--2-5 {
  width: 40%;
}

.field-item.field-item--3-5 {
  width: 60%;
}

.field-item.field-item--4-5 {
  width: 80%;
}

.field-item.field-item--5-5 {
  width: 100%;
}

.field-item.field-item--1-6 {
  width: 16.6666666667%;
}

.field-item.field-item--2-6 {
  width: 33.3333333333%;
}

.field-item.field-item--3-6 {
  width: 50%;
}

.field-item.field-item--4-6 {
  width: 66.6666666667%;
}

.field-item.field-item--5-6 {
  width: 83.3333333333%;
}

.field-item.field-item--6-6 {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .field-item.field-item--tb-1-1 {
    width: 100%;
  }

  .field-item.field-item--tb-1-2 {
    width: 50%;
  }

  .field-item.field-item--tb-2-2 {
    width: 100%;
  }

  .field-item.field-item--tb-1-3 {
    width: 33.3333333333%;
  }

  .field-item.field-item--tb-2-3 {
    width: 66.6666666667%;
  }

  .field-item.field-item--tb-3-3 {
    width: 100%;
  }

  .field-item.field-item--tb-1-4 {
    width: 25%;
  }

  .field-item.field-item--tb-2-4 {
    width: 50%;
  }

  .field-item.field-item--tb-3-4 {
    width: 75%;
  }

  .field-item.field-item--tb-4-4 {
    width: 100%;
  }

  .field-item.field-item--tb-1-5 {
    width: 20%;
  }

  .field-item.field-item--tb-2-5 {
    width: 40%;
  }

  .field-item.field-item--tb-3-5 {
    width: 60%;
  }

  .field-item.field-item--tb-4-5 {
    width: 80%;
  }

  .field-item.field-item--tb-5-5 {
    width: 100%;
  }

  .field-item.field-item--tb-1-6 {
    width: 16.6666666667%;
  }

  .field-item.field-item--tb-2-6 {
    width: 33.3333333333%;
  }

  .field-item.field-item--tb-3-6 {
    width: 50%;
  }

  .field-item.field-item--tb-4-6 {
    width: 66.6666666667%;
  }

  .field-item.field-item--tb-5-6 {
    width: 83.3333333333%;
  }

  .field-item.field-item--tb-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .field-item.field-item--mb-1-1 {
    width: 100%;
  }

  .field-item.field-item--mb-1-2 {
    width: 50%;
  }

  .field-item.field-item--mb-2-2 {
    width: 100%;
  }

  .field-item.field-item--mb-1-3 {
    width: 33.3333333333%;
  }

  .field-item.field-item--mb-2-3 {
    width: 66.6666666667%;
  }

  .field-item.field-item--mb-3-3 {
    width: 100%;
  }

  .field-item.field-item--mb-1-4 {
    width: 25%;
  }

  .field-item.field-item--mb-2-4 {
    width: 50%;
  }

  .field-item.field-item--mb-3-4 {
    width: 75%;
  }

  .field-item.field-item--mb-4-4 {
    width: 100%;
  }

  .field-item.field-item--mb-1-5 {
    width: 20%;
  }

  .field-item.field-item--mb-2-5 {
    width: 40%;
  }

  .field-item.field-item--mb-3-5 {
    width: 60%;
  }

  .field-item.field-item--mb-4-5 {
    width: 80%;
  }

  .field-item.field-item--mb-5-5 {
    width: 100%;
  }

  .field-item.field-item--mb-1-6 {
    width: 16.6666666667%;
  }

  .field-item.field-item--mb-2-6 {
    width: 33.3333333333%;
  }

  .field-item.field-item--mb-3-6 {
    width: 50%;
  }

  .field-item.field-item--mb-4-6 {
    width: 66.6666666667%;
  }

  .field-item.field-item--mb-5-6 {
    width: 83.3333333333%;
  }

  .field-item.field-item--mb-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .field-item.field-item--ms-1-1 {
    width: 100%;
  }

  .field-item.field-item--ms-1-2 {
    width: 50%;
  }

  .field-item.field-item--ms-2-2 {
    width: 100%;
  }

  .field-item.field-item--ms-1-3 {
    width: 33.3333333333%;
  }

  .field-item.field-item--ms-2-3 {
    width: 66.6666666667%;
  }

  .field-item.field-item--ms-3-3 {
    width: 100%;
  }

  .field-item.field-item--ms-1-4 {
    width: 25%;
  }

  .field-item.field-item--ms-2-4 {
    width: 50%;
  }

  .field-item.field-item--ms-3-4 {
    width: 75%;
  }

  .field-item.field-item--ms-4-4 {
    width: 100%;
  }

  .field-item.field-item--ms-1-5 {
    width: 20%;
  }

  .field-item.field-item--ms-2-5 {
    width: 40%;
  }

  .field-item.field-item--ms-3-5 {
    width: 60%;
  }

  .field-item.field-item--ms-4-5 {
    width: 80%;
  }

  .field-item.field-item--ms-5-5 {
    width: 100%;
  }

  .field-item.field-item--ms-1-6 {
    width: 16.6666666667%;
  }

  .field-item.field-item--ms-2-6 {
    width: 33.3333333333%;
  }

  .field-item.field-item--ms-3-6 {
    width: 50%;
  }

  .field-item.field-item--ms-4-6 {
    width: 66.6666666667%;
  }

  .field-item.field-item--ms-5-6 {
    width: 83.3333333333%;
  }

  .field-item.field-item--ms-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .field-item.field-item--sm-1-1 {
    width: 100%;
  }

  .field-item.field-item--sm-1-2 {
    width: 50%;
  }

  .field-item.field-item--sm-2-2 {
    width: 100%;
  }

  .field-item.field-item--sm-1-3 {
    width: 33.3333333333%;
  }

  .field-item.field-item--sm-2-3 {
    width: 66.6666666667%;
  }

  .field-item.field-item--sm-3-3 {
    width: 100%;
  }

  .field-item.field-item--sm-1-4 {
    width: 25%;
  }

  .field-item.field-item--sm-2-4 {
    width: 50%;
  }

  .field-item.field-item--sm-3-4 {
    width: 75%;
  }

  .field-item.field-item--sm-4-4 {
    width: 100%;
  }

  .field-item.field-item--sm-1-5 {
    width: 20%;
  }

  .field-item.field-item--sm-2-5 {
    width: 40%;
  }

  .field-item.field-item--sm-3-5 {
    width: 60%;
  }

  .field-item.field-item--sm-4-5 {
    width: 80%;
  }

  .field-item.field-item--sm-5-5 {
    width: 100%;
  }

  .field-item.field-item--sm-1-6 {
    width: 16.6666666667%;
  }

  .field-item.field-item--sm-2-6 {
    width: 33.3333333333%;
  }

  .field-item.field-item--sm-3-6 {
    width: 50%;
  }

  .field-item.field-item--sm-4-6 {
    width: 66.6666666667%;
  }

  .field-item.field-item--sm-5-6 {
    width: 83.3333333333%;
  }

  .field-item.field-item--sm-6-6 {
    width: 100%;
  }
}

@media screen and (max-width: 380px) {
  .field-item.field-item--xs-1-1 {
    width: 100%;
  }

  .field-item.field-item--xs-1-2 {
    width: 50%;
  }

  .field-item.field-item--xs-2-2 {
    width: 100%;
  }

  .field-item.field-item--xs-1-3 {
    width: 33.3333333333%;
  }

  .field-item.field-item--xs-2-3 {
    width: 66.6666666667%;
  }

  .field-item.field-item--xs-3-3 {
    width: 100%;
  }

  .field-item.field-item--xs-1-4 {
    width: 25%;
  }

  .field-item.field-item--xs-2-4 {
    width: 50%;
  }

  .field-item.field-item--xs-3-4 {
    width: 75%;
  }

  .field-item.field-item--xs-4-4 {
    width: 100%;
  }

  .field-item.field-item--xs-1-5 {
    width: 20%;
  }

  .field-item.field-item--xs-2-5 {
    width: 40%;
  }

  .field-item.field-item--xs-3-5 {
    width: 60%;
  }

  .field-item.field-item--xs-4-5 {
    width: 80%;
  }

  .field-item.field-item--xs-5-5 {
    width: 100%;
  }

  .field-item.field-item--xs-1-6 {
    width: 16.6666666667%;
  }

  .field-item.field-item--xs-2-6 {
    width: 33.3333333333%;
  }

  .field-item.field-item--xs-3-6 {
    width: 50%;
  }

  .field-item.field-item--xs-4-6 {
    width: 66.6666666667%;
  }

  .field-item.field-item--xs-5-6 {
    width: 83.3333333333%;
  }

  .field-item.field-item--xs-6-6 {
    width: 100%;
  }
}

.field-item .custom-select a,
.field-item input {
  border-left: 0;
}

.form-small {
  max-width: 370px;
  margin: 0 auto;
  text-align: center;
}

.form-small .field-row {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .form-small .field-row {
    margin-bottom: 20px;
  }
}

.form-small .field .field__label {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .form-small .field .field__label {
    margin-bottom: 15px;
  }
}

.form-medium {
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}

.form-medium .field-row {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .form-medium .field-row {
    margin-bottom: 20px;
  }
}

.form-medium .field .field__label {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .form-medium .field .field__label {
    margin-bottom: 15px;
  }
}

.form-checklist .field-grid td {
  font-size: 14px;
}

.form-checklist .custom-checkbox {
  font-size: 14px;
}

.ui-datepicker {
  width: 320px;
  background: #fff;
}

.ui-datepicker .ui-datepicker-prev {
  margin-left: 10px;
}

.ui-datepicker .ui-datepicker-next {
  float: right;
  margin-right: 10px;
}

.ui-datepicker .ui-datepicker-title {
  text-align: center;
}

.ui-datepicker .ui-datepicker-calendar {
  margin: 10px 0;
  width: 100%;
}

.ui-datepicker .ui-datepicker-calendar th {
  width: 14%;
}

.ui-datepicker .ui-datepicker-calendar td {
  padding: 5px;
  text-align: center;
}

/* Style for header-logo */
/* ------------------------------------------ */
.header-logo {
  width: 218px;
  height: 100%;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: 4px solid #F26522;
}

@media screen and (max-width: 1400px) {
  .header-logo {
    width: 190px;
  }
}

@media screen and (max-width: 991px) {
  .header-logo {
    width: 130px;
  }
}

@media screen and (max-width: 480px) {
  .header-logo {
    width: 130px;
  }
}

.header-logo:hover {
  opacity: 1;
}

.header-logo img {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* END Style header-logo  */
/* ------------------------------------------ */
/* Style for header-nav */
/* ------------------------------------------ */
.header-nav {
  display: inline-block;
  vertical-align: middle;
  margin-left: 80px;
  position: absolute;
  bottom: 15px;
  right: 0;
}

@media screen and (max-width: 1200px) {
  .header-nav {
    margin-left: 60px;
  }
}

@media screen and (max-width: 991px) {
  .header-nav {
    display: none;
  }
}

.header-nav .header-nav__link-holder {
  display: inline-block;
  margin-right: 32px;
  height: 100%;
  position: relative;
}

@media screen and (max-width: 1600px) {
  .header-nav .header-nav__link-holder {
    margin-right: 25px;
  }
}

@media screen and (max-width: 1200px) {
  .header-nav .header-nav__link-holder {
    margin-right: 10px;
  }
}

.header-nav .header-nav__link-holder:last-child {
  margin-right: 0;
}

.header-nav .header-nav__link-holder:hover {
  opacity: 1;
}

.header-nav .header-nav__link-holder:hover .header-nav__sub-holder {
  -webkit-transform: scale(1, 1) translateX(-50%);
  -ms-transform: scale(1, 1) translateX(-50%);
  transform: scale(1, 1) translateX(-50%);
}

.header-nav .header-nav__link-holder:hover .header-nav__link {
  opacity: 1;
  /* color: #F26522; */
  color: #505050;
}

.header-nav .header-nav__link-holder:hover .header-nav__sub-link {
  opacity: 1;
  transition: 0.3s 0.1s;
}

.header-nav .header-nav__link {
  font-size: 16px;
  font-weight: bold;
  padding: 2px 0;
  position: relative;
  z-index: 10;
}

.header-nav .header-nav__link:lang(zh-hk) {
  padding: 4px 0;
}

.header-nav .header-nav__link:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

.header-nav .header-nav__link>span {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1200px) {
  .header-nav .header-nav__link {
    font-size: 13px;
  }
}

.header-nav .header-nav__link.active {
  /* color: #F26522; */
  color: #505050;
  border-bottom: 2px #505050 solid;
}

.header-nav .header-nav__link:hover {
  opacity: 1;
  /* color: #F26522; */
  color: #505050;
}

.header-nav .header-nav__link:last-child {
  margin-right: 0;
}

.header-nav .header-nav__sub-holder {
  background: #F26522;
  position: absolute;
  top: 100%;
  margin-top: 15px;
  left: 50%;
  padding: 20px;
  min-width: 200px;
  text-align: center;
  z-index: 5;
  font-size: 14px;
  transition: 0.3s;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(1, 0) translateX(-50%);
  -ms-transform: scale(1, 0) translateX(-50%);
  transform: scale(1, 0) translateX(-50%);
}

.header-nav .header-nav__sub-holder:before {
  content: '';
  opacity: 0;
  left: 0;
  bottom: 100%;
  width: 100%;
  height: 30px;
  display: block;
  position: absolute;
}

.header-nav .header-nav__sub-holder:after {
  content: '';
  bottom: 100%;
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0;
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #F26522 transparent;
}

.header-nav .header-nav__sub-link {
  display: block;
  margin-bottom: 5px;
  opacity: 0;
  color: #FFF;
  position: relative;
  transition: 0.1s 0s;
  padding: 2px 0;
  /*
    &:after{
        content:'';
        height:0;
        top:0;
        position:absolute;
        left:0;
        width:3px;
        display:block;
        background:$colorSubTxt;
        //@include transition(.3s);
    }
    */
}

.header-nav .header-nav__sub-link:hover {
  text-decoration: underline;
  /*
      &:after{
      height:100%;
      }
      */
}

.header-nav .header-nav__sub-link:hover:after {
  width: 100%;
}

/* END Style header-nav  */
/* ------------------------------------------ */
/* Style for header-top */
/* ------------------------------------------ */
.header-top {
  font-size: 13px;
  position: absolute;
  top: 15px;
  right: 0;
}

@media screen and (max-width: 991px) {
  .header-top {
    display: none;
  }
}

.header-top .header-top__link {
  display: inline-block;
  margin-right: 18px;
  padding-right: 18px;
  /* border-right: 1px solid #FFF; */
  border-right: 1px solid #F26522;
}

.header-top .header-top__link:hover {
  opacity: 1;
  /* color: #F26522; */
  color: #505050;
}

.header-top .header-top__lang-panel {
  display: inline-block;
}

.header-top .header-top__lang-panel .header-top__lang-btn {
  cursor: pointer;
  margin-right: 10px;
}

.header-top .header-top__lang-panel .header-top__lang-btn:hover {
  opacity: 1;
  /* color: #F26522; */
  color: #505050;
}

.header-top .header-top__lang-panel .header-top__lang-btn:lang(zh-hk) {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

.header-top .header-top__lang-panel .header-top__lang-btn:lang(zh-cn) {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

.header-top .header-top__lang-panel .header-top__lang-btn.active {
  border-bottom: 2px solid #F26522;
}

.header-top .header-top__lang-panel .header-top__lang-btn:last-child {
  margin-right: 0;
}

/* END Style header-top  */
/* ------------------------------------------ */
/* Style for highlight-table */
/* ------------------------------------------ */
.highlight-table {
  width: 100%;
  margin-bottom: 30px;
}

.highlight-table:last-child {
  margin-bottom: 0;
}

.highlight-table table {
  position: relative;
  width: 100%;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .highlight-table table {
    display: block;
  }

  .highlight-table table tbody {
    width: 100%;
    display: block;
  }
}

.highlight-table table tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 767px) {
  .highlight-table table tr {
    width: 100%;
    display: block;
    padding: 15px 0;
    font-size: 0px;
  }
}

.highlight-table table th {
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .highlight-table table th {
    display: none;
  }

  .highlight-table table th:first-child {
    width: 100%;
    display: block;
  }
}

.highlight-table table td {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .highlight-table table td {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
}

.highlight-table table th,
.highlight-table table td {
  color: #7d7d7d;
  /* color: #bcbcbc; */
  font-weight: 300;
  padding: 20px 10px;
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width: 767px) {

  .highlight-table table th,
  .highlight-table table td {
    width: 33.3333%;
    padding: 0 10px;
  }
}

@media screen and (max-width: 480px) {

  .highlight-table table th,
  .highlight-table table td {
    font-size: 13px;
  }
}

.highlight-table table th:first-child,
.highlight-table table th:nth-child(2),
.highlight-table table td:first-child,
.highlight-table table td:nth-child(2) {
  color: #0064a7;
  /* color: #FFF; */
  font-weight: 400;
}

.highlight-table table th:first-child,
.highlight-table table td:first-child {
  width: 60%;
}

@media screen and (max-width: 767px) {

  .highlight-table table th:first-child,
  .highlight-table table td:first-child {
    width: 100%;
    padding: 0 10px 15px;
  }
}

.highlight-table table th .highlight-table__main-title,
.highlight-table table td .highlight-table__main-title {
  font-size: 45px;
  font-weight: 100;
  margin: 0;
}

@media screen and (max-width: 991px) {

  .highlight-table table th .highlight-table__main-title,
  .highlight-table table td .highlight-table__main-title {
    font-size: 36px;
  }
}

@media screen and (max-width: 640px) {

  .highlight-table table th .highlight-table__main-title,
  .highlight-table table td .highlight-table__main-title {
    font-size: 28px;
  }
}

.highlight-table table th .highlight-table__item-title,
.highlight-table table td .highlight-table__item-title {
  font-size: 20px;
  margin: 0;
  font-weight: 400;
}

@media screen and (max-width: 991px) {

  .highlight-table table th .highlight-table__item-title,
  .highlight-table table td .highlight-table__item-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 640px) {

  .highlight-table table th .highlight-table__item-title,
  .highlight-table table td .highlight-table__item-title {
    font-size: 16px;
  }
}

.highlight-table table th .highlight-table__item-subtitle,
.highlight-table table td .highlight-table__item-subtitle {
  font-size: 16px;
  margin: 0;
  font-weight: 100;
}

.highlight-table table .highlight-table__mob-head {
  display: none;
}

@media screen and (max-width: 767px) {
  .highlight-table table .highlight-table__mob-head {
    display: block;
    margin-bottom: 10px;
  }
}

.financial-highlight.highlight-table table th .highlight-table__main-title,
.financial-highlight.highlight-table table td .highlight-table__main-title {
  font-size: 28px;
}

@media screen and (min-width: 768px) {

  .financial-highlight.highlight-table table th,
  .financial-highlight.highlight-table table td {
    padding: 15px 0;
  }

  .financial-highlight.highlight-table table th:first-child,
  .financial-highlight.highlight-table table td:first-child {
    width: 45%;
  }
}

/* END Style highlight-table  */
/* ------------------------------------------ */
/* Style for highlight-chart */
/* ------------------------------------------ */
.highlight-chart {
  margin: auto -10px;
}

.highlight-chart::after {
  content: "";
  display: table;
  clear: both;
}

.highlight-chart .highlight-chart__col {
  float: left;
  width: 100%;
  padding: 10px 10px;
}

.highlight-chart .highlight-chart__col img {
  width: 100%;
}

.highlight-chart .highlight-chart__col_50 {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .highlight-chart .highlight-chart__col_50 {
    width: 100%;
  }
}

/* END Style highlight-chart  */
/* ------------------------------------------ */
/* Style for dash-list */
/* ------------------------------------------ */
.dash-list {
  list-style: none;
}

.dash-list li span {
  display: inline-block;
  width: calc(100% - 20px);
  vertical-align: top;
}

.dash-list li:before {
  content: '-';
  margin: 0 10px 0 5px;
  display: inline-block;
  vertical-align: top;
}

/* END Style dash-list  */
/* ------------------------------------------ */
/* Style for img-boxes */
/* ------------------------------------------ */
.img-boxes {
  position: relative;
  width: 100%;
  font-size: 0;
  text-align: center;
  padding: 15px 0;
}

.img-boxes .img-boxes__box {
  display: inline-block;
  width: 33.3333%;
  padding: 0 18px;
}

@media screen and (max-width: 767px) {
  .img-boxes .img-boxes__box {
    width: 100%;
    max-width: 300px;
    margin-bottom: 60px;
  }

  .img-boxes .img-boxes__box:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .img-boxes .img-boxes__box {
    padding: 0;
  }
}

.img-boxes .img-boxes__box .img-boxes__img {
  position: relative;
  width: 100%;
  margin: 0 auto 30px;
  display: block;
}

.img-boxes .img-boxes__box .img-boxes__txt {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .img-boxes .img-boxes__box .img-boxes__txt {
    text-align: center;
  }
}

.img-boxes .img-boxes__box .img-boxes__title {
  font-size: 20px;
  margin: 0 auto 10px;
  font-weight: normal;
}

.img-boxes .img-boxes__box .img-boxes__desc {
  font-size: 14px;
  margin: 0 auto 10px;
}

.img-boxes .img-boxes__box .img-boxes__desc:last-child {
  margin-bottom: 0;
}

/* END Style img-boxes  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.img-holder {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.img-holder img {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

/* END Style sample  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.latest-report {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.latest-report .latest-report__img {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  max-width: 347px;
}

@media screen and (max-width: 319px) {
  .latest-report .latest-report__img {
    width: 40%;
    vertical-align: bottom;
  }
}

.latest-report .latest-report__txt {
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

@media screen and (max-width: 319px) {
  .latest-report .latest-report__txt {
    margin: 15px 0;
  }
}

.latest-report .latest-report__txt .latest-report__date {
  font-size: 20px;
  font-weight: 100;
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .latest-report .latest-report__txt .latest-report__date {
    font-size: 18px;
  }
}

@media screen and (max-width: 560px) {
  .latest-report .latest-report__txt .latest-report__date {
    font-size: 16px;
    margin: 0 0 10px;
  }
}

.latest-report .latest-report__txt .latest-report__title {
  font-size: 40px;
  font-weight: 400;
  margin: 0 0 0;
}

@media screen and (max-width: 767px) {
  .latest-report .latest-report__txt .latest-report__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 560px) {
  .latest-report .latest-report__txt .latest-report__title {
    font-size: 24px;
  }
}

@media screen and (max-width: 380px) {
  .latest-report .latest-report__txt .latest-report__title {
    font-size: 20px;
  }
}

.latest-report .latest-report__txt .latest-report__year {
  font-size: 40px;
  font-weight: 100;
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .latest-report .latest-report__txt .latest-report__year {
    font-size: 32px;
  }
}

@media screen and (max-width: 560px) {
  .latest-report .latest-report__txt .latest-report__year {
    font-size: 24px;
  }
}

@media screen and (max-width: 380px) {
  .latest-report .latest-report__txt .latest-report__year {
    font-size: 20px;
    margin: 0 0 10px;
  }
}

.latest-report .latest-report__txt .btn-row {
  text-align: left;
}

@media screen and (max-width: 560px) {
  .latest-report .latest-report__txt .btn-row {
    margin-top: 0;
  }
}

/* END Style sample  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.main-banner {
  position: relative;
  z-index: 10;
  width: 100%;
}

.main-banner .content-wrapper {
  height: 100%;
}

.main-banner--inner-banner {
  background: #868687;
  color: #FFF;
  height: 500px;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner {
    height: 400px;
  }
}

@media screen and (max-width: 480px) {
  .main-banner--inner-banner {
    height: 300px;
  }
}

.main-banner--inner-banner#main-banner--message-from-chairman {
  background: url(../images/about-us/img-banner-message-from-chairman.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--message-from-chairman {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--mission-and-vision {
  background: url(../images/about-us/img-banner-mission-and-vision.jpg) no-repeat right center;
  background-size: cover;
}

.main-banner--inner-banner#main-banner--corporate-structure {
  background: url(../images/about-us/img-banner-corporate-structure.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--corporate-structure {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--management {
  background: url(../images/about-us/img-banner-management.jpg) no-repeat right center;
  background-size: cover;
}

.main-banner--inner-banner#main-banner--product-listing {
  background: url(../images/product-and-services/img-banner-product-listing.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--product-listing {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--financial-highlights {
  background: url(../images/investor-relations/img-banner-financial-highlights.jpg) no-repeat right center;
  background-size: cover;
}

.main-banner--inner-banner#main-banner--announcement {
  background: url(../images/investor-relations/img-banner-announcement.jpg) no-repeat right center;
  background-size: cover;
}

.main-banner--inner-banner#main-banner--annual-or-interim-reports {
  background: url(../images/investor-relations/img-banner-annual-or-interim-reports.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--annual-or-interim-reports {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--prospectus {
  background: url(../images/investor-relations/img-banner-prospectus.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--prospectus {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--stock-info {
  background: url(../images/investor-relations/img-banner-stock-info.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--stock-info {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--circular-and-proxy-forms {
  background: url(../images/investor-relations/img-banner-circular-and-proxy-forms.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--circular-and-proxy-forms {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--news-room {
  background: url(../images/news-room/img-banner-news-room.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--news-room {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--press-release {
  background: url(../images/news-room/img-banner-news-room.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--press-release {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--company-advancement {
  background: url(../images/news-room/img-banner-news-room.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--company-advancement {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--new-business-and-customers {
  background: url(../images/news-room/img-banner-news-room.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--new-business-and-customers {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--product-development {
  background: url(../images/news-room/img-banner-news-room.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--product-development {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--sustainability {
  background: url(../images/sustainability/img-banner-sustainability.jpg) no-repeat right center;
  background-size: cover;
  border-bottom: 7px solid #F26522;
}

@media screen and (max-width: 767px) {
  .main-banner--inner-banner#main-banner--sustainability {
    border-bottom: 5px solid #F26522;
  }
}

.main-banner--inner-banner#main-banner--careers {
  background: url(../images/careers/img-banner-careers.jpg) no-repeat right center;
  background-size: cover;
}

.main-banner--inner-banner#main-banner--contact-us {
  background: url(../images/contact-us/img-banner-contact-us.jpg) no-repeat right center;
  background-size: cover;
}

.main-banner--inner-banner .main-banner__title {
  text-align: center;
  font-weight: 300;
}

.main-banner__slider {
  height: 600px;
  width: 100%;
  position: relative;
}

.main-banner__slide {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.main-banner__slide .main-banner__slide-bg {
  position: absolute;
  height: 125%;
  width: 100%;
  top: -25%;
  left: 0;
  z-index: 0;
  background-size: cover;
  background: url() no-repeat center center;
  background-size: cover;
  transition: 0.8s cubic-bezier(0.215, 0.725, 0.49, 0.99);
}

.main-banner__slide>.content-wrapper {
  z-index: z;
}

.main-banner__slide#slide1 .main-banner__slide-bg {
  background-image: url(../images/home/img-banner-home1.jpg);
}

.main-banner__slide#slide2 .main-banner__slide-bg {
  background-image: url(../images/home/img-banner-home2.jpg);
  background-position: center top;
}

.main-banner__slide#slide3 .main-banner__slide-bg {
  background-image: url(../images/home/img-banner-home3.jpg);
}

.main-banner__slide#slide4 .main-banner__slide-bg {
  background-image: url(../images/home/img-banner-home4.jpg);
}

.main-banner__slide:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: 0.2;
  z-index: 5;
}

.main-banner__slide.swiper-slide-active .main-banner__title,
.main-banner__slide.swiper-slide-active .main-banner__desc {
  -webkit-animation: main-banner-txt-fade-in 1s forwards 0.3s;
  animation: main-banner-txt-fade-in 1s forwards 0.3s;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-banner__slide .main-banner__title,
.main-banner__slide .main-banner__desc {
  opacity: 0;
}

.main-banner__slide .main-banner__title {
  font-size: 80px;
}

@media screen and (max-width: 991px) {
  .main-banner__slide .main-banner__title {
    font-size: 48px;
  }
}

@media screen and (max-width: 767px) {
  .main-banner__slide .main-banner__title {
    font-size: 46px;
  }
}

.main-banner__txt {
  width: 100%;
  max-width: 960px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
  z-index: 10;
}

@media screen and (max-width: 991px) {
  .main-banner__txt {
    /* margin-top: 20px; */
  }
}

.main-banner__title {
  font-size: 65px;
  line-height: 1.2em;
  margin: 0 0 30px;
  color: #FFF;
  font-weight: 100;
}

.main-banner__title:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .main-banner__title {
    font-size: 60px;
  }
}

@media screen and (max-width: 991px) {
  .main-banner__title {
    font-size: 48px;
  }
}

@media screen and (max-width: 767px) {
  .main-banner__title {
    font-size: 36px;
  }
}

.main-banner__title .main-banner__title-tag {
  font-weight: bold;
  display: block;
  color: #FFF;
  margin: 0 auto;
}

.main-banner__desc {
  color: #FFF;
  font-size: 16px;
  line-height: 1.5em;
  display: block;
  width: 100%;
  max-width: 360px;
  margin: 0;
}

.main-banner__slider-control {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 960px;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: visible;
  z-index: 10;
}

.main-banner__pagination {
  position: relative;
  margin: 0 auto;
}

.main-banner__pagination .swiper-pagination-bullet {
  width: 40px;
  height: 3px;
  border-radius: 0;
  margin: 0 8px;
  background: #FFF;
  opacity: 1;
  position: relative;
  overflow: hidden;
  outline: none;
  border: 0;
  -webkit-transform: rotate(0.02deg);
  -ms-transform: rotate(0.02deg);
  transform: rotate(0.02deg);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-banner__pagination .swiper-pagination-bullet:before {
  content: '';
  display: block;
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 200%;
  background: #F26522;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: translateX(-101%) translateZ(0);
  -ms-transform: translateX(-101%) translateZ(0);
  transform: translateX(-101%) translateZ(0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #FFF;
}

.main-banner__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  -webkit-animation: main-banner-loading 5.1s linear;
  animation: main-banner-loading 5.1s linear;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.main-banner__slider-prev,
.main-banner__slider-next {
  display: none;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.main-banner__slider-pause {
  display: none;
}

.main-banner__slider-prev {
  right: 100%;
}

.main-banner__slider-next {
  left: 100%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.main-banner__sub-title {
  display: block;
  color: #FFF;
  font-size: 40px;
  line-height: 1.25em;
  margin-top: 60px;
  margin-bottom: 0;
  position: relative;
}

/* END Style sample  */
/* ------------------------------------------ */
/* Style for management-ceo */
/* ------------------------------------------ */
.management-ceo {
  display: block;
  position: relative;
  text-align: center;
}

.management-ceo .management-ceo__img {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  max-width: 444px;
}

@media screen and (max-width: 640px) {
  .management-ceo .management-ceo__img {
    width: 40%;
  }
}

@media screen and (max-width: 480px) {
  .management-ceo .management-ceo__img {
    width: 38%;
  }
}

@media screen and (max-width: 319px) {
  .management-ceo .management-ceo__img {
    width: 35%;
  }
}

.management-ceo .management-ceo__desc {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 50%;
}

@media screen and (max-width: 640px) {
  .management-ceo .management-ceo__desc {
    max-width: 60%;
  }
}

@media screen and (max-width: 480px) {
  .management-ceo .management-ceo__desc {
    max-width: 62%;
  }
}

@media screen and (max-width: 319px) {
  .management-ceo .management-ceo__desc {
    max-width: 65%;
    margin: 10px 0;
  }
}

.management-ceo .management-ceo__desc .management-ceo__post {
  font-size: 45px;
  font-weight: 100;
}

@media screen and (max-width: 991px) {
  .management-ceo .management-ceo__desc .management-ceo__post {
    font-size: 36px;
  }
}

@media screen and (max-width: 640px) {
  .management-ceo .management-ceo__desc .management-ceo__post {
    font-size: 24px;
  }
}

@media screen and (max-width: 480px) {
  .management-ceo .management-ceo__desc .management-ceo__post {
    font-size: 20px;
  }
}

.management-ceo .management-ceo__desc .management-ceo__name {
  font-size: 25px;
  font-weight: 300;
}

@media screen and (max-width: 640px) {
  .management-ceo .management-ceo__desc .management-ceo__name {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  .management-ceo .management-ceo__desc .management-ceo__name {
    font-size: 16px;
  }
}

.management-ceo .management-ceo__desc .management-ceo__name strong {
  font-weight: 600;
}

/* END Style management-ceo  */
/* ------------------------------------------ */
/* Style for mob-nav */
/* ------------------------------------------ */
.mob-nav {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #F26522;
  z-index: 499;
  padding-top: 125px;
  transition: 0.3s;
  display: none;
  overflow: auto;
}

@media screen and (max-width: 991px) {
  .mob-nav {
    display: block;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }

  .mob-menu-open .mob-nav {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@media screen and (max-width: 380px) {
  .mob-nav {
    padding-top: 100px;
  }
}

.mob-nav .mob-nav__link {
  color: #FFF;
  display: block;
  margin: 0 auto;
  padding: 12px 0;
  font-size: 24px;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 380px) {
  .mob-nav .mob-nav__link {
    font-size: 20px;
  }
}

.mob-nav .mob-nav__control {
  position: relative;
  width: 100%;
  display: none;
  color: #FFF;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .mob-nav .mob-nav__control {
    display: block;
  }
}

.mob-nav .mob-nav__control .mob-nav__control-btn {
  position: relative;
  display: block;
  font-size: 24px;
  width: 100%;
  color: #FFF;
  margin-bottom: 25px;
  text-align: center;
  padding: 10px 0;
}

@media screen and (max-width: 380px) {
  .mob-nav .mob-nav__control .mob-nav__control-btn {
    font-size: 20px;
  }
}

.mob-nav .mob-nav__control .mob-nav__lang-panel {
  padding-top: 15px;
}

.mob-nav .mob-nav__control .mob-nav__lang-btn {
  display: inline-block;
  font-size: 20px;
  color: #FFF;
  padding: 0 5px;
}

@media screen and (max-width: 380px) {
  .mob-nav .mob-nav__control .mob-nav__lang-btn {
    font-size: 16px;
  }
}

.mob-nav .mob-nav__control .mob-nav__lang-btn:lang(zh-hk) {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

.mob-nav .mob-nav__control .mob-nav__lang-btn:lang(zh-cn) {
  font-family: "Roboto", "Microsoft YaHei", 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, sans-serif;
}

.mob-nav .mob-nav__sub-holder {
  position: relative;
  width: 100%;
  margin: 5px 0 10px;
  padding: 35px 0 25px;
  background: #FFF;
  display: none;
  transition: width 0.3s;
}

.mob-nav .mob-nav__sub-holder:before {
  content: '';
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 10px;
  background: #F26522;
  z-index: 5;
}

.mob-nav .mob-nav__sub-holder:after {
  content: '';
  top: 0;
  display: block;
  width: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0;
  border-style: solid;
  border-width: 0 9px 10px 9px;
  border-color: transparent transparent #FFF transparent;
  z-index: 10;
}

.mob-nav .mob-nav__sub-holder .mob-nav__sub-holder-bg {
  content: '';
  top: 10px;
  left: -2500px;
  display: block;
  position: absolute;
  width: 10000px;
  height: 100%;
  height: calc(100% - 10px);
  background: #FFF;
  z-index: 1;
}

.mob-nav .mob-nav__sub-link {
  display: block;
  padding: 5px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 3;
}

.mob-nav .mob-nav__sub-link:hover {
  opacity: 1;
  color: #F26522;
}

/* END Style mob-nav  */
/* ------------------------------------------ */
/* Style for notice-list */
/* ------------------------------------------ */
.notice-list {
  width: 100%;
  display: table;
  font-size: 0;
  max-width: 960px;
  margin: 0 auto;
  padding: 15px 0;
}

@media screen and (max-width: 991px) {
  .notice-list {
    width: 100%;
    display: block;
  }

  .notice-list tbody {
    display: block;
  }
}

.notice-list .notice-list__title,
.notice-list .notice-list__item-holder {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {

  .notice-list .notice-list__title,
  .notice-list .notice-list__item-holder {
    width: 100%;
    display: block;
  }
}

.notice-list .notice-list__title {
  padding-right: 25px;
  font-size: 18px;
  font-size: bold;
}

@media screen and (max-width: 767px) {
  .notice-list .notice-list__title {
    padding-right: 0;
  }
}

.notice-list .notice-list__item-holder {
  display: table-cell;
  font-size: 0;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .notice-list .notice-list__item-holder {
    display: block;
  }
}

.notice-list .notice-list__item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 16px;
  width: 25%;
  padding-right: 25px;
  color: #FFF;
}

.notice-list .notice-list__item:hover {
  opacity: 1;
}

.notice-list .notice-list__item:hover .notice-list__desc {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .notice-list .notice-list__item {
    width: 100%;
    display: none;
    max-width: 250px;
    margin-bottom: 30px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .notice-list .notice-list__item {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {

  .notice-list .notice-list__item:first-child,
  .notice-list .notice-list__item:nth-child(2),
  .notice-list .notice-list__item:nth-child(3) {
    display: inline-block;
  }

  .notice-list .notice-list__item:nth-child(3) {
    margin-bottom: 0;
  }
}

.notice-list .notice-list__item-title {
  margin: 0 0 5px;
  padding-left: 10px;
  font-size: 12px;
  position: relative;
  display: block;
}

@media screen and (max-width: 767px) {
  .notice-list .notice-list__item-title {
    padding-left: 0;
  }
}

.notice-list .notice-list__item-title:before {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 1em;
  top: 0;
  left: 0;
  background: #F26522;
}

@media screen and (max-width: 767px) {
  .notice-list .notice-list__item-title:before {
    display: none;
  }
}

.notice-list .notice-list__desc {
  font-weight: bold;
  font-size: 16px;
}

.notice-list .notice-list__desc:last-child {
  margin-bottom: 0;
}

/* END Style notice-list  */
/* ------------------------------------------ */
/* Style for order-list */
/* ------------------------------------------ */
.order-list.order-list--center {
  text-align: center;
  list-style-position: inside;
}

/* END Style order-list  */
/* ------------------------------------------ */
/* Style for pagination */
/* ------------------------------------------ */
.pagination {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 16px;
  padding: 30px 0;
}

.pagination .pagination__btn-holder {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
}

.pagination .pagination__btn {
  display: inline-block;
  color: #8e8e8e;
  padding: 0 10px;
}

.pagination .pagination__btn.active {
  font-weight: 600;
  color: #F26522;
}

@media screen and (max-width: 380px) {
  .pagination .pagination__btn {
    padding: 0 8px;
  }
}

.pagination .pagination__btn-prev,
.pagination .pagination__btn-next {
  display: inline-block;
  color: #F26522;
  font-weight: 600;
}

.pagination .pagination__btn-prev>span,
.pagination .pagination__btn-next>span {
  vertical-align: middle;
}

@media screen and (max-width: 350px) {

  .pagination .pagination__btn-prev>span,
  .pagination .pagination__btn-next>span {
    display: none;
  }
}

.pagination .pagination__btn-prev:before {
  content: '';
  background: url(../images/common/icons/icon-arrow.png) no-repeat center center;
  background-size: 100%;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.pagination .pagination__btn-next:after {
  content: '';
  background: url(../images/common/icons/icon-arrow.png) no-repeat center center;
  background-size: 100%;
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* END Style pagination  */
/* ------------------------------------------ */
/* Style for price-bar */
/* ------------------------------------------ */
.price-bar {
  padding: 25px 0;
  background: #efefef;
  text-align: center;
  font-size: 0;
}

.price-bar .price-bar__info-holder {
  display: inline-block;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .price-bar .price-bar__info-holder {
    margin-right: 0;
  }
}

.price-bar .price-bar__info-item {
  display: inline-block;
  position: relative;
  font-size: 14px;
}

.price-bar .price-bar__info-item>span {
  display: inline-block;
  margin-right: 3px;
}

.price-bar .price-bar__info-item>strong {
  display: inline-block;
  font-weight: normal;
  font-size: 24px;
}

@media screen and (max-width: 480px) {
  .price-bar .price-bar__info-item>strong {
    font-size: 18px;
  }
}

.price-bar .price-bar__link-holder {
  font-size: 14px;
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .price-bar .price-bar__link-holder {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}

.price-bar .price-bar__info-item,
.price-bar .price-bar__link {
  font-size: 14px;
  display: inline-block;
  position: relative;
  margin-right: 12px;
  padding-right: 12px;
}

.price-bar .price-bar__info-item:after,
.price-bar .price-bar__link:after {
  content: '';
  height: 1em;
  width: 1px;
  position: absolute;
  display: block;
  bottom: 0.25em;
  right: 0;
  background: #505050;
}

.price-bar .price-bar__info-item:last-child,
.price-bar .price-bar__link:last-child {
  margin-right: 0;
  padding-right: 0;
}

.price-bar .price-bar__info-item:last-child:after,
.price-bar .price-bar__link:last-child:after {
  display: none;
}

@media screen and (max-width: 991px) {
  .price-bar .price-bar__info-item:last-child {
    display: block;
    padding-right: 0;
    margin: 5px 0;
    text-align: left;
  }

  .price-bar .price-bar__info-item:last-child:after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .price-bar .price-bar__info-item {
    display: block;
    margin: 0 auto;
    padding-right: 0;
  }

  .price-bar .price-bar__info-item:last-child {
    text-align: center;
  }

  .price-bar .price-bar__info-item:after {
    display: none;
  }
}

/* END Style price-bar  */
/* ------------------------------------------ */
/* Style for section-cols{ */
/* ------------------------------------------ */
.section-cols {
  display: table;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .section-cols {
    display: block;
  }

  .section-cols tbody {
    display: block;
    width: 100%;
  }
}

.section-cols .section-cols__col {
  display: table-cell;
  vertical-align: top;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 100px 20px;
}

.section-cols .section-cols__col:after {
  content: '';
  position: absolute;
  right: 0;
  height: 60%;
  width: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #efefef;
}

.section-cols.page-desc .desc {
  max-width: 70%;
}

@media screen and (max-width: 767px) {
  .section-cols .section-cols__col {
    display: block;
    padding: 40px 2.5% 0;
  }

  .section-cols .section-cols__col:last-child {
    padding-bottom: 40px;
  }
}

.section-cols.section-cols--2 .section-cols__col {
  width: 50%;
}

.section-cols.section-cols--2 .section-cols__col .desc-subtitle {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .section-cols.section-cols--2 .section-cols__col {
    width: 100%;
  }

  .section-cols.section-cols--2 .section-cols__col:after {
    display: none;
  }
}

.section-cols.section-cols--3 .section-cols__col {
  width: 33.33333%;
}

.section-cols.section-cols--3 .section-cols__col .desc-subtitle {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .section-cols.section-cols--3 .section-cols__col {
    width: 100%;
  }

  .section-cols.section-cols--3 .section-cols__col:after {
    display: none;
  }
}

/* END Style section-cols{  */
/* ------------------------------------------ */
/* Style for section-img */
/* ------------------------------------------ */
.section-img {
  height: 600px;
  width: 100%;
  position: relative;
  background: url(g.html) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .section-img {
    height: 400px;
  }
}

@media screen and (max-width: 480px) {
  .section-img {
    height: 300px;
  }
}

/* END Style section-img  */
/* ------------------------------------------ */
/* Style for section-intro */
/* ------------------------------------------ */
.section-intro,
.section-sustainability__intro {
  text-align: center;
}

.section-intro .desc,
.section-sustainability__intro .desc {
  max-width: 800px;
  margin: 0 auto 20px;
  font-weight: 300;
}

.section-intro.section-intro--orange,
.section-intro--orange.section-sustainability__intro {
  background: #F26522;
  color: #FFF;
}

.section-intro.section-intro--grey,
.section-intro--grey.section-sustainability__intro {
  background: #868687;
  color: #FFF;
}

/* END Style section-intro  */
/* ------------------------------------------ */
/* Style for section-map */
/* ------------------------------------------ */
.section-map {
  display: table;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .section-map {
    display: block;
    width: 100%;
  }

  .section-map tbody {
    display: block;
    width: 100%;
  }
}

.section-map .section-map__info-holder,
.section-map .section-map__map-holder {
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {

  .section-map .section-map__info-holder,
  .section-map .section-map__map-holder {
    display: block;
    width: 100%;
  }
}

.section-map .section-map__info-holder {
  background: #F26522;
  color: #FFF;
  width: 40%;
  padding: 30px;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .section-map .section-map__info-holder {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .section-map .section-map__info-holder {
    width: 100%;
  }
}

.section-map .section-map__info-holder .section-map__info {
  display: inline-block;
  width: 90%;
  max-width: 520px;
}

@media screen and (max-width: 767px) {
  .section-map .section-map__info-holder .section-map__info {
    max-width: 960px;
  }
}

.section-map .section-map__info-holder .section-map__info .section-map__title {
  margin: 0 0 10px;
  text-align: left;
  font-size: 38px;
}

.section-map .section-map__info-holder .section-map__info .section-map__info-item {
  width: 100%;
  padding: 15px 0;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 16px;
  font-weight: 100;
  text-align: left;
}

.section-map .section-map__info-holder .section-map__info .section-map__info-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.section-map .section-map__map-holder .section-map__map {
  height: 600px;
}

@media screen and (max-width: 991px) {
  .section-map .section-map__map-holder .section-map__map {
    height: 500px;
  }
}

/* END Style section-map  */
/* ------------------------------------------ */
/* Style for sample */
/* ------------------------------------------ */
.section-title {
  position: relative;
  text-align: center;
}

.section-title .section-title__txt {
  padding-top: 8px;
  margin: 0 0 30px;
  position: relative;
  font-size: 16px;
  letter-spacing: 0.5px;
  display: inline-block;
  text-transform: uppercase;
}

.section-title .section-title__txt:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  min-width: 150px;
  background: #F26522;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* END Style sample  */
/* ------------------------------------------ */
/* Style for sitemap */
/* ------------------------------------------ */
.sitemap {
  font-size: 0;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 991px) {
  .sitemap {
    display: none;
  }
}

.sitemap__col {
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding-right: 10px;
}

.sitemap__link {
  display: block;
  margin-bottom: 20px;
}

.sitemap__link:hover {
  opacity: 1;
  color: #F26522;
}

.sitemap__title {
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}

.sitemap__title:hover {
  opacity: 1;
  color: #F26522;
}

/* END Style sitemap  */
/* ------------------------------------------ */
/* Style for report-boxes */
/* ------------------------------------------ */
.report-boxes:last-child {
  border-bottom: 1px solid transparent;
}

.report-boxes {
  position: relative;
  width: 100%;
  font-size: 0;
  text-align: center;
  padding: 45px 0;
  border-bottom: 1px solid #efefef;
}

.report-boxes:first-child {
  padding-top: 0;
}

.report-boxes .report-boxes__holder {
  text-align: left;
}

.report-boxes .report-boxes__item {
  display: inline-block;
  width: 50%;
  margin: 30px 0;
}

@media screen and (max-width: 640px) {
  .report-boxes .report-boxes__item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.report-boxes .report-boxes__item .report-boxes__img {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.report-boxes .report-boxes__item .report-boxes__img img {
  width: 90%;
  margin: 0 auto;
  display: block;
  max-width: 201px;
}

.report-boxes .report-boxes__item .report-boxes__txt {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  text-align: left;
  font-size: 16px;
}

.report-boxes .report-boxes__item .report-boxes__txt .btn-row {
  margin-top: 0;
  text-align: left;
}

.report-boxes .report-boxes__item .report-boxes__txt .report-boxes__date {
  font-size: 16px;
  font-weight: 100;
  margin: 0 0 10px;
}

.report-boxes .report-boxes__item .report-boxes__txt .report-boxes__title {
  font-size: 25px;
  font-weight: 400;
  margin: 0 0 0;
}

@media screen and (max-width: 767px) {
  .report-boxes .report-boxes__item .report-boxes__txt .report-boxes__title {
    font-size: 20px;
  }
}

.report-boxes .report-boxes__item .report-boxes__txt .report-boxes__year {
  font-size: 25px;
  font-weight: 100;
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .report-boxes .report-boxes__item .report-boxes__txt .report-boxes__year {
    font-size: 20px;
  }
}

/* END Style report-boxes  */
/* ------------------------------------------ */
/* Style for tabs */
/* ------------------------------------------ */
.tabs .tabs__btn-holder {
  position: relative;
  font-size: 0;
  text-align: center;
  padding-bottom: 30px;
}

@media screen and (max-width: 991px) {
  .tabs .tabs__btn-holder {
    padding-bottom: 15px;
  }
}

.tabs .tabs__btn {
  display: inline-block;
  font-size: 16px;
  color: #8e8e8e;
}

.tabs .tabs__btn.active {
  color: #1c504d;
  font-weight: bold;
}

.tabs .tabs__btn:after {
  content: '';
  position: relative;
  margin: 0 30px;
  display: inline-block;
  vertical-align: middle;
  height: 1em;
  width: 1px;
  background: #8e8e8e;
}

@media screen and (max-width: 991px) {
  .tabs .tabs__btn:after {
    margin: 0 15px;
  }
}

.tabs .tabs__btn:last-child:after {
  display: none;
}

.tabs .tabs__content-holder .tabs__content {
  display: none;
}

.tabs .tabs__content-holder .tabs__content.active {
  display: block;
}

.tabs.tabs--l .tabs__btn-holder {
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .tabs.tabs--l .tabs__btn-holder {
    padding-bottom: 30px;
  }
}

.tabs.tabs--l .tabs__btn {
  font-size: 24px;
}

@media screen and (max-width: 991px) {
  .tabs.tabs--l .tabs__btn {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .tabs.tabs--l .tabs__btn {
    font-size: 14px;
  }
}

/* END Style tabs  */
/* ------------------------------------------ */
/* Style for team-boxes */
/* ------------------------------------------ */
.team-boxes {
  position: relative;
  text-align: center;
  font-size: 0;
  width: 100%;
}

.team-boxes .team-boxes__item {
  display: inline-block;
  width: 25%;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .team-boxes .team-boxes__item {
    width: 50%;
  }
}

@media screen and (max-width: 350px) {
  .team-boxes .team-boxes__item {
    width: 100%;
  }
}

.team-boxes .team-boxes__item .team-boxes__img {
  width: 100%;
  max-width: 301px;
  margin: 0 auto 30px;
  display: block;
}

.team-boxes .team-boxes__item .team-boxes__name {
  font-size: 20px;
  display: block;
  color: #20266d;
  margin-bottom: 5px;
  font-weight: 300;
}

@media screen and (max-width: 991px) {
  .team-boxes .team-boxes__item .team-boxes__name {
    font-size: 18px;
  }
}

@media screen and (max-width: 380px) {
  .team-boxes .team-boxes__item .team-boxes__name {
    font-size: 16px;
  }
}

.team-boxes .team-boxes__item .team-boxes__name strong {
  font-weight: 600;
}

.team-boxes .team-boxes__item .team-boxes__post {
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 380px) {
  .team-boxes .team-boxes__item .team-boxes__post {
    font-size: 12px;
  }
}

/* END Style team-boxes  */
/* ------------------------------------------ */
/* Style for page-about */
/* ------------------------------------------ */
.our-mission-color-1 {
  color: #F26522;
}

.our-mission-color-2 {
  color: #c0c5fd;
}

/* END Style page-about  */
/* ------------------------------------------ */
/* Style for page-inner */
/* ------------------------------------------ */
.page-inner main {
  background: #FFF;
}

/* END Style page-inner  */
/* ------------------------------------------ */
/* Style for stock_info */
/* ------------------------------------------ */
.section-investor-relations__stock_info {
  padding-top: 55px;
}

.section-investor-relations__stock_info h1.title {
  font-size: 24px;
  text-align: center;
}

.section-investor-relations__stock_info h2.title {
  font-size: 20px;
  text-align: center;
}

.section-investor-relations__stock_info p.current-time {
  margin-top: 10px;
  font-size: 12px;
  text-align: center;
}

.section-investor-relations__stock_info .stock-holder {
  max-width: 1200px;
  width: 100%;
}

/* Style for detail-style */
/* ------------------------------------------ */
.news-details a {
  color: #ee4e08;
  display: block;
}

.news-details a:first-child {
  margin-bottom: 30px;
}

.news-details a:last-child {
  margin-top: 30px;
}

.news-details .news-details__news_title {
  font-size: 24px;
  margin-bottom: 60px;
}

@media screen and (max-width: 480px) {
  .news-details .news-details__news_title {
    font-size: 14px;
  }
}

.news-details img {
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .news-details img {
    height: auto !important;
  }
}

/* END Style detail-style  */
/* ------------------------------------------ */
/* Update 20180608 */
@media screen and (min-width: 851px) {
  .chairman-statement .chairman-statement__chairman-info {
    margin-top: 15px;
    text-align: center;
    padding-right: 0;
  }

  .chairman-statement .chairman-statement__chairman-info .chairman-statement__name-holder {
    text-align: center;
  }
}

.bullet-list.bullet-list--center {
  text-align: center;
  list-style-position: inside;
}

.e-highlight {
  color: #ee9306;
  font-style: italic;
  position: relative;
  display: inline-block;
}

/* END Update 20180608  */

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

#NewsContentDiv a {
  display: initial;
}