.breadcrumb {
  padding: 0.5rem 0;
  margin-bottom: 0;
  background-color: transparent; }

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
  content: ">"; }

.breadcrumb-item.active {
  color: #fff;
  font-weight: 500; }

html[lang='en'] .h1,
html[lang='en'] h1 {
  font-family: "Arial";
  font-size: 3.125rem;
  font-weight: bold; }

html[lang='en'] .h2,
html[lang='en'] h2 {
  font-family: "Arial";
  font-size: 2.625rem;
  font-weight: bold; }

html[lang='en'] .h3,
html[lang='en'] h3 {
  font-family: "Arial";
  font-size: 2.25rem;
  font-weight: bold; }

html[lang='en'] .h4,
html[lang='en'] h4 {
  font-family: "Arial";
  font-size: 1.75rem;
  font-weight: bold; }

html[lang='en'] .h5,
html[lang='en'] h5 {
  font-family: "Arial";
  font-size: 1.37rem;
  font-weight: bold; }

html[lang='en'] .h6,
html[lang='en'] h6 {
  font-family: "Arial";
  font-size: 1.125rem;
  font-weight: bold; }

html[lang='en'] .lead {
  font-family: "Arial";
  font-size: 1.625rem; }

html[lang='en'] .display-1 {
  font-family: "Arial";
  font-size: 6rem;
  font-weight: bold; }

html[lang='en'] .display-2 {
  font-family: "Arial";
  font-size: 5.5rem;
  font-weight: bold; }

html[lang='en'] .display-3 {
  font-family: "Arial";
  font-size: 4.5rem;
  font-weight: bold; }

html[lang='en'] .display-4 {
  font-family: "Arial";
  font-size: 3.5rem;
  font-weight: bold; }

html[lang='en'] .display-5 {
  font-family: "Arial";
  font-size: 2rem;
  font-weight: bold; }

html[lang='en'] .display-6 {
  font-family: "Arial";
  font-size: 1.5rem;
  font-weight: bold; }

html[lang='en'] body {
  font-family: "Arial";
  font-size: 1rem;
  font-weight: 100; }

html[lang='en'] .btn {
  font-weight: 100; }

html[lang='th'] .h1,
html[lang='th'] h1 {
  font-family: "PSL Kanda Pro";
  font-size: 3.75rem;
  font-weight: bold; }

html[lang='th'] .h2,
html[lang='th'] h2 {
  font-family: "PSL Kanda Pro";
  font-size: 3.25rem;
  font-weight: bold; }

html[lang='th'] .h3,
html[lang='th'] h3 {
  font-family: "PSL Kanda Pro";
  font-size: 2.875rem;
  font-weight: bold; }

html[lang='th'] .h4,
html[lang='th'] h4 {
  font-family: "PSL Text Pro";
  font-size: 2.375rem;
  font-weight: bold; }

html[lang='th'] .h5,
html[lang='th'] h5 {
  font-family: "PSL Text Pro";
  font-size: 2rem;
  font-weight: bold; }

html[lang='th'] .h6,
html[lang='th'] h6 {
  font-family: "PSL Kanda Pro";
  font-size: 1.75rem;
  font-weight: bold; }

html[lang='th'] .lead {
  font-family: "PSL Text Pro";
  font-size: 1.8rem; }

html[lang='th'] .display-1 {
  font-family: "PSL Kanda Pro";
  font-size: 6rem;
  font-weight: bold; }

html[lang='th'] .display-2 {
  font-family: "PSL Kanda Pro";
  font-size: 5.5rem;
  font-weight: bold; }

html[lang='th'] .display-3 {
  font-family: "PSL Kanda Pro";
  font-size: 4.5rem;
  font-weight: bold; }

html[lang='th'] .display-4 {
  font-family: "PSL Kanda Pro";
  font-size: 3.5rem;
  font-weight: bold; }

html[lang='th'] .display-5 {
  font-family: "PSL Kanda Pro";
  font-size: 2rem;
  font-weight: bold; }

html[lang='th'] .display-6 {
  font-family: "PSL Kanda Pro";
  font-size: 1.5rem;
  font-weight: bold; }

html[lang='th'] body {
  font-family: "PSL Text Pro";
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1; }

html[lang='th'] .btn {
  font-weight: 400; }

.btn {
  padding: 0.5rem 0.8rem;
  border-radius: 0;
  font-size: 1rem;
  cursor: pointer; }
  .btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none; }

.btn-primary {
  color: #fff;
  background-color: #727272;
  border-color: #727272; }
  .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary:hover {
    color: #fff;
    background-color: #00B6BD;
    border-color: #00B6BD; }

.btn-info {
  outline: none;
  padding: 1rem;
  color: #23324e;
  background-color: #f5f5f5;
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: 500; }

.btn-info.active {
  background-color: #fff;
  box-shadow: none;
  color: #000;
  font-weight: 700; }

.btn-info:active,
.btn-info:focus,
.btn-info:hover {
  box-shadow: none;
  color: #fff;
  background-color: #00b6bd; }

.btn-info--default {
  background-color: #90a3b4;
  border-color: #90a3b4;
  border-width: 1px;
  height: 100%;
  padding: .5rem .75rem;
  border-radius: .25rem;
  color: #fff; }

.btn-info--default:active,
.btn-info--default:focus,
.btn-info--default:hover {
  background-color: transparent;
  border-color: #90a3b4;
  color: #90a3b4; }

.btn-more {
  font-size: 12.8px; }
  [lang='th'] .btn-more {
    font-size: 17.6px; }

html[lang='th'] .btn {
  font-family: "PSL Text Pro"; }

.form-group {
  margin-bottom: 1.5rem; }
  .form-group-radio {
    margin-left: 2rem; }
    .form-group-radio label {
      font-weight: 500; }
    .form-group-radio:hover label, .form-group-radio:focus label {
      color: #00B6BD; }
    .form-group-radio .form-check-label {
      padding-left: 1.5rem; }
    .form-group-radio .form-check-input {
      margin-left: -1rem;
      cursor: pointer; }
      .form-group-radio .form-check-input:hover, .form-group-radio .form-check-input:focus, .form-group-radio .form-check-input:active {
        outline: none; }
      .form-group-radio .form-check-input:checked + .form-check-label::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 4px;
        width: 12px;
        height: 12px;
        border: 2px solid #00B6BD;
        border-radius: 50%;
        background: #00B6BD;
        z-index: 2;
        pointer-events: none; }
      .form-group-radio .form-check-input:checked + .form-check-label::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #fff;
        transition: all .2s;
        border: 1px solid #000;
        pointer-events: none; }
      .form-group-radio .form-check-input:not(:checked) + .form-check-label::after {
        content: "";
        left: 0px;
        top: 0px;
        width: 20px;
        height: 20px;
        position: absolute;
        border-radius: 50%;
        line-height: .8;
        background-color: #fff;
        transition: all .2s;
        border: 1px solid #000;
        pointer-events: none; }
      .form-group-radio .form-check-input:not(:checked) + .form-check-label:hover::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 4px;
        width: 12px;
        height: 12px;
        border: 2px solid #00B6BD;
        border-radius: 50%;
        background: #00B6BD;
        z-index: 2;
        pointer-events: none; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none; }
  @media (max-width: 767px) {
    .pagination .page-item:nth-child(n) {
      display: none; }
    .pagination .page-item:first-child, .pagination .page-item.disabled, .pagination .page-item:last-child {
      display: list-item; } }

.page-item:first-child .page-link {
  margin-left: 0; }

.page-item.active .page-link {
  z-index: 2;
  color: #fff;
  background-color: #727272;
  border-color: #0275d8; }

.page-item.disabled .page-link {
  color: #636c72;
  pointer-events: none;
  cursor: pointer;
  background-color: #fff;
  border-color: #ddd; }

.page-link {
  position: relative;
  display: block;
  padding: 10px 20px;
  margin-left: -1px;
  line-height: 1.25;
  color: #000;
  background-color: #fff;
  border: 0 solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #727272;
    border-color: #ddd; }

.selector-for-some-widget {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

body {
  text-rendering: optimizelegibility;
  overflow-x: hidden; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  a:active, a:focus, a:hover {
    text-decoration: none;
    outline: none;
    color: inherit; }

button:focus {
  outline: none; }

b,
strong {
  font-weight: bold; }

.order-custom {
  padding-left: 20px; }

.list-custom {
  -webkit-padding-start: 20px; }
  .list-custom > li > ul {
    list-style: none;
    -webkit-padding-start: 5px; }
    .list-custom > li > ul > li::before {
      content: '-';
      padding-right: 5px; }

.list-content-custom > li {
  margin-bottom: 1.5rem; }

.filter select {
  background-color: #fff; }

.filter--custom form {
  display: block !important;
  width: auto !important;
  margin-bottom: 1rem; }

.filter--custom select {
  background-color: #fff;
  padding-right: 3rem !important; }

.filter--custom .filter-icon {
  background-color: #BDBEC0 !important; }
  .filter--custom .filter-icon i {
    color: #000 !important; }

.icon-management-structure:before {
  content: "n"; }

.icon-organization-chart:before {
  content: "n"; }

.icon-board-of-director:before {
  content: "n"; }

.icon-sub-committee:before {
  content: "n"; }

.icon-csr-report:before {
  content: "E"; }

.text-white {
  color: #fff !important; }

.text-red {
  color: #B72126 !important; }

.text-green {
  color: #00B6BD; }

.text-white {
  color: #fff; }

.icon-red:before {
  color: #B72126 !important; }

.bg-lightgrey {
  background-color: #f5f5f5 !important; }

.bg-green {
  background-color: #00B6BD; }

.bg-grey {
  background-color: #727272; }

.bg-white {
  background-color: #fff; }

.bg-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .bg-image--pt {
    background-position: top; }
  .bg-image--pb {
    background-position: bottom; }
  .bg-image--pl {
    background-position: left; }
  .bg-image--pr {
    background-position: right; }

.bg-h-300 {
  height: 300px; }

.bg-h-400 {
  height: 400px; }

.break-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 400px; }
  .break-bg--pt {
    background-position: top; }
  .break-bg--pb {
    background-position: bottom; }
  .break-bg--pl {
    background-position: left; }
  .break-bg--pr {
    background-position: right; }

.padding-top-5 {
  padding-top: 5rem !important; }

.border-t {
  border-top: 1px solid #BDBEC0 !important; }

.border-b {
  border-bottom: 1px solid #BDBEC0 !important; }

.border-w-3 {
  border-width: 3px !important; }

.border--red {
  border-color: #B72126 !important; }

.border-right {
  border-right: 1px solid #fff;
  padding-left: 0; }

.box-shadow {
  box-shadow: 2px 3px 5px 1px #d2d2d2; }

.btn-back {
  cursor: pointer; }

.btn-download:after {
  font-family: trc !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscals;
  content: "\E908";
  font-size: 20px;
  margin-left: 0.5rem; }

.btn-primary .icon-right {
  font-size: 16px !important;
  font-size: 1rem !important; }

.btn-primary:disabled {
  cursor: not-allowed;
  opacity: .65;
  background-color: #727272 !important; }

.btn-back {
  position: relative;
  padding-right: 1rem; }
  .btn-back:after {
    color: #B72126;
    content: "\E909";
    font-family: trc !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscals;
    font-size: 30px;
    line-height: 0;
    position: relative;
    padding-left: 0.75rem;
    top: 7px; }

.btn-search {
  position: relative;
  padding-right: 1rem; }
  .btn-search:after {
    color: #fff;
    content: "\E90B";
    font-family: trc !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscals;
    font-size: 20px;
    line-height: 0;
    position: relative;
    padding-left: 0.75rem;
    top: 3px; }

.btn-whistleblower::before {
  content: 'F';
  font-family: trc !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  float: left;
  bottom: 1px;
  font-size: 24px;
  padding-right: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-cheque:before, .btn-contact-us:before {
  content: '\E918';
  font-family: trc !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  float: left;
  bottom: 1px;
  font-size: 24px;
  padding-right: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.btn-contact-us:before {
  content: '\E91A'; }

.btn-check-email:before {
  content: '\E947';
  font-family: trc !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  float: left;
  bottom: 1px;
  font-size: 24px;
  padding-right: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.main-animation {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  opacity: 0; }

.icon-before:before {
  font-size: 1.25rem;
  position: relative;
  top: 2px;
  font-family: trc !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscals;
  padding: 0 1rem 0 0.25rem; }

.icon-after {
  padding: 0 0.25rem 0 1rem; }
  .icon-after:after {
    font-family: trc !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscals; }

.lead-box {
  margin: 1rem 0 3rem 0; }

.img--spacing img {
  margin-bottom: 1.5rem;
  margin-top: 1rem; }

.h-auto {
  height: auto !important; }

/* condition responsive to display logo */
@media (max-width: 767px) {
  .navbar-brand .img-responsive:first-child {
    display: none; } }

@media (min-width: 768px) {
  .navbar-brand .img-responsive:last-child {
    display: none; } }

html[lang='en'] .navbar-group .navbar-nav .nav-item .nav-link {
  font-size: 18px !important;
  font-size: 1.125rem !important; }

html[lang='en'] .header__menu ul li a p {
  font-family: "Arial";
  font-size: 12px !important;
  font-size: 0.75rem !important; }

html[lang='en'] .header__language ul li a {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

html[lang='en'] #sitemap > ul > li > a {
  font-weight: bold;
  font-size: 16px !important;
  font-size: 1rem !important; }

html[lang='en'] #sitemap > ul > li > ul > li > a {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

html[lang='en'] #sitemap > ul > li > ul > li > ul > li > a {
  font-size: 12px !important;
  font-size: 0.75rem !important; }

html[lang='en'] .content__header--breadcrumb .breadcrumb {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

html[lang='en'] .board-detail__title {
  font-size: 18px !important;
  font-size: 1.125rem !important; }

html[lang='en'] .card-default .card-title {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='en'] .card-download .card-title {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='en'] .card-download .card-text {
  font-size: 16px !important;
  font-size: 1rem !important; }

html[lang='en'] .card-primary .card-title {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 1.5; }

html[lang='en'] .card-primary .card-text {
  font-size: 16px !important;
  font-size: 1rem !important; }

html[lang='en'] .card-primary--static .card-title {
  font-size: 24px !important;
  font-size: 1.5rem !important;
  font-weight: 500; }

html[lang='en'] .card-info .card-title {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1.5;
  font-weight: 500; }

html[lang='en'] .form label {
  font-weight: 500; }

html[lang='en'] .menu__detail div {
  font-size: 13px !important;
  font-size: 0.8125rem !important; }

html[lang='en'] .project__name {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 18px !important;
  line-height: 1.125rem !important; }

html[lang='en'] .scopes__item h3 {
  font-weight: 500; }

html[lang='en'] .scopes__item div {
  font-size: 13px !important;
  font-size: 0.8125rem !important; }

html[lang='en'] .timeline__time-text {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  font-weight: 400; }

html[lang='en'] .timeline-static .timeline__time-text {
  font-size: 26px !important;
  font-size: 1.625rem !important;
  font-weight: bold; }

html[lang='en'] .sustain__item div {
  font-size: 13px !important;
  font-size: 0.8125rem !important; }

html[lang='en'] .focus__detail p {
  font-size: 18px !important;
  font-size: 1.125rem !important; }

html[lang='en'] .business__detail--name {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='en'] .stock__type span {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

html[lang='en'] .stock__type .data {
  font-size: 32px !important;
  font-size: 2rem !important; }

html[lang='en'] .stock .document__item span:last-child {
  font-size: 16px !important;
  font-size: 1rem !important; }

html[lang='en'] .ir__box ul {
  font-size: 12px !important;
  font-size: 0.75rem !important; }

html[lang='en'] .new__box a > .wrapper > .date {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

html[lang='en'] .new__box a > .wrapper > .topic {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='en'] .footer {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  font-weight: 100; }

html[lang='en'] .btn-search {
  font-size: 14px !important;
  font-size: 0.875rem !important; }

html[lang='en'] .button,
html[lang='en'] button {
  font-family: "Arial"; }

html[lang='en'] .accordion-position .card-header h3 {
  font-size: 20px !important;
  font-size: 1.25rem !important; }
  html[lang='en'] .accordion-position .card-header h3 span {
    font-size: 18px !important;
    font-size: 1.125rem !important; }

html[lang='en'] .accordion-position .card-header-subheader span {
  font-size: 14px !important;
  font-size: 0.875rem !important;
  padding-right: 0.5rem; }

html[lang='en'] .accordion-info .card-header h2 {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='en'] .filter--custom .filter-box {
  font-size: 15px !important;
  font-size: 0.9375rem !important; }

html[lang='th'] .navbar-group .navbar-nav .nav-item .nav-link {
  font-size: 26px !important;
  font-size: 1.625rem !important; }

html[lang='th'] .header__menu ul li a p {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='th'] .header__language ul li a {
  font-family: "Arial";
  font-size: 14px !important;
  font-size: 0.875rem !important;
  line-height: 1.5; }

html[lang='th'] #sitemap > ul > li > a {
  font-weight: bold;
  font-size: 22px !important;
  font-size: 1.375rem !important; }

html[lang='th'] #sitemap > ul > li > ul > li > a {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1; }

html[lang='th'] #sitemap > ul > li > ul > li > ul > li > a {
  font-size: 18px !important;
  font-size: 1.125rem !important; }

html[lang='th'] .content__header--breadcrumb .breadcrumb {
  font-size: 22px !important;
  font-size: 1.375rem !important; }

html[lang='th'] .board-detail__title {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='th'] .card-default .card-title {
  font-size: 32px !important;
  font-size: 2rem !important; }

html[lang='th'] .card-download .card-title {
  font-size: 34px !important;
  font-size: 2.125rem !important; }

html[lang='th'] .card-download .card-text {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='th'] .card-primary .card-title {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='th'] .card-primary .card-text {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='th'] .card-primary--static .card-title {
  font-size: 32px !important;
  font-size: 2rem !important;
  font-weight: 500; }

html[lang='th'] .card-info .card-title {
  font-size: 32px !important;
  font-size: 2rem !important;
  font-weight: 500; }

html[lang='th'] .form label {
  font-weight: 500; }

html[lang='th'] .menu__detail div {
  font-size: 19px !important;
  font-size: 1.1875rem !important; }

html[lang='th'] .project__name {
  font-size: 28px !important;
  font-size: 1.75rem !important;
  line-height: 28px !important;
  line-height: 1.75rem !important; }

html[lang='th'] .scopes__item h3 {
  font-weight: 500; }

html[lang='th'] .scopes__item div {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='th'] .timeline__time-text {
  font-size: 28px !important;
  font-size: 1.75rem !important;
  font-weight: 400; }

html[lang='th'] .timeline-static .timeline__time-text {
  font-size: 40px !important;
  font-size: 2.5rem !important;
  font-weight: bold; }

html[lang='th'] .sustain__item div {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='th'] .focus__detail p {
  font-size: 24px !important;
  font-size: 1.5rem !important; }

html[lang='th'] .business__detail--name {
  font-size: 32px !important;
  font-size: 2rem !important; }

html[lang='th'] .stock__type span {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='th'] .stock__type .data {
  font-size: 46px !important;
  font-size: 2.875rem !important; }

html[lang='th'] .stock .document__item span:last-child {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='th'] .ir__box ul {
  font-size: 18px !important;
  font-size: 1.125rem !important; }

html[lang='th'] .new__box a > .wrapper > .date {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='th'] .new__box a > .wrapper > .topic {
  font-family: "PSL Kanda Pro";
  font-size: 32px !important;
  font-size: 2rem !important; }

html[lang='th'] .new__box .btn {
  font-size: 20px !important;
  font-size: 1.25rem !important; }

html[lang='th'] .btn {
  font-size: 22px !important;
  font-size: 1.375rem !important;
  line-height: 1; }
  html[lang='th'] .btn-search {
    font-size: 18px !important;
    font-size: 1.125rem !important; }

html[lang='th'] .footer {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  font-weight: 100; }

html[lang='th'] input[type="file"] {
  font-size: 16px !important;
  font-size: 1rem !important; }

html[lang='th'] .button,
html[lang='th'] button {
  font-family: "PSL Text Pro"; }

html[lang='th'] .accordion-position .card-header h3 {
  font-size: 32px !important;
  font-size: 2rem !important; }
  html[lang='th'] .accordion-position .card-header h3 span {
    font-size: 28px !important;
    font-size: 1.75rem !important; }

html[lang='th'] .accordion-position .card-header-subheader span {
  font-size: 22px !important;
  font-size: 1.375rem !important;
  padding-right: 0.5rem; }

html[lang='th'] .accordion-info .card-header h2 {
  font-size: 36px !important;
  font-size: 2.25rem !important; }

html[lang='th'] .filter--custom .filter-box {
  font-size: 15px !important;
  font-size: 0.9375rem !important; }

.landing__wrapper {
  min-height: 100vh;
  position: relative;
  background-color: #000; }

.landing__content {
  position: relative;
  top: 0;
  left: 0;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.landing__detail {
  position: relative;
  padding-top: 70px;
  left: 0;
  height: calc(100% + 70px);
  min-height: 100%; }
  .landing__detail--middle {
    position: relative; }

.content {
  position: relative; }
  .content__header {
    position: relative; }
    .content__header--banner {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      min-height: 350px; }
      .content__header--banner .wrapper {
        position: relative;
        min-height: 260px;
        top: 90px;
        left: 0; }
        .content__header--banner .wrapper .title {
          color: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          text-align: center; }
          .content__header--banner .wrapper .title h1 {
            text-transform: uppercase; }
    .content__header--breadcrumb {
      position: absolute;
      bottom: 0;
      width: 100%;
      background-color: transparent; }
      .content__header--breadcrumb .breadcrumb {
        text-transform: uppercase;
        font-weight: normal; }
        .content__header--breadcrumb .breadcrumb .breadcrumb-item a {
          color: #fff; }
          .content__header--breadcrumb .breadcrumb .breadcrumb-item a:hover, .content__header--breadcrumb .breadcrumb .breadcrumb-item a:focus {
            font-weight: 500; }
  .content__main {
    background-image: url("/storage/background-content.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 50px 0 0 0; }
    .content__main .section__header {
      text-align: center; }
      .content__main .section__header [class*=" icon-"]::before {
        font-size: 50px !important;
        font-size: 3.125rem !important;
        color: #00B6BD;
        display: block;
        margin-bottom: 15px; }
      .content__main .section__header h2 {
        position: relative;
        font-weight: normal;
        display: block;
        width: 100%; }
        .content__main .section__header h2::after {
          content: '';
          position: absolute;
          bottom: -15px;
          left: 0;
          height: 1px;
          width: 200px;
          background-color: #BDBEC0;
          margin: 0 auto;
          right: 0; }
      .content__main .section__header--detail h2::after {
        height: 0;
        width: 0; }
    .content__main .section__menu {
      padding-top: 60px;
      border-bottom: 1px solid #e4e4e4; }
    .content__main .section__content {
      margin-top: -1px;
      padding: 60px 0; }

.disable {
  visibility: hidden !important; }

.visible {
  visibility: visible !important; }

.navbar-wrapper {
  padding-top: 60px;
  border-bottom: 1px solid #e4e4e4 !important; }

.navbar-group {
  margin: 0 auto;
  padding: 0;
  position: relative;
  bottom: -1px; }
  .navbar-group--radius .btn {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; }
  .navbar-group .btn {
    width: 100%; }
  .navbar-group--box-shadow {
    box-shadow: 0px 3px 4px 1px #eee; }
  .navbar-group .navbar-nav .nav-item {
    padding: 0; }
    .navbar-group .navbar-nav .nav-item .nav-link {
      border-top: solid 1px #e4e4e4;
      border-left: solid 1px #e4e4e4;
      border-right: solid 1px #e4e4e4;
      border-bottom: solid 1px #e4e4e4;
      white-space: normal;
      padding: 20px 30px; }
      .navbar-group .navbar-nav .nav-item .nav-link.active {
        font-weight: bold;
        border-bottom: 1px solid #fff; }
  .navbar-group--dropdown {
    display: block; }
    .navbar-group--dropdown .dropdown-menu {
      margin: 0;
      padding: 0;
      width: 100%; }

.checkbox-style {
  width: 25px;
  height: 25px;
  position: relative;
  margin: auto;
  cursor: pointer; }
  .checkbox-style.inline-block {
    display: inline-block;
    margin-left: 2rem;
    top: 6px; }
  .checkbox-style:hover label:after {
    opacity: 0.3; }
  .checkbox-style label {
    width: 24px;
    height: 24px;
    border: 1px #dbdbdb solid;
    margin-bottom: 0;
    cursor: pointer;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    background-color: #ededed;
    border-radius: 0; }
    .checkbox-style label:after {
      content: '';
      width: 15px;
      height: 10px;
      position: absolute;
      top: 4px;
      left: 4px;
      border: 5px solid #26c4cb;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      transform: rotate(-45deg); }
    .checkbox-style label.check:after {
      opacity: 1; }
  .checkbox-style input[type=checkbox] {
    opacity: 0;
    position: relative;
    z-index: 1;
    width: 24px;
    height: 24px; }
    .checkbox-style input[type=checkbox][checked=checked] + label:after {
      opacity: 1; }

.google-map--wrapper {
  height: 450px; }

.google-map__detail {
  width: 120px; }

.google-map__map {
  min-height: 400px; }

.google-map__thumbnail {
  width: 135px; }

.owl-nav {
  padding: 5rem 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 100%;
  pointer-events: none; }
  .owl-nav .disabled {
    display: none; }
  .owl-nav .hidden-down {
    display: none; }

.owl-next {
  position: absolute;
  background-color: #BDBEC0;
  height: 50px;
  width: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
  z-index: 1;
  bottom: 0;
  pointer-events: all; }
  .owl-next:before {
    content: "J";
    position: absolute;
    font-family: trc !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscals;
    top: 9px;
    left: 9px;
    color: #fff;
    font-size: 2rem; }

.owl-prev {
  position: absolute;
  background-color: #BDBEC0;
  height: 50px;
  width: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
  z-index: 1;
  top: 0;
  pointer-events: all; }
  .owl-prev:before {
    content: "I";
    position: absolute;
    font-family: trc !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscals;
    top: 9px;
    left: 9px;
    color: #fff;
    font-size: 2rem; }

.timeline {
  padding: 5rem 0; }
  .timeline .owl-stage-outer {
    max-height: 618px;
    overflow: hidden; }
    .timeline .owl-stage-outer .owl-stage {
      top: 0; }
  .timeline .owl-item {
    height: auto !important;
    width: 100% !important; }
    .timeline .owl-item:nth-child(odd) .timeline__box {
      -webkit-box-orient: horizontal !important;
      -webkit-flex-direction: row-reverse !important;
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important; }
    .timeline .owl-item:nth-child(odd) .timeline__detail {
      padding-left: 10rem;
      margin-right: 4rem; }
    .timeline .owl-item:nth-last-child(1) .timeline__box:before {
      background-color: #fff; }
    .timeline .owl-item .timeline__box.center .timeline__time-text {
      background-color: #00B6BD;
      height: 130px;
      width: 130px;
      font-weight: bold !important; }
      .timeline .owl-item .timeline__box.center .timeline__time-text:before {
        position: absolute;
        border-radius: 50%;
        content: "";
        top: -17px;
        left: -17px;
        height: 165px;
        width: 165px;
        border: 20px solid #fff;
        box-shadow: 2px 2px 8px 2px #d2d2d2; }
    .timeline .owl-item .timeline__box.center .timeline__detail {
      font-weight: bold; }

.owl-carousel {
  max-width: 100%; }
  .owl-carousel .owl-nav .owl-prev {
    z-index: 1; }
  .owl-carousel .owl-nav .owl-next {
    z-index: 1; }
  .owl-carousel .owl-stage-outer {
    z-index: 2; }

.bx-wrapper .bx-controls-direction a {
  z-index: 1; }

.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
  background-position: 0 -32px; }

.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
  background-position: -43px -32px; }

.header {
  width: 100%;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }
  .header .navbar {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    padding: 0; }
    .header .navbar > .container {
      height: 100%; }
      .header .navbar > .container > .row {
        height: 100%; }
  .header__menu {
    height: 100%;
    text-align: center; }
    .header__menu ul {
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: justify !important;
      -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
      justify-content: space-between !important;
      margin-bottom: 0;
      height: 100%;
      font-size: 0px; }
      .header__menu ul li {
        height: 100%;
        width: 100%; }
        .header__menu ul li a {
          text-align: center;
          display: block;
          color: #fff;
          height: 100%;
          padding: 0 15px; }
          .header__menu ul li a > div {
            position: relative;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
            .header__menu ul li a > div i {
              font-size: 22px !important;
              font-size: 1.375rem !important; }
            .header__menu ul li a > div p {
              margin-bottom: 0;
              padding-top: 2px;
              text-transform: uppercase;
              white-space: nowrap; }
          .header__menu ul li a:focus, .header__menu ul li a:hover {
            background-color: #00B6BD; }
      .header__menu ul li.active a {
        background-color: #00B6BD; }
      .header__menu ul .list-inline-item:not(:last-child) {
        margin-right: 0px; }
  .header__language {
    float: right;
    margin-right: 50px; }
    .header__language ul {
      margin-bottom: 0;
      list-style: none;
      -webkit-padding-start: 0;
      display: inline-block; }
      .header__language ul li a {
        background-color: #BDBEC0;
        padding: 3px 5px;
        text-align: center;
        color: #fff;
        display: block; }
        .header__language ul li a:focus, .header__language ul li a:hover {
          background-color: #00B6BD; }
      .header__language ul li.active a {
        background-color: #00B6BD; }
  .header__button {
    float: right;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2; }
    .header__button .navbar-toggler {
      cursor: pointer;
      border-color: transparent; }
      .header__button .navbar-toggler span {
        display: block;
        background-color: #fff;
        height: 3px;
        width: 25px;
        margin-top: 4px;
        margin-bottom: 4px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        position: relative;
        left: 0;
        opacity: 1; }
      .header__button .navbar-toggler span:nth-child(1),
      .header__button .navbar-toggler span:nth-child(3) {
        -webkit-transition: transform .35s ease-in-out;
        -moz-transition: transform .35s ease-in-out;
        -o-transition: transform .35s ease-in-out;
        transition: transform .35s ease-in-out; }
      .header__button .navbar-toggler:not(.collapsed) span:nth-child(1) {
        position: relative;
        left: 0px;
        top: 11px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        opacity: 0.9; }
      .header__button .navbar-toggler:not(.collapsed) span:nth-child(2) {
        height: 12px;
        visibility: hidden;
        background-color: transparent; }
      .header__button .navbar-toggler:not(.collapsed) span:nth-child(3) {
        position: relative;
        left: 0px;
        top: -11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        opacity: 0.9; }
  .header__sitemap {
    display: none;
    position: relative;
    height: 100vh;
    top: -40px; }
    .header__sitemap .navbar-nav {
      display: block !important; }
    .header__sitemap .collapsing {
      height: 80vh; }
    .header__sitemap .collapsing#sitemap {
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .header__sitemap #sitemap {
      opacity: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -moz-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }
      .header__sitemap #sitemap > ul {
        -webkit-column-count: 4;
        /* Chrome, Safari, Opera */
        -moz-column-count: 4;
        /* Firefox */
        column-count: 4; }
        .header__sitemap #sitemap > ul > li {
          margin-bottom: 5px; }
          .header__sitemap #sitemap > ul > li > a {
            color: #00B6BD;
            font-weight: bold;
            text-transform: uppercase;
            padding: 0.3em 0; }
          .header__sitemap #sitemap > ul > li > ul > li > a {
            color: #000; }
          .header__sitemap #sitemap > ul > li > ul > li > ul > li > a {
            color: #727272; }
    .header__sitemap .dropdown-menu {
      position: relative;
      display: block;
      background-color: transparent;
      border: 0;
      padding: 0;
      float: none; }
      .header__sitemap .dropdown-menu > .dropdown-item {
        padding: 5px 0;
        white-space: normal; }
        .header__sitemap .dropdown-menu > .dropdown-item > a {
          display: block; }
          .header__sitemap .dropdown-menu > .dropdown-item > a > .fa {
            display: none; }
        .header__sitemap .dropdown-menu > .dropdown-item > .dropdown-menu {
          list-style-type: disc;
          -webkit-margin-start: 0px;
          -webkit-margin-end: 0px;
          -webkit-padding-start: 30px;
          -moz-margin-start: 0px;
          -moz-margin-end: 0px;
          -moz-padding-start: 30px;
          padding-left: 30px; }
          .header__sitemap .dropdown-menu > .dropdown-item > .dropdown-menu > .dropdown-item {
            display: list-item;
            padding: 0;
            color: #727272;
            white-space: normal; }
            .header__sitemap .dropdown-menu > .dropdown-item > .dropdown-menu > .dropdown-item > a {
              display: block; }
        .header__sitemap .dropdown-menu > .dropdown-item.active, .header__sitemap .dropdown-menu > .dropdown-item:focus, .header__sitemap .dropdown-menu > .dropdown-item:hover {
          background-color: transparent; }
          .header__sitemap .dropdown-menu > .dropdown-item.active > a, .header__sitemap .dropdown-menu > .dropdown-item:focus > a, .header__sitemap .dropdown-menu > .dropdown-item:hover > a {
            color: #00B6BD !important; }
    .header__sitemap .dropdown-toggle:after {
      display: none; }
    .header__sitemap .social {
      padding-top: 10px;
      border-top: 1px solid #BDBEC0;
      text-align: right;
      margin-top: 10px;
      background-color: #fff;
      z-index: 2; }
      .header__sitemap .social i {
        font-size: 26px !important;
        font-size: 1.625rem !important; }
      .header__sitemap .social ul {
        margin-bottom: 0; }
        .header__sitemap .social ul li:nth-child(1) a {
          color: #BDBEC0; }
          .header__sitemap .social ul li:nth-child(1) a:focus, .header__sitemap .social ul li:nth-child(1) a:hover {
            color: #0d5cab; }
        .header__sitemap .social ul li:nth-child(2) a {
          color: #BDBEC0; }
          .header__sitemap .social ul li:nth-child(2) a:focus, .header__sitemap .social ul li:nth-child(2) a:hover {
            color: #5dbede; }
        .header__sitemap .social ul li:nth-child(3) a {
          color: #BDBEC0; }
          .header__sitemap .social ul li:nth-child(3) a:focus, .header__sitemap .social ul li:nth-child(3) a:hover {
            color: #dd4b39; }

.nav-column-break {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

.sitemap__collapse .navbar {
  background-color: #fff;
  height: 100vh; }
  .sitemap__collapse .navbar > .container {
    height: auto; }
    .sitemap__collapse .navbar > .container > .row {
      height: auto; }

.sitemap__collapse .navbar-brand,
.sitemap__collapse .header__menu,
.sitemap__collapse .header__language {
  opacity: 0; }

.sitemap__collapse #sitemap {
  opacity: 1; }

.sitemap__collapse .header__button .navbar-toggler span {
  background-color: #727272; }

.sitemap__collapse .header__sitemap {
  display: block; }

.content .navbar-wrapper .navbar-nav {
  display: table; }
  .content .navbar-wrapper .navbar-nav .nav-item {
    display: table-cell; }
  @media only screen and (max-device-width: 991px) {
    .content .navbar-wrapper .navbar-nav {
      width: 100%; }
      .content .navbar-wrapper .navbar-nav .nav-item {
        display: table-row; } }

.executive-talk {
  min-height: calc(100vh - 87px); }
  @media only screen and (max-width: 767px) {
    .executive-talk {
      min-height: calc(100vh - 142px); } }
  .executive-talk-banner {
    width: 100%;
    height: 110px;
    padding: 2rem;
    margin: 2rem 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block; }
    @media only screen and (max-width: 400px) {
      .executive-talk-banner {
        padding: 1.15rem; } }
    .executive-talk-banner__board {
      width: 160px;
      position: absolute;
      bottom: -1rem;
      right: 0; }
      @media only screen and (max-width: 767px) {
        .executive-talk-banner__board {
          width: 115px; } }
    .executive-talk-banner .h4 {
      margin: 0;
      min-height: 62px;
      display: block; }

.footer {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #727272;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #fff; }
  .footer a {
    color: #fff; }
    .footer a:focus, .footer a:hover {
      color: #00B6BD; }
  .footer ul {
    margin-bottom: 0; }
  .footer.footer--executive-talk {
    height: auto; }
    .footer.footer--executive-talk .row {
      justify-content: space-between;
      padding-top: 1rem;
      padding-bottom: 1rem; }

.new__box {
  position: relative;
  margin-top: 20px; }
  .new__box a {
    color: #fff; }
    .new__box a > .wrapper {
      background-color: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: calc(100vh - 350px);
      min-height: 370px;
      padding: 40px;
      border-right: 1px solid rgba(189, 190, 192, 0.3); }
      .new__box a > .wrapper > .topic {
        font-weight: bold;
        margin: 5px 0; }
      .new__box a > .wrapper > p {
        margin-bottom: 0;
        display: block;
        /* Fallback for non-webkit */
        display: -webkit-box;
        max-width: auto;
        height: 72px;
        /* Fallback for non-webkit */
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; }
    .new__box a:focus, .new__box a:hover {
      color: #000; }
      .new__box a:focus > .wrapper, .new__box a:hover > .wrapper {
        background-color: white; }
  .new__box:hover .btn, .new__box:focus .btn {
    background-color: #00B6BD;
    color: #fff;
    border-color: #00B6BD; }
  .new__box .btn {
    position: absolute;
    bottom: 0;
    left: 0; }

.data-accordion {
  margin-top: 20px;
  padding-right: 25px;
  border-right: 1px solid rgba(189, 190, 192, 0.3); }
  .data-accordion h2 a {
    color: #fff; }
    .data-accordion h2 a:hover, .data-accordion h2 a:focus {
      color: #00B6BD; }
  .data-accordion h2 a[aria-expanded*="true"] i::before {
    content: "T" !important; }
  .data-accordion h2 a[aria-expanded*="false"] i::before {
    content: "S" !important; }

#leftSide, #rightSide {
  height: 370px;
  -webkit-transition: all 1.1s ease-in-out;
  -moz-transition: all 1.1s ease-in-out;
  -ms-transition: all 1.1s ease-in-out;
  -o-transition: all 1.1s ease-in-out;
  transition: all 1.1s ease-in-out; }
  #leftSide .collapsing, #rightSide .collapsing {
    -webkit-transition: all 1.1s ease-in-out !important;
    -o-transition: all 1.1s ease-in-out !important;
    transition: all 1.1s ease-in-out !important; }

.sustain__item {
  margin: 10px 0; }
  .sustain__item div {
    display: block;
    color: #fff;
    text-align: center; }
  .sustain__item span {
    display: block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    margin: 0 auto 10px auto; }
    .sustain__item span [class*=" icon-"]::before {
      font-size: 40px !important;
      font-size: 2.5rem !important;
      position: absolute;
      top: 50%;
      left: 50%;
      color: #00B6BD;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: -webkit-gradient(linear, left top, left bottom, from(#00B6BD), to(#BDBEC0));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .sustain__item a:focus span, .sustain__item a:hover span {
    background-color: #00B6BD; }
    .sustain__item a:focus span [class*=" icon-"]::before, .sustain__item a:hover span [class*=" icon-"]::before {
      color: #fff;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }

.stock {
  color: #fff; }
  .stock__update {
    font-size: 12px !important;
    font-size: 0.75rem !important;
    margin: 10px 0; }
  .stock__type .data [class*=" icon-"]::before {
    font-size: 26px !important;
    font-size: 1.625rem !important;
    color: #00B6BD; }
  .stock__type .data span {
    font-size: 30px !important;
    font-size: 1.875rem !important;
    text-transform: uppercase;
    font-weight: 400; }
  .stock .document {
    background-color: #BDBEC0; }
    .stock .document__item a {
      display: block;
      color: #fff;
      padding: 10px 20px;
      position: relative;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
      .stock .document__item a:hover, .stock .document__item a:focus {
        background-color: rgba(255, 255, 255, 0.3); }
    .stock .document__item span {
      display: inline-block; }
      .stock .document__item span:first-child {
        width: 10%; }
        .stock .document__item span:first-child [class*=" icon-"]::before {
          font-size: 22px !important;
          font-size: 1.375rem !important;
          position: absolute;
          top: 50%;
          left: 20px;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
      .stock .document__item span:last-child {
        width: 80%;
        font-weight: 100;
        padding-left: 10px; }

.ir__box {
  display: inline-block;
  float: left;
  background-color: rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(189, 190, 192, 0.3);
  width: 50%;
  height: 100%;
  color: #fff; }
  .ir__box .box__bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 150px;
    margin-bottom: 20px;
    margin-top: 5rem; }
  .ir__box ul {
    margin-bottom: 0;
    margin-top: 30px;
    -webkit-padding-start: 15px;
    -moz-padding-start: 15px;
    padding-start: 15px; }
    .ir__box ul li {
      color: #fff; }
      .ir__box ul li a {
        color: #fff; }
        .ir__box ul li a:focus, .ir__box ul li a:hover {
          color: #00B6BD; }
  .ir__box--download ul li {
    padding-top: 20px; }
    .ir__box--download ul li:first-child {
      padding-top: 0; }
  .ir__box--contact ul {
    -webkit-padding-start: 0;
    -moz-padding-start: 0;
    padding-start: 0;
    list-style: none; }
    .ir__box--contact ul li {
      padding-top: 7px; }
      .ir__box--contact ul li:first-child {
        padding-top: 0; }

.business {
  height: 100%;
  min-height: calc(100vh - 267px);
  border: 1px solid #BDBEC0;
  border-bottom: 0;
  border-right: 0;
  overflow: hidden; }
  .business__cover {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .business__bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    width: 100%;
    height: 100%; }
  .business__detail {
    padding: 40px 30px;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0; }
    .business__detail [class*=" icon-"]::before {
      font-size: 48px !important;
      font-size: 3rem !important; }
    .business__detail--name {
      font-weight: normal !important;
      margin-top: 10px; }
  .business a {
    color: #fff; }
    .business a:focus .business__cover, .business a:hover .business__cover {
      opacity: 0; }
    .business a:focus .business__bg, .business a:hover .business__bg {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2); }

.menu__circle {
  width: 330px;
  height: 330px;
  border-radius: 50%;
  background-color: transparent;
  border: 45px solid rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  position: relative; }
  @media (min-width: 1200px) {
    .menu__circle {
      bottom: 20px; } }

.menu__position {
  display: inline-block;
  position: absolute;
  width: 35%; }
  .menu__position--corporate {
    top: -25%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .menu__position--key {
    top: -10%;
    right: -5%; }
  .menu__position--quality {
    top: -10%;
    left: -5%; }
  .menu__position--trc {
    top: 25%;
    right: -25%; }
  .menu__position--award {
    top: 25%;
    left: -25%; }
  .menu__position--philosophy {
    top: 63%;
    right: -20%; }
  .menu__position--management {
    top: 63%;
    left: -20%; }
  .menu__position--our {
    top: 90%;
    right: 10%; }
  .menu__position--message {
    top: 90%;
    left: 10%; }

.menu__detail {
  position: relative;
  text-align: center; }
  .menu__detail div {
    display: inline-block;
    color: #fff; }
  .menu__detail span {
    display: inline-block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75); }
    .menu__detail span [class*=" icon-"]::before {
      font-size: 40px !important;
      font-size: 2.5rem !important;
      position: absolute;
      top: 50%;
      left: 50%;
      color: #00B6BD;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: -webkit-gradient(linear, left top, left bottom, from(#00B6BD), to(#BDBEC0));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .menu__detail--top div {
    position: absolute;
    text-align: center;
    top: -55%;
    margin: 0 auto;
    left: 0;
    right: 0; }
  .menu__detail--bottom div {
    position: absolute;
    text-align: center;
    bottom: -110%;
    width: 110%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0; }
  .menu__detail--right div {
    position: absolute;
    text-align: left;
    top: 50%;
    right: -150%;
    width: 125%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .menu__detail--left div {
    position: absolute;
    text-align: right;
    top: 50%;
    left: -150%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 125%; }
  .menu__detail a:focus span, .menu__detail a:hover span {
    background-color: #00B6BD; }
    .menu__detail a:focus span [class*=" icon-"]::before, .menu__detail a:hover span [class*=" icon-"]::before {
      color: #fff;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }

.focus {
  display: block;
  position: relative;
  height: 400px;
  margin-top: 60px; }
  .focus__bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    width: 750px;
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .focus__detail {
    width: 430px;
    height: 250px;
    background-color: #f5f5f5;
    padding: 40px;
    position: absolute;
    top: 55%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    .focus__detail p {
      margin-bottom: 0;
      position: relative;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      font-size: 18px !important;
      font-size: 1.125rem !important;
      width: 80%;
      z-index: 1; }
    .focus__detail span {
      display: inline-block;
      font-size: 300px !important;
      font-size: 18.75rem !important;
      font-family: 'Arial';
      font-weight: normal;
      color: lightgray;
      position: absolute;
      line-height: 0.7; }
  .focus--first .focus__bg {
    top: 50%;
    right: 0; }
  .focus--first .focus__detail {
    left: 0; }
    .focus--first .focus__detail span {
      right: 8%;
      bottom: -17%; }
  .focus--second .focus__bg {
    top: 50%;
    left: 0; }
  .focus--second .focus__detail {
    right: 0; }
    .focus--second .focus__detail span {
      left: 13%;
      bottom: -17%; }

.scopes__item {
  margin: 20px 0; }
  .scopes__item div {
    display: block;
    font-size: 18px !important;
    font-size: 1.125rem !important;
    color: #000;
    text-align: center; }
  .scopes__item span {
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background-color: #00B6BD;
    position: relative;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    -moz-box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    box-shadow: 2px 2px 2px 0px rgba(114, 114, 114, 0.75);
    margin: 0 auto 10px auto; }
    .scopes__item span [class*=" icon-"]::before {
      font-size: 50px !important;
      font-size: 3.125rem !important;
      position: absolute;
      top: 50%;
      left: 50%;
      color: #fff;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .scopes__item--white span {
    background-color: #fff; }
    .scopes__item--white span [class*=" icon-"]::before {
      color: #00B6BD; }
  .scopes__item--gradient span [class*=" icon-"]::before {
    background: -webkit-gradient(linear, left top, left bottom, from(#00B6BD), to(#BDBEC0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

.values {
  width: 360px;
  height: 360px;
  background-color: #00B6BD;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin: 0 auto; }
  .values > p {
    color: #fff;
    position: absolute;
    top: 23%;
    margin-bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 22px !important;
    font-size: 1.375rem !important;
    width: 70%;
    text-align: center; }
  .values > span {
    display: inline-block;
    font-size: 280px !important;
    font-size: 17.5rem !important;
    font-weight: normal;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 5%;
    line-height: 0.7;
    text-transform: uppercase;
    opacity: 0.3; }

.vision {
  padding: 2rem 0;
  background-color: #f5f5f5; }
  .vision__wrapper {
    text-align: center; }
  .vision__title {
    margin-bottom: 1.25rem; }
  .vision__text {
    color: #00B6BD; }

.mission {
  position: relative;
  background-color: #00B6BD;
  margin-bottom: 2rem; }
  .mission__header {
    padding: 1.5rem 0 1.5rem 3rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #fff; }
  .mission__wrapper {
    padding: 0 3rem 1.5rem 3rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #fff;
    background-color: #00B6BD;
    color: #fff; }
  .mission__title {
    color: #000;
    margin-bottom: 0; }
  .mission__text {
    margin-bottom: 0; }
  .mission__bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat; }

.card-title-h {
  height: 60px; }

.card-bg {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  display: block;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }
  .card-bg::after {
    transition: 0.5s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 182, 189, 0); }
  .card-bg--h-2 {
    height: 250px; }
  .card-bg--h-3 {
    height: 300px; }
  .card-bg--h-4 {
    height: 400px; }
  .card-bg--img-gray {
    background-image: url("/themes/default/assets/static/images/default/bg_award.jpg"); }
  .card-bg--img-board {
    background-image: url("/themes/default/assets/static/images/default/bg_board.jpg"); }

.card-download {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal; }
  .card-download .card-block {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
    padding: 1.25rem 3rem; }

.card-default {
  background-color: #fff;
  display: block;
  margin-bottom: 2rem !important; }
  .card-default .card-bg {
    height: 250px; }
  .card-default .card-title--max-line {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -ms-line-clamp: 3;
    -ms-box-orient: vertical;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
    height: 68px; }
  .card-default .card-block {
    padding: 2rem 1.25rem 0 !important;
    margin: 0 !important; }
    .card-default .card-block-height {
      height: 200px; }
    .card-default .card-block--min-height {
      height: 100px; }
  .card-default .card-footer {
    border-top: 0;
    background-color: inherit;
    padding: 1.25rem 0 0 1.25rem; }
    .card-default .card-footer .btn {
      padding: 1rem;
      margin-bottom: 0;
      line-height: 0; }
      .card-default .card-footer .btn:before {
        font-family: trc !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "S"; }
  .card-default .card-status {
    height: 30px;
    padding: .1rem .25rem; }
    .card-default .card-status--completed {
      color: #fff;
      background-color: #00B6BD !important; }
    .card-default .card-status--on-process {
      color: #fff;
      background-color: #B72126 !important; }
  .card-default:hover .btn-primary {
    background-color: #00B6BD;
    border-color: #00B6BD; }

.card-video:hover .card-bg:before {
  font-family: trc !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscals;
  content: "\E904";
  font-size: 3rem;
  position: absolute;
  margin: auto 0;
  top: calc(50% - 24px);
  left: calc(50% - 24px); }

.card-info {
  margin-bottom: 1rem;
  background-color: transparent;
  border-color: transparent;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  display: block !important;
  border-bottom: solid 1px #dfe0e0; }
  .card-info--board .card-header {
    padding: .75rem 0; }
  .card-info .card-header {
    margin: .75rem 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
    .card-info .card-header--height {
      height: 150px;
      -webkit-box-pack: center !important;
      -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; }
  .card-info .card-block {
    padding: .75rem 1.25rem; }
  .card-info .card-bg {
    height: 100%; }
  .card-info .card-body {
    padding-bottom: 1.5rem; }
  .card-info .card-btn {
    display: inline-flex;
    flex-direction: column; }
    .card-info .card-btn .btn:nth-child(n+2) {
      margin-top: .5rem; }
  .card-info--ar .card-body {
    min-height: 212px; }
  .card-info:hover .card-title {
    transition: 0.5s color;
    color: #00B6BD; }
  .card-info:hover .card-bg::after {
    background-color: rgba(0, 182, 189, 0.6); }
  .card-info.card-grid {
    display: -ms-grid;
    display: grid !important;
    -ms-grid-rows: 250px auto 55px;
    -ms-grid-columns: 100%;
    grid-template-rows: 250px auto 55px;
    margin-bottom: 0 !important;
    height: 100%; }
    .card-info.card-grid .card-header--height {
      height: auto; }
    .card-info.card-grid .card-bg {
      height: auto; }
    .card-info.card-grid .card-block {
      margin-bottom: 0; }

.card-primary {
  margin: 1rem 0;
  margin-bottom: 1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff; }
  .card-primary--horizontal {
    margin: 0rem 0;
    height: 100%;
    padding: 2rem; }
    .card-primary--horizontal .card-title {
      width: 70%; }
    .card-primary--horizontal .card-time {
      border-bottom: 1px solid #f5f5f5; }
  .card-primary .card-header {
    border-width: 0;
    background: inherit;
    padding-top: 1.25rem;
    padding-bottom: 0; }
  .card-primary .card-time {
    display: block;
    padding-bottom: 1.5rem; }
  .card-primary .card-title {
    padding-bottom: 0; }
  .card-primary .card-block {
    background: inherit;
    padding: 0 1.25rem;
    margin: 0; }
    .card-primary .card-block-height {
      height: 180px; }
  .card-primary .card-footer {
    background: inherit;
    border-top: 0;
    padding: 1.25rem; }
    .card-primary .card-footer .btn-primary {
      background-color: #727272 !important;
      border-color: #727272 !important; }
  .card-primary:hover {
    color: #fff;
    background-color: #00B6BD; }
    .card-primary:hover .card-time {
      border-color: #4DCCD0; }
    .card-primary:hover .card-block .scopes__item .icon::before {
      -webkit-text-fill-color: #00B6BD; }
  .card-primary--static {
    text-align: center; }
    .card-primary--static .card-header {
      padding-top: 2rem; }
    .card-primary--static .card-footer {
      padding: 1.25rem 0.75rem 2rem .75rem; }

.card-content .card-header {
  background-color: transparent;
  border-bottom-width: 0; }

.card-content .card-block {
  padding: 0 1.25rem 1.25rem; }

.card-content .card-title {
  font-weight: 500 !important; }
  .card-content .card-title--min-height {
    height: 60px; }

.card-content--white {
  margin-bottom: 1.5rem; }
  .card-content--white .card-header {
    background-color: #fff; }
  .card-content--white .card-block {
    background-color: #fff;
    min-height: 180px; }

.accordion-info .card {
  margin-bottom: 0; }
  .accordion-info .card .card-header a {
    padding: 1rem 6.5rem 1rem 2rem; }
    .accordion-info .card .card-header a:hover {
      color: #fff; }
      .accordion-info .card .card-header a:hover:after {
        color: #fff; }
  .accordion-info .card .card-block {
    padding: 2rem 1.25rem;
    margin: 0;
    border: 0; }
  .accordion-info .card-info {
    margin-bottom: 1rem; }
    .accordion-info .card-info .card-header {
      background-color: transparent;
      border-top-width: 0;
      border-right-width: 0;
      border-left-width: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
    .accordion-info .card-info .card-block {
      border: 0;
      padding: 0.75rem 1.25rem;
      margin-bottom: 2rem; }

.accordion-position .card {
  margin-bottom: 0; }
  .accordion-position .card .card-header a:hover {
    color: #fff; }
    .accordion-position .card .card-header a:hover:after {
      color: #fff; }
  .accordion-position .card .card-block {
    padding: 3rem 5rem; }
    .accordion-position .card .card-block table tbody tr td {
      padding-bottom: 1.5rem;
      width: 70%; }
      .accordion-position .card .card-block table tbody tr td:first-child {
        width: 30%; }

.table-detail tbody tr td {
  border-top-width: 0; }
  .table-detail tbody tr td:first-child {
    font-weight: bold;
    white-space: nowrap; }

.submenu {
  position: fixed;
  bottom: 0;
  right: 150px; }
  .submenu a {
    margin-right: 0.5rem; }
  .submenu--no-fixed {
    position: relative;
    right: 0; }

.bx-wrapper {
  border: 0px solid;
  margin-bottom: 0; }

.billboard {
  width: 100%; }
  .billboard__bg {
    height: 100vh; }
  .billboard__caption {
    text-align: center;
    height: 100%;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }

.board-detail__box {
  margin-bottom: 1.5rem; }

.board-detail__thumbnail {
  margin-bottom: 3rem; }

.board-detail__text {
  margin-bottom: 0.5rem; }

.project__bar {
  padding: 1rem;
  background-color: #fff; }

.project__map {
  min-height: 400px; }
  .project__map-detail {
    height: 400px;
    max-height: 400px;
    overflow-y: scroll; }

.project__box {
  display: block;
  padding: 2rem;
  background-color: #fff; }
  .project__box.active {
    background-color: #f5f5f5; }
    .project__box.active .project__name {
      color: #000; }
  .project__box:hover {
    background-color: #f5f5f5; }
    .project__box:hover .project__name {
      color: #000; }

.project__name {
  position: relative;
  color: #BDBEC0; }

.project__status {
  position: relative;
  padding-right: 1rem; }
  .project__status:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    background-color: #BDBEC0; }
  .project__status--on-process i:before {
    font-size: 2rem;
    color: #B72126; }
  .project__status--on-process:after {
    display: none; }
  .project__status--completed i:before {
    font-size: 2rem;
    color: #00B6BD; }

.vision-mission__vision-content {
  position: absolute;
  left: 0;
  width: 300px; }

.vision-mission__target-content {
  position: absolute;
  width: 400px;
  top: 270px; }

.vision-mission__mission-content {
  padding-left: 4rem; }

.modal--custom .close-text {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  margin-right: 1rem; }

.modal--custom .modal-header {
  padding: 0;
  border-bottom-width: 0; }
  .modal--custom .modal-header .btn {
    font-size: 1rem; }

.modal--custom .modal-body {
  padding: 0; }

.modal-detail .modal-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  min-height: 400px; }

.modal-detail .modal-body {
  margin: 0 2rem;
  padding-bottom: 2rem; }
  .modal-detail .modal-body .modal-title {
    margin: 1.5rem 0;
    text-align: center;
    color: #00B6BD; }

.timeline__time {
  cursor: pointer; }
  .timeline__time-text {
    margin-left: auto;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background-color: #727272;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    color: #fff;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto; }

.timeline__detail {
  border-top: 2px solid #727272;
  width: 46%;
  float: left;
  margin-top: 3rem;
  padding-left: 0;
  padding-right: 4rem;
  padding-top: 1rem;
  height: 110px;
  max-width: 440px; }
  .timeline__detail:after {
    content: "";
    clear: both; }

.timeline__box {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  position: relative; }
  .timeline__box::before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    width: 2px;
    height: 800px;
    background-color: #727272; }
  .timeline__box:nth-child(odd) .timeline__detail {
    margin-left: 4rem;
    padding-right: 2rem; }

.timeline-static {
  padding: 0; }
  .timeline-static .timeline__time-text {
    z-index: 3;
    background-color: #fff;
    border: 5px solid #00B6BD;
    color: inherit;
    top: 0;
    bottom: 0;
    margin: auto auto; }
  .timeline-static .timeline__detail {
    z-index: 2;
    width: 30%;
    height: auto;
    float: none;
    text-align: center;
    background-color: #f5f5f5;
    margin-top: 0rem;
    margin-left: 4rem;
    padding: 1.25rem !important;
    border-width: 0;
    position: relative; }
    .timeline-static .timeline__detail img {
      margin-bottom: 1rem; }
    .timeline-static .timeline__detail.timeline__detail--right {
      margin-right: 4rem;
      margin-left: auto; }
  .timeline-static .timeline__text span {
    display: block;
    margin-top: 1rem; }
  .timeline-static .timeline__box::before {
    background-color: #BDBEC0; }
  .timeline-static .timeline__box::after {
    position: absolute;
    content: "";
    width: 35%;
    height: 2px;
    top: 0;
    right: 50%;
    bottom: 0;
    margin: auto 0;
    background-color: #BDBEC0; }
  .timeline-static .timeline__box:first-child::before {
    top: 100px; }
  .timeline-static .timeline__box:nth-child(odd) {
    -webkit-box-orient: horizontal !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
    .timeline-static .timeline__box:nth-child(odd):after {
      left: 50%; }
    .timeline-static .timeline__box:nth-child(odd) .timeline__time-text {
      z-index: 3;
      background-color: #fff;
      border: 5px solid #00B6BD;
      color: inherit;
      top: 0;
      bottom: 0;
      margin: auto auto; }
    .timeline-static .timeline__box:nth-child(odd) .timeline__detail {
      margin-right: 4rem;
      margin-left: 0;
      z-index: 2;
      width: 30%;
      height: auto;
      text-align: center;
      background-color: #f5f5f5;
      margin-top: 0rem;
      padding-left: 0;
      border-width: 0;
      position: relative; }
      .timeline-static .timeline__box:nth-child(odd) .timeline__detail img {
        margin-bottom: 1rem; }
    .timeline-static .timeline__box:nth-child(odd) .timeline__text span {
      display: block;
      margin-top: 1rem; }
  .timeline-static .timeline__box--last:before {
    height: 0; }

@media only screen and (min-device-width: 1600px) {
  .break-bg {
    min-height: 450px; }
  .table-detail tbody tr:first-child td {
    padding-top: 0; }
  .board-detail {
    padding-left: 2rem; }
  .submenu--no-fixed {
    min-width: 170px; }
  .menu__detail--bottom div {
    bottom: -100%; } }

@media only screen and (min-device-width: 1200px) {
  .table-detail tbody tr:first-child td {
    padding-top: 0; }
  .board-detail {
    padding-left: 2rem; }
  .submenu {
    right: 70px; }
    .submenu--no-fixed .btn {
      min-width: 170px; }
  .menu__detail--bottom div {
    bottom: -100%;
    width: 136%; } }

@media only screen and (min-width: 1280px) and (max-width: 1400px) {
  .sitemap__collapse .navbar {
    overflow-y: scroll; }
  body.sitemap__collapse {
    overflow: hidden; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) {
  html[lang='en'] .h1,
  html[lang='en'] h1 {
    font-size: 38px !important;
    font-size: 2.375rem !important; }
  html[lang='en'] .h2,
  html[lang='en'] h2 {
    font-size: 34px !important;
    font-size: 2.125rem !important; }
  html[lang='en'] .h3,
  html[lang='en'] h3 {
    font-size: 30px !important;
    font-size: 1.875rem !important; }
  .header .navbar {
    background-color: rgba(0, 0, 0, 0.7); }
    .header .navbar > .container {
      position: static; }
  .header__menu {
    display: none; }
  .header__sitemap {
    display: block;
    position: inherit;
    height: auto;
    top: auto; }
    .header__sitemap .collapsing {
      height: auto;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .header__sitemap #sitemap {
      opacity: 1;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.7);
      left: 0;
      width: 100%;
      top: 70px;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
      .header__sitemap #sitemap > ul {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1; }
        .header__sitemap #sitemap > ul > li {
          border-bottom: 1px solid #BDBEC0;
          margin: 0; }
          .header__sitemap #sitemap > ul > li:first-child {
            border-top: 1px solid #BDBEC0; }
          .header__sitemap #sitemap > ul > li.active > a {
            color: #00B6BD; }
          .header__sitemap #sitemap > ul > li > a {
            padding: 0.5em 2.5em;
            color: #fff;
            font-weight: normal; }
    .header__sitemap .dropdown-menu {
      display: none; }
    .header__sitemap .social {
      padding: 10px 0 5px 0;
      border-top: 0;
      text-align: center;
      margin-top: 0;
      background-color: transparent;
      z-index: 2; }
      .header__sitemap .social ul li:nth-child(1) a,
      .header__sitemap .social ul li:nth-child(2) a,
      .header__sitemap .social ul li:nth-child(3) a {
        color: #fff; }
  .header__language ul li.active {
    display: none; }
  .menu__circle {
    margin: 100px auto; }
  .focus__bg {
    width: 65%; }
  .values {
    width: 220px;
    height: 220px; }
  .business {
    min-height: calc(62vh - 267px); }
    .business__bg {
      min-height: calc(62vh - 267px); }
  .data-accordion {
    border-right: 0; }
  #leftSide, #rightSide {
    height: 100%; }
  .new__box a > .wrapper {
    height: 230px; }
  .new__wrapper {
    margin-bottom: 100px; }
  .ir__box {
    display: none; }
  .break-bg {
    min-height: 250px; }
  .landing__wrapper {
    height: 100%;
    overflow-y: auto; }
  .landing__content {
    height: 100%; }
  .landing__detail {
    position: relative;
    top: 0;
    height: 100%;
    min-height: 100vh;
    padding-top: 100px; }
    .landing__detail--middle {
      position: relative;
      top: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .home-title {
    display: block;
    height: calc(100vh - 250px);
    position: relative; }
    .home-title > h1 {
      width: 100%;
      position: absolute;
      text-align: center;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .padding-top-5 {
    padding-top: 0 !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: portrait) {
  html[lang='en'] .navbar-group .navbar-nav .nav-item .nav-link {
    font-size: 16px !important;
    font-size: 1rem !important; }
  .navbar-wrapper {
    border-bottom-width: 0;
    line-height: 1.2; }
  .navbar-group {
    bottom: 0; }
    .navbar-group .navbar {
      text-align: left; }
      .navbar-group .navbar-toggler {
        text-align: left;
        border: 1px solid #e4e4e4;
        background-color: #fff;
        position: relative;
        padding: 10px 40px;
        padding-left: 20px; }
        .navbar-group .navbar-toggler span {
          color: #000;
          white-space: normal;
          font-weight: bold; }
        .navbar-group .navbar-toggler .btn-select {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 48px;
          background-color: #BDBEC0; }
        .navbar-group .navbar-toggler:after {
          color: #000;
          float: right;
          position: absolute;
          right: 14px;
          top: 45%;
          font-size: 30px; }
    .navbar-group--dropdown {
      margin-bottom: 1.5rem; }
    .navbar-group .btn {
      text-align: left; }
    .navbar-group .navbar-nav .nav-item {
      text-align: left; }
      .navbar-group .navbar-nav .nav-item .nav-link {
        white-space: normal;
        background-color: #fff;
        padding: 10px 40px;
        padding-left: 20px; }
    .navbar-group--dropdown {
      display: block; }
  .vision-mission__vision-content {
    position: relative;
    left: 0;
    width: auto; }
  .vision-mission__target-content {
    position: relative;
    width: auto;
    top: 0; }
  .vision-mission__mission-content {
    padding-left: 0; }
  .google-map__detail {
    width: 120px; }
  .google-map__thumbnail {
    width: 120px; }
  .google-map__logo {
    width: 60px; }
  .timeline:nth-child(odd) .timeline__detail {
    padding-left: 0rem;
    margin-left: 0; }
  .timeline .owl-item:nth-child(odd) .timeline__detail {
    padding-left: 4rem;
    margin-right: 0; }
  .timeline-static .timeline__box:nth-child(odd) .timeline__detail {
    margin-right: 0;
    width: 35%; }
  .timeline-static .timeline__detail {
    padding-right: 0;
    width: 35%; }
  .board-detail {
    margin-top: 3rem; }
  .submenu .btn span {
    display: flex;
    width: 100%;
    white-space: pre-wrap; }
  .submenu .btn-whistleblower {
    width: 300px;
    max-width: 300px;
    padding: .35rem; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape) {
  .business {
    min-height: calc(67vh - 267px); } }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  html[lang='en'] .h1,
  html[lang='en'] h1 {
    font-size: 30px !important;
    font-size: 1.875rem !important; }
  html[lang='en'] .h2,
  html[lang='en'] h2 {
    font-size: 28px !important;
    font-size: 1.75rem !important; }
  html[lang='en'] .h3,
  html[lang='en'] h3 {
    font-size: 26px !important;
    font-size: 1.625rem !important; }
  html[lang='en'] .h4,
  html[lang='en'] h4 {
    font-size: 24px !important;
    font-size: 1.5rem !important; }
  html[lang='en'] .business__detail--name {
    font-size: 24px !important;
    font-size: 1.5rem !important; }
  html[lang='en'] .section__menu .navbar .navbar-toggler {
    width: 100%;
    background: #00b6bd; }
  html[lang='en'] .stock__type span {
    font-size: 12px !important;
    font-size: 0.75rem !important; }
  html[lang='en'] .stock__type .data [class*=" icon-"]::before {
    font-size: 20px !important;
    font-size: 1.25rem !important; }
  html[lang='en'] .stock__type .data span {
    font-size: 26px !important;
    font-size: 1.625rem !important; }
  html[lang='en'] .navbar-group .navbar-nav .nav-item .nav-link {
    font-size: 16px !important;
    font-size: 1rem !important; }
  html[lang='en'] .navbar-group--dropdown {
    margin-bottom: 3rem; }
  html[lang='en'] .submenu .btn {
    font-size: 10px !important;
    font-size: 0.625rem !important;
    line-height: 1.5; }
    html[lang='en'] .submenu .btn span {
      display: flex;
      width: 100%;
      white-space: pre-wrap; }
    html[lang='en'] .submenu .btn-whistleblower {
      max-width: 120px;
      padding: .35rem; }
    html[lang='en'] .submenu .btn-contact-us {
      font-size: 11px !important;
      font-size: 0.6875rem !important; }
  html[lang='en'] .timeline-static .timeline__time-text {
    font-size: 20px !important;
    font-size: 1.25rem !important; }
  html[lang='th'] .h1,
  html[lang='th'] h1 {
    font-size: 44px !important;
    font-size: 2.75rem !important; }
  html[lang='th'] .h2,
  html[lang='th'] h2 {
    font-size: 42px !important;
    font-size: 2.625rem !important; }
  html[lang='th'] .h3,
  html[lang='th'] h3 {
    font-size: 40px !important;
    font-size: 2.5rem !important; }
  html[lang='th'] .h4,
  html[lang='th'] h4 {
    font-size: 36px !important;
    font-size: 2.25rem !important; }
  html[lang='th'] .section__menu .navbar .navbar-toggler {
    width: 100%;
    background: #00b6bd; }
  html[lang='th'] .submenu .btn {
    font-size: 16px !important;
    font-size: 1rem !important; }
    html[lang='th'] .submenu .btn span {
      display: flex;
      width: 100%;
      white-space: pre-wrap; }
    html[lang='th'] .submenu .btn-whistleblower {
      max-width: 120px;
      padding: .35rem; }
  html[lang='th'] .timeline-static .timeline__time-text {
    font-size: 32px !important;
    font-size: 2rem !important; }
  .order-1 {
    order: 1; }
  .order-2 {
    order: 2; }
  .header .navbar {
    background-color: rgba(0, 0, 0, 0.7); }
    .header .navbar > .container {
      position: static;
      width: 100%; }
  .header__menu {
    display: none; }
  .header__sitemap {
    display: block;
    position: inherit;
    height: auto;
    top: auto; }
    .header__sitemap .collapsing {
      height: auto;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      transition: all 0.5s linear; }
    .header__sitemap #sitemap {
      opacity: 1;
      position: absolute;
      background-color: rgba(0, 0, 0, 0.7);
      left: 0;
      width: 100%;
      top: 70px;
      -webkit-transform: translate(0%, 0%);
      -moz-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
      transform: translate(0%, 0%); }
      .header__sitemap #sitemap > ul {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1; }
        .header__sitemap #sitemap > ul > li {
          border-bottom: 1px solid #BDBEC0;
          margin: 0; }
          .header__sitemap #sitemap > ul > li:first-child {
            border-top: 1px solid #BDBEC0; }
          .header__sitemap #sitemap > ul > li.active > a {
            color: #00B6BD; }
          .header__sitemap #sitemap > ul > li > a {
            padding: 10px 15px;
            color: #fff;
            font-weight: normal; }
    .header__sitemap .dropdown-menu {
      display: none; }
    .header__sitemap .social {
      padding: 10px 0 5px 0;
      border-top: 0;
      text-align: center;
      margin-top: 0;
      background-color: transparent;
      z-index: 2; }
      .header__sitemap .social ul li:nth-child(1) a,
      .header__sitemap .social ul li:nth-child(2) a,
      .header__sitemap .social ul li:nth-child(3) a {
        color: #fff; }
  .header__language ul li.active {
    display: none; }
  .footer {
    height: auto;
    line-height: 25px;
    padding: 15px 0; }
    .footer ul li:nth-of-type(2) {
      display: none; }
  .breadcrumb {
    display: none; }
  .landing__wrapper {
    height: 100%;
    overflow-y: auto; }
  .landing__content {
    height: 100%; }
  .landing__detail {
    position: relative;
    top: 0;
    height: 100%;
    min-height: 100vh;
    padding-top: 100px; }
    .landing__detail--middle {
      position: relative;
      top: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
  .menu__circle {
    width: 90%;
    height: 800px;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    margin: 40px auto; }
  .menu__position {
    width: 45%; }
    .menu__position--corporate {
      top: 0;
      left: 0;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
    .menu__position--key {
      top: 0;
      right: 0; }
    .menu__position--trc {
      top: 20%;
      right: auto;
      left: 0; }
    .menu__position--philosophy {
      top: 20%;
      right: 0; }
    .menu__position--our {
      top: 40%;
      right: auto;
      left: 0; }
    .menu__position--message {
      top: 40%;
      left: auto;
      right: 0; }
    .menu__position--award {
      top: 60%;
      left: auto;
      right: 0; }
    .menu__position--management {
      top: 60%;
      left: 0; }
    .menu__position--quality {
      top: 80%;
      left: 0; }
  .menu__detail--top div {
    bottom: -100%;
    height: 100%;
    left: 0;
    top: auto; }
  .menu__detail--bottom div {
    bottom: -100%;
    height: 100%;
    width: 100%; }
  .menu__detail--right div {
    text-align: center;
    top: auto;
    bottom: -100%;
    height: 100%;
    right: 0;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  .menu__detail--left div {
    text-align: center;
    top: auto;
    bottom: -100%;
    height: 100%;
    left: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%; }
  .focus__bg {
    width: 100%; }
  .focus__detail {
    width: 100%;
    top: auto;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 25px;
    height: 100px; }
    .focus__detail p {
      width: 100%; }
    .focus__detail span {
      display: none; }
  .values {
    width: 220px;
    height: 220px; }
  .business {
    min-height: 350px; }
    .business__bg {
      min-height: 350px; }
  .ir__box {
    display: none; }
  .ir__wrapper {
    margin-bottom: 100px; }
  .padding-top-5 {
    padding-top: 0 !important; }
  .stock__type.text-center {
    text-align: left !important; }
  .stock__type.text-right {
    text-align: left !important; }
  .data-accordion {
    border-right: 0; }
  .sustain__wrapper {
    margin-bottom: 100px; }
  #leftSide, #rightSide {
    height: 100%; }
  .break-bg {
    min-height: 150px; }
  .home-title {
    display: block;
    height: calc(100vh - 250px);
    position: relative; }
    .home-title > h1 {
      width: 100%;
      position: absolute;
      text-align: center;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
  .new__box a > .wrapper {
    height: 300px; }
  .new__wrapper {
    margin-bottom: 100px; }
  .card-info .card-bg {
    height: auto; }
  .card-default .card-title--max-line {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -ms-line-clamp: 5;
    -ms-box-orient: vertical;
    -moz-line-clamp: 5;
    -moz-box-orient: vertical;
    height: auto; }
  .card-default .card-block--min-height {
    height: auto; }
  .card-primary--horizontal {
    padding: 0.5rem; }
    .card-primary--horizontal .card-title {
      width: auto; }
  .card-content .card-title--min-height {
    height: auto; }
  .accordion-position .card .card-block {
    padding: 1rem 2rem; }
    .accordion-position .card .card-block table tbody tr td {
      padding-bottom: 1rem;
      width: 100%;
      display: block; }
      .accordion-position .card .card-block table tbody tr td:first-child {
        width: 100%;
        display: block; }
  .navbar-wrapper {
    border-bottom-width: 0 !important;
    line-height: 1.2; }
  .navbar-group {
    bottom: 0; }
    .navbar-group .navbar {
      text-align: left; }
      .navbar-group .navbar-toggler {
        text-align: left;
        border: 1px solid #e4e4e4;
        background-color: #fff;
        position: relative;
        padding: 10px 40px;
        padding-left: 20px; }
        .navbar-group .navbar-toggler span {
          color: #000;
          white-space: normal;
          font-weight: bold; }
        .navbar-group .navbar-toggler .btn-select {
          position: absolute;
          top: 0;
          right: 0;
          height: 100%;
          width: 48px;
          background-color: #BDBEC0; }
        .navbar-group .navbar-toggler:after {
          color: #000;
          float: right;
          position: absolute;
          right: 14px;
          top: 45%;
          font-size: 30px; }
    .navbar-group .btn {
      text-align: left; }
    .navbar-group .navbar-nav .nav-item {
      text-align: left; }
      .navbar-group .navbar-nav .nav-item .nav-link {
        white-space: normal;
        background-color: #fff;
        padding: 10px 40px;
        padding-left: 20px; }
    .navbar-group--dropdown {
      display: block;
      margin-bottom: 1.5rem; }
  .table-detail {
    margin: 1rem 0; }
  .submenu {
    width: 100%;
    right: 0;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .submenu a::before {
      font-size: 16px;
      padding-right: 0.5rem; }
  .google-map__detail {
    width: 140px; }
  .google-map__thumbnail {
    width: 90px; }
  .google-map__logo {
    width: 60px; }
  .vision-mission__vision-content {
    position: relative;
    left: 0;
    width: auto; }
  .vision-mission__target-content {
    position: relative;
    width: auto;
    top: 0; }
  .vision-mission__mission-content {
    padding-left: 0; }
  .timeline:nth-child(odd) .timeline__detail {
    padding-left: 0rem;
    margin-left: 0; }
  .timeline .owl-item:nth-child(odd) .timeline__detail {
    padding-left: 2rem;
    margin-right: 0; }
  .timeline-static .timeline__box {
    margin-left: 0; }
    .timeline-static .timeline__box::before {
      margin: 40px;
      height: 380px; }
    .timeline-static .timeline__box:after {
      width: 100%;
      right: 0; }
    .timeline-static .timeline__box:nth-child(odd):after {
      left: 0; }
    .timeline-static .timeline__box:nth-child(odd) .timeline__detail {
      width: 65%;
      margin-right: 0; }
    .timeline-static .timeline__box--last:before {
      height: 0; }
  .timeline-static .timeline__detail {
    width: 65%;
    margin-right: 0;
    margin-left: auto !important; }
  .timeline-static .timeline__time-text {
    height: 80px;
    width: 80px;
    margin: auto 0 !important; }
  .board-detail {
    margin-top: 1.5rem; }
    .board-detail .btn-back {
      display: block;
      text-align: right;
      margin-bottom: 1rem; }
  .mission__bg {
    display: none; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: portrait) {
  html[lang='en'] .btn {
    font-size: 16px !important;
    font-size: 1rem !important; }
    html[lang='en'] .btn-search {
      font-size: 14px !important;
      font-size: 0.875rem !important; }
  .table-detail tbody tr td {
    width: 60%; }
    .table-detail tbody tr td:first-child {
      width: 40%;
      padding: .75rem 0;
      white-space: normal; }
  .submenu {
    width: 100%;
    right: 0;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
    .submenu a {
      display: inline-block;
      margin-right: 0;
      border-right: 1px solid #fff; }
    .submenu--no-fixed .btn {
      min-width: 0; }
  .breadcrumb-item {
    float: none; }
  .billboard__title {
    padding: 0 1.5rem; }
  .timeline .owl-stage-outer {
    max-height: 480px; }
  .timeline__box {
    -webkit-box-orient: horizontal !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
    margin-left: 1rem; }
  .timeline__detail {
    margin-top: 0;
    overflow-y: hidden;
    width: 70%; }
  .timeline__time-text {
    left: 0;
    right: inherit;
    z-index: 1; }
  .timeline:nth-child(odd) .timeline__detail {
    padding-left: 0rem;
    margin-left: 0; }
  .timeline .owl-item .timeline__detail {
    position: relative;
    top: 50px; }
  .timeline .owl-item:nth-child(1) {
    display: none; }
  .timeline .owl-item:nth-child(2) {
    display: none; }
  .timeline .owl-item .timeline__box:before {
    left: 50px;
    right: inherit; }
  .timeline .owl-item .timeline__box.center .timeline__time-text {
    height: 100px;
    width: 100px;
    right: inherit; }
    .timeline .owl-item .timeline__box.center .timeline__time-text:before {
      height: 115px;
      width: 115px;
      top: -8px;
      left: -8px;
      border: 10px solid #fff; }
  .timeline .owl-item .timeline__detail {
    padding-left: 2rem; }
  .timeline .owl-item:nth-child(odd) .timeline__detail {
    margin-right: 0; }
  .modal-detail .modal-bg {
    min-height: 300px; }
  .modal-detail .modal-body {
    margin: 0; }
  .accordion-position .card-header h3 span {
    display: block; }
  .new__box a > .wrapper {
    min-height: 300px;
    height: auto; }
  .new__wrapper {
    margin-bottom: 100px; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
  .header__sitemap #sitemap {
    max-height: 245px;
    overflow-y: scroll; }
  .table-detail tbody tr td {
    padding: .75rem 0; }
  .submenu {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .timeline:nth-child(odd) .timeline__detail {
    padding-left: 0rem;
    margin-left: 0; }
  .timeline .owl-item:nth-child(odd) .timeline__detail {
    padding-left: 2rem;
    margin-right: 0; }
  .timeline-static .timeline__box::before {
    height: 340px; }
  .timeline-static .timeline__box--last::before {
    height: 0; } }

hr {
  background-color: #b72126;
  height: 2px;
  color: #b72126; }

.blue {
  color: #24bfc5; }

.br-2 {
  border-right: 2px solid #c7c8c9; }

.bb-1 {
  border-bottom: 1px solid #c7c8c9; }

.section__content--ir-content {
  margin-top: 1px;
  padding: 40px 0 40px 0;
  /*==== Financials Highlights =====*/
  /*==== Financials Statement =====*/
  /* Background top*/
  /*==== Major Shareholders ======*/
  /*==== Stock Quote ======*/
  /*==== IR Calendar =====*/
  /*==== Dividend Information =====*/
  /*==== Shareholder Meeting and Annual Report=====*/
  /*==== Form 56-1 =====*/
  /*==== Webcast & Presenation =====*/
  /*==== Newsroom =====*/
  /*==== Analyst contact =====*/
  /*==== IR Contact =====*/ }
  .section__content--ir-content .financial .box-chart > .highchart {
    padding: 20px 40px 0; }
  .section__content--ir-content .financial .box-chart p {
    text-align: center;
    font-weight: 700; }
  .section__content--ir-content .statement-focus {
    display: block;
    position: relative;
    height: 350px;
    margin-top: 60px; }
    .section__content--ir-content .statement-focus__bg {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 50%;
      min-height: 350px;
      width: 750px;
      position: absolute;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .section__content--ir-content .statement-focus__detail {
      position: absolute;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 455px;
      height: 320px;
      background-color: #f5f5f5;
      padding: 50px 70px;
      top: 50%; }
      .section__content--ir-content .statement-focus__detail .group-download {
        font-size: 1rem;
        font-weight: 500; }
        .section__content--ir-content .statement-focus__detail .group-download > i {
          font-size: 2rem;
          color: #00b6bd;
          vertical-align: middle;
          padding: 0 10px 0 0; }
        .section__content--ir-content .statement-focus__detail .group-download--statement--icon-pdf i {
          font-size: 3rem;
          color: #24bfc5;
          padding: 15px 0; }
        .section__content--ir-content .statement-focus__detail .group-download--statement--quarter {
          padding: 10px 0 0 0;
          text-align: left; }
          .section__content--ir-content .statement-focus__detail .group-download--statement--quarter > h6 {
            margin-bottom: 10px; }
          .section__content--ir-content .statement-focus__detail .group-download--statement--quarter > p {
            font-size: 14px;
            color: #76707e; }
  .section__content--ir-content .statement-focus--left .statement-focus__bg {
    background-image: url("/assets/static/images/content/who-we-are/focus2.jpg");
    top: 50%;
    left: 0; }
  .section__content--ir-content .statement-focus--left .statement-focus__detail {
    right: 0; }
  .section__content--ir-content .statement {
    float: left;
    width: 100%; }
    .section__content--ir-content .statement > div {
      float: left;
      padding: 0; }
      .section__content--ir-content .statement > div .bloc-card--icon-pdf i {
        font-size: 3rem;
        color: #24bfc5;
        padding: 10px; }
      .section__content--ir-content .statement > div .bloc-card--quarter {
        padding: 10px 0 0 25px; }
        .section__content--ir-content .statement > div .bloc-card--quarter > h6 {
          margin-bottom: 10px; }
        .section__content--ir-content .statement > div .bloc-card--quarter > p {
          font-size: 14px;
          color: #76707e;
          min-height: 35px; }
  .section__content--ir-content .free-float {
    float: left; }
    .section__content--ir-content .free-float > div {
      border-top: solid 2px #bdbec0; }
      .section__content--ir-content .free-float > div > div {
        border-right: solid 2px #bdbec0;
        padding: 40px 20px 20px;
        float: left; }
        .section__content--ir-content .free-float > div > div .blue {
          font-weight: 700;
          line-height: 1.5em; }
        .section__content--ir-content .free-float > div > div:last-child {
          border-right: none;
          padding-left: 40px; }
  .section__content--ir-content .bg-calendar .calendar__bg {
    height: 480px;
    background-size: cover; }
  .section__content--ir-content .bg-calendar .calendar-current {
    padding: 0px 50px;
    /*background: #f5f5f5;*/
    background-color: rgba(245, 245, 245, 0.9);
    margin: 100px 0; }
    .section__content--ir-content .bg-calendar .calendar-current i.icon-calendar {
      color: #24bfc5;
      text-align: center;
      font-size: 3rem; }
    .section__content--ir-content .bg-calendar .calendar-current .title {
      color: #24bfc5; }
    .section__content--ir-content .bg-calendar .calendar-current .datetime {
      text-align: center;
      border: solid 4px #24bfc5;
      padding: 15px; }
  .section__content--ir-content .calendar--all-event .month {
    padding: 10px; }
    .section__content--ir-content .calendar--all-event .month > span {
      color: #fff;
      background: #24bfc5;
      padding: 10px 20px; }
  .section__content--ir-content .calendar--all-event .datetime {
    padding: 10px; }
  .section__content--ir-content .calendar--all-event .detail {
    padding: 10px; }
  .section__content--ir-content .bg-dividend > div {
    padding: 140px 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500; }
    .section__content--ir-content .bg-dividend > div > p span {
      display: block; }
  .section__content--ir-content .meeting__bg {
    height: 480px;
    background-size: cover;
    /* background-image: url('/storage/banner/bg_shareholder.jpg');*/
    background-image: url("/storage/banner/bg-ar.jpg"); }
  .section__content--ir-content .meeting--top {
    margin: 100px 0;
    padding: 60px 0 70px;
    background-color: rgba(245, 245, 245, 0.9);
    text-align: center; }
    @media (max-width: 991px) {
      .section__content--ir-content .meeting--top {
        padding: 35px 0 35px; } }
    .section__content--ir-content .meeting--top h5 {
      height: 50px; }
    .section__content--ir-content .meeting--top .cover-ar {
      position: absolute;
      top: -130px;
      right: 0;
      width: 70%; }
      @media (max-width: 1200px) {
        .section__content--ir-content .meeting--top .cover-ar {
          top: -90px; } }
      @media (max-width: 991px) {
        .section__content--ir-content .meeting--top .cover-ar {
          top: -50px; } }
      .section__content--ir-content .meeting--top .cover-ar > img {
        -webkit-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
        -moz-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
        box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75); }
    .section__content--ir-content .meeting--top .card-btn {
      display: inline-flex;
      flex-direction: row; }
      @media (max-width: 768px) {
        .section__content--ir-content .meeting--top .card-btn {
          flex-direction: column; } }
      .section__content--ir-content .meeting--top .card-btn .btn:nth-child(n+2) {
        margin-left: .5rem; }
        @media (max-width: 768px) {
          .section__content--ir-content .meeting--top .card-btn .btn:nth-child(n+2) {
            margin-left: initial;
            margin-top: .5rem; } }
  .section__content--ir-content .achive-form .bloc-card {
    border: solid 2px #f2f2f2;
    padding: 40px;
    background: #fff; }
    .section__content--ir-content .achive-form .bloc-card > h6 {
      line-height: 1.3em; }
    .section__content--ir-content .achive-form .bloc-card > .group-download {
      font-size: 1rem;
      font-weight: 500; }
      .section__content--ir-content .achive-form .bloc-card > .group-download > i {
        font-size: 2rem;
        color: #00b6bd;
        vertical-align: middle;
        padding: 0 10px 0 0; }
  .section__content--ir-content .card-img {
    padding-right: 0; }
  .section__content--ir-content .card-block {
    background: #f5f5f5;
    padding: 90px 0;
    line-height: 2em; }
  .section__content--ir-content .bloc-search input {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #000;
    padding: 5px 0; }
  .section__content--ir-content .box-year {
    background: #f7f7f7; }
    .section__content--ir-content .box-year .ir-newsroom {
      padding: 40px 0;
      border-top: solid 2px #b72126; }
      .section__content--ir-content .box-year .ir-newsroom .group-news {
        margin-left: 15px;
        margin-right: 15px; }
        .section__content--ir-content .box-year .ir-newsroom .group-news .newsdate {
          background: #fff;
          float: left;
          width: 18%;
          padding: 20px;
          color: #00b6bd;
          text-align: center; }
        .section__content--ir-content .box-year .ir-newsroom .group-news .newsdetail {
          background: #fff;
          float: left;
          width: 79%;
          padding: 20px 40px; }
          .section__content--ir-content .box-year .ir-newsroom .group-news .newsdetail a {
            color: #000; }
            .section__content--ir-content .box-year .ir-newsroom .group-news .newsdetail a i {
              color: #fff;
              font-size: 2rem; }
        .section__content--ir-content .box-year .ir-newsroom .group-news:hover {
          color: #ffffff !important; }
          .section__content--ir-content .box-year .ir-newsroom .group-news:hover .newsdate {
            background: #00b6bd;
            color: #fff;
            -webkit-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
            -moz-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
            box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75); }
          .section__content--ir-content .box-year .ir-newsroom .group-news:hover .newsdetail {
            background: #00b6bd;
            -webkit-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
            -moz-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
            box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
            color: #ffffff !important; }
            .section__content--ir-content .box-year .ir-newsroom .group-news:hover .newsdetail a div {
              color: #ffffff !important; }
  .section__content--ir-content .analyst-contact {
    margin-top: -70px; }
  .section__content--ir-content .bloc-card {
    border: solid 2px #f2f2f2;
    padding: 30px;
    background: #fff;
    min-height: 255px; }
    .section__content--ir-content .bloc-card strong {
      color: #6d6e72;
      padding-bottom: 5px; }
    .section__content--ir-content .bloc-card span {
      display: block;
      padding-bottom: 5px; }
    .section__content--ir-content .bloc-card p {
      display: block;
      min-height: 40px; }
    .section__content--ir-content .bloc-card .contact-title {
      height: 65px; }
    .section__content--ir-content .bloc-card .btn-send > a {
      background: #6d6e72;
      color: #fff;
      padding: 10px 30px; }
      .section__content--ir-content .bloc-card .btn-send > a > i {
        padding-left: 10px; }
    .section__content--ir-content .bloc-card:hover {
      border: solid 2px #00b6bd;
      -webkit-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
      -moz-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
      box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75); }
      .section__content--ir-content .bloc-card:hover .btn-send > a {
        background: #00b6bd;
        color: #fff;
        padding: 10px 30px; }
  .section__content--ir-content .bloc-information-contact .bloc-contact > i {
    font-size: 2.5rem;
    color: #fff;
    background: #0cb9c0;
    padding: 30px 30px;
    margin: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
    -moz-box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
    box-shadow: 0 -1px 9px 0 rgba(171, 171, 171, 0.75);
    width: 100px;
    height: 100px; }
  .section__content--ir-content .bloc-information-contact .bloc-contact > h5 {
    font-weight: 500; }
    .section__content--ir-content .bloc-information-contact .bloc-contact > h5 > a {
      color: #292b2c; }
      .section__content--ir-content .bloc-information-contact .bloc-contact > h5 > a:hover {
        color: #24bfc5; }
  .section__content--ir-content .email-alerts {
    border: none;
    width: 100%;
    height: 1150px; }

/* */
.btn-download > a {
  background: #6d6e72;
  color: #fff;
  padding: 7px 25px; }
  .btn-download > a > i {
    padding-left: 10px; }
  .btn-download > a:hover {
    background: #00b6bd;
    color: #fff;
    padding: 7px 25px; }

.group-download {
  font-size: 1rem;
  font-weight: 500; }
  .group-download > i {
    font-size: 2rem;
    color: #00b6bd;
    vertical-align: middle;
    padding: 0 10px 0 0; }

.investor-kits .bloc-size span {
  margin-right: 2rem; }

.investor-kits .box-btn a {
  margin-left: 2rem; }

.investor-kits .bloc > div > div:not(:first-child) table {
  width: calc(100% + 1px);
  margin-left: -1px; }
  .investor-kits .bloc > div > div:not(:first-child) table tr th:first-child,
  .investor-kits .bloc > div > div:not(:first-child) table tr td:first-child {
    display: none; }

/* Table IR */
table[class^=ir-table] {
  padding: 5px;
  margin: 0px;
  width: 100%;
  /*margin-top: 40px;*/
  border-bottom: solid 1px #6b6473; }
  table[class^=ir-table] tr th {
    border: 1px #fff solid;
    border-bottom: solid 2px #b72126;
    border-top: none;
    background: #50555b;
    color: #ffffff;
    padding: 12px 20px;
    vertical-align: middle;
    text-align: center; }
  table[class^=ir-table] tr td {
    vertical-align: middle;
    padding: 15px 30px; }
    table[class^=ir-table] tr td .download {
      /*padding: 15px 16px;*/
      border-radius: 50%;
      width: 50px;
      height: 50px;
      display: block; }
      table[class^=ir-table] tr td .download i {
        color: #00b6bd;
        font-size: 1.5rem;
        padding: 12px; }
      table[class^=ir-table] tr td .download:hover {
        background: #00b6bd;
        -webkit-box-shadow: 0px -1px 9px 0px rgba(170, 170, 170, 0.75);
        -moz-box-shadow: 0px -1px 9px 0px rgba(170, 170, 170, 0.75);
        box-shadow: 0px -1px 9px 0px rgba(170, 170, 170, 0.75); }
        table[class^=ir-table] tr td .download:hover i {
          color: #ffff; }
  table[class^=ir-table] tr:hover td {
    background: #f6fcfc; }
  table[class^=ir-table] tr.rowhighlight th {
    background: #50555b;
    color: #fff;
    border: none;
    padding: 15px 30px; }
    table[class^=ir-table] tr.rowhighlight th:first-child {
      text-align: left; }
  table[class^=ir-table] tr.rowhighlight td {
    background: #00b6bd;
    color: #fff;
    font-weight: 500;
    text-align: left; }
    table[class^=ir-table] tr.rowhighlight td:last-child {
      background: #00b6bd; }
  table[class^=ir-table].highlight td:last-child {
    background: #f4f4f4; }
  table[class^=ir-table].research {
    border-bottom: solid 2px #6d6e71; }
    table[class^=ir-table].research tr th {
      border-left: none;
      border-right: none; }
    table[class^=ir-table].research tr td {
      vertical-align: middle;
      padding: 10px 20px;
      font-weight: 500; }
  table[class^=ir-table].investor-kits {
    margin: 0; }
    table[class^=ir-table].investor-kits tr th,
    table[class^=ir-table].investor-kits tr td {
      padding: 1rem;
      /*border: 1px $color-light-grey solid;*/ }
      table[class^=ir-table].investor-kits tr th:not(:first-child),
      table[class^=ir-table].investor-kits tr td:not(:first-child) {
        text-align: center; }
      table[class^=ir-table].investor-kits tr th span,
      table[class^=ir-table].investor-kits tr td span {
        margin: 0 2rem; }
  table[class^=ir-table].no-hover tr:not(.rowhighlight):hover td {
    background-color: transparent !important; }

/* Select Box*/
.filter {
  position: relative;
  /*margin-bottom: 3rem;*/ }
  .filter .filter-icon {
    pointer-events: none;
    position: absolute;
    right: 0;
    height: 100%;
    width: 2.5rem;
    text-align: center;
    border-left: 1px solid #979a9c; }
    .filter .filter-icon i {
      position: relative;
      top: 6px;
      font-size: 1.5rem;
      color: #979a9c; }
  .filter form {
    display: inline-block;
    position: relative;
    width: 150px; }
  .filter select {
    text-align: center;
    cursor: pointer;
    border: 1px solid #979a9c;
    border-radius: 0;
    padding-right: 2.5rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: auto !important; }

/* Accordion */
.card {
  border-radius: 0;
  border: 0;
  margin-bottom: 0.2rem;
  background-color: transparent; }
  .card .card-header {
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    padding: 0; }
    .card .card-header a {
      padding: 1.5rem 6.5rem 1.5rem 2rem;
      display: block;
      color: #fff;
      background-color: #00b6bd;
      position: relative;
      font-weight: bold; }
      .card .card-header a:before {
        content: "";
        height: 100%;
        width: 70px;
        background-color: #00b6bd;
        position: absolute;
        top: 0;
        right: 0; }
      .card .card-header a:after {
        content: "I";
        font-weight: 100;
        font-size: 1.5rem;
        text-align: center;
        width: 70px;
        color: #fff;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-family: trc !important;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .card .card-header a.collapsed {
      color: #333433;
      background-color: transparent; }
      .card .card-header a.collapsed:hover {
        background-color: #00b6bd; }
        .card .card-header a.collapsed:hover::before {
          background-color: transparent; }
      .card .card-header a.collapsed::before {
        background-color: transparent; }
      .card .card-header a.collapsed:after {
        content: "J";
        font-size: 1.5rem;
        color: #333433; }
  .card .card-block {
    border: 1px solid #f0f0f0;
    position: relative;
    padding: 2rem;
    margin: 2px 0; }
    .card .card-block h6 {
      color: #333433; }
    .card .card-block .photo {
      margin: 2rem auto;
      text-align: center; }
    .card .card-block ul {
      margin: 0;
      padding-left: 20px; }
    .card .card-block p {
      margin-bottom: 2rem; }
      .card .card-block p:last-child {
        margin-bottom: 0; }

/* Background top*/
.ir-focus {
  display: block;
  position: relative;
  height: 350px;
  margin-top: 60px; }
  .ir-focus__bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    min-height: 350px;
    width: 750px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .ir-focus__detail {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 430px;
    height: 250px;
    background-color: #f5f5f5;
    padding: 40px;
    top: 50%; }
    .ir-focus__detail p {
      margin-bottom: 0;
      position: relative;
      top: 0;
      left: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 18px !important;
      font-size: 1.125rem !important;
      z-index: 1; }

.ir-focus--left .ir-focus__bg {
  /* background-image: url('/storage/banner/financial_statements.jpg');*/
  top: 50%;
  left: 0; }

.ir-focus--left .ir-focus__detail {
  right: 0; }
  .ir-focus--left .ir-focus__detail.form561 {
    padding: 40px;
    line-height: 1.5em; }
    .ir-focus--left .ir-focus__detail.form561 > h5 {
      line-height: 1.3em; }
    .ir-focus--left .ir-focus__detail.form561 > .group-download {
      font-size: 1rem;
      font-weight: 500; }
      .ir-focus--left .ir-focus__detail.form561 > .group-download > i {
        font-size: 2rem;
        color: #00b6bd;
        vertical-align: middle;
        padding: 0 10px 0 0; }

.event {
  border-bottom: 1px solid #d4d4d4;
  padding: 20px 0;
  position: relative; }

.event:before {
  content: "";
  display: block;
  color: #00b6bd;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 1px;
  background: #00b6bd;
  left: 80px; }

.event:first-child {
  padding-top: 0px; }

.event:first-child::before {
  top: 20px; }

.box-iframe iframe {
  width: 100%; }

.box-iframe iframe.interactive-chart {
  height: 560px; }

.box-iframe iframe.interactive-chart-home {
  height: 280px; }

.box-iframe iframe.investment-calculator {
  height: 780px; }

.box-iframe iframe.email-alert {
  height: 870px; }

.box-iframe iframe.investor-kits {
  height: 700px; }

.stock-quotes {
  border-top: 2px #b72126 solid;
  border-bottom: 3px #b72126 solid;
  font-size: 1.1em;
  margin-bottom: 1rem; }
  .stock-quotes > .row {
    margin: 0 -1px; }
    .stock-quotes > .row .row {
      margin: 0 -1px; }
    .stock-quotes > .row > div {
      padding: 2px 1px 0; }
      .stock-quotes > .row > div .row > div {
        padding: 0 1px; }
  .stock-quotes .symbol {
    padding: 0.5rem; }
    .stock-quotes .symbol > p {
      font-size: 2em;
      font-weight: bold;
      text-transform: uppercase; }
      .stock-quotes .symbol > p i {
        font-size: 2.2rem;
        position: relative;
        top: -3px; }
  .stock-quotes .bloc {
    background-color: #e6e6e6;
    padding: 0.5rem 2rem; }

.box-stockChart {
  border: 6px  #ddd solid;
  padding: 2rem; }

iframe {
  border: 0; }

.box-iframe iframe {
  width: 100%; }

.box-iframe iframe.interactive-chart {
  height: 560px; }

.historical-price .bloc-form {
  border-bottom: 3px #979a9c solid;
  padding-bottom: 1rem; }
  .historical-price .bloc-form h3 {
    line-height: 1.3;
    margin: 0; }
  .historical-price .bloc-form .history_box {
    display: table; }
    .historical-price .bloc-form .history_box > div {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      padding: 0 0.5rem; }
      .historical-price .bloc-form .history_box > div:last-child {
        width: 120px; }
      .historical-price .bloc-form .history_box > div input[type=submit] {
        position: absolute;
        top: 0;
        padding: 0.5rem 2.5rem;
        line-height: 1.5; }
      .historical-price .bloc-form .history_box > div.datepicker-box {
        position: relative; }
        .historical-price .bloc-form .history_box > div.datepicker-box input {
          padding-right: 2rem; }
        .historical-price .bloc-form .history_box > div.datepicker-box:after {
          content: '\E900';
          font-family: 'trc';
          font-size: 20px;
          color: #1bbdc3;
          position: absolute;
          line-height: 2;
          right: 1rem;
          top: 0; }

#ir_chart_setting {
  position: relative;
  z-index: 1; }
  #ir_chart_setting fieldset {
    padding: 5px 0;
    border: none;
    margin: 0; }
    #ir_chart_setting fieldset .radio_group {
      width: auto;
      padding-top: 6px; }
    #ir_chart_setting fieldset h6 {
      margin: 0; }
    #ir_chart_setting fieldset legend,
    #ir_chart_setting fieldset div {
      width: 120px;
      float: left;
      line-height: 18px; }
    #ir_chart_setting fieldset input {
      vertical-align: middle; }
    #ir_chart_setting fieldset input[type="radio"] {
      margin: 3px; }

.ir_chart_interactive_loading {
  text-align: center; }
  .ir_chart_interactive_loading #ir_loading_indicator {
    display: inline-block;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #1bbdc3;
    width: 50px;
    height: 50px;
    margin: 10px auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    /* IE 9 */
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.ir_chart_interval {
  position: absolute;
  bottom: -31px;
  right: 300px; }

.ir_news_tooltip,
.ir_insider_trades_tooltip {
  white-space: normal;
  display: block;
  width: 400px; }

.ir_corporate_actions_tooltip {
  white-space: normal;
  display: block;
  width: 200px; }

input[type="email"], input[type="text"] {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: .5rem 1rem;
  border-radius: 0 !important; }

/* Define the rest of the classes here */
/* Updated 25 Apr 2017 */
/* Additional Css for stock fundamentals */
table.calculator tr th {
  border-bottom: 2px solid #b72126;
  text-align: center;
  padding: 0.5rem 0; }

table.calculator tr td {
  text-align: center;
  padding: 1rem 0; }

.ir_chart-select-wrap {
  width: 100%;
  float: left; }

.ir_chart_period-select {
  float: right;
  margin: 20px 0px; }

.ir_chart_type-select {
  margin: 20px 0px;
  padding: 0;
  height: 33px;
  list-style: none;
  float: left; }

.ir_chart_type-select li {
  float: left;
  margin: 0; }

.ir_chart_type-select li a {
  color: #fff;
  background-color: #004a88;
  text-decoration: none;
  padding: 10px 10px 10px 44px;
  display: inline-block; }

.ir_chart_type-select li a {
  line-height: 1.5; }

.ir_chart_type-select li.selected_type a,
.ir_chart_type-select li.selected_type a:hover {
  color: #fff;
  text-decoration: none; }

.chart_table thead tr {
  background: #006dc9;
  color: #fff;
  font-weight: bold; }

#table_container h2 {
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: normal; }

.chart_selection-title {
  padding: 20px 0px 0px 25px;
  font-size: 1em;
  margin: 0; }

.chart_year-selection {
  display: block;
  height: auto;
  width: 100%;
  float: left;
  padding: 0px 0px 10px 25px; }

.chart_year-selection li {
  float: left;
  cursor: pointer;
  padding: 10px 10px 0px 0px;
  list-style: none; }

.ir_chart_type-select li:nth-of-type(2) {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }

.ir_chart-container,
.ir_chart-container-table {
  width: 100%;
  margin: 0 auto;
  float: left; }

.ir_chart-container-empty {
  min-width: 310px;
  height: 400px;
  margin: 0 auto;
  font-size: 200%; }

.ir_chart-container-table .tick-box {
  display: none; }

.w100 {
  width: 100%; }

.ir_chart-container-wrap,
.Chart_selection-accordion-wrap {
  float: left; }

.ir_chart-container-wrap {
  width: 65%;
  box-sizing: border-box;
  padding-right: 10px; }

.Chart_selection-accordion-wrap {
  width: 35%; }

/* Define the rest of the classes here */
.chart_SelectYears-wrapper {
  float: left;
  width: 100%;
  margin: 20px 0px;
  background: #f4f4f4; }

ul.checkbox-list {
  list-style: none;
  padding-left: 0px; }

ul.checkbox-list li {
  margin: 10px 0px;
  color: #9e9e9e;
  cursor: pointer; }

ul.checkbox-list li.selected_ratio {
  color: #333333;
  list-style: none; }

.chart_year-selection li.selected_period {
  color: #333; }

li.selected_type {
  background-color: yellow; }

.Chart_selection-accordion {
  padding-left: 0px;
  margin: 0px 0px 30px;
  float: left;
  width: 100%;
  background: #f4f4f4; }

.Chart_selection-accordion > li {
  list-style: none;
  padding: 5px 0px 5px 20px; }

.Chart_selection-accordion > li a {
  display: block;
  padding: 5px 0px;
  font-weight: bold; }

.Chart_selection-accordion > li.active {
  background: #727272; }

.Chart_selection-accordion > li.active a {
  color: #fff; }

.Chart_selection-accordion > li .checkbox-list li {
  color: #fff; }

.tick-box {
  float: left;
  margin-right: 10px;
  width: 17px;
  height: 17px; }

.ratio_group .ratio_group_title .arrow-updown {
  float: right;
  font-size: 1.375em;
  width: 20px;
  height: 20px;
  margin-right: 10px; }

#category_type {
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3;
  padding: 10px 20px 10px 30px;
  border: none;
  color: #fff; }

#category_type:after,
#figure_type:after {
  width: 14px; }

#category_type.period {
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3; }

#figure_type {
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3;
  padding: 10px 20px 10px 40px;
  border: none;
  color: #fff; }

#figure_type.absolute {
  background-repeat: no-repeat, no-repeat;
  background-position: 9px center, right 5px center;
  background-color: #5676a3; }

.table-calculator-form {
  border-collapse: collapse;
  margin: 5px; }

.table-calculator-form tr td input {
  padding: 3px;
  line-height: 20px;
  width: 90px; }

.table-calculator-form tr.first td {
  padding-bottom: 10px; }

button.ui-datepicker-trigger {
  background: none;
  border: none; }

button.ui-datepicker-trigger img {
  vertical-align: middle; }

.investment-calculator {
  border: none;
  width: 100%;
  height: 900px; }

.calculator {
  display: table;
  width: 100%;
  margin-bottom: 2rem; }
  .calculator > div {
    display: table-cell; }
    .calculator > div .calculator-box > div:first-child {
      margin-bottom: 0.5rem; }
    .calculator > div .calculator-box input[type=text] {
      width: 100%; }
  .calculator .calculator-left {
    border-right: 1px #e6e6e6 solid;
    padding-right: 3rem; }
    .calculator .calculator-left .datepicker-box {
      position: relative; }
      .calculator .calculator-left .datepicker-box input {
        border: 1px solid #e6e6e6;
        background-color: #fff;
        padding: .5rem 2rem 0.5rem 1rem;
        width: 100%; }
      .calculator .calculator-left .datepicker-box:after {
        content: '\E900';
        font-family: 'trc';
        font-size: 20px;
        color: #1bbdc3;
        position: absolute;
        line-height: 2;
        right: 1rem;
        top: 0; }
  .calculator .calculator-right {
    padding-left: 3rem; }

.down_arrow {
  background: url(/images/arrow_down.gif) no-repeat 0 bottom;
  color: #9d0000;
  background-size: 10px;
  content: '';
  text-indent: -9999px;
  width: 10px;
  margin-left: 5px;
  top: -3px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1; }

.up_arrow {
  background: url(/images/arrow_up.gif) no-repeat 0 bottom;
  color: #317500;
  background-size: 10px;
  content: '';
  text-indent: -9999px;
  width: 10px;
  margin-left: 5px;
  top: -3px;
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1; }

/* for datepicker */
.ui-widget-header {
  border: 1px solid #fff;
  background: #00b6bd;
  color: #fff;
  font-weight: bold; }

.ui-datepicker-header {
  border: 1px solid #fff;
  background: #00b6bd;
  color: #fff;
  font-weight: bold; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #00b6bd; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #00b6bd;
  background: #00b6bd;
  font-weight: bold; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #00b6bd;
  background: #00b6bd;
  color: #ffffff; }

[class^=highstocks] {
  display: none; }

#ir_chart_container .highcharts-series-0:not(.highcharts-tracker) path:nth-of-type(2) {
  /* Close line sytle */
  stroke: #00b6bd;
  stroke-width: 2; }

#ir_chart_container .highcharts-series-2 path {
  /* Navigator color line style */
  stroke: #00b6bd;
  stroke-width: 1;
  fill: #047124;
  fill-opacity: 0.3; }

#ir_chart_container .highcharts-markers path {
  /* Markers style */
  fill: #ffffff;
  fill-opacity: 1;
  stroke: #00b6bd;
  stroke-width: 3px; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #00b6bd;
  background: #fff; }

#ir_chart_container .highcharts-tooltip path {
  /* Tooltip style */
  /*fill: #000; fill-opacity: 0.6; stroke-width: 1; stroke: #ff0000;*/ }

#ir_chart_container .highcharts-tooltip span:first-child,
#ir_chart_container .highcharts-tooltip span b {
  /* Tooltip text style */
  /*color: white!important;
	text-shadow: 0 0 3px black;*/ }

#ir_chart_container .highcharts-range-selector.hasDatepicker {
  border: none !important;
  margin: 2px 0 0 2px; }

#ir_chart_container .highcharts-range-selector.hasDatepicker:not(:focus) {
  width: 0 !important; }

@media only screen and (max-width: 1024px) {
  #ir_content_container {
    padding-bottom: 50px; }
  #ir_chart_container > .highcharts-container {
    top: 0 !important; }
  .ir_chart_interval {
    top: 20px;
    right: 0; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .investment-calculator {
    height: 1300px; }
  .calculator {
    display: block;
    width: 100%;
    margin-bottom: 2rem; }
    .calculator > div {
      display: table-cell; }
      .calculator > div .calculator-box > div:first-child {
        margin-bottom: 0.5rem; }
    .calculator .calculator-left {
      border-right: none;
      padding-right: 0rem;
      display: block; }
    .calculator .calculator-right {
      padding-left: 0rem;
      display: block; }
    .calculator table.ir-table tr td input[type=text],
    .calculator table.ir-table tr td select {
      width: 100%; }
    .calculator #recaptcha_image,
    .calculator #recaptcha_image img {
      width: 100% !important; }
    .calculator .ir_boxCaptcha > #recaptcha_response_field {
      width: 100%;
      margin-bottom: 10px; }
    .calculator .ir_chart_interval {
      top: 100%;
      right: 100%; }
    .calculator #ir_chart_container > div > div {
      left: 0; }
    .calculator #ir_chart_container > .highcharts-container {
      top: 60px !important; }
    .calculator #ir_chart_setting fieldset div {
      width: 100%;
      float: none;
      margin-bottom: 10px; } }

.form-email .form-group label {
  float: left;
  font-weight: 500; }

.form-email .form-group .g-recaptcha > div {
  margin: 0 auto; }

.form-email .form-group input[Type="reset"], .form-email .form-group input[Type="submit"] {
  background: #6d6e71;
  padding: 10px 35px;
  color: #fff !important;
  text-shadow: 0 0 0;
  font-size: 16px;
  border: none;
  margin: 0 10px;
  cursor: pointer; }
  .form-email .form-group input[Type="reset"]:hover, .form-email .form-group input[Type="submit"]:hover {
    background: #00b6bd; }

.textFootnote {
  font-weight: 500; }
  .textFootnote > a {
    color: #6d6e71; }

hr {
  background-color: #b72126;
  height: 2px;
  color: #b72126; }

@media only screen and (max-device-width: 991px) {
  .stock-quotes .bloc {
    min-height: 94px; }
  .section__content--ir-content {
    /*==== Major Shareholders ======*/
    /* IR Calendar*/
    /* Form 56-1*/ }
    .section__content--ir-content .free-float > div {
      border-top: 2px solid #bdbec0; }
      .section__content--ir-content .free-float > div > div {
        border-right: none;
        border-bottom: solid 2px #bdbec0;
        padding: 20px 10px;
        float: left; }
        .section__content--ir-content .free-float > div > div .blue {
          text-align: left !important; }
        .section__content--ir-content .free-float > div > div:last-child {
          border-right: none;
          padding-left: 10px;
          border-bottom: solid 2px #bdbec0; }
    .section__content--ir-content .calendar--all-event .month {
      text-align: left !important;
      color: #fff;
      background: #24bfc5;
      padding: 10px 20px; }
      .section__content--ir-content .calendar--all-event .month > span {
        color: #fff;
        background: transparent;
        padding: 0; }
    .section__content--ir-content .bg-calendar .calendar-current {
      margin: 50px 0; }
      .section__content--ir-content .bg-calendar .calendar-current .title {
        padding-top: 10px; }
    .section__content--ir-content .event:before {
      content: "";
      background: none; }
    .section__content--ir-content .ir-focus {
      height: auto;
      margin-top: 0px; }
    .section__content--ir-content .ir-focus__bg {
      width: 100%;
      top: 0% !important;
      position: relative;
      -webkit-transform: translateY(0%);
      -moz-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%); }
    .section__content--ir-content .ir-focus__detail {
      width: 100%;
      top: auto;
      left: 0;
      bottom: 0;
      position: relative;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
      .section__content--ir-content .ir-focus__detail.form561 {
        padding: 30px 20px;
        line-height: 1.5em;
        height: auto; }
    .section__content--ir-content .statement > div .bloc-card--icon-pdf {
      text-align: center; }
    .section__content--ir-content .statement > div .bloc-card--quarter {
      text-align: center; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
  .img-responsive {
    width: 100%;
    height: auto; }
  .section__content--ir-menu {
    border-top: 0;
    margin-top: 0; }
    .section__content--ir-menu .navbar .navbar-toggler {
      width: 100%;
      background: #00b6bd; }
  .section__content--ir-content {
    border-top: 0;
    margin-top: 0;
    /*==== Financial Statement =====*/
    /*==== Financials Statement =====*/
    /* Background top*/
    /*==== Stock Quotes =====*/
    /*==== Historical Price =====*/
    /*==== Publication and Download =====*/
    /*==== Shareholder Meeting =====*/
    /*==== Webcast & Presenation =====*/
    /*==== Major Shareholders ======*/
    /*==== Newsroom =====*/
    /* IR Calendar*/
    /*==== Accordion ======*/ }
    .section__content--ir-content .statement > div .bloc-card {
      text-align: center; }
    .section__content--ir-content .statement-focus {
      height: auto;
      margin-top: 0px; }
      .section__content--ir-content .statement-focus__bg {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 50%;
        min-height: 350px;
        width: 750px;
        position: relative;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%); }
      .section__content--ir-content .statement-focus__detail {
        position: relative;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        width: 100%;
        height: auto;
        text-align: center;
        padding: 40px 30px;
        top: 50%; }
        .section__content--ir-content .statement-focus__detail .group-download {
          font-size: 1rem;
          font-weight: 500; }
          .section__content--ir-content .statement-focus__detail .group-download > i {
            font-size: 2rem;
            color: #00b6bd;
            vertical-align: middle;
            padding: 0 10px 0 0; }
          .section__content--ir-content .statement-focus__detail .group-download--statement--quarter {
            padding: 0 20px;
            text-align: center; }
    .section__content--ir-content .statement-focus--left .statement-focus__bg {
      height: auto !important;
      background-position: center top;
      width: 100%; }
    .section__content--ir-content .stock-quotes .symbol > p {
      font-size: 1.7em; }
      .section__content--ir-content .stock-quotes .symbol > p i {
        font-size: 1.5rem; }
    .section__content--ir-content .stock-quotes .bloc {
      padding: 0.5rem 1rem; }
    .section__content--ir-content .box-stockChart {
      border: 6px solid #ddd;
      padding: 1rem; }
    .section__content--ir-content .box-iframe iframe.interactive-chart {
      height: 560px; }
    .section__content--ir-content .historical-price .bloc-form > div > div:first-child {
      margin-bottom: 1rem; }
    .section__content--ir-content .historical-price .bloc-form .history_box {
      display: block; }
      .section__content--ir-content .historical-price .bloc-form .history_box > div {
        display: inline-block;
        margin-bottom: 1rem; }
        .section__content--ir-content .historical-price .bloc-form .history_box > div:not(.datepicker-box):not(:last-child) {
          width: 60px; }
        .section__content--ir-content .historical-price .bloc-form .history_box > div:last-child {
          display: block;
          height: 40px; }
        .section__content--ir-content .historical-price .bloc-form .history_box > div.datepicker-box:after {
          content: '';
          display: block;
          visibility: hidden;
          clear: both;
          height: 0; }
    .section__content--ir-content .meeting__bg {
      height: auto; }
    .section__content--ir-content .meeting--top {
      margin: 20px 0;
      padding: 40px 0 50px 0;
      background: #f5f5f5;
      text-align: center; }
      .section__content--ir-content .meeting--top h5 {
        height: 50px; }
      .section__content--ir-content .meeting--top .cover-ar {
        position: unset;
        width: 100%;
        display: flex;
        justify-content: center; }
    .section__content--ir-content .card-img {
      padding-right: 15px; }
    .section__content--ir-content .card-block {
      padding: 40px 0;
      line-height: 2em; }
    .section__content--ir-content .free-float > div {
      border-top: none; }
      .section__content--ir-content .free-float > div > div {
        border-right: none;
        border-top: solid 2px #bdbec0;
        padding: 20px 10px;
        float: left; }
        .section__content--ir-content .free-float > div > div .blue {
          text-align: left !important; }
        .section__content--ir-content .free-float > div > div:last-child {
          border-right: none;
          padding-left: 10px;
          border-bottom: solid 2px #bdbec0; }
    .section__content--ir-content .box-year .ir-newsroom .group-news {
      margin-left: 15px; }
      .section__content--ir-content .box-year .ir-newsroom .group-news .newsdate {
        width: 100%; }
      .section__content--ir-content .box-year .ir-newsroom .group-news .newsdetail {
        width: 100%; }
        .section__content--ir-content .box-year .ir-newsroom .group-news .newsdetail a {
          color: #000;
          text-align: center; }
    .section__content--ir-content .calendar--all-event .month {
      text-align: left !important;
      color: #fff;
      background: #24bfc5;
      padding: 10px 20px; }
      .section__content--ir-content .calendar--all-event .month > span {
        color: #fff;
        background: transparent;
        padding: 0; }
    .section__content--ir-content .bg-calendar .calendar-current {
      padding: 0 30px; }
      .section__content--ir-content .bg-calendar .calendar-current .title {
        font-size: 17px; }
      .section__content--ir-content .bg-calendar .calendar-current .address {
        font-size: 15px; }
    .section__content--ir-content .event:before {
      content: "";
      background: none; }
    .section__content--ir-content .card .card-block {
      border: 1px solid #f0f0f0;
      position: relative;
      padding: 20px;
      margin: 2px 0; }
    .section__content--ir-content .email-alerts {
      height: 1200px; }
  .br-2 {
    border-right: none; }
  .ir-focus {
    height: auto;
    margin-top: 0px; }
  .ir-focus__bg {
    width: 100%;
    top: 0% !important;
    position: relative;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  .ir-focus__detail {
    /*width: 100%;
        top: auto;
        left: 0;
        bottom: 0;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        padding: 25px;
        height: 100px;
        padding: 100px 0;*/
    width: 100%;
    top: auto;
    left: 0;
    bottom: 0;
    position: relative;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
    .ir-focus__detail.form561 {
      padding: 30px 20px;
      line-height: 1.5em;
      height: auto; }
  html[lang='th'] .navbar-group .navbar-toggler > span {
    font-family: PSL Text Pro; }
  html[lang='th'] .bg-calendar .calendar-current {
    padding: 0 30px; }
    html[lang='th'] .bg-calendar .calendar-current .title {
      font-size: 20px; }
    html[lang='th'] .bg-calendar .calendar-current .address {
      font-size: 20px; } }

/*========= [Global Font] ROBOTO =========
font-family: 'Roboto', sans-serif;
light 300
light 300 italic
regular 400
regular 400 italic
medium 500
medium 500 italic
bold 700
bold 700 italic
black 900
black 900 italic*/
/*========= THAISANS NEUE =========*/
/*300 Light
400 Normal, Regular, Plain, Roman, Standard
700 Bold
800 Black, Extra Bold, Ultra Bold*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-black-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-black-webfont.woff') format('woff');*/
/*font-weight: 800;*/
/*font-style: normal;*/
/*}*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-blackitalic-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-blackitalic-webfont.woff') format('woff');*/
/*font-weight: 800;*/
/*font-style: italic;*/
/*}*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-bold-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-bold-webfont.woff') format('woff');*/
/*font-weight: bold;*/
/*font-style: normal;*/
/*}*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-bolditalic-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-bolditalic-webfont.woff') format('woff');*/
/*font-weight: bold;*/
/*font-style: italic;*/
/*}*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-regular-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-regular-webfont.woff') format('woff');*/
/*font-weight: normal;*/
/*font-style: normal;*/
/*}*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-italic-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-italic-webfont.woff') format('woff');*/
/*font-weight: normal;*/
/*font-style: italic;*/
/*}*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-light-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-light-webfont.woff') format('woff');*/
/*font-weight: 300;*/
/*font-style: normal;*/
/*}*/
/*@font-face {*/
/*font-family: 'thaisans_neue';*/
/*src: url('thaisansneue/thaisansneue-lightitalic-webfont.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-lightitalic-webfont.woff') format('woff');*/
/*font-weight: 300;*/
/*font-style: italic;*/
/*}*/
/*@font-face {*/
/*font-family: 'PSL-KandaExtra';*/
/*src: url('psl-kanda/PSLKandaExtraPro.woff2') format('woff2'),*/
/*url('thaisansneue/thaisansneue-lightitalic-webfont.woff') format('woff');*/
/*font-weight: 500;*/
/*font-style: italic;*/
/*}*/
@font-face {
  font-family: 'PSL Kanda Pro';
  src: url(fonts/PSLKandaExtraPro.eot);
  src: url(fonts/PSLKandaExtraPro.eot?#iefix) format("embedded-opentype"), url(fonts/PSLKandaExtraPro.woff2) format("woff2"), url(fonts/PSLKandaExtraPro.woff) format("woff"), url(fonts/PSLKandaExtraPro.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'PSL Kanda Pro';
  src: url(fonts/PSLKandaExtraProItalic.eot);
  src: url(fonts/PSLKandaExtraProItalic.eot?#iefix) format("embedded-opentype"), url(fonts/PSLKandaExtraProItalic.woff2) format("woff2"), url(fonts/PSLKandaExtraProItalic.woff) format("woff"), url(fonts/PSLKandaExtraProItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'PSL Kanda Pro';
  src: url(fonts/PSLKandaExtraProItalic.eot);
  src: url(fonts/PSLKandaExtraProItalic.eot?#iefix) format("embedded-opentype"), url(fonts/PSLKandaExtraProItalic.woff2) format("woff2"), url(fonts/PSLKandaExtraProItalic.woff) format("woff"), url(fonts/PSLKandaExtraProItalic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }

/* @font-face {
    font-family: 'PSL Kanda Pro';
    src: url('psl-kanda/PSLKandaPro.eot');
    src: url('psl-kanda/PSLKandaPro.eot?#iefix') format('embedded-opentype'),
     url('psl-kanda/PSLKandaPro.woff2') format('woff2'), 
     url('psl-kanda/PSLKandaPro.woff') format('woff'), 
     url('psl-kanda/PSLKandaPro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
} */
@font-face {
  font-family: 'PSL Text Pro';
  src: url(fonts/PSLTextPro.eot);
  src: url(fonts/PSLTextPro.eot?#iefix) format("embedded-opentype"), url(fonts/PSLTextPro.woff2) format("woff2"), url(fonts/PSLTextPro.woff) format("woff"), url(fonts/PSLTextPro.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'trc';
  src: url(fonts/trc.eot);
  src: url(fonts/trc.eot#iefix) format("embedded-opentype"), url(fonts/trc.ttf) format("truetype"), url(fonts/trc.woff) format("woff"), url(images/trc.svg#trc) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'trc' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-board-team:before {
  content: "\E959"; }

.icon-hear:before {
  content: "\E953"; }

.icon-people:before {
  content: "\E954"; }

.icon-check:before {
  content: "\E955"; }

.icon-gear:before {
  content: "\E956"; }

.icon-tag:before {
  content: "\E957"; }

.icon-hand:before {
  content: "\E958"; }

.icon-hurry:before {
  content: "\E951"; }

.icon-management:before {
  content: "\E952"; }

.icon-sent-mail:before {
  content: "\E947"; }

.icon-railway-construction:before {
  content: "\E948"; }

.icon-airport-facilities:before {
  content: "\E949"; }

.icon-water-supply:before {
  content: "\E94A"; }

.icon-water-system:before {
  content: "\E94B"; }

.icon-water-distribution-system:before {
  content: "\E94C"; }

.icon-dam-construction:before {
  content: "\E94D"; }

.icon-waste-water-treatment-system:before {
  content: "\E94E"; }

.icon-bridge-construction:before {
  content: "\E94F"; }

.icon-road-construction:before {
  content: "\E950"; }

.icon-career-path:before {
  content: "\E91F"; }

.icon-development:before {
  content: "\E920"; }

.icon-timeline:before {
  content: "\E944"; }

.icon-emergency-exit:before {
  content: "\E93F"; }

.icon-fire:before {
  content: "\E940"; }

.icon-helmet:before {
  content: "\E941"; }

.icon-worker-with-gas-mask:before {
  content: "\E942"; }

.icon-business:before {
  content: "\E943"; }

.icon-csr-policy:before {
  content: "\E93D"; }

.icon-succession-planning-and-talent-develpment:before {
  content: "\E92B"; }

.icon-work-with-us:before {
  content: "\E92A"; }

.icon-group-meeting:before {
  content: "\E929"; }

.icon-world-map:before {
  content: "\E926"; }

.icon-list:before {
  content: "\E927"; }

.icon-maps-and-flags:before {
  content: "\E928"; }

.icon-responsibilities-of-excutive:before {
  content: "\E912"; }

.icon-calendar:before {
  content: "\E900"; }

.icon-pdf:before {
  content: "\E901"; }

.icon-clock:before {
  content: "\E902"; }

.icon-play:before {
  content: "\E903"; }

.icon-play-hover:before {
  content: "\E904"; }

.icon-envelope:before {
  content: "\E905"; }

.icon-phone:before {
  content: "\E906"; }

.icon-fax:before {
  content: "\E907"; }

.icon-box-download:before {
  content: "\E908"; }

.icon-new-menu:before {
  content: "b"; }

.icon-arrow-down:before {
  content: "Q"; }

.icon-remove:before {
  content: "T"; }

.icon-add:before {
  content: "S"; }

.icon-arrow-up:before {
  content: "R"; }

.icon-down:before {
  content: "J"; }

.icon-left:before {
  content: "K"; }

.icon-up:before {
  content: "I"; }

.icon-right:before {
  content: "H"; }

.icon-analyst:before {
  content: "A"; }

.icon-information:before {
  content: "B"; }

.icon-download:before {
  content: "z"; }

.icon-philosophy:before {
  content: "k"; }

.icon-back:before {
  content: "\E909"; }

.icon-apply-job:before {
  content: "\E925"; }

.icon-email:before {
  content: "\E919"; }

.icon-contact:before {
  content: "\E91A"; }

.icon-go:before {
  content: "\E91B"; }

.icon-growing-together:before {
  content: "\E91C"; }

.icon-personnel-development-and-training:before {
  content: "\E91D"; }

.icon-managment:before {
  content: "O"; }

.icon-projects:before {
  content: "\E91E"; }

.icon-enginerring:before {
  content: "L"; }

.icon-contruction:before {
  content: "N"; }

.icon-civil-and-infrastructure:before {
  content: "q"; }

.icon-designing-strategy:before {
  content: "\E938"; }

.icon-food-processing:before {
  content: "\E930"; }

.icon-civil-construction:before {
  content: "\E92C"; }

.icon-water-natural:before {
  content: "\E931"; }

.icon-mechanical-installation:before {
  content: "\E932"; }

.icon-refinery-gas:before {
  content: "\E933"; }

.icon-chemical:before {
  content: "\E934"; }

.icon-developing-the-deal:before {
  content: "\E939"; }

.icon-heavy-light-industry:before {
  content: "\E935"; }

.icon-investing-fund-for-the-share-equity:before {
  content: "\E93A"; }

.icon-in-related-sectors:before {
  content: "\E93B"; }

.icon-sourcing-the-potential:before {
  content: "\E93C"; }

.icon-pipline-construction:before {
  content: "l"; }

.icon-piping-fabrication:before {
  content: "\E92D"; }

.icon-epc-turnkey-basis:before {
  content: "\E92E"; }

.icon-power-petrochemical:before {
  content: "\E936"; }

.icon-iron-steel:before {
  content: "\E937"; }

.icon-equipment-installation:before {
  content: "\E92F"; }

.icon-article-marketing:before {
  content: "\E90C"; }

.icon-businessmen-group:before {
  content: "\E913"; }

.icon-businessmen-3:before {
  content: "\E914"; }

.icon-businessmen-2:before {
  content: "\E915"; }

.icon-csr-activities:before {
  content: "G"; }

.icon-document-search-interface-symbol:before {
  content: "\E90B"; }

.icon-documents-symbol:before {
  content: "\E90D"; }

.icon-board-of-director-charter:before {
  content: "\E917"; }

.icon-audit-committee-charter:before {
  content: "\E90E"; }

.icon-responsibilities-of-chairman:before {
  content: "\E90F"; }

.icon-management-structure:before {
  content: "n"; }

.icon-remuneration-and-nomination:before {
  content: "\E910"; }

.icon-piled-files:before {
  content: "\E911"; }

.icon-cg-policy:before {
  content: "D"; }

.icon-cg-committer:before {
  content: "\E916"; }

.icon-investment:before {
  content: "P"; }

.icon-investors-relations:before {
  content: "a"; }

.icon-sustainability:before {
  content: "c"; }

.icon-who-we-are:before {
  content: "e"; }

.icon-how-you-will-grow3:before {
  content: "\E921"; }

.icon-why-work-with-us:before {
  content: "\E922"; }

.icon-employee-activities:before {
  content: "\E923"; }

.icon-benefits:before {
  content: "\E924"; }

.icon-key-corporate-milestone:before {
  content: "j"; }

.icon-vision-mission-and-target:before {
  content: "m"; }

.icon-shareholder:before {
  content: "x"; }

.icon-message-from-ceo:before {
  content: "p"; }

.icon-corporate-profile:before {
  content: "w"; }

.icon-policy-on-qsshe:before {
  content: "v"; }

.icon-award:before {
  content: "t"; }

.icon-corporate-value:before {
  content: "\E93E"; }

.icon-process-plant-and-mechanical-installation:before {
  content: "o"; }

.icon-development-and-investment:before {
  content: "i"; }

.icon-set-awards:before {
  content: "C"; }

.icon-group:before {
  content: "\E90A"; }

.icon-the-company-secretary:before {
  content: "\E945"; }

.icon-cheque-of-vender:before {
  content: "\E918"; }

.icon-what-we-do:before {
  content: "d"; }

.icon-close:before {
  content: "\E946"; }

.icon-whistleblower:before {
  content: "F"; }

.icon-facebook:before {
  content: "h"; }

.icon-twitter:before {
  content: "g"; }

.icon-pinterest:before {
  content: "f"; }

.icon-stock:before {
  content: "s"; }

.icon-bars-chart-down:before {
  content: "r"; }

.icon-procurement:before {
  content: "M"; }

.icon-downloads:before {
  content: "E"; }

.icon-newsroom:before {
  content: "y"; }

.icon-trc-group:before {
  content: "u"; }


/*# sourceMappingURL=theme.e70b8ac61a42a2b1045b.css.map*/