@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: 8px; }
  @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;
}