@import url(css2.css);
.cmp-accordion__header {
  margin: 0
}
.cmp-accordion__button {
  display: block;
  text-align: left;
  width: 100%
}
.cmp-accordion__panel--hidden {
  display: none
}
.cmp-accordion__panel--expanded {
  display: block
}
.cmp-accordion--faq .cmp-accordion__header {
  border-bottom: 1px solid #f1f1f1;
  line-height: 0;
  padding: .875rem 0 1rem
}
.cmp-accordion--faq .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-transform: none
}
.cmp-accordion--faq .cmp-accordion__button:hover {
  text-decoration: none
}
.cmp-accordion--faq .cmp-accordion__button .cmp-accordion__icon {
  color: #333 !important;
  -webkit-transform: scale(.7) rotate(180deg);
  transform: scale(.7) rotate(180deg)
}
.cmp-accordion--faq .cmp-accordion__button--expanded .cmp-accordion__icon {
  -webkit-transform: scale(.7) rotate(0deg);
  transform: scale(.7) rotate(0deg)
}
.cmp-accordion--faq .cmp-accordion__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC42OTMiIGhlaWdodD0iOC43NjEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMzU3MCIgZD0ibTEzLjk4NiA4LjA1NC02LjYzOS02LjY0LTYuNjQgNi42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTYwMDM5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  height: .625rem;
  margin-right: 1.875rem;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  width: 1.0625rem
}
.cmp-accordion--faq .cmp-accordion__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400 !important;
  line-height: 1.5rem;
  width: 80%
}
.cmp-accordion--faq .cmp-accordion__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-accordion--faq .cmp-accordion__panel {
  background-color: #f1f1f1;
  padding: 2rem 2rem 1.625rem
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-accordion--faq .cmp-accordion__header {
    padding: .875rem 0 1.75rem
  }
}
.cmp-breadcrumb--defult .cmp-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none
}
.cmp-breadcrumb--defult .cmp-breadcrumb__item {
  font-size: .75rem;
  line-height: 1.0625rem
}
.cmp-breadcrumb--defult .cmp-breadcrumb__item--active {
  font-weight: 500
}
.cmp-breadcrumb--defult .cmp-breadcrumb__item-link {
  color: #333;
  display: block;
  margin-right: .6875rem;
  padding-right: 1.0625rem;
  position: relative;
  text-decoration: none
}
.cmp-breadcrumb--defult .cmp-breadcrumb__item-link:after {
  content: ">";
  font-family: cursive;
  position: absolute;
  right: 0
}
.cmp-breadcrumb--mobile-nav-breadcrumb {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: .625rem;
  padding-left: 1.0625rem
}
.cmp-breadcrumb--mobile-nav-breadcrumb .cmp-breadcrumb {
  display: block
}
.cmp-breadcrumb--mobile-nav-breadcrumb .cmp-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none
}
.cmp-breadcrumb--mobile-nav-breadcrumb .cmp-breadcrumb__item {
  font-size: 1rem;
  line-height: 1.625rem
}
.cmp-breadcrumb--mobile-nav-breadcrumb .cmp-breadcrumb__item--active {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.cmp-breadcrumb--mobile-nav-breadcrumb .cmp-breadcrumb__item-link {
  color: #333;
  display: block;
  margin-right: .5rem;
  padding-right: .9375rem;
  position: relative;
  text-decoration: none;
  white-space: nowrap
}
.cmp-breadcrumb--mobile-nav-breadcrumb .cmp-breadcrumb__item-link:not(:last-child):after {
  content: "/";
  font-family: cursive;
  position: absolute;
  right: 0
}
.button button {
  background-color: transparent;
  border: none;
  font-size: .75rem;
  letter-spacing: .15rem;
  line-height: 1.063rem
}
.button button:hover {
  text-decoration: underline
}
.button button:disabled {
  color: #595757
}
.button-primary button {
  border: 1px solid #595757;
  font-size: .75rem;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  padding: .438rem 2.063rem
}
.button-primary button:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.button-primary button:disabled {
  border-color: #595757;
  color: #595757
}
.button-line button {
  border: none;
  font-size: .75rem;
  letter-spacing: .15rem;
  line-height: 1.063rem
}
.button-line button:hover {
  text-decoration: underline
}
.button-line button:disabled {
  color: #595757
}
.button-dark .cmp-button {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: .75rem;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  padding: .438rem 2.063rem;
  text-align: center
}
.button-dark .cmp-button:disabled {
  border-color: #595757;
  color: #595757;
  cursor: default
}
.button-dark .cmp-button:hover {
  background-color: #2f2f2f;
  border-color: #2f2f2f;
  text-decoration: none
}
.button-width-full .cmp-button {
  width: 100%
}
.button-width-275 .cmp-button {
  width: 275px
}
button {
  background-color: transparent;
  border: none;
  font-size: .75rem;
  letter-spacing: .15rem;
  line-height: 1.063rem
}
button:hover {
  text-decoration: underline
}
button:disabled {
  color: #595757
}
.pagination-button--left {
  float: left
}
.pagination-button--right {
  float: right
}
.pagination-button--left > .cmp-container, .pagination-button--right > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.pagination-button--left > .cmp-container img, .pagination-button--right > .cmp-container img {
  height: .8125rem;
  margin: .5625rem .1875rem;
  width: .8125rem
}
.pagination-button--left > .cmp-container a, .pagination-button--right > .cmp-container a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.0625rem;
  text-decoration: none
}
.pagination-button--left > .cmp-container a:lang(th), .pagination-button--right > .cmp-container a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.pagination-button--left > .cmp-container a:hover, .pagination-button--right > .cmp-container a:hover {
  text-decoration: underline
}
.button-like-cta .cmp-button {
  border: 1px solid #333;
  height: 40px;
  width: 194px
}
.button-like-cta .cmp-button .cmp-button__text {
  color: #333;
  font-size: 12px;
  font-weight: 700
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .pagination-button {
    padding: 0 5.0625rem
  }
  .pagination-button--left > .cmp-container img, .pagination-button--right > .cmp-container img {
    display: none
  }
}
@media(max-width:1023px) {
  .pagination-button {
    padding: 3.75rem 2rem
  }
  .pagination-button--left > .cmp-container img, .pagination-button--right > .cmp-container img {
    display: block
  }
}
@media(max-width:767px) {
  .pagination-button {
    padding: 3.75rem 1rem
  }
}
.cmp-carousel--default .cmp-carousel {
  position: relative
}
.cmp-carousel--default .cmp-carousel__item {
  display: none
}
.cmp-carousel--default .cmp-carousel__item--active {
  display: block
}
.cmp-carousel--default .cmp-carousel__actions {
  display: none
}
.cmp-carousel--default .cmp-carousel__indicators {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  bottom: 3.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  left: 50%;
  list-style: none;
  max-width: 1440px;
  padding: 0 1rem;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%
}
.cmp-carousel--default .cmp-carousel__indicator {
  height: .125rem;
  margin: 0 .1875rem;
  padding: .0625rem;
  text-indent: -187.5rem;
  width: 1rem
}
.cmp-carousel--light .cmp-carousel__indicator {
  background-color: #595757
}
.cmp-carousel--light .cmp-carousel__indicator--active {
  background-color: #00358d
}
.cmp-carousel--dark .cmp-carousel__indicator {
  background-color: #fff
}
.cmp-carousel--dark .cmp-carousel__indicator--active {
  background-color: #00358d
}
.cmp-carousel .cmp-teaser__content {
  padding-bottom: 0 !important;
  top: 55% !important
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-carousel--default .cmp-carousel__indicators {
    padding: 0 4rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-carousel--default .cmp-carousel__indicators {
    padding: 0 5.0625rem
  }
}
@media(max-width:1023px) {
  .cmp-carousel .cmp-teaser__content {
    bottom: 5rem !important;
    top: 47% !important
  }
}
.okm-text-subTitle {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
.okm-text-subTitle .title .cmp-title__text {
  color: #000;
  font-size: 1rem;
  font-weight: 700
}
.cmp-banner-product-listing > .cmp-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between
}
.cmp-banner-product-listing > .cmp-container > .image, .cmp-banner-product-listing__tiles {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}
.cmp-banner-product-listing__tiles {
  height: 100%
}
.cmp-banner-product-listing__tiles .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.cmp-banner-product-listing__tiles .cmp-container > * {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}
.cmp-banner-product-listing__tiles .cmp-container .image {
  padding: 0 2.125rem
}
.cmp-banner-product-listing__tiles .cmp-container .cmp-image {
  overflow: inherit
}
.cmp-banner-product-listing__tiles .cmp-container .cmp-image__image {
  margin-top: 3.5rem
}
.cmp-banner-product-listing__tiles .cmp-container .cmp-image__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .875rem;
  height: 3.5rem;
  justify-content: center;
  position: static
}
.cmp-banner-product-listing__tiles .cmp-container .cmp-image__title__content {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis
}
.cmp-banner-product-listing__tiles .cmp-container .cmp-image__link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  color: #333 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: unset;
  position: static;
  text-decoration: none
}
@supports not (aspect-ratio:1/1) {
  .cmp-banner-product-listing__tiles .cmp-container .cmp-image {
    padding-top: 100%
  }
  .cmp-banner-product-listing__tiles .cmp-container .cmp-image__image {
    height: unset
  }
  .cmp-banner-product-listing__tiles .cmp-container .cmp-image__link {
    position: absolute
  }
  .cmp-banner-product-listing__tiles .cmp-container .cmp-image__link .cmp-image__title__content {
    position: absolute;
    top: 0
  }
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-banner-product-listing__tiles .cmp-container {
    display: flex;
    flex-wrap: wrap
  }
  .cmp-banner-product-listing__tiles .cmp-container > * {
    flex-basis: 25%
  }
  .cmp-banner-product-listing__tiles .cmp-container {
    height: 100%;
    margin: 0 -1.875rem 0 2.125rem
  }
  .cmp-banner-product-listing__tiles .cmp-container .image {
    padding: 0 .9375rem
  }
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-banner-product-listing__tiles .cmp-container > * {
    margin-bottom: 4.375rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-banner-product-listing > .cmp-container > .image {
    flex-basis: 41.666%
  }
  .cmp-banner-product-listing > .cmp-container > .image > .cmp-image img {
    height: 21.5rem;
    width: 32.1875rem
  }
  .cmp-banner-product-listing__tiles {
    flex-basis: 50%
  }
}
@media(max-width:1023px) {
  .cmp-banner-product-listing > .cmp-container > .image {
    height: 30.625rem;
    margin-bottom: 3.75rem
  }
  .cmp-banner-product-listing > .cmp-container > .image > .cmp-image, .cmp-banner-product-listing > .cmp-container > .image > img {
    height: 30.625rem
  }
}
@media(max-width:767px) {
  .cmp-banner-product-listing > .cmp-container > .image {
    height: 14.3125rem;
    margin-bottom: 2.0625rem
  }
  .cmp-banner-product-listing > .cmp-container > .image > img {
    height: 14.3125rem
  }
  .cmp-banner-product-listing__tiles {
    margin-bottom: 1.0625rem
  }
  .cmp-banner-product-listing__tiles .cmp-container > * {
    margin-bottom: 1.6875rem
  }
  .cmp-banner-product-listing__tiles .cmp-container .cmp-image {
    margin-top: 1.6875rem
  }
}
.cmp-container--horizontal-scrollable .cmp-container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll
}
.cmp-container--horizontal-scrollable ::-webkit-scrollbar {
  height: .1875rem
}
.cmp-container--horizontal-scrollable ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: .125rem solid #f1f1f1
}
.cmp-container--horizontal-scrollable ::-webkit-scrollbar-thumb {
  background: #00358d;
  background: url(https://www.okamura.com/etc.clientlibs/okamura/clientlibs/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources/shapes/scroll-bar.png) no-repeat;
  border-radius: .3125rem
}
.cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: scroll !important
}
.cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2, .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2.cmp-teaser__title a {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.25rem;
  font-weight: 400 !important;
  line-height: 2.1875rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2.cmp-teaser__title a:lang(th), .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser .cmp-teaser__description p {
  font-weight: 300 !important
}
.cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container div.cmp-teaser__action-container a {
  font-size: .75rem;
  font-weight: 700 !important;
  letter-spacing: .15rem;
  line-height: 1.063rem
}
.cmp-container--three-col .cmp-container div.cmp-teaser--news-updates:last-child {
  margin-right: 0
}
.cmp-container--three-col .cmp-container div.cmp-container--featured-products {
  max-width: 21.4375rem;
  min-width: 21.4375rem
}
.cmp-container--three-col .cmp-container div.cmp-container--featured-products:not(:last-child) {
  margin-right: 2.875rem;
  max-width: 18.5625rem;
  min-width: 18.5625rem
}
.cmp-container--fixed > .cmp-container {
  margin: 0 auto;
  max-width: 90rem;
  overflow: hidden;
  padding-left: 1rem;
  padding-right: 1rem
}
.cmp-container--margin-top-middle {
  margin-top: 48px
}
.cmp-container--margin-top-large {
  margin-top: 61px
}
.cmp-container--popular-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.cmp-container--product-nav, .cmp-container--secondary-nav {
  background: #f4f4f4
}
.cmp-container--product-nav span.h6, .cmp-container--secondary-nav span.h6 {
  font-weight: 500
}
.cmp-container--sticky {
  position: sticky;
  top: 3rem;
  width: 100%;
  z-index: 999
}
.cmp-container--category-grid .aem-Grid > .aem-GridColumn {
  margin-bottom: 1rem
}
.cmp-container--category-grid .text h3 {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  margin-bottom: .5rem
}
.cmp-container--category-grid .text h3:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--category-grid .text p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--category-grid .text p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--category-grid .text.text-fs-36px {
  font-size: 2rem
}
.cmp-container--padding-top-bottom-56 {
  padding-bottom: 3.5rem;
  padding-top: 3.5rem
}
.cmp-container--bottom-spacing-l {
  margin-bottom: 3.125rem
}
.cmp-container--bottom-spacing-130-30, .cmp-container--bottom-spacing-m {
  margin-bottom: 1.875rem
}
.cmp-container--bottom-spacing-100-50 {
  margin-bottom: 3.125rem
}
.cmp-container--project-info > div.cmp-container {
  grid-gap: 1.875rem;
  display: grid;
  grid-template-columns: auto
}
.cmp-container--about-card-list > .cmp-container > div > .cmp-container {
  overflow-x: scroll !important
}
.cmp-container--hide {
  display: none
}
.cmp-container--highlight-banner > .cmp-container {
  grid-gap: 1.875rem;
  display: grid
}
.cmp-container--highlight-banner > .cmp-container .text p {
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  max-height: 11.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--highlight-banner > .cmp-container .text p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--highlight-banner > .cmp-container .teaser .cmp-teaser .cmp-teaser__content {
  margin-left: 0
}
.cmp-container--highlight-banner > .cmp-container .teaser .cmp-teaser .cmp-teaser__content h2.cmp-teaser__title a {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 3.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--highlight-banner > .cmp-container .teaser .cmp-teaser .cmp-teaser__content h2.cmp-teaser__title a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--highlight-banner--reverse {
  margin-top: 1.875rem
}
.cmp-container--highlight-banner--reverse > .cmp-container {
  display: grid
}
.cmp-container--highlight-banner--reverse > .cmp-container h1.cmp-title__text {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem
}
.cmp-container--highlight-banner--reverse > .cmp-container h1.cmp-title__text:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--highlight-banner--reverse > .cmp-container .teaser h2.cmp-teaser__title {
  color: #000;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 300 !important;
  line-height: 3.8125rem;
  margin: 0 0 1rem
}
.cmp-container--highlight-banner--reverse > .cmp-container .teaser h2.cmp-teaser__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container__vertical-align-top > .cmp-container {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: inline-grid
}
.cmp-container__vertical-align-center > .cmp-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: inline-grid
}
.cmp-container__vertical-align-bottom > .cmp-container {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  display: inline-grid
}
.cmp-container__horizontal-align-left > .cmp-container {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  display: grid;
  justify-content: left
}
.cmp-container__horizontal-align-center > .cmp-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: grid;
  justify-content: center
}
.cmp-container__horizontal-align-right > .cmp-container {
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  display: grid;
  justify-content: right
}
.cmp-container--timeline-section > .cmp-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row
}
.cmp-container--timeline-section > .cmp-container > :first-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 1rem
}
.cmp-container--timeline-section > .cmp-container > :nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.cmp-container--timeline-section > .cmp-container > .new {
  display: none
}
.cmp-container--timeline-section-content-last > .cmp-container, .cmp-container--timeline-section-content > .cmp-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-left: thick solid #b4b6dd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 1rem
}
.cmp-container--timeline-section-content-last > .cmp-container:after, .cmp-container--timeline-section-content > .cmp-container:after {
  border-bottom: thin dotted #999;
  content: "";
  margin-bottom: .5rem;
  margin-top: 1rem
}
.cmp-container--timeline-section-content-last > .cmp-container:after, .cmp-container--timeline-section-content-last > .cmp-container > .new, .cmp-container--timeline-section-content > .cmp-container > .new {
  display: none
}
.cmp-container--timeline-year > .cmp-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row
}
.cmp-container--timeline-year > .cmp-container > :first-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -ms-flex-negative: 0;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: 1rem
}
.cmp-container--timeline-year > .cmp-container > .new {
  display: none
}
.authoring-mode .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start
}
.authoring-mode .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container > div {
  -ms-flex-preferred-size: 30%;
  -ms-flex-negative: 0;
  flex-basis: 30%;
  flex-shrink: 0
}
.vertical-top-align .cmp-container {
  vertical-align: top
}
.vertical-bottom-align .cmp-container {
  vertical-align: bottom
}
.vertical-center-align .cmp-container {
  vertical-align: middle
}
.horizontal-left-align .cmp-container {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: left
}
.horizontal-right-align .cmp-container {
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: right
}
.horizontal-center-align .cmp-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
@media(min-width:430px) {
  .cmp-container--three-col .cmp-container div.cmp-container--featured-products {
    max-width: 19.6875rem;
    min-width: 19.6875rem
  }
}
@media(max-width:768px)and (min-width:431px) {
  .margin-tab-24px .cmp-container {
    margin: 1.5rem
  }
  .margin-tab-32px .cmp-container {
    margin: 2rem
  }
  .margin-tab-40px .cmp-container {
    margin: 2.5rem
  }
  .margin-left-tab-24px .cmp-container {
    margin-left: 1.5rem
  }
  .margin-left-tab-32px .cmp-container {
    margin-left: 2rem
  }
  .margin-left-tab-40px .cmp-container {
    margin-left: 2.5rem
  }
  .margin-bottom-tab-24px .cmp-container {
    margin-bottom: 1.5rem
  }
  .margin-bottom-tab-32px .cmp-container {
    margin-bottom: 2rem
  }
  .margin-bottom-tab-40px .cmp-container {
    margin-bottom: 2.5rem
  }
  .margin-right-tab-24px .cmp-container {
    margin-right: 1.5rem
  }
  .margin-right-tab-32px .cmp-container {
    margin-right: 2rem
  }
  .margin-right-tab-40px .cmp-container {
    margin-right: 2.5rem
  }
  .padding-tab-24px .cmp-container {
    padding: 1.5rem
  }
  .padding-tab-32px .cmp-container {
    padding: 2rem
  }
  .padding-tab-40px .cmp-container {
    padding: 2.5rem
  }
  .padding-left-tab-24px .cmp-container {
    padding-left: 1.5rem
  }
  .padding-left-tab-32px .cmp-container {
    padding-left: 2rem
  }
  .padding-left-tab-40px .cmp-container {
    padding-left: 2.5rem
  }
  .padding-bottom-tab-24px .cmp-container {
    padding-bottom: 1.5rem
  }
  .padding-bottom-tab-32px .cmp-container {
    padding-bottom: 2rem
  }
  .padding-bottom-tab-40px .cmp-container {
    padding-bottom: 2.5rem
  }
  .padding-right-tab-24px .cmp-container {
    padding-right: 1.5rem
  }
  .padding-right-tab-32px .cmp-container {
    padding-right: 2rem
  }
  .padding-right-tab-40px .cmp-container {
    padding-right: 2.5rem
  }
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-container--three-col .cmp-container div.cmp-teaser--news-updates > .cmp-teaser {
    max-width: 22.5rem
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2, .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2.cmp-teaser__title a {
    margin-top: .5rem !important
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates ::-webkit-scrollbar {
    height: 5px
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-color: #fff;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates ::-webkit-scrollbar-thumb {
    background: #00358d;
    border-color: #fff;
    border-radius: 2px;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates:hover ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border-width: 0
  }
  .cmp-container--three-col .cmp-container div.cmp-container--featured-products:not(:last-child) {
    margin-right: 30px
  }
  .cmp-container--top-spacing-l {
    margin-top: 6.6875rem
  }
  .cmp-container--category-grid .text.text-fs-36px {
    font-size: 2.25rem
  }
  .cmp-container--bottom-spacing-l {
    margin-bottom: 4.6875rem
  }
  .cmp-container--bottom-spacing-m {
    margin-bottom: 3.125rem
  }
  .cmp-container--bottom-spacing-100-50, .cmp-container--bottom-spacing-130-30 {
    margin-bottom: 4.6875rem
  }
  .cmp-container--about-card-list > .cmp-container > div > .cmp-container {
    column-gap: 2.1875rem;
    display: flex;
    justify-content: space-between;
    padding-bottom: 4rem;
    padding-left: 0;
    padding-right: 0
  }
  .cmp-container--about-card-list > .cmp-container > div ::-webkit-scrollbar {
    height: 5px
  }
  .cmp-container--about-card-list > .cmp-container > div ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-color: #fff;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--about-card-list > .cmp-container > div ::-webkit-scrollbar-thumb {
    background: #00358d;
    border-color: #fff;
    border-radius: 2px;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--about-card-list > .cmp-container > div:hover ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border-width: 0
  }
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-container--padding > .cmp-container .aem-Grid {
    margin-left: -.5rem;
    margin-right: -.5rem;
    width: auto
  }
  .cmp-container--padding > .cmp-container .aem-Grid > .aem-GridColumn {
    padding-left: .5rem;
    padding-right: .5rem
  }
  .cmp-container--category-grid .aem-Grid {
    margin-left: -.5rem;
    margin-right: -.5rem;
    width: auto
  }
  .cmp-container--category-grid .aem-Grid > .aem-GridColumn {
    padding-left: .5rem;
    padding-right: .5rem
  }
}
@media(min-width:769px) {
  .padding-desktop-24px .cmp-container {
    padding: 1.5rem
  }
  .padding-desktop-32px .cmp-container {
    padding: 2rem
  }
  .padding-desktop-40px .cmp-container {
    padding: 2.5rem
  }
  .padding-left-desktop-24px .cmp-container {
    padding-left: 1.5rem
  }
  .padding-left-desktop-32px .cmp-container {
    padding-left: 2rem
  }
  .padding-left-desktop-40px .cmp-container {
    padding-left: 2.5rem
  }
  .padding-bottom-desktop-24px .cmp-container {
    padding-bottom: 1.5rem
  }
  .padding-bottom-desktop-32px .cmp-container {
    padding-bottom: 2rem
  }
  .padding-bottom-desktop-40px .cmp-container {
    padding-bottom: 2.5rem
  }
  .padding-right-desktop-24px .cmp-container {
    padding-right: 1.5rem
  }
  .padding-right-desktop-32px .cmp-container {
    padding-right: 2rem
  }
  .padding-right-desktop-40px .cmp-container {
    padding-right: 2.5rem
  }
  .margin-desktop-24px .cmp-container {
    margin: 1.5rem
  }
  .margin-desktop-32px .cmp-container {
    margin: 2rem
  }
  .margin-desktop-40px .cmp-container {
    margin: 2.5rem
  }
  .margin-left-desktop-24px .cmp-container {
    margin-left: 1.5rem
  }
  .margin-left-desktop-32px .cmp-container {
    margin-left: 2rem
  }
  .margin-left-desktop-40px .cmp-container {
    margin-left: 2.5rem
  }
  .margin-bottom-desktop-24px .cmp-container {
    margin-bottom: 1.5rem
  }
  .margin-bottom-desktop-32px .cmp-container {
    margin-bottom: 2rem
  }
  .margin-bottom-desktop-40px .cmp-container {
    margin-bottom: 2.5rem
  }
  .margin-right-desktop-24px .cmp-container {
    margin-right: 1.5rem
  }
  .margin-right-desktop-32px .cmp-container {
    margin-right: 2rem
  }
  .margin-right-desktop-40px .cmp-container {
    margin-right: 2.5rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--three-col .cmp-container div.cmp-teaser--news-updates {
    min-width: 22.5rem
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container div.cmp-teaser__action-container {
    margin-bottom: 4.1875rem
  }
  .cmp-container--three-col .cmp-container div.cmp-teaser--news-updates:not(:last-child) {
    margin-right: 6.1875rem
  }
  .cmp-container--fixed > .cmp-container {
    padding-left: 5.0625rem;
    padding-right: 5.0625rem
  }
  .cmp-container--padding > .cmp-container .aem-Grid {
    margin-left: -1.46875rem;
    margin-right: -1.46875rem;
    width: auto
  }
  .cmp-container--padding > .cmp-container .aem-Grid > .aem-GridColumn {
    padding-left: 1.46875rem;
    padding-right: 1.46875rem
  }
  .cmp-container--category-grid .aem-Grid {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    width: auto
  }
  .cmp-container--category-grid .aem-Grid > .aem-GridColumn {
    margin-bottom: 1.875rem;
    padding-left: .9375rem;
    padding-right: .9375rem
  }
  .cmp-container--category-grid .text h3 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 2.875rem
  }
  .cmp-container--category-grid .text p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
  }
  .cmp-container--bottom-spacing-l {
    margin-bottom: 9.375rem
  }
  .cmp-container--bottom-spacing-m {
    margin-bottom: 6.25rem
  }
  .cmp-container--bottom-spacing-130-30 {
    margin-bottom: 8.125rem
  }
  .cmp-container--bottom-spacing-100-50 {
    margin-bottom: 6.25rem
  }
  .cmp-container--project-info > div.cmp-container {
    grid-template-columns: 49% 49%
  }
  .cmp-container--highlight-banner > .cmp-container {
    grid-template-columns: auto auto;
    margin-top: 2.5rem
  }
  .cmp-container--highlight-banner > .cmp-container .image {
    width: 52.625rem
  }
  .cmp-container--highlight-banner--reverse > .cmp-container {
    grid-gap: 1.875rem;
    grid-template-columns: auto 52.625rem;
    height: 26.3125rem
  }
  .cmp-container--highlight-banner--reverse > .cmp-container h1.cmp-title__text {
    margin-right: 4.9375rem
  }
  .cmp-container--highlight-banner--reverse > .cmp-container .image {
    height: 26.3125rem;
    width: 52.625rem
  }
  .cmp-container-res-listing-outer > .cmp-container {
    grid-gap: 6rem;
    display: grid;
    grid-template-columns: 14rem auto;
    padding: 5rem
  }
}
@media(max-width:1023px) {
  .cmp-container--three-col .cmp-container div.cmp-teaser--news-updates {
    margin-right: 1rem;
    min-width: 22.5rem
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container div.cmp-teaser__action-container {
    margin-bottom: 2rem
  }
  .cmp-container--three-col .cmp-container div.cmp-teaser--news-updates:not(:last-child) {
    margin-right: 1rem
  }
  .cmp-container--category-grid .text h3 {
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 2.3125rem
  }
  .cmp-container--category-grid .text p {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
  }
  .cmp-container--project-info > div.cmp-container {
    padding: 0 3.4375rem
  }
  .cmp-container--highlight-banner > .cmp-container {
    grid-template-columns: auto;
    margin-top: 2.5rem
  }
  .cmp-container--highlight-banner--reverse > .cmp-container {
    grid-gap: 1.875rem;
    grid-template-columns: auto;
    margin: 0
  }
}
@media(max-width:767px) {
  .cmp-container--three-col .cmp-container div.cmp-teaser--news-updates {
    margin-right: 1rem;
    min-width: 21.4375rem
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2, .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser h2.cmp-teaser__title a {
    margin-top: .625rem !important
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates > .cmp-container .teaser .cmp-teaser .cmp-teaser__pretitle {
    margin-top: .5rem !important
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates ::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none
  }
  .cmp-container--three-col .cmp-container div.cmp-container--news-updates ::-webkit-scrollbar-track {
    display: none
  }
  .cmp-container--top-spacing-l {
    margin-top: 3.3125rem
  }
  .cmp-container--category-grid .text h3 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.1875rem
  }
  .cmp-container--project-info > div.cmp-container {
    padding: 0 1rem
  }
  .cmp-container--about-card-list > .cmp-container > div > .cmp-container {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: 21.4375rem !important;
    overflow-x: hidden !important;
    padding: 2rem 0
  }
  .cmp-container--about-card-list > .cmp-container > div ::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none
  }
  .cmp-container--about-card-list > .cmp-container > div ::-webkit-scrollbar-track {
    display: none
  }
  .cmp-container--about-card-list .cmp-container ::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none
  }
  .cmp-container--about-card-list .cmp-container ::-webkit-scrollbar-track {
    display: none
  }
  .cmp-container--about-card-list .simplebar-content .cmp-container {
    grid-gap: 2rem;
    display: grid;
    padding: 2rem 0
  }
  .cmp-container--about-card-list .about-sub-teaser {
    width: 100% !important
  }
  .cmp-container--highlight-banner > .cmp-container {
    grid-template-columns: auto;
    max-width: 22.4375rem
  }
  .cmp-container--highlight-banner--reverse > .cmp-container {
    grid-gap: 1.875rem;
    grid-template-columns: auto;
    margin: 0
  }
}
@media(max-width:430px) {
  .padding-mobile-24px .cmp-container {
    padding: 1.5rem
  }
  .padding-mobile-32px .cmp-container {
    padding: 2rem
  }
  .padding-mobile-40px .cmp-container {
    padding: 2.5rem
  }
  .padding-left-mobile-24px .cmp-container {
    padding-left: 1.5rem
  }
  .padding-left-mobile-32px .cmp-container {
    padding-left: 2rem
  }
  .padding-left-mobile-40px .cmp-container {
    padding-left: 2.5rem
  }
  .padding-bottom-mobile-24px .cmp-container {
    padding-bottom: 1.5rem
  }
  .padding-bottom-mobile-32px .cmp-container {
    padding-bottom: 2rem
  }
  .padding-bottom-mobile-40px .cmp-container {
    padding-bottom: 2.5rem
  }
  .padding-right-mobile-24px .cmp-container {
    padding-right: 1.5rem
  }
  .padding-right-mobile-32px .cmp-container {
    padding-right: 2rem
  }
  .padding-right-mobile-40px .cmp-container {
    padding-right: 2.5rem
  }
  .margin-mobile-24px .cmp-container {
    margin: 1.5rem
  }
  .margin-mobile-32px .cmp-container {
    margin: 2rem
  }
  .margin-mobile-40px .cmp-container {
    margin: 2.5rem
  }
  .margin-left-mobile-24px .cmp-container {
    margin-left: 1.5rem
  }
  .margin-left-mobile-32px .cmp-container {
    margin-left: 2rem
  }
  .margin-left-mobile-40px .cmp-container {
    margin-left: 2.5rem
  }
  .margin-bottom-mobile-24px .cmp-container {
    margin-bottom: 1.5rem
  }
  .margin-bottom-mobile-32px .cmp-container {
    margin-bottom: 2rem
  }
  .margin-bottom-mobile-40px .cmp-container {
    margin-bottom: 2.5rem
  }
  .margin-right-mobile-24px .cmp-container {
    margin-right: 1.5rem
  }
  .margin-right-mobile-32px .cmp-container {
    margin-right: 2rem
  }
  .margin-right-mobile-40px .cmp-container {
    margin-right: 2.5rem
  }
}
.cmp-container--info-grid .title h1.cmp-title__text {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 300 !important;
  line-height: 2.875rem;
  margin-bottom: .5rem !important
}
.cmp-container--info-grid .title h1.cmp-title__text:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--info-grid .text p {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400 !important;
  line-height: 1.5rem;
  margin-bottom: 2rem !important
}
.cmp-container--info-grid .text p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--info-grid--four > .cmp-container {
  display: grid
}
.cmp-container--info-grid--four .cmp-teaser__title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.25rem;
  font-weight: 400 !important;
  line-height: 1.8125rem;
  margin-bottom: 1rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--info-grid--four .cmp-teaser__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--info-grid--four .cmp-teaser__title-link {
  color: #333;
  text-decoration: none
}
.cmp-container--info-grid--four .cmp-teaser__description > p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  height: 3.75rem !important;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--info-grid--four .cmp-teaser__description > p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--info-grid--four .cmp-teaser--info-grid--link .cmp-teaser__action-container a {
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  text-decoration: none
}
.cmp-container--info-grid--four .cmp-teaser--info-grid--link .cmp-teaser__action-container a:hover {
  text-decoration: underline
}
.cmp-container--info-grid--four .cmp-teaser--info-grid--btn .cmp-teaser__action-container a {
  border: 1px solid #595757;
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  padding: .438rem 2.063rem;
  text-decoration: none
}
.cmp-container--info-grid--four .cmp-teaser--info-grid--btn .cmp-teaser__action-container a:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.cmp-container--info-grid--two > .cmp-container {
  display: grid
}
.cmp-container--info-grid--two .cmp-teaser__content {
  margin: 1rem 0 5rem
}
.cmp-container--info-grid--two .cmp-teaser__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.25rem;
  font-weight: 400 !important;
  line-height: 1.8125rem;
  margin-bottom: 1rem
}
.cmp-container--info-grid--two .cmp-teaser__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--info-grid--two .cmp-teaser__title-link {
  color: #333;
  text-decoration: none
}
.cmp-container--info-grid--two .cmp-teaser__description > p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  height: 3.75rem !important;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--info-grid--two .cmp-teaser__description > p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--info-grid--two .cmp-teaser--info-grid--link .cmp-teaser__action-container a {
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  text-decoration: none
}
.cmp-container--info-grid--two .cmp-teaser--info-grid--link .cmp-teaser__action-container a:hover {
  text-decoration: underline
}
.cmp-container--info-grid--two .cmp-teaser--info-grid--btn .cmp-teaser__action-container a {
  border: 1px solid #595757;
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  padding: .438rem 2.063rem;
  text-decoration: none
}
.cmp-container--info-grid--two .cmp-teaser--info-grid--btn .cmp-teaser__action-container a:hover {
  border: 1px solid #00358d;
  color: #00358d
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-container--info-grid--four .cmp-teaser, .cmp-container--info-grid--two .cmp-teaser {
    width: 22.5rem !important
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--info-grid--four > .cmp-container {
    grid-gap: 2.9375rem;
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
  .cmp-container--info-grid--four .cmp-teaser {
    width: 17.5rem !important
  }
  .cmp-container--info-grid--four .cmp-teaser__image img {
    height: 8.75rem !important;
    width: 100% !important
  }
  .cmp-container--info-grid--four .cmp-teaser__content {
    margin: 1rem 0 2rem
  }
  .cmp-container--info-grid--four .cmp-teaser__action-container {
    margin: 2rem 0 0
  }
  .cmp-container--info-grid--two > .cmp-container {
    grid-gap: 0;
    grid-template-columns: 34.0625rem 34.0625rem
  }
  .cmp-container--info-grid--two .cmp-teaser {
    width: 34.0625rem !important
  }
  .cmp-container--info-grid--two .cmp-teaser__image img {
    height: 17.0625rem !important;
    width: 100% !important
  }
  .cmp-container--info-grid--two .cmp-teaser__action-container {
    margin: 2rem 0 4.0625rem
  }
  .cmp-container--info-grid--two .cmp-teaser:nth-child(2n) {
    margin-left: 6.8125rem
  }
}
@media(max-width:1023px) {
  .cmp-container--info-grid--four > .cmp-container {
    grid-gap: 1rem;
    grid-template-columns: auto auto
  }
  .cmp-container--info-grid--four .cmp-teaser__image img {
    height: 11.25rem !important;
    width: 100% !important
  }
  .cmp-container--info-grid--four .cmp-teaser__content {
    margin: 1rem 0 5rem
  }
  .cmp-container--info-grid--four .cmp-teaser__action-container {
    margin: 2rem 0 0
  }
  .cmp-container--info-grid--two > .cmp-container {
    grid-gap: 1rem;
    grid-template-columns: auto auto
  }
  .cmp-container--info-grid--two .cmp-teaser__image img {
    height: 11.25rem !important;
    width: 100% !important
  }
  .cmp-container--info-grid--two .cmp-teaser__action-container {
    margin: 2rem 0 0
  }
}
@media(max-width:767px) {
  .cmp-container--info-grid--four > .cmp-container {
    grid-gap: 0;
    grid-template-columns: auto
  }
  .cmp-container--info-grid--four .cmp-teaser__action-container {
    margin: 2rem 0 0
  }
  .cmp-container--info-grid--two > .cmp-container {
    grid-gap: 0;
    grid-template-columns: auto
  }
  .cmp-container--info-grid--two .cmp-teaser__action-container {
    margin: 2rem 0 0
  }
}
.cmp-container--with-gutter > .cmp-container {
  margin: 0 auto;
  max-width: 90rem
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--with-gutter > .cmp-container > div > div {
    padding-left: 12px !important;
    padding-right: 12px !important
  }
}
@media(max-width:1023px) {
  .cmp-container--with-gutter > .cmp-container > div > div {
    padding-left: 8px !important;
    padding-right: 8px !important
  }
}
.cmp-container--dealer--content {
  display: grid
}
.cmp-container--dealer-filter {
  max-width: 18.5625rem
}
.cmp-container--dealer-filter--container {
  margin-bottom: 2.1875rem;
  width: inherit
}
.cmp-container--dealer-filter--name {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem
}
.cmp-container--dealer-filter--name:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--dealer-filter--list {
  border: 1px solid #cecece;
  max-width: 18.5625rem
}
.cmp-container--dealer-filter--list ::-webkit-scrollbar {
  width: 9px
}
.cmp-container--dealer-filter--list ::-webkit-scrollbar-track {
  border-radius: 10px
}
.cmp-container--dealer-filter--list ::-webkit-scrollbar-thumb {
  background: #595757;
  border-radius: 10px
}
.cmp-container--dealer-filter--list ::-webkit-scrollbar-thumb:hover {
  background: #595757
}
.cmp-container--dealer-filter--list > ul {
  max-height: 14.5rem;
  overflow-y: auto
}
.cmp-container--dealer-filter--list .cmp-list__item-link, .cmp-container--dealer-filter--list li {
  color: inherit;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-weight: 400;
  height: 2.8125rem;
  line-height: 1.5rem;
  padding: .75rem 1rem .625rem;
  text-decoration: none
}
.cmp-container--dealer-filter--list .cmp-list__item-link:lang(th), .cmp-container--dealer-filter--list li:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--dealer-filter--list li.selected {
  background-color: #f1f1f1;
  font-weight: 500
}
.cmp-container--dealer-filter--list svg {
  height: 1rem;
  width: 1rem
}
.cmp-container--dealer-listing {
  max-width: 52.5rem
}
.cmp-container--dealer-listing hr.dealer-hr {
  background: #f3f3f3;
  border: none;
  height: .0625rem
}
.cmp-container--dealer-listing--name {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem;
  margin-bottom: .5rem
}
.cmp-container--dealer-listing--name:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--dealer-listing--details {
  border-bottom: 1px solid #f3f3f3;
  margin-top: 2.125rem
}
.cmp-container--dealer-listing--details .dealer-info--company-name {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}
.cmp-container--dealer-listing--details .dealer-info--company-name:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--dealer-listing--details .dealer-info--company-address {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1.5rem 0
}
.cmp-container--dealer-listing--details .dealer-info--company-address:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--dealer-listing--details .dealer-info--company-email, .cmp-container--dealer-listing--details .dealer-info--company-phone {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem
}
.cmp-container--dealer-listing--details .dealer-info--company-email:lang(th), .cmp-container--dealer-listing--details .dealer-info--company-phone:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--dealer-listing--details .dealer-info--company-email img, .cmp-container--dealer-listing--details .dealer-info--company-phone img {
  height: 1rem;
  margin-right: .3125rem;
  width: 1rem
}
.cmp-container--dealer-listing--details .dealer-info--company-link {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1.5rem 0 2.125rem
}
.cmp-container--dealer-listing--details .dealer-info--company-link:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--dealer-listing--details .dealer-info--company-link a {
  color: #00358d
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-container--dealer--content {
    grid-gap: .625rem;
    grid-template-columns: 16.25rem 31.25rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--dealer--content {
    grid-gap: 8.8125rem;
    grid-template-columns: 18.5625rem 52.5rem;
    padding: 4rem 0 4rem 5.125rem
  }
}
@media(max-width:767px) {
  .cmp-container--dealer--content {
    grid-gap: 1rem;
    grid-template-columns: 21.4375rem;
    padding: 3.75rem 1rem
  }
  .cmp-container--dealer-filter, .cmp-container--dealer-listing {
    margin: 4.375rem 1rem 4.375rem 1.5rem
  }
}
@media(max-width:1023px) {
  .cmp-container--dealer-filter, .cmp-container--dealer-listing {
    margin: 3.125rem 1.5rem
  }
}
.cmp-container--designer-card > .cmp-container {
  background-color: #f1f1f1;
  display: grid
}
.cmp-container--designer-card > .cmp-container .cmp-teaser__pretitle {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem
}
.cmp-container--designer-card > .cmp-container .cmp-teaser__pretitle:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--designer-card > .cmp-container .cmp-teaser__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-weight: 300
}
.cmp-container--designer-card > .cmp-container .cmp-teaser__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--designer-card > .cmp-container .cmp-teaser__description {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem
}
.cmp-container--designer-card > .cmp-container .cmp-teaser__description:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--designer-card {
    padding: 5.0625rem 7.0625rem 5.0625rem 6.8125rem
  }
  .cmp-container--designer-card > .cmp-container {
    grid-gap: 1.875rem;
    grid-template-columns: 18.5625rem 32.1875rem;
    padding: 4.9375rem 13.625rem
  }
  .cmp-container--designer-card > .cmp-container .image {
    height: 18.5625rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser {
    width: 25rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser__title {
    font-size: 2rem;
    line-height: 2.875rem;
    margin-top: 1.25rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser__description {
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 12.125rem;
    margin-top: .6875rem;
    overflow: hidden;
    text-overflow: ellipsis
  }
}
@media(max-width:1023px) {
  .cmp-container--designer-card {
    padding: 4rem 0
  }
  .cmp-container--designer-card > .cmp-container {
    grid-gap: 1rem;
    grid-template-columns: 16.625rem 28.375rem;
    height: 25rem;
    padding: 4rem 1rem
  }
  .cmp-container--designer-card > .cmp-container .image {
    height: 16.625rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser {
    max-width: 28.375rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser__title {
    font-size: 2rem;
    line-height: 2.875rem;
    margin-top: .8125rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser__description {
    -webkit-line-clamp: 7;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 10.625rem;
    height: 13.375rem;
    margin-top: 1rem;
    overflow: hidden;
    text-overflow: ellipsis
  }
}
@media(max-width:767px) {
  .cmp-container--designer-card > .cmp-container {
    grid-gap: 2rem;
    grid-template-columns: 18.5625rem;
    height: auto;
    padding: 2rem 2.4375rem 6.5rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser__pretitle {
    margin-top: 2rem
  }
  .cmp-container--designer-card > .cmp-container .cmp-teaser__title {
    font-size: 1.5rem;
    line-height: 2.1875rem !important;
    margin-top: .5rem
  }
}
.cmp-container--featured-products-outer-container > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll
}
.cmp-container--featured-products--boxed > .cmp-container, .cmp-container--featured-products--details .cmp-container {
  display: grid;
  overflow-x: hidden
}
.cmp-container--featured-products--details .cmp-container--content .cmp-image__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cmp-container--featured-products--details .cmp-container--content__image {
  height: 18.5625rem;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 18.5625rem
}
.cmp-container--featured-products--details .cmp-container--content__image .cmp-image__link {
  display: inline-block
}
.cmp-container--featured-products--details .cmp-container--content__image .cmp-image__link:focus {
  opacity: .8;
  outline: none
}
.cmp-container--featured-products--details .cmp-container--content__image img {
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-size: contain;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100% !important
}
.cmp-container--featured-products--details .cmp-container--content__image img.cmp-image__image--displayed {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
.cmp-container--featured-products--details .cmp-container--content__image img.cmp-image__image--displayed:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-container--featured-products--details .cmp-container--content__image img.cmp-image__image--hidden {
  display: none;
  height: 18.5625rem;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 18.5625rem;
  z-index: -10
}
.cmp-container--featured-products--details .cmp-container--content__image :hover img.cmp-image__image--hidden {
  display: block;
  z-index: 10
}
.cmp-container--featured-products--details .cmp-container--content__image :hover img.cmp-image__image--displayed {
  z-index: -1
}
.cmp-container--featured-products--details .cmp-container--content__title {
  margin-bottom: 3.75rem;
  padding-top: 1.25rem
}
.cmp-container--featured-products--details .cmp-container--content__title h3 {
  margin-bottom: 0
}
.cmp-container--featured-products--details .cmp-container--content__title .cmp-title__text {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem;
  margin-bottom: 0
}
.cmp-container--featured-products--details .cmp-container--content__title .cmp-title__text:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--featured-products:last-child {
  margin-right: 0
}
.authoring-mode .cmp-container--featured-products-outer-container > .cmp-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.authoring-mode .cmp-container--featured-products-outer-container > .cmp-container > .newpar {
  -ms-flex-preferred-size: 30%;
  -ms-flex-negative: 0;
  flex-basis: 30%;
  flex-shrink: 0
}
@media(max-width:768px)and (min-width:431px) {
  .cmp-container--featured-products--boxed > .cmp-container {
    grid-template-columns: auto auto
  }
  .cmp-container--featured-products--boxed:not(:first-child) {
    margin-left: 2.875rem
  }
  .cmp-container--featured-products--details:nth-child(2n) {
    margin: 0 0 0 2.875rem
  }
}
@media(max-width:1023px)and (min-width:431px) {
  .cmp-container--featured-products--details .cmp-container--content__title {
    margin-bottom: 5.5rem;
    padding-top: 1rem
  }
}
@media(min-width:431px) {
  .cmp-container--featured-products--details .cmp-container--content__title .cmp-title {
    bottom: 7.5rem
  }
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-container--featured-products-outer-container ::-webkit-scrollbar {
    height: 5px
  }
  .cmp-container--featured-products-outer-container ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-color: #fff;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--featured-products-outer-container ::-webkit-scrollbar-thumb {
    background: #00358d;
    border-color: #fff;
    border-radius: 2px;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--featured-products-outer-container:hover ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border-width: 0
  }
}
@media(min-width:769px) {
  .cmp-container--featured-products--boxed > .cmp-container {
    grid-template-columns: auto auto auto auto
  }
  .cmp-container--featured-products--boxed:not(:first-child) {
    margin-left: 1.875rem
  }
  .cmp-container--featured-products--details:not(:last-child) {
    margin-right: 1.875rem
  }
}
@media(max-width:768px) {
  .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2.cmp-container--featured-products-outer-container {
    margin-left: auto
  }
}
@media(max-width:767px) {
  .cmp-container--featured-products-outer-container {
    position: relative;
    width: 100% !important
  }
  .cmp-container--featured-products-outer-container ::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none
  }
  .cmp-container--featured-products-outer-container ::-webkit-scrollbar-track {
    display: none
  }
  .cmp-container--featured-products--details .cmp-container {
    position: relative
  }
  .cmp-container--featured-products--details .cmp-container--content__title .cmp-title {
    webkit-transform: translateX(-50%);
    moz-transform: translateX(-50%);
    ms-transform: translateX(-50%);
    left: 50%;
    position: absolute;
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
  }
  .cmp-container--featured-products--details .cmp-container--content__title .cmp-title__text {
    font-weight: 700
  }
}
@media(max-width:430px) {
  .cmp-container--featured-products-outer-container > .cmp-container {
    width: 100%
  }
  .cmp-container--featured-products--boxed > .cmp-container {
    display: flex;
    flex-wrap: nowrap
  }
  .cmp-container--featured-products--boxed .cmp-container--featured-products--details.fp-slides, .cmp-container--featured-products--boxed .cmp-container--featured-products--details.fp-slides:last-child {
    margin: 0 calc(50vw - 10.28125rem)
  }
  @supports(-webkit-touch-callout:none) {
    .cmp-container--featured-products--boxed .cmp-container--featured-products--details.fp-slides:last-child {
      padding-right: 0
    }
  }
  .cmp-container--featured-products--details:last-child, .cmp-container--featured-products--details:not(:last-child) {
    margin: 0 calc(50% - 9.28125rem)
  }
  @supports(-webkit-touch-callout:none) {
    .cmp-container--featured-products--details:last-child {
      padding-right: calc(50% - 9.28125rem)
    }
  }
  .cmp-container--featured-products--details .cmp-container--content__image {
    margin-top: 2rem
  }
  .cmp-container--featured-products--details .cmp-container--content__title {
    margin-bottom: 7.5rem
  }
  .cmp-container--featured-products--details .cmp-container--content__title .cmp-title__text {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
  }
  .authoring-mode .cmp-container--featured-products--boxed > .cmp-container {
    flex-wrap: wrap;
    justify-content: flex-start
  }
  .authoring-mode .cmp-container--featured-products--boxed > .cmp-container > div {
    flex-basis: 30%;
    flex-shrink: 0
  }
}
@media(max-width:350px) {
  .cmp-container--featured-products--details .cmp-container--content__image img.cmp-image__image--displayed {
    transform: scale(.8)
  }
}
.xf-content-height {
  margin: 0 !important
}
.cmp-container--fixed.cmp-footer {
  background-color: #ebebeb;
  padding-top: 2.0625rem
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div {
  margin-bottom: 1.625rem
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div .cmp-breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div .cmp-breadcrumb ol li {
  font-size: .75rem;
  line-height: 1.5rem
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div .cmp-breadcrumb ol li:last-child {
  font-weight: 500
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div .cmp-breadcrumb ol li:not(:first-child) {
  padding-left: 1.0625rem
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div .cmp-breadcrumb ol li:not(:first-child):before {
  content: ">";
  font-family: cursive;
  margin-left: -1.0625rem;
  position: absolute
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div .cmp-breadcrumb ol li:not(:last-child) {
  margin-right: .6875rem
}
.cmp-container--fixed.cmp-footer > div > div > div:first-child > div > div .cmp-breadcrumb ol li a {
  color: #333;
  display: block;
  position: relative;
  text-decoration: none
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:first-child > div > div > div h1 {
  font-size: .75rem;
  /*font-weight: 500;*/
  line-height: 1.875rem;
  text-transform: uppercase
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:first-child > div > div > div ul {
  font-size: .75rem;
  line-height: 1.875rem;
  list-style: none;
  margin-bottom: 1.875rem
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:first-child > div > div > div ul li a {
  color: #333;
  font-size: .75rem;
  line-height: 1.875rem;
  text-decoration: none
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div {
  margin-bottom: 2.5rem
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm {
  padding-top: 0
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm * {
  margin-top: 0
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsError {
  margin: 0 0 16px
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsLabel {
  display: block;
  font-size: .75rem;
  font-weight: 400;
  height: 100%;
  line-height: 1.875rem;
  width: 100%
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField {
  background-color: transparent;
  border: .0625rem solid #595757;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #595757;
  height: 2.5rem;
  margin-top: .5rem;
  padding: 1rem;
  width: 100%
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-webkit-input-placeholder {
  color: #595757;
  opacity: 1
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-moz-placeholder {
  color: #595757;
  opacity: 1
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField:-ms-input-placeholder {
  opacity: 1
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-ms-input-placeholder {
  opacity: 1
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::placeholder {
  color: #595757;
  opacity: 1
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField:-ms-input-placeholder {
  color: #595757
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-ms-input-placeholder {
  color: #595757
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsSubmit {
  margin: 0
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsSubmit .fsSubmitButton {
  border: .0625rem solid #595757;
  color: #333;
  display: inline-block;
  font-size: .625rem;
  font-weight: 500;
  height: 40px;
  letter-spacing: .15rem;
  line-height: 0;
  padding: .8125rem 2.1875rem;
  text-decoration: none
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsSubmit .fsSubmitButton:hover {
  border: .0625rem solid #00358d;
  color: #00358d;
  text-decoration: none
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div {
  margin-top: 3.0625rem
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div .text {
  margin-bottom: 1.25rem
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div .text p {
  font-weight: 500
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div .image {
  width: 1.875rem !important
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div .cmp-image__image {
  max-width: 1.875rem
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div {
  margin-top: -.3125rem
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div > div:first-child {
  margin-left: -1.1875rem;
  position: absolute
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div > div:nth-child(2) {
  line-height: 1.875rem
}
.cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div > div:nth-child(2) p {
  font-size: .75rem
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--fixed.cmp-footer {
    padding-bottom: 2.125rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 10px 10px
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage {
    flex-grow: 1;
    float: left
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody {
    margin-right: 21px
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField {
    max-width: 15.8125rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsSubmit {
    float: left
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div {
    margin-left: .625rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div .text p {
    font-size: .75rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div .image {
    margin-right: 1rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div > div:nth-child(2) {
    text-align: center
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div > div:nth-child(2) p {
    line-height: 2.125rem
  }
}
@media(max-width:1023px) {
  .cmp-container--fixed.cmp-footer {
    padding-bottom: 3.625rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div {
    margin-top: 5.1875rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div {
    max-width: 21.0625rem
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm {
    padding: 0
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:first-child > div > div.fsBody .fsForm .fsSubmit .fsSubmitButton {
    float: none;
    margin: 20px auto 0;
    width: 100%
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div > div:nth-child(2) > div > div .image {
    margin-left: .9375rem !important;
    margin-right: 0 !important
  }
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div > div:first-child {
    display: none;
    margin-left: 3.4375rem;
    margin-top: 1rem
  }
}
@media(max-width:767px) {
  .cmp-container--fixed.cmp-footer > div > div > div:nth-child(3) > div > div > div:first-child {
    margin-left: 0 !important
  }
}
.cmp-container--form {
  max-width: 32.1875rem;
  padding-left: 2rem;
  padding-right: 1rem
}
.cmp-form--width input, .cmp-form--width label, .cmp-form--width select {
  height: 2.5rem;
  min-width: 32.1875rem
}
.cmp-form--spacing--md {
  margin-top: 1rem
}
.cmp-form--spacing--sm {
  margin-top: .5rem
}
.cmp-form--main-label {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700
}
.cmp-form--main-label:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-form--input-label {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 700;
  width: 32.1875rem
}
.cmp-form--input-label:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-form-text__textarea--form {
  height: 9.3125rem;
  min-width: 32.1875rem
}
.form-button {
  margin-top: 2rem
}
.form-button button {
  border: 1px solid #333;
  padding: .5rem 2.5625rem;
  text-decoration: none !important;
  width: 14.375rem
}
.fsForm {
  padding: 10px;
  width: 100%
}
.fsForm * {
  margin-top: .5rem
}
.fsForm p {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700
}
.fsForm p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.fsForm .fsLabel, .fsForm label {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 700;
  width: 32.1875rem
}
.fsForm .fsLabel:lang(th), .fsForm label:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.fsForm input[type=email], .fsForm input[type=tel], .fsForm input[type=text], .fsForm label, .fsForm select {
  height: 2.5rem
}
.fsForm input[type=email], .fsForm input[type=tel], .fsForm input[type=text], .fsForm select, .fsForm textarea {
  width: 100%
}
.fsForm .fsSubmit button, .fsForm .fsSubmit input[type=submit] {
  background-color: transparent;
  border: 1px solid #595757;
  font-size: .75rem;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  padding: .438rem 2.063rem
}
.fsForm .fsSubmit button:hover, .fsForm .fsSubmit input[type=submit]:hover {
  border: 1px solid #00358d
}
.fsForm .fsSubmit button:disabled, .fsForm .fsSubmit input[type=submit]:disabled {
  border-color: #595757;
  color: #595757
}
.fsForm .fsSubmit .fsNextButton *, .fsForm .fsSubmit .fsPreviousButton * {
  margin: 0
}
.fsForm .fsSubmit .fsNextButton .fsSlim, .fsForm .fsSubmit .fsNextButton span.fsFull:after, .fsForm .fsSubmit .fsNextButton span.fsFull:before, .fsForm .fsSubmit .fsPreviousButton .fsSlim, .fsForm .fsSubmit .fsPreviousButton span.fsFull:after, .fsForm .fsSubmit .fsPreviousButton span.fsFull:before {
  display: none
}
.fsForm .fsSubmit .fsSubmitButton {
  float: right
}
.fsForm .fsRowBody {
  margin-top: 1rem
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm {
  padding-top: 0
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm * {
  margin-top: 0
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsError {
  margin: 0 0 16px
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsLabel {
  display: block;
  font-size: .75rem;
  font-weight: 400;
  height: 100%;
  line-height: 1.875rem;
  width: 100%
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField {
  background-color: transparent;
  border: .0625rem solid #595757;
  border-radius: .25rem;
  color: #595757;
  height: 2.5rem;
  margin-top: .5rem;
  padding: 1rem;
  width: 100%
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-webkit-input-placeholder {
  color: #595757;
  opacity: 1
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-moz-placeholder {
  color: #595757;
  opacity: 1
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField:-ms-input-placeholder {
  opacity: 1
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-ms-input-placeholder {
  opacity: 1
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::placeholder {
  color: #595757;
  opacity: 1
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField:-ms-input-placeholder {
  color: #595757
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField::-ms-input-placeholder {
  color: #595757
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsSubmit {
  margin: 0
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsSubmit .fsSubmitButton {
  border: .0625rem solid #595757;
  color: #333;
  display: inline-block;
  font-size: .625rem;
  font-weight: 500;
  height: 40px;
  letter-spacing: .15rem;
  line-height: 0;
  padding: .8125rem 2.1875rem;
  text-decoration: none
}
.cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsSubmit .fsSubmitButton:hover {
  border: .0625rem solid #00358d;
  text-decoration: none
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-subs-email-form .cmp-embed .fsBody .fsForm {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap
  }
  .cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage {
    float: left
  }
  .cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody {
    margin-right: 16px;
    width: 228px
  }
  .cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsPage .fsSection .fsRow .fsRowBody .fsField {
    max-width: 14.25rem
  }
  .cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsSubmit {
    float: left
  }
}
@media(max-width:1023px) {
  .cmp-subs-email-form {
    max-width: 21.0625rem
  }
  .cmp-subs-email-form .cmp-embed .fsBody .fsForm {
    padding: 0
  }
  .cmp-subs-email-form .cmp-embed .fsBody .fsForm .fsSubmit .fsSubmitButton {
    float: none;
    margin: 20px auto 0;
    width: 100%
  }
}
.cmp-container--gallery > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-bottom: 7.5rem
}
.cmp-container--gallery--outer .slideshow-container {
  position: relative
}
.cmp-container--gallery--outer .next, .cmp-container--gallery--outer .prev {
  background-color: #8d8787;
  border-radius: 0 3px 3px 0;
  border-radius: 37.5rem;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  height: 2.5rem;
  padding: .4375rem .8125rem;
  position: relative;
  top: -11.75rem;
  -webkit-transition: .6s ease;
  transition: .6s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2.5rem
}
.cmp-container--gallery--outer .next {
  float: right
}
.cmp-container--gallery--outer .prev {
  float: left
}
.cmp-container--gallery--outer .fade {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fade;
  animation-name: fade
}
.cmp-container--gallery--outer div.cmp-image--gallery-image:not(:last-child) {
  margin-right: 20px
}
.authoring-mode .cmp-container--gallery > .cmp-container {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start
}
.authoring-mode .cmp-container--gallery > .cmp-container > div {
  -ms-flex-preferred-size: 30%;
  -ms-flex-negative: 0;
  flex-basis: 30%;
  flex-shrink: 0;
  margin-top: 20px
}
.gallery-modal {
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000
}
.gallery-modal__/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources-card .modal-content-img {
  background-color: transparent;
  margin: 15vh 2.5%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 95%
}
.modal-content-img {
  background-color: #fefefe;
  height: auto;
  margin: 7% 15%;
  width: 70%
}
.modal-content-img img.modal-content-img {
  height: 100%;
  width: 100%
}
.close-modal {
  background-color: #000;
  border: 1px solid #000;
  color: #000;
  color: #fff;
  float: right;
  font-weight: 400;
  position: absolute;
  right: 16%
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-container--gallery ::-webkit-scrollbar {
    height: 5px
  }
  .cmp-container--gallery ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-color: #fff;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--gallery ::-webkit-scrollbar-thumb {
    background: #00358d;
    border-color: #fff;
    border-radius: 2px;
    border-style: solid;
    border-width: 1.5px 0
  }
  .cmp-container--gallery:hover ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border-width: 0
  }
  .cmp-container--gallery--outer div.cmp-image--gallery-image:not(:last-child) {
    margin-right: 30px
  }
  .gallery-modal__/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources-card .modal-content-img {
    margin: 7vh 15%;
    max-height: 85vh;
    width: 70%
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--gallery > .cmp-container .cmp-image--gallery-image {
    min-height: 12.6875rem;
    min-width: 25.375rem
  }
  .close-modal {
    border-radius: 1.875rem;
    font-size: 28px;
    padding: .9375rem;
    top: 35%
  }
}
@media(max-width:767px) {
  .cmp-container--gallery ::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none
  }
  .cmp-container--gallery ::-webkit-scrollbar-track {
    display: none
  }
  .cmp-container--gallery > .cmp-container {
    padding-bottom: 2.5rem
  }
  .cmp-container--gallery > .cmp-container .cmp-image--gallery-image {
    min-height: 9.1875rem;
    min-width: 21.4375rem
  }
}
@media(max-width:1023px) {
  .cmp-container--gallery > .cmp-container .cmp-image--gallery-image {
    min-height: 11.125rem;
    min-width: 22.25rem
  }
  .close-modal {
    border-radius: 1.875rem;
    font-size: 16px;
    padding: .1875rem .4375rem;
    top: 6%
  }
}
.cmp-experiencefragment--header-with-banner > .xf-content-height, .cmp-experiencefragment--header > .xf-content-height {
  min-height: unset !important
}
.header-desktop-container {
  background-color: #fff;
  /*border-bottom: 1px solid hsla(0, 0%, 69%, .639);*/
  max-height: 3rem;
  min-width: 100%;
  position: static;
  top: 0;
  width: 100%;
  z-index: 999
}
.header-desktop-container.scrolled {
  position: fixed
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-selected, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-selected, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-selected, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-selected {
  display: none
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-solid, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-solid, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-solid, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-solid {
  display: block
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-solid {
  display: none
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-selected {
  display: block
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-solid {
  display: none
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-selected {
  display: block
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-solid {
  display: none
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-selected {
  display: block
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image .icon-region-solid, .header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image .icon-region-solid, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region {
  display: none
}
.header-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region-selected, .header-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region-selected {
  display: block
}
.header-desktop-container > div > div.container {
  margin: 0 auto;
  max-height: 3rem;
  max-width: 90rem
}
.header-desktop-container > div > div.container .cmp-navigation, .header-desktop-container > div > div.container .navigation {
  min-height: 33px
}
.header-desktop-container > div > div.container .primary-navigation ul.main-nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 47px !important;
  justify-content: flex-end;
  list-style: none;
  list-style-type: none;
  margin: 0;
  min-height: 47px !important;
  padding: 0;
  text-align: right;
  top: 0;
  width: 100%;
  z-index: 150
}
.header-desktop-container > div > div.container .primary-navigation ul.main-nav li {
  background: none;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: .875rem;
  line-height: 1.1;
  margin: 0 1.625rem 0 0;
  overflow: hidden;
  padding: 1rem 0;
  vertical-align: top
}
.header-desktop-container > div > div.container .primary-navigation ul.main-nav li.current {
  border-bottom: 4px solid #00358d;
  color: #333
}
.header-desktop-container > div > div.container .primary-navigation ul.main-nav li.disable {
  border-bottom: 0 !important;
  color: #333
}
.header-desktop-container > div > div.container > div > div.container {
  /*border-bottom: 1px solid hsla(0, 0%, 79%, .639)*/
}
.header-desktop-container > div > div.container > div > div.container > .cmp-container {
  grid-gap: 0;
  background-color: #fff;
  color: #333;
  display: grid;
  grid-template-columns: auto auto 13.625rem 0;
  max-height: 2.9375rem
}
.header-desktop-container > div > div.container > div > div.container > .cmp-container svg.cmp-header--icons--translucent {
  display: none
}
.header-desktop-container > div > div.container > div > div.container > .cmp-container li.menu-link a {
  color: #333 !important;
  float: right;
  text-decoration: none
}
.header-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:first-child {
  display: none;
  height: 2.9375rem;
  margin-left: -5.0625rem;
  margin-top: 0;
  text-align: left
}
.header-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:first-child img {
  height: 2.9375rem;
  margin: auto;
  width: auto
}
.header-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2) {
  height: 2.9375rem;
  margin-left: -5.0625rem;
  margin-top: 0;
  text-align: left
}
.header-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2) > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row
}
.header-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2) img {
  /*height: 4rem;*/
  margin: auto;
  width: auto
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container {
  cursor: pointer;
  display: grid;
  float: right;
  grid-template-columns: auto auto auto auto;
  height: 2.9375rem;
  text-align: right
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container img {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 36px;
  outline: none !important;
  padding: 1rem .5rem .25rem;
  width: 36px
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-buy, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-buy-selected, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-contact, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-contact-selected, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-region, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-region-selected, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-search, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-search-selected {
  display: none
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-buy-solid, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-contact-solid, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-region-solid, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-search-solid {
  display: block
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) {
  grid-column-end: span 3
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child:lang(th), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child:lang(th), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:nth-child(2), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:nth-child(2), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:nth-child(2) {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:nth-child(2):lang(th), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:nth-child(2):lang(th), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:nth-child(2):lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button {
  border: 1px solid #333;
  font-variant: all-small-caps;
  padding: .1875rem .125rem .3125rem;
  text-align: center
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button a, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button a, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button a {
  text-decoration: none
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button span, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button span, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button span {
  color: #333;
  font-weight: 700;
  font: normal normal 700 9pt/17px "微软雅黑", "PingFang SC", Arial !important;
  letter-spacing: .15rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button:hover, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button:hover, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button:first-child {
  margin-top: 1.5rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button:not(:first-child), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button:not(:first-child), .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button:not(:first-child) {
  margin-top: 1rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .cmp-embed button.gsc-search-button, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .cmp-embed button.gsc-search-button, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .cmp-embed button.gsc-search-button {
  padding-bottom: .625rem;
  padding-top: .5625rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) {
  background-color: #fff;
  max-width: 100%;
  position: absolute
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div {
  margin: 0 auto;
  max-width: 79.875rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) p {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) {
  grid-column-end: 4;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 2
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list {
  background-color: #fff;
  list-style-type: none;
  margin-bottom: 1.5rem;
  margin-right: 4.5rem;
  min-height: inherit;
  width: 10.75rem
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li a {
  text-decoration: none
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li a:hover {
  border-bottom: 2px solid #00358d
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:first-child span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:first-child span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  opacity: .7 !important;
  text-decoration: none
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title--active a {
  border-bottom: 4px solid #00358d
}
.header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation .region-modal-line {
  color: #f1f1f1
}
.header-desktop-container .text-solid {
  color: #000 !important
}
.header-desktop-container .main-nav-content.current {
  grid-gap: 2.9375rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr))
}
.header-desktop-container .content-center {
  text-align: center
}
.header-desktop-container .content-left {
  text-align: left
}
.header-desktop-container .nav-company {
  margin-left: 40rem
}
.header-desktop-container .cmp-show {
  display: block
}
.header-desktop-container .cmp-hide {
  display: none
}
.header-desktop-container .tab-modal-display {
  opacity: 0;
  visibility: hidden
}
.header-desktop-container .cmp-modal--show {
  opacity: 1 !important;
  visibility: visible !important
}
.header-desktop-container .bg-white {
  background-color: #fff;
  border-bottom: .5px solid #333
}
.header-desktop-container .border-white {
  border-bottom: 1px solid #fff
}
.header-desktop-container .border-grey {
  border-bottom: 1px solid #333
}
.header-with-banner-desktop-container {
  max-height: 3rem;
  min-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999
}
.header-with-banner-desktop-container.header-desktop-open, .header-with-banner-desktop-container.scrolled {
  background-color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 69%, .639);
  position: fixed !important
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container .primary-navigation ul.main-nav li, .header-with-banner-desktop-container.scrolled > div > div.container .primary-navigation ul.main-nav li {
  color: #333
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container {
  border-bottom: none
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > .cmp-container, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > .cmp-container {
  color: #333
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:first-child > div > div:first-child, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:first-child > div > div:first-child {
  display: none
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2), .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-selected, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-selected, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-selected, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-selected {
  display: none
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-solid, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-solid, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-solid, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-buy-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-contact-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-region-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3) .cmp-container .image.icon-search-solid {
  display: block
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-solid {
  display: none
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).search-selected .cmp-container .image.icon-search-selected {
  display: block
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-solid {
  display: none
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).contact-selected .cmp-container .image.icon-contact-selected {
  display: block
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-solid {
  display: none
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).buy-selected .cmp-container .image.icon-buy-selected {
  display: block
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image .icon-region-solid, .header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image .icon-region-solid, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region {
  display: none
}
.header-with-banner-desktop-container.header-desktop-open > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region-selected, .header-with-banner-desktop-container.scrolled > div > div.container > div > div.container > div > div:nth-child(3).region-selected .cmp-container .image.icon-region-selected {
  display: block
}
.header-with-banner-desktop-container > div > div.container {
  margin: 0 auto;
  max-height: 3rem;
  max-width: 90rem
}
.header-with-banner-desktop-container > div > div.container .cmp-navigation, .header-with-banner-desktop-container > div > div.container .navigation {
  min-height: 33px
}
.header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 47px !important;
  justify-content: flex-end;
  list-style: none;
  list-style-type: none;
  margin: 0;
  min-height: 47px !important;
  padding: 0;
  text-align: right;
  top: 0;
  width: 100%;
  z-index: 150
}
.header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav li {
  background: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: .875rem;
  line-height: 1.1;
  margin: 0 1.625rem 0 0;
  overflow: hidden;
  padding: 1rem 0
}
.header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav li.current {
  border-bottom: 4px solid #00358d;
  color: #333
}
.header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav li.disable {
  border-bottom: 0 !important;
  color: #333
}
.header-with-banner-desktop-container > div > div.container > div > div.container {
  border-bottom: 1px solid hsla(0, 0%, 79%, .639)
}
.header-with-banner-desktop-container > div > div.container > div > div.container > .cmp-container {
  grid-gap: 0;
  background-color: transparent;
  color: #fff;
  display: grid;
  grid-template-columns: auto auto 13.625rem 0;
  max-height: 47px
}
.header-with-banner-desktop-container > div > div.container > div > div.container > .cmp-container svg.cmp-header--icons--translucent {
  display: none
}
.header-with-banner-desktop-container > div > div.container > div > div.container > .cmp-container li.menu-link a {
  color: #333 !important;
  float: right;
  text-decoration: none
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.9375rem;
  margin-left: -5rem;
  margin-top: 0;
  text-align: left
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:first-child > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-around
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:first-child img {
  height: 2.9375rem;
  margin: auto;
  width: auto
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2) {
  display: none;
  height: 2.9375rem;
  margin-left: -5rem;
  margin-top: 0;
  text-align: left
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2) > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-pack: distribute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-around
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:first-child > div > div:nth-child(2) img {
  height: 2.9375rem;
  margin: auto;
  width: auto
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container {
  cursor: pointer;
  display: grid;
  float: right;
  grid-template-columns: auto auto auto auto;
  height: 2.9375rem;
  text-align: right
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container img {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 36px;
  outline: none !important;
  padding: 1rem .5rem .25rem;
  width: 36px
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-buy, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-contact, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-region, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-search {
  display: block
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-buy-selected, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-buy-solid, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-contact-selected, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-contact-solid, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-region-selected, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-region-solid, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-search-selected, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container .icon-search-solid {
  display: none
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) {
  grid-column-end: span 3
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child:lang(th), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child:lang(th), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:nth-child(2), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:nth-child(2), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:nth-child(2) {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:nth-child(2):lang(th), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:nth-child(2):lang(th), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:nth-child(2):lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button {
  border: 1px solid #333;
  font-variant: all-small-caps;
  padding: .1875rem .125rem .3125rem;
  text-align: center
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button a, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button a, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button a {
  text-decoration: none
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button span, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button span, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button span {
  color: #333;
  font-weight: 700;
  font: normal normal 700 9pt/17px "微软雅黑", "PingFang SC", Arial !important;
  letter-spacing: .15rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button:hover, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button:hover, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button:first-child {
  margin-top: 1.5rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .button:not(:first-child), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .button:not(:first-child), .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .button:not(:first-child) {
  margin-top: 1rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .cmp-embed button.gsc-search-button, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .cmp-embed button.gsc-search-button, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .cmp-embed button.gsc-search-button {
  padding-bottom: .625rem;
  padding-top: .5625rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) {
  background-color: #fff;
  max-width: 100%;
  position: absolute
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div {
  margin: 0 auto;
  max-width: 79.875rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) p {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) {
  grid-column-end: 4;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 2
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list {
  background-color: #fff;
  list-style-type: none;
  margin-bottom: 1.5rem;
  margin-right: 4.5rem;
  min-height: inherit;
  width: 10.75rem
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li a {
  text-decoration: none
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li a:hover {
  border-bottom: 2px solid #00358d
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:first-child span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:first-child span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  opacity: .7 !important;
  text-decoration: none
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title--active a {
  border-bottom: 4px solid #00358d
}
.header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation .region-modal-line {
  color: #f1f1f1
}
.header-with-banner-desktop-container .text-solid {
  color: #000 !important
}
.header-with-banner-desktop-container .main-nav-content.current {
  grid-gap: 2.9375rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr))
}
.header-with-banner-desktop-container .content-center {
  text-align: center
}
.header-with-banner-desktop-container .content-left {
  text-align: left
}
.header-with-banner-desktop-container .nav-company {
  margin-left: 40rem
}
.header-with-banner-desktop-container .cmp-show {
  display: block
}
.header-with-banner-desktop-container .cmp-hide {
  display: none
}
.header-with-banner-desktop-container .tab-modal-display {
  opacity: 0;
  visibility: hidden
}
.header-with-banner-desktop-container .cmp-modal--show {
  opacity: 1 !important;
  visibility: visible !important
}
.header-with-banner-desktop-container .bg-white {
  background-color: #fff;
  border-bottom: .5px solid #333
}
.header-with-banner-desktop-container .border-white {
  border-bottom: 1px solid #fff
}
.header-with-banner-desktop-container .border-grey {
  border-bottom: 1px solid #333
}
.header-mobile-container {
  background-color: #fff;
  max-height: 3rem;
  min-width: 100%;
  position: absolute;
  width: 100%;
  z-index: 999
}
.header-mobile-container.header-mobile-open, .header-mobile-container.scrolled {
  background-color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 69%, .639);
  position: fixed !important;
	top: 1px;
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile {
  display: block
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile {
  display: none
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile--selected, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile--selected {
  display: block
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile {
  display: none
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile--selected, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile--selected {
  display: block
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile {
  display: none
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile--selected, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile--selected {
  display: block
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile {
  display: none
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile--selected, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile--selected {
  display: block
}
.header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile--white, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile--white, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile--white, .header-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile--white, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile--white, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile--white, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile--white, .header-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile--white {
  display: none
}
.header-mobile-container > div > div:first-child {
  border-bottom: 1px solid hsla(0, 0%, 79%, .639);
  height: 2.9375rem;
  top: 0;
  width: 100%
}
.header-mobile-container > div > div:first-child > .cmp-container {
  display: grid
}
.header-mobile-container > div > div:first-child > div > div:first-child {
  height: 3rem;
  text-align: left;
  text-align: justify
}
.header-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile {
  display: block
}
.header-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile img {
  height: 2.9375rem;
  margin-left: 0;
  margin-top: 0;
  max-width: unset;
  width: auto
}
.header-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white {
  display: none
}
.header-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white img {
  height: 2.9375rem;
  margin-left: 0;
  margin-top: 0;
  max-width: unset;
  width: auto
}
.header-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image img {
  height: 2.0625rem;
  margin-left: -.5rem;
  margin-top: .375rem;
  width: 11.4375rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(2) {
  height: 2.9375rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .375rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image {
  height: 3rem;
  margin-top: .25rem;
  text-align: center;
  width: 2.25rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile, .header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile, .header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile, .header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile {
  display: block
}
.header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile--white, .header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile--white, .header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile--white, .header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile--white {
  display: none
}
.header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image img {
  height: auto;
  margin: auto;
  width: 1rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) {
  grid-column-end: span 3
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child:lang(th), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child:lang(th), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:nth-child(2), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:nth-child(2), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:nth-child(2) {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:nth-child(2):lang(th), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:nth-child(2):lang(th), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:nth-child(2):lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button {
  border: 1px solid #333;
  font-variant: all-small-caps;
  padding: .1875rem .125rem .3125rem;
  text-align: center
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button a, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button a, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button a {
  text-decoration: none
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button span, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button span, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button span {
  color: #333;
  font: normal normal 700 9pt/17px "微软雅黑", "PingFang SC", Arial !important;
  letter-spacing: .15rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button:hover, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button:hover, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button:hover {
  border: 1px solid #00358d
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button:first-child {
  margin-top: 1.5rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button:not(:first-child), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button:not(:first-child), .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button:not(:first-child) {
  margin-top: 1rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .cmp-embed button.gsc-search-button, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .cmp-embed button.gsc-search-button, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .cmp-embed button.gsc-search-button {
  padding-bottom: .875rem;
  padding-top: .9375rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) {
  background-color: #fff
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:first-child p {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:first-child p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) {
  grid-column-end: 4;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 2
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list {
  background-color: #fff;
  list-style-type: none;
  margin-right: 4.5rem;
  min-height: inherit;
  width: 10.75rem
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li a {
  text-decoration: none
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li a:hover {
  border-bottom: 2px solid #00358d
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:first-child span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:first-child span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  opacity: .7 !important;
  text-decoration: none
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title--active a {
  border-bottom: 4px solid #00358d
}
.header-mobile-container > div > div:nth-child(2) {
  background-color: #fff;
  bottom: 0;
  position: fixed;
  width: 100%
}
.header-mobile-container > div > div:nth-child(2) .icon-back > div.cmp-image {
  height: 1.125rem !important
}
.header-mobile-container > div > div:nth-child(2) .nav-icon {
  height: 1rem;
  margin: auto;
  width: 1rem
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__header {
  border-bottom: 1px solid #f1f1f1;
  line-height: 0;
  padding: .875rem 0 1rem
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-transform: none
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button:hover {
  text-decoration: none
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button .cmp-accordion__icon {
  color: #333 !important;
  -webkit-transform: scale(.7) rotate(180deg);
  transform: scale(.7) rotate(180deg)
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button--expanded .cmp-accordion__icon {
  -webkit-transform: scale(.7) rotate(0deg);
  transform: scale(.7) rotate(0deg)
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC42OTMiIGhlaWdodD0iOC43NjEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMzU3MCIgZD0ibTEzLjk4NiA4LjA1NC02LjYzOS02LjY0LTYuNjQgNi42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTYwMDM5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  height: .625rem;
  margin-right: 1.875rem;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  width: 1.0625rem
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.25rem
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__panel {
  background-color: #f1f1f1;
  padding: .25rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:first-child {
  background: transparent;
  background: rgba(0, 0, 0, .7);
  margin-bottom: .9375rem;
  opacity: .6;
  position: fixed;
  top: 0
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) {
  background-color: #fff;
  border-top: 1px solid #595757;
  position: relative;
  top: 100%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > .cmp-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  margin-top: .4375rem;
  max-height: 3.75rem;
  text-align: center
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container {
  margin: auto;
  max-height: 3.4375rem;
  text-align: center;
  width: 4.6875rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .image {
  height: 1.125rem;
  margin: auto;
  width: 1.125rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .text {
  grid-row-end: 2;
  grid-row-start: 2;
  margin-top: .375rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .text > p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .text > p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) .icon--active {
  border-bottom: 5px solid #00358d
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) {
  background-color: #fff;
  bottom: 3.625rem;
  position: absolute;
  width: 100%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container {
  max-height: auto;
  padding: 1.25rem 1rem 2.1875rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container {
  border-bottom: .5px solid #f3f3f3;
  display: grid;
  grid-template-columns: 95% 5%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container {
  margin-bottom: .75rem;
  max-height: 3.875rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container > div p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:nth-child(2) {
  height: 1.25rem;
  margin-top: .375rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 1rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__header {
  border-bottom: 1px solid #f1f1f1;
  line-height: 0;
  padding: .875rem 0 1rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-transform: none
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button:hover {
  text-decoration: none
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button .cmp-accordion__icon {
  color: #333 !important;
  -webkit-transform: scale(.7) rotate(180deg);
  transform: scale(.7) rotate(180deg)
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button--expanded .cmp-accordion__icon {
  -webkit-transform: scale(.7) rotate(0deg);
  transform: scale(.7) rotate(0deg)
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC42OTMiIGhlaWdodD0iOC43NjEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMzU3MCIgZD0ibTEzLjk4NiA4LjA1NC02LjYzOS02LjY0LTYuNjQgNi42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTYwMDM5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  height: .625rem;
  margin-right: 1.875rem;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  width: 1.0625rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.25rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel {
  background-color: #f1f1f1;
  padding: .25rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list {
  margin-top: 1.1875rem;
  max-height: 11.25rem;
  overflow-y: scroll;
  padding-left: .5rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 95%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article a {
  color: #333;
  text-decoration: none !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article a span.cmp-list__item-title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.0625rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article a span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article span.cmp-list__item-description div.icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article span.cmp-list__item-description div.icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list li.cmp-list__item {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem;
  width: 95%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list li.cmp-list__item a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  width: 90%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list li.cmp-list__item a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list .sub-list--active {
  border-bottom: 1px solid #00358d
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list span.cmp-list__item-title {
  min-width: 95%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list a.list-item--active {
  border-bottom: 1px solid #00358d;
  width: 90%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list span.cmp-list__item-description {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list #icon-next, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list #icon-next-/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list #icon-next-company {
  float: right;
  height: .9375rem;
  margin-right: .5rem;
  padding-top: .25rem;
  width: .9375rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list .icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list .icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list ::-webkit-scrollbar {
  width: 6px
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: 2px solid #f1f1f1
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list ::-webkit-scrollbar-thumb {
  background: #00358d;
  border-radius: 5px
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child {
  margin-top: 1.1875rem;
  max-height: 11.25rem;
  overflow-y: scroll;
  padding-left: .5rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 95%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article a {
  color: #333;
  text-decoration: none !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article a span.cmp-list__item-title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.0625rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article a span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article span.cmp-list__item-description div.icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article span.cmp-list__item-description div.icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child li.cmp-list__item {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem;
  width: 95%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child li.cmp-list__item a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  width: 90%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child li.cmp-list__item a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child .sub-list--active {
  border-bottom: 1px solid #00358d
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child span.cmp-list__item-title {
  min-width: 95%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child a.list-item--active {
  border-bottom: 1px solid #00358d;
  width: 90%
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child span.cmp-list__item-description {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child #icon-next, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child #icon-next-/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child #icon-next-company {
  float: right;
  height: .9375rem;
  margin-right: .5rem;
  padding-top: .25rem;
  width: .9375rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child .icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child .icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child ::-webkit-scrollbar {
  width: 6px
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: 2px solid #f1f1f1
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child ::-webkit-scrollbar-thumb {
  background: #00358d;
  border-radius: 5px
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .mobile-header--form select {
  height: 2.1875rem;
  min-width: 21.875rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .mobile-header--form .form-button {
  text-align: center
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter {
  max-height: 6.25rem;
  overflow-y: scroll
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter li {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter li a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none
}
.header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter li a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container {
  background-color: transparent;
  max-height: 3rem;
  min-width: 100%;
  position: absolute;
  width: 100%;
  z-index: 999
}
.header-with-banner-mobile-container.header-mobile-open, .header-with-banner-mobile-container.scrolled {
  background-color: #fff;
  border-bottom: 1px solid hsla(0, 0%, 69%, .639);
  position: fixed !important
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile {
  display: block
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile {
  display: none
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile--selected, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).search-selected .cmp-container .image.icon-search--mobile--selected {
  display: block
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile {
  display: none
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile--selected, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).contact-selected .cmp-container .image.icon-contact--mobile--selected {
  display: block
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile {
  display: none
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile--selected, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).buy-selected .cmp-container .image.icon-buy--mobile--selected {
  display: block
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile {
  display: none
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile--selected, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2).region-selected .cmp-container .image.icon-region--mobile--selected {
  display: block
}
.header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile--white, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile--white, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile--white, .header-with-banner-mobile-container.header-mobile-open > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile--white, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile--white, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile--white, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile--white, .header-with-banner-mobile-container.scrolled > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile--white {
  display: none
}
.header-with-banner-mobile-container > div > div:first-child {
  border-bottom: 1px solid hsla(0, 0%, 79%, .639);
  height: 2.9375rem;
  top: 0;
  width: 100%
}
.header-with-banner-mobile-container > div > div:first-child > .cmp-container {
  display: grid
}
.header-with-banner-mobile-container > div > div:first-child > div > div:first-child {
  height: 3rem;
  text-align: left;
  text-align: justify
}
.header-with-banner-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile {
  display: none
}
.header-with-banner-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile img {
  height: 2.9375rem;
  margin-left: 0;
  margin-top: 0;
  max-width: unset;
  width: auto
}
.header-with-banner-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white {
  display: block
}
.header-with-banner-mobile-container > div > div:first-child > div > div:first-child .cmp-container .image.cmp-image--logo-img--mobile--white img {
  height: 2.9375rem;
  margin-left: 0;
  margin-top: 0;
  max-width: unset;
  width: auto
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) {
  height: 2.9375rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .375rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image {
  height: 3rem;
  margin-top: .25rem;
  text-align: center;
  width: 2.25rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile {
  display: none
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-buy--mobile--white, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-contact--mobile--white, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-region--mobile--white, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image.icon-search--mobile--white {
  display: block
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container .image img {
  height: auto;
  margin: auto;
  width: 1rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) {
  grid-column-end: span 3
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child:lang(th), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child:lang(th), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:nth-child(2), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:nth-child(2), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:nth-child(2) {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:nth-child(2):lang(th), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:nth-child(2):lang(th), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:nth-child(2):lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button {
  border: 1px solid #333;
  font-variant: all-small-caps;
  padding: .1875rem .125rem .3125rem;
  text-align: center
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button a, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button a, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button a {
  text-decoration: none
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button span, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button span, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button span {
  color: #333;
  font: normal normal 700 9pt/17px "微软雅黑", "PingFang SC", Arial !important;
  letter-spacing: .15rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button:hover, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button:hover, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button:hover {
  border: 1px solid #00358d
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button:first-child {
  margin-top: 1.5rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .button:not(:first-child), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .button:not(:first-child), .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .button:not(:first-child) {
  margin-top: 1rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .cmp-embed button.gsc-search-button, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .cmp-embed button.gsc-search-button, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .cmp-embed button.gsc-search-button {
  padding-bottom: .875rem;
  padding-top: .9375rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) {
  background-color: #fff
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:first-child p {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:first-child p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) {
  grid-column-end: 4;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 2
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list {
  background-color: #fff;
  list-style-type: none;
  margin-right: 4.5rem;
  min-height: inherit;
  width: 10.75rem
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li a {
  text-decoration: none
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li a:hover {
  border-bottom: 2px solid #00358d
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:first-child span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:first-child span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  opacity: .7 !important;
  text-decoration: none
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title--active a {
  border-bottom: 4px solid #00358d
}
.header-with-banner-mobile-container > div > div:nth-child(2) {
  background-color: #fff;
  bottom: 0;
  position: fixed;
  width: 100%
}
.header-with-banner-mobile-container > div > div:nth-child(2) .icon-back > div.cmp-image {
  height: 1.125rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) .nav-icon {
  height: 1rem;
  margin: auto;
  width: 1rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__header {
  border-bottom: 1px solid #f1f1f1;
  line-height: 0;
  padding: .875rem 0 1rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-transform: none
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button:hover {
  text-decoration: none
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button .cmp-accordion__icon {
  color: #333 !important;
  -webkit-transform: scale(.7) rotate(180deg);
  transform: scale(.7) rotate(180deg)
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__button--expanded .cmp-accordion__icon {
  -webkit-transform: scale(.7) rotate(0deg);
  transform: scale(.7) rotate(0deg)
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC42OTMiIGhlaWdodD0iOC43NjEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMzU3MCIgZD0ibTEzLjk4NiA4LjA1NC02LjYzOS02LjY0LTYuNjQgNi42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTYwMDM5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  height: .625rem;
  margin-right: 1.875rem;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  width: 1.0625rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.25rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__panel {
  background-color: #f1f1f1;
  padding: .25rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:first-child {
  background: transparent;
  background: rgba(0, 0, 0, .7);
  margin-bottom: .9375rem;
  opacity: .6;
  position: fixed;
  top: 0
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) {
  background-color: #fff;
  border-top: 1px solid #595757;
  position: relative;
  top: 100%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > .cmp-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  margin-top: .4375rem;
  max-height: 3.75rem;
  text-align: center
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container {
  margin: auto;
  max-height: 3.4375rem;
  text-align: center;
  width: 4.6875rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .image {
  height: 1.125rem;
  margin: auto;
  width: 1.125rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .text {
  grid-row-end: 2;
  grid-row-start: 2;
  margin-top: .375rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .text > p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div.cmp-container > .text > p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(2) .icon--active {
  border-bottom: 5px solid #00358d
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) {
  background-color: #fff;
  bottom: 3.625rem;
  position: absolute;
  width: 100%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container {
  max-height: auto;
  padding: 1.25rem 1rem 2.1875rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container {
  border-bottom: .5px solid #f3f3f3;
  display: grid;
  grid-template-columns: 95% 5%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container {
  margin-bottom: .75rem;
  max-height: 3.875rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container > div p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:nth-child(2) {
  height: 1.25rem;
  margin-top: .375rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 1rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__header {
  border-bottom: 1px solid #f1f1f1;
  line-height: 0;
  padding: .875rem 0 1rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-transform: none
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button:hover {
  text-decoration: none
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button .cmp-accordion__icon {
  color: #333 !important;
  -webkit-transform: scale(.7) rotate(180deg);
  transform: scale(.7) rotate(180deg)
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__button--expanded .cmp-accordion__icon {
  -webkit-transform: scale(.7) rotate(0deg);
  transform: scale(.7) rotate(0deg)
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC42OTMiIGhlaWdodD0iOC43NjEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMzU3MCIgZD0ibTEzLjk4NiA4LjA1NC02LjYzOS02LjY0LTYuNjQgNi42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTYwMDM5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  height: .625rem;
  margin-right: 1.875rem;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  width: 1.0625rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.25rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel {
  background-color: #f1f1f1;
  padding: .25rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list {
  margin-top: 1.1875rem;
  max-height: 11.25rem;
  overflow-y: scroll;
  padding-left: .5rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 95%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article a {
  color: #333;
  text-decoration: none !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article a span.cmp-list__item-title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.0625rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article a span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article span.cmp-list__item-description div.icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list article span.cmp-list__item-description div.icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list li.cmp-list__item {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem;
  width: 95%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list li.cmp-list__item a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  width: 90%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list li.cmp-list__item a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list .sub-list--active {
  border-bottom: 1px solid #00358d
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list span.cmp-list__item-title {
  min-width: 95%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list a.list-item--active {
  border-bottom: 1px solid #00358d;
  width: 90%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list span.cmp-list__item-description {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list #icon-next, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list #icon-next-/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list #icon-next-company {
  float: right;
  height: .9375rem;
  margin-right: .5rem;
  padding-top: .25rem;
  width: .9375rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list .icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list .icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list ::-webkit-scrollbar {
  width: 6px
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: 2px solid #f1f1f1
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list ::-webkit-scrollbar-thumb {
  background: #00358d;
  border-radius: 5px
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child {
  margin-top: 1.1875rem;
  max-height: 11.25rem;
  overflow-y: scroll;
  padding-left: .5rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 95%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article a {
  color: #333;
  text-decoration: none !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article a span.cmp-list__item-title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.0625rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article a span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article span.cmp-list__item-description div.icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child article span.cmp-list__item-description div.icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child li.cmp-list__item {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem;
  width: 95%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child li.cmp-list__item a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  width: 90%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child li.cmp-list__item a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child .sub-list--active {
  border-bottom: 1px solid #00358d
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child span.cmp-list__item-title {
  min-width: 95%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child a.list-item--active {
  border-bottom: 1px solid #00358d;
  width: 90%
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child span.cmp-list__item-description {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child #icon-next, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child #icon-next-/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child #icon-next-company {
  float: right;
  height: .9375rem;
  margin-right: .5rem;
  padding-top: .25rem;
  width: .9375rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child .icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child .icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child ::-webkit-scrollbar {
  width: 6px
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: 2px solid #f1f1f1
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child ::-webkit-scrollbar-thumb {
  background: #00358d;
  border-radius: 5px
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .mobile-header--form select {
  height: 2.1875rem;
  min-width: 21.875rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .mobile-header--form .form-button {
  text-align: center
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter {
  max-height: 6.25rem;
  overflow-y: scroll
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter li {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter li a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none
}
.header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container .header-navigation--filter li a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .icon-searchicon:before, .solid .icon-searchicon:before {
  content: ""
}
.header .cmp-header--buy, .header .cmp-header--contact, .header .cmp-header--search, .solid .cmp-header--buy, .solid .cmp-header--contact, .solid .cmp-header--search {
  background-color: #fff;
  -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, .161);
  box-shadow: 0 7px 30px rgba(0, 0, 0, .161);
  float: right;
  position: absolute;
  right: 0;
  width: 23.5rem;
  z-index: 999
}
.header .cmp-header--buy .gsc-search-button-v2 > svg, .header .cmp-header--contact .gsc-search-button-v2 > svg, .header .cmp-header--search .gsc-search-button-v2 > svg, .solid .cmp-header--buy .gsc-search-button-v2 > svg, .solid .cmp-header--contact .gsc-search-button-v2 > svg, .solid .cmp-header--search .gsc-search-button-v2 > svg {
  vertical-align: middle
}
.header .cmp-header--contact, .solid .cmp-header--contact {
  display: none !important
}
.header .cmp-header--search, .solid .cmp-header--search {
  -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, .161);
  box-shadow: 0 7px 30px rgba(0, 0, 0, .161)
}
.header .cmp-header--region .cmp-container .cmp-text, .solid .cmp-header--region .cmp-container .cmp-text {
  color: #333
}
.header .cmp-header--icons, .solid .cmp-header--icons {
  height: 47px
}
.header .cmp-header__mobile--bottom--container, .solid .cmp-header__mobile--bottom--container {
  background-color: #fff;
  bottom: 0;
  position: fixed;
  width: 100%
}
.header .cmp-header__mobile--bottom--container .icon-back > div.cmp-image, .solid .cmp-header__mobile--bottom--container .icon-back > div.cmp-image {
  height: 1.125rem !important
}
.header .cmp-header__mobile--bottom--container .nav-icon, .solid .cmp-header__mobile--bottom--container .nav-icon {
  height: 1rem;
  margin: auto;
  width: 1rem
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__header, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__header {
  border-bottom: 1px solid #f1f1f1;
  line-height: 0;
  padding: .875rem 0 1rem
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-transform: none
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button:hover, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button:hover {
  text-decoration: none
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button .cmp-accordion__icon, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button .cmp-accordion__icon {
  color: #333 !important;
  -webkit-transform: scale(.7) rotate(180deg);
  transform: scale(.7) rotate(180deg)
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button--expanded .cmp-accordion__icon, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__button--expanded .cmp-accordion__icon {
  -webkit-transform: scale(.7) rotate(0deg);
  transform: scale(.7) rotate(0deg)
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__icon, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__icon {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC42OTMiIGhlaWdodD0iOC43NjEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMzU3MCIgZD0ibTEzLjk4NiA4LjA1NC02LjYzOS02LjY0LTYuNjQgNi42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTYwMDM5IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  height: .625rem;
  margin-right: 1.875rem;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  width: 1.0625rem
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__title, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.25rem
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__title:lang(th), .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__panel, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__panel {
  background-color: #f1f1f1;
  padding: .25rem
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile {
  margin-top: 1.1875rem;
  max-height: 11.25rem;
  overflow-y: scroll;
  padding-left: .5rem
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 95%
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article a, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article a {
  color: #333;
  text-decoration: none !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article a span.cmp-list__item-title, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article a span.cmp-list__item-title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.0625rem
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article a span.cmp-list__item-title:lang(th), .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article a span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article span.cmp-list__item-description div.icon-next, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article span.cmp-list__item-description div.icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article span.cmp-list__item-description div.icon-next img, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile article span.cmp-list__item-description div.icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile li.cmp-list__item, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile li.cmp-list__item {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem;
  width: 95%
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile li.cmp-list__item a, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile li.cmp-list__item a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  width: 90%
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile li.cmp-list__item a:lang(th), .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile li.cmp-list__item a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile .sub-list--active, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile .sub-list--active {
  border-bottom: 1px solid #00358d
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile span.cmp-list__item-title, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile span.cmp-list__item-title {
  min-width: 95%
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile a.list-item--active, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile a.list-item--active {
  border-bottom: 1px solid #00358d;
  width: 90%
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile span.cmp-list__item-description, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile span.cmp-list__item-description {
  height: .9375rem !important;
  width: .9375rem !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile #icon-next, .header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile #icon-next-/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources, .header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile #icon-next-company, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile #icon-next, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile #icon-next-/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile #icon-next-company {
  float: right;
  height: .9375rem;
  margin-right: .5rem;
  padding-top: .25rem;
  width: .9375rem
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile .icon-next, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile .icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile .icon-next img, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile .icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile ::-webkit-scrollbar, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile ::-webkit-scrollbar {
  width: 6px
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile ::-webkit-scrollbar-track, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: 2px solid #f1f1f1
}
.header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile ::-webkit-scrollbar-thumb, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile ::-webkit-scrollbar-thumb {
  background: #00358d;
  border-radius: 5px
}
.header .cmp-header__mobile--bottom--container .cmp-blur, .solid .cmp-header__mobile--bottom--container .cmp-blur {
  background: transparent;
  background: rgba(0, 0, 0, .7);
  margin-bottom: .9375rem;
  opacity: .6
}
.header .cmp-header__mobile--nav, .solid .cmp-header__mobile--nav {
  border-top: 1px solid #595757
}
.header .cmp-header__mobile--nav > .cmp-container, .solid .cmp-header__mobile--nav > .cmp-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  margin-top: .4375rem;
  max-height: 3.75rem;
  text-align: center
}
.header .cmp-header__mobile--nav .icon-container > .cmp-container, .solid .cmp-header__mobile--nav .icon-container > .cmp-container {
  margin: auto;
  max-height: 3.4375rem;
  text-align: center;
  width: 4.6875rem
}
.header .cmp-header__mobile--nav .icon-container > .cmp-container > .image, .solid .cmp-header__mobile--nav .icon-container > .cmp-container > .image {
  height: 1.125rem;
  margin: auto;
  width: 1.125rem
}
.header .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text, .solid .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text {
  grid-row-end: 2;
  grid-row-start: 2;
  margin-top: .375rem
}
.header .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text > p, .solid .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text > p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500
}
.header .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text > p:lang(th), .solid .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text > p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .cmp-header__mobile--nav--modal, .solid .cmp-header__mobile--nav--modal {
  background-color: #fff;
  bottom: 3.625rem;
  position: absolute;
  width: 100%
}
.header .cmp-header__mobile--nav--modal--content, .solid .cmp-header__mobile--nav--modal--content {
  max-height: auto;
  padding: 1.25rem 1rem 2.1875rem
}
.header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container {
  border-bottom: .5px solid #f3f3f3;
  display: grid;
  grid-template-columns: 95% 5%
}
.header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .icon-back, .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .icon-close-mob, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .icon-back, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .icon-close-mob {
  height: 1.25rem;
  margin-top: .375rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 1rem
}
.header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container {
  margin-bottom: .75rem;
  max-height: 3.875rem
}
.header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem
}
.header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-top: .75rem
}
.header .cmp-header__mobile--nav--modal--content .mobile-header--form select, .solid .cmp-header__mobile--nav--modal--content .mobile-header--form select {
  height: 2.1875rem;
  min-width: 21.875rem
}
.header .cmp-header__mobile--nav--modal--content .mobile-header--form .form-button, .solid .cmp-header__mobile--nav--modal--content .mobile-header--form .form-button {
  text-align: center
}
.header .cmp-header__mobile--nav--modal--content .header-navigation--filter, .solid .cmp-header__mobile--nav--modal--content .header-navigation--filter {
  max-height: 6.25rem;
  overflow-y: scroll
}
.header .cmp-header__mobile--nav--modal--content .header-navigation--filter li, .solid .cmp-header__mobile--nav--modal--content .header-navigation--filter li {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem
}
.header .cmp-header__mobile--nav--modal--content .header-navigation--filter li a, .solid .cmp-header__mobile--nav--modal--content .header-navigation--filter li a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none
}
.header .cmp-header__mobile--nav--modal--content .header-navigation--filter li a:lang(th), .solid .cmp-header__mobile--nav--modal--content .header-navigation--filter li a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .cmp-header__mobile--nav .icon--active, .solid .cmp-header__mobile--nav .icon--active {
  border-bottom: 5px solid #00358d
}
.header .cmp-header__mobile--icons, .solid .cmp-header__mobile--icons {
  height: 2.9375rem
}
.header .cmp-header__mobile--icons .cmp-container, .solid .cmp-header__mobile--icons .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .625rem
}
.header .cmp-header__mobile--icons .cmp-container .image, .solid .cmp-header__mobile--icons .cmp-container .image {
  height: 1.125rem;
  margin: auto;
  width: 1.125rem
}
.header .cmp-header__mobile--icons .icon-buy--mobile, .header .cmp-header__mobile--icons .icon-contact--mobile, .header .cmp-header__mobile--icons .icon-region--mobile, .header .cmp-header__mobile--icons .icon-search--mobile, .solid .cmp-header__mobile--icons .icon-buy--mobile, .solid .cmp-header__mobile--icons .icon-contact--mobile, .solid .cmp-header__mobile--icons .icon-region--mobile, .solid .cmp-header__mobile--icons .icon-search--mobile {
  margin-top: .25rem;
  outline: none !important;
  width: 1.875rem
}
.header .cmp-header__mobile .bg-blur, .solid .cmp-header__mobile .bg-blur {
  -webkit-filter: blur(7px);
  -ms-filter: blur(7px);
  filter: blur(7px);
  -moz-filter: blur(7px);
  -o-filter: blur(7px)
}
.header .main-nav-content--details, .solid .main-nav-content--details {
  background-color: #fff;
  -webkit-box-shadow: 0 7px 30px rgba(0, 0, 0, .161);
  box-shadow: 0 7px 30px rgba(0, 0, 0, .161);
  left: 0;
  position: absolute;
  right: 0;
  top: 90px;
  z-index: 999
}
.header .cmp-header--region, .header .main-nav-content, .solid .cmp-header--region, .solid .main-nav-content {
  display: none;
  left: 0;
  overflow: auto;
  width: 100%;
  z-index: 999
}
.header .cmp-header--region--details, .header .main-nav-content--details, .solid .cmp-header--region--details, .solid .main-nav-content--details {
  grid-column-end: 4;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-row-start: 2
}
.header .cmp-header--region--details > .cmp-container, .header .main-nav-content--details > .cmp-container, .solid .cmp-header--region--details > .cmp-container, .solid .main-nav-content--details > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.header .cmp-header--region--details > .cmp-container .button, .header .main-nav-content--details > .cmp-container .button, .solid .cmp-header--region--details > .cmp-container .button, .solid .main-nav-content--details > .cmp-container .button {
  line-height: 1.0625rem
}
.header .cmp-header--region--details .modal-navigation--list, .header .main-nav-content--details .modal-navigation--list, .solid .cmp-header--region--details .modal-navigation--list, .solid .main-nav-content--details .modal-navigation--list {
  background-color: #fff;
  list-style-type: none;
  margin-right: 4.5rem;
  min-height: inherit;
  width: 10.75rem
}
.header .cmp-header--region--details .modal-navigation--list > ul li a, .header .main-nav-content--details .modal-navigation--list > ul li a, .solid .cmp-header--region--details .modal-navigation--list > ul li a, .solid .main-nav-content--details .modal-navigation--list > ul li a {
  text-decoration: none
}
.header .cmp-header--region--details .modal-navigation--list > ul li a:hover, .header .main-nav-content--details .modal-navigation--list > ul li a:hover, .solid .cmp-header--region--details .modal-navigation--list > ul li a:hover, .solid .main-nav-content--details .modal-navigation--list > ul li a:hover {
  border-bottom: 2px solid #00358d
}
.header .cmp-header--region--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title, .header .main-nav-content--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title, .solid .cmp-header--region--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title, .solid .main-nav-content--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-decoration: none
}
.header .cmp-header--region--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title:lang(th), .header .main-nav-content--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title:lang(th), .solid .cmp-header--region--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title:lang(th), .solid .main-nav-content--details .modal-navigation--list > ul li:first-child span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .header .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .solid .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .solid .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  opacity: .7 !important;
  text-decoration: none
}
.header .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title:lang(th), .header .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title:lang(th), .solid .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title:lang(th), .solid .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.header .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title--active a, .header .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title--active a, .solid .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title--active a, .solid .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title--active a {
  border-bottom: 4px solid #00358d
}
.header .cmp-header--region--details .modal-navigation .region-modal-line, .header .main-nav-content--details .modal-navigation .region-modal-line, .solid .cmp-header--region--details .modal-navigation .region-modal-line, .solid .main-nav-content--details .modal-navigation .region-modal-line {
  color: #f1f1f1
}
.header .text-solid, .solid .text-solid {
  color: #000 !important
}
.header .main-nav-content.current, .solid .main-nav-content.current {
  grid-gap: 2.9375rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr))
}
.header .content-center, .solid .content-center {
  text-align: center
}
.header .content-left, .solid .content-left {
  text-align: left
}
.header .nav-company, .solid .nav-company {
  margin-left: 40rem
}
.header .cmp-show, .solid .cmp-show {
  display: block
}
.header .cmp-hide, .solid .cmp-hide {
  display: none
}
.header .tab-modal-display, .solid .tab-modal-display {
  opacity: 0;
  visibility: hidden
}
.header .cmp-modal--show, .solid .cmp-modal--show {
  opacity: 1 !important;
  visibility: visible !important
}
.header .bg-white, .solid .bg-white {
  background-color: #fff;
  border-bottom: .5px solid #333
}
.header .border-white, .solid .border-white {
  border-bottom: 1px solid #fff
}
.header .border-grey, .solid .border-grey {
  border-bottom: 1px solid #333
}
.header .button a {
  display: inline-block;
  width: 100%
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .header .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .header .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title, .solid .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .solid .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title {
    font-size: 1rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .header-desktop {
    display: block
  }
  .header-desktop-container > div > div.container {
    padding-left: 5.0625rem;
    padding-right: 5.0625rem
  }
  .header-desktop-container > div > div.container .primary-navigation {
    height: 3rem
  }
  .header-desktop-container > div > div.container .primary-navigation ul.main-nav {
    display: inline-block
  }
  .header-desktop-container > div > div.container .primary-navigation ul.main-nav li {
    margin: 0 0 0 2rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container {
    min-width: 16%
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1.5rem 3.0625rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container {
    padding: 1.5rem 3.0625rem 3.25rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.625rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) p {
    margin-bottom: 1.625rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li {
    padding-bottom: 1rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation .region-modal-line {
    display: none
  }
  .header-with-banner-desktop-container > div > div.container {
    padding-left: 5.0625rem;
    padding-right: 5.0625rem
  }
  .header-with-banner-desktop-container > div > div.container .primary-navigation {
    height: 47px
  }
  .header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav {
    display: inline-block
  }
  .header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav li {
    margin: 0 0 0 2rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container {
    min-width: 16%
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1.5rem 3.0625rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container {
    padding: 1.5rem 3.0625rem 3.25rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.625rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) p {
    margin-bottom: 1.625rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li {
    padding-bottom: 1rem
  }
  .header-mobile, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation .region-modal-line {
    display: none
  }
  .header-mobile-container > div > div:first-child > div > div:first-child {
    margin-left: 5.0625rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1.5rem 3.0625rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container {
    padding: 1.5rem 3.0625rem 3.25rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.625rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:first-child p {
    margin-bottom: 1.625rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li {
    padding-bottom: 1rem
  }
  .header-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__header, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__header {
    padding: .875rem 0 1.75rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:first-child {
    margin-left: 5.0625rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1.5rem 3.0625rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container {
    padding: 1.5rem 3.0625rem 3.25rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.625rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:first-child p {
    margin-bottom: 1.625rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li {
    padding-bottom: 1rem
  }
  .header-with-banner-mobile-container > div > div:nth-child(2) .cmp-accordion--header-list .cmp-accordion__header, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__header {
    padding: .875rem 0 1.75rem
  }
  .header .cmp-header--buy, .header .cmp-header--contact, .header .cmp-header--search, .solid .cmp-header--buy, .solid .cmp-header--contact, .solid .cmp-header--search {
    margin-right: 5.0625rem
  }
  .header .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__header, .solid .cmp-header__mobile--bottom--container .cmp-accordion--header-list .cmp-accordion__header {
    padding: .875rem 0 1.75rem
  }
  .header .cmp-header--region, .header .main-nav-content, .solid .cmp-header--region, .solid .main-nav-content {
    margin: 0 auto;
    max-width: 90rem;
    padding: 2rem 5.0625rem
  }
  .header .cmp-header--region--details .modal-navigation--list > ul li, .header .main-nav-content--details .modal-navigation--list > ul li, .solid .cmp-header--region--details .modal-navigation--list > ul li, .solid .main-nav-content--details .modal-navigation--list > ul li {
    padding-bottom: 1rem
  }
  .header .cmp-header--region--details .modal-navigation .region-modal-line, .header .main-nav-content--details .modal-navigation .region-modal-line, .solid .cmp-header--region--details .modal-navigation .region-modal-line, .solid .main-nav-content--details .modal-navigation .region-modal-line {
    display: none
  }
}
@media(max-width:430px) {
  .cmp-experiencefragment--header {
    height: 46px
  }
  .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container > div p {
    padding-left: .75rem
  }
  .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list {
    margin-top: .9375rem;
    padding-left: 1.625rem
  }
  .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container > div p {
    padding-left: .75rem
  }
  .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list {
    margin-top: .9375rem;
    padding-left: 1.625rem
  }
  .header .cmp-header--buy.cmp-show, .header .cmp-header--contact.cmp-show, .header .cmp-header--search.cmp-show, .solid .cmp-header--buy.cmp-show, .solid .cmp-header--contact.cmp-show, .solid .cmp-header--search.cmp-show {
    width: 100%
  }
  .header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile {
    margin-top: .9375rem;
    padding-left: 1.625rem
  }
  .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container {
    grid-template-columns: 5% 86% 5%
  }
  .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p {
    padding-left: .75rem
  }
}
@media(max-width:1023px) {
  .header-desktop-container > div > div.container .primary-navigation ul.main-nav li {
    margin: 0 0 0 1rem
  }
  .header-desktop-container > div > div.container > div > div.container {
    margin-left: 4rem;
    margin-right: 1rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container {
    min-width: 18%
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container {
    padding: 1rem 1rem 1.9375rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child, .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.5rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul {
    padding: 1.1875rem 0 0
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li {
    padding-bottom: .5rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation .region-modal-line {
    display: block
  }
  .header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav {
    padding-left: 30%
  }
  .header-with-banner-desktop-container > div > div.container .primary-navigation ul.main-nav li {
    margin: 0 0 0 1rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container {
    margin-left: 4rem;
    margin-right: 1rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(3) > .cmp-container {
    min-width: 18%
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container {
    padding: 1rem 1rem 1.9375rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:first-child > div > div.container .text:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(2) > div > div.container .text:first-child, .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.5rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul {
    padding: 1.1875rem 0 0
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li {
    padding-bottom: .5rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation .region-modal-line {
    display: block
  }
  .header-mobile-container > div > div:first-child > .cmp-container {
    grid-template-columns: 68% 32%
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container {
    padding: 1rem 1rem 1.9375rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child, .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.5rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul {
    padding: 1.1875rem 0 0
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li {
    padding-bottom: .5rem
  }
  .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container > div p {
    padding-left: 0
  }
  .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list {
    padding-left: 2.1875rem
  }
  .header-with-banner-mobile-container > div > div:first-child > .cmp-container {
    grid-template-columns: 68% 32%
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container.cmp-header--search--details {
    padding: 1rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container {
    padding: 1rem 1rem 1.9375rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:first-child > div > div.container .text:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(2) > div > div.container .text:first-child, .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(3) > div > div.container .text:first-child {
    line-height: 1.5rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul {
    padding: 1.1875rem 0 0
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li {
    padding-bottom: .5rem
  }
  .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container > div:first-child > .cmp-container > div p {
    padding-left: 0
  }
  .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:last-child, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:nth-child(2) > div > div:not(:last-child) .cmp-accordion__panel .list {
    padding-left: 2.1875rem
  }
  .header .cmp-header--buy, .header .cmp-header--contact, .header .cmp-header--search, .solid .cmp-header--buy, .solid .cmp-header--contact, .solid .cmp-header--search {
    margin-right: 0
  }
  .header .cmp-header__mobile--bottom--container .modal-navigation--list--mobile, .solid .cmp-header__mobile--bottom--container .modal-navigation--list--mobile {
    padding-left: 2.1875rem
  }
  .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p {
    padding-left: 0
  }
  .header .cmp-header--region, .header .main-nav-content, .solid .cmp-header--region, .solid .main-nav-content {
    padding: 1.25rem 4rem
  }
  .header .cmp-header--region--details .modal-navigation--list > ul, .header .main-nav-content--details .modal-navigation--list > ul, .solid .cmp-header--region--details .modal-navigation--list > ul, .solid .main-nav-content--details .modal-navigation--list > ul {
    padding: 1.1875rem 0 0
  }
  .header .cmp-header--region--details .modal-navigation--list > ul li, .header .main-nav-content--details .modal-navigation--list > ul li, .solid .cmp-header--region--details .modal-navigation--list > ul li, .solid .main-nav-content--details .modal-navigation--list > ul li {
    padding-bottom: .5rem
  }
  .header .cmp-header--region--details .modal-navigation .region-modal-line, .header .main-nav-content--details .modal-navigation .region-modal-line, .solid .cmp-header--region--details .modal-navigation .region-modal-line, .solid .main-nav-content--details .modal-navigation .region-modal-line {
    display: block
  }
}
@media(max-width:767px) {
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) {
    max-height: 31.25rem
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul {
    min-width: 21.4375rem;
    padding: 1.625rem 0 0
  }
  .header-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title {
    font-size: .875rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) {
    max-height: 31.25rem
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul {
    min-width: 21.4375rem;
    padding: 1.625rem 0 0
  }
  .header-with-banner-desktop-container > div > div.container > div > div.container > div > div:nth-child(4) > div > div:nth-child(4) > div > div:nth-child(2) .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title {
    font-size: .875rem
  }
  .header-mobile-container > div > div:first-child > .cmp-container {
    grid-template-columns: 50% 50%
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container {
    float: right;
    margin-right: .375rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) {
    max-height: 31.25rem
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul {
    min-width: 21.4375rem;
    padding: 1.625rem 0 0
  }
  .header-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title {
    font-size: .875rem
  }
  .header-with-banner-mobile-container > div > div:first-child > .cmp-container {
    grid-template-columns: 50% 50%
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(2) .cmp-container {
    float: right;
    margin-right: .375rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) {
    max-height: 31.25rem
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul {
    min-width: 21.4375rem;
    padding: 1.625rem 0 0
  }
  .header-with-banner-mobile-container > div > div:first-child > div > div:nth-child(3) > div > div:nth-child(4) > div > div:nth-child(2) > div > div.list > ul li:not(:first-child) span.cmp-list__item-title {
    font-size: .875rem
  }
  .header .cmp-header--buy, .header .cmp-header--contact, .header .cmp-header--search, .solid .cmp-header--buy, .solid .cmp-header--contact, .solid .cmp-header--search {
    width: 23.4375rem
  }
  .header .cmp-header--buy > .cmp-container, .header .cmp-header--contact > .cmp-container, .header .cmp-header--search > .cmp-container, .solid .cmp-header--buy > .cmp-container, .solid .cmp-header--contact > .cmp-container, .solid .cmp-header--search > .cmp-container {
    padding: 0
  }
  .header .cmp-header__mobile--icons .cmp-container, .solid .cmp-header__mobile--icons .cmp-container {
    float: none;
    margin-left: 4.0625rem
  }
  .header .cmp-header--region, .header .main-nav-content, .solid .cmp-header--region, .solid .main-nav-content {
    padding: 1rem
  }
  .header .cmp-header--region--details .modal-navigation--list > ul, .header .main-nav-content--details .modal-navigation--list > ul, .solid .cmp-header--region--details .modal-navigation--list > ul, .solid .main-nav-content--details .modal-navigation--list > ul {
    min-width: 21.4375rem;
    padding: 1.625rem 0 0
  }
  .header .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .header .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .solid .cmp-header--region--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title, .solid .main-nav-content--details .modal-navigation--list > ul li:not(:first-child) span.cmp-list__item-title {
    font-size: .875rem
  }
}
@media(min-width:768) {
  .header-mobile-container, .header-with-banner-mobile-container {
    display: none
  }
}
@media(max-width:768) {
  .header-mobile-container, .header-with-banner-mobile-container {
    display: block
  }
}
@media(max-width:767px)and (max-width:1023px) {
  .header .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container, .header-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container, .header-with-banner-mobile-container > div > div:nth-child(2) > div > div:nth-child(3) > div > div.container > div > div:first-child > .cmp-container, .solid .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container {
    grid-template-columns: 95% 5%
  }
}
@media(max-width:768px) {
  .header .cmp-header--buy, .header .cmp-header--contact, .header .cmp-header--search, .solid .cmp-header--buy, .solid .cmp-header--contact, .solid .cmp-header--search {
    margin-right: 0;
    width: 24.75rem
  }
}
.cmp-image__link {
  text-decoration: unset
}
.cmp-image--home-product .cmp-image {
  aspect-ratio: 2/1;
  overflow: hidden;
  width: 100%
}
@supports not (aspect-ratio:2) {
  .cmp-image--home-product .cmp-image {
    padding-top: 50%
  }
}
.cmp-image--home-product .cmp-image__image, .cmp-image--home-product .cmp-image__link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
.cmp-image--home-product .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover
}
.cmp-image--home-product .cmp-image {
  position: relative
}
.cmp-image--home-product .cmp-image__title {
  color: #fff;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-weight: 700
}
.cmp-image--home-product .cmp-image__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-image--home-product .cmp-image__link:focus {
  opacity: .8
}
.cmp-image--text-overlay .cmp-image {
  overflow: hidden;
  position: relative
}
.cmp-image--text-overlay .cmp-image__title {
  bottom: 0;
  color: #fff;
  font-weight: 700;
  left: 0;
  padding: 2.5rem 1rem 1.375rem 1.5rem;
  position: absolute;
  width: 100%
}
.cmp-image--text-overlay .cmp-image img {
  max-width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  vertical-align: middle
}
.cmp-image--text-overlay .cmp-image:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-image--category-product .cmp-image__link:focus {
  opacity: .8;
  outline: none
}
.cmp-image--category-product .cmp-image__title {
  text-align: center
}
.cmp-image--gallery-image .cmp-image {
  overflow: hidden;
  position: relative
}
.cmp-image--gallery-image .cmp-image__link {
  display: block;
  overflow: hidden
}
.cmp-image--gallery-image .cmp-image__link:focus {
  opacity: .8;
  outline: none
}
.cmp-image--gallery-image .cmp-image img {
  max-width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  vertical-align: middle
}
.cmp-image--gallery-image .cmp-image:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-image--gallery-image + .text {
  margin-top: 10px
}
.cmp-image--hover-zoom img {
  max-width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  vertical-align: middle
}
.cmp-image--hover-zoom:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-image--ratio-2-1 .cmp-image {
  aspect-ratio: 2/1;
  overflow: hidden;
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:2/1) {
  .cmp-image--ratio-2-1 .cmp-image {
    padding-top: 50%
  }
}
.cmp-image--ratio-2-1 .cmp-image__image {
  bottom: 0;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
.cmp-image--ratio-3-1 .cmp-image {
  aspect-ratio: 3/1;
  overflow: hidden;
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:3) {
  .cmp-image--ratio-3-1 .cmp-image {
    padding-top: 33.3333333333%
  }
}
.cmp-image--ratio-3-1 .cmp-image__image, .cmp-image--ratio-3-1 .cmp-image__link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
.cmp-image--ratio-3-1 .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover
}
.cmp-image--ratio-3-2 .cmp-image {
  aspect-ratio: 3/2;
  overflow: hidden;
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:1.5) {
  .cmp-image--ratio-3-2 .cmp-image {
    padding-top: 66.6666666667%
  }
}
.cmp-image--ratio-3-2 .cmp-image__image, .cmp-image--ratio-3-2 .cmp-image__link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
.cmp-image--ratio-3-2 .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover
}
.cmp-image--ratio-1-1 .cmp-image {
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:1) {
  .cmp-image--ratio-1-1 .cmp-image {
    padding-top: 100%
  }
}
.cmp-image--ratio-1-1 .cmp-image__image, .cmp-image--ratio-1-1 .cmp-image__link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
.cmp-image--ratio-1-1 .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover
}
.cmp-image--ratio-2-3 .cmp-image {
  aspect-ratio: 2/3;
  overflow: hidden;
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:0.6666666667) {
  .cmp-image--ratio-2-3 .cmp-image {
    padding-top: 150%
  }
}
.cmp-image--ratio-2-3 .cmp-image__image, .cmp-image--ratio-2-3 .cmp-image__link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
.cmp-image--ratio-2-3 .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover
}
.cmp-image--ratio-21-9 .cmp-image {
  aspect-ratio: 21/9;
  overflow: hidden;
  position: relative;
  width: 100%
}
@supports not (aspect-ratio:2.3333333333) {
  .cmp-image--ratio-21-9 .cmp-image {
    padding-top: 42.8571428571%
  }
}
.cmp-image--ratio-21-9 .cmp-image__image, .cmp-image--ratio-21-9 .cmp-image__link {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}
.cmp-image--ratio-21-9 .cmp-image__image {
  -o-object-fit: cover;
  object-fit: cover
}
.cmp-image--logo-img {
  height: 3rem;
  text-align: left
}
.cmp-image--logo-img img {
  height: 2.8125rem;
  width: 14.375rem
}
.cmp-image--logo-img--mobile {
  text-align: justify
}
.img-text-fs-16px .cmp-image .cmp-image__title {
  font-size: 1rem
}
.img-text-fs-12px .cmp-image .cmp-image__title {
  font-size: .75rem
}
.img-text-fs-11px .cmp-image .cmp-image__title {
  font-size: .6875rem
}
.cmp-image-shadow-label .cmp-image .cmp-image__title {
  z-index: 100
}
.cmp-image-shadow-label .cmp-image :after {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, .55)));
  background: linear-gradient(hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .55));
  bottom: 0;
  content: "";
  height: 5.375rem;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-image--md-ratio-3-1 .cmp-image {
    aspect-ratio: 3/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:3) {
    .cmp-image--md-ratio-3-1 .cmp-image {
      padding-top: 33.3333333333%
    }
  }
  .cmp-image--md-ratio-3-1 .cmp-image__image, .cmp-image--md-ratio-3-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--md-ratio-3-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--md-ratio-2-1 .cmp-image {
    aspect-ratio: 2/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2) {
    .cmp-image--md-ratio-2-1 .cmp-image {
      padding-top: 50%
    }
  }
  .cmp-image--md-ratio-2-1 .cmp-image__image, .cmp-image--md-ratio-2-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--md-ratio-2-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--md-ratio-3-2 .cmp-image {
    aspect-ratio: 3/2;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:1.5) {
    .cmp-image--md-ratio-3-2 .cmp-image {
      padding-top: 66.6666666667%
    }
  }
  .cmp-image--md-ratio-3-2 .cmp-image__image, .cmp-image--md-ratio-3-2 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--md-ratio-3-2 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--md-ratio-1-1 .cmp-image {
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:1) {
    .cmp-image--md-ratio-1-1 .cmp-image {
      padding-top: 100%
    }
  }
  .cmp-image--md-ratio-1-1 .cmp-image__image, .cmp-image--md-ratio-1-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--md-ratio-1-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--md-ratio-2-3 .cmp-image {
    aspect-ratio: 2/3;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:0.6666666667) {
    .cmp-image--md-ratio-2-3 .cmp-image {
      padding-top: 150%
    }
  }
  .cmp-image--md-ratio-2-3 .cmp-image__image, .cmp-image--md-ratio-2-3 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--md-ratio-2-3 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--md-ratio-21-9 .cmp-image {
    aspect-ratio: 21/9;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2.3333333333) {
    .cmp-image--md-ratio-21-9 .cmp-image {
      padding-top: 42.8571428571%
    }
  }
  .cmp-image--md-ratio-21-9 .cmp-image__image, .cmp-image--md-ratio-21-9 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--md-ratio-21-9 .cmp-image__image {
    object-fit: cover
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  .cmp-image--home-product .cmp-image__title, p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-image--text-overlay .cmp-image__title {
    padding: 2.5rem 1rem 1.5rem 1.75rem
  }
  .cmp-image--logo-img {
    margin-left: 5.0625rem
  }
  .cmp-image--lg-ratio-3-1 .cmp-image {
    aspect-ratio: 3/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:3) {
    .cmp-image--lg-ratio-3-1 .cmp-image {
      padding-top: 33.3333333333%
    }
  }
  .cmp-image--lg-ratio-3-1 .cmp-image__image, .cmp-image--lg-ratio-3-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--lg-ratio-3-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--lg-ratio-3-2 .cmp-image {
    aspect-ratio: 3/2;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:1.5) {
    .cmp-image--lg-ratio-3-2 .cmp-image {
      padding-top: 66.6666666667%
    }
  }
  .cmp-image--lg-ratio-3-2 .cmp-image__image, .cmp-image--lg-ratio-3-2 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--lg-ratio-3-2 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--lg-ratio-1-1 .cmp-image {
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:1) {
    .cmp-image--lg-ratio-1-1 .cmp-image {
      padding-top: 100%
    }
  }
  .cmp-image--lg-ratio-1-1 .cmp-image__image, .cmp-image--lg-ratio-1-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--lg-ratio-1-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--lg-ratio-2-3 .cmp-image {
    aspect-ratio: 2/3;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:0.6666666667) {
    .cmp-image--lg-ratio-2-3 .cmp-image {
      padding-top: 150%
    }
  }
  .cmp-image--lg-ratio-2-3 .cmp-image__image, .cmp-image--lg-ratio-2-3 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--lg-ratio-2-3 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--lg-ratio-21-9 .cmp-image {
    aspect-ratio: 21/9;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2.3333333333) {
    .cmp-image--lg-ratio-21-9 .cmp-image {
      padding-top: 42.8571428571%
    }
  }
  .cmp-image--lg-ratio-21-9 .cmp-image__image, .cmp-image--lg-ratio-21-9 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--lg-ratio-21-9 .cmp-image__image {
    object-fit: cover
  }
}
@media(max-width:767px) {
  .cmp-image--home-product {
    margin-bottom: 2rem !important
  }
  .cmp-image--home-product .cmp-image__title {
    font-size: .875rem;
    line-height: 1.25rem
  }
  .cmp-image--sm-ratio-2-1 .cmp-image {
    aspect-ratio: 2/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2) {
    .cmp-image--sm-ratio-2-1 .cmp-image {
      padding-top: 50%
    }
  }
  .cmp-image--sm-ratio-2-1 .cmp-image__image, .cmp-image--sm-ratio-2-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--sm-ratio-2-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--sm-ratio-3-1 .cmp-image {
    aspect-ratio: 3/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:3) {
    .cmp-image--sm-ratio-3-1 .cmp-image {
      padding-top: 33.3333333333%
    }
  }
  .cmp-image--sm-ratio-3-1 .cmp-image__image, .cmp-image--sm-ratio-3-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--sm-ratio-3-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--sm-ratio-3-2 .cmp-image {
    aspect-ratio: 3/2;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:1.5) {
    .cmp-image--sm-ratio-3-2 .cmp-image {
      padding-top: 66.6666666667%
    }
  }
  .cmp-image--sm-ratio-3-2 .cmp-image__image, .cmp-image--sm-ratio-3-2 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--sm-ratio-3-2 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--sm-ratio-1-1 .cmp-image {
    aspect-ratio: 1/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:1) {
    .cmp-image--sm-ratio-1-1 .cmp-image {
      padding-top: 100%
    }
  }
  .cmp-image--sm-ratio-1-1 .cmp-image__image, .cmp-image--sm-ratio-1-1 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--sm-ratio-1-1 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--sm-ratio-2-3 .cmp-image {
    aspect-ratio: 2/3;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:0.6666666667) {
    .cmp-image--sm-ratio-2-3 .cmp-image {
      padding-top: 150%
    }
  }
  .cmp-image--sm-ratio-2-3 .cmp-image__image, .cmp-image--sm-ratio-2-3 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--sm-ratio-2-3 .cmp-image__image {
    object-fit: cover
  }
  .cmp-image--sm-ratio-21-9 .cmp-image {
    aspect-ratio: 21/9;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2.3333333333) {
    .cmp-image--sm-ratio-21-9 .cmp-image {
      padding-top: 42.8571428571%
    }
  }
  .cmp-image--sm-ratio-21-9 .cmp-image__image, .cmp-image--sm-ratio-21-9 .cmp-image__link {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-image--sm-ratio-21-9 .cmp-image__image {
    object-fit: cover
  }
}
@media(max-width:1023px) {
  .cmp-image--home-product .cmp-image__title {
    font-size: 1rem;
    line-height: 1.5rem
  }
}
.list-fw-300 .cmp-list .cmp-list__item .cmp-list__item-title {
  font-weight: 300
}
.list-ff-jp .cmp-list .cmp-list__item .cmp-list__item-title {
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
.news .slideshow-container {
  position: relative
}
.news .fade {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fade;
  animation-name: fade
}
@-webkit-keyframes fade {
  0% {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
@keyframes fade {
  0% {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
@media(max-width:429px) {
  .news .aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
    width: 100%
  }
}
.cmp-pagination--list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.cmp-pagination--list li {
  line-height: 1.5rem
}
.cmp-pagination--list li:first-child, .cmp-pagination--list li:last-child {
  display: none
}
.cmp-pagination--list li a {
  color: #333;
  display: block;
  padding: .125rem .5625rem .1875rem;
  text-decoration: none
}
.cmp-pagination--list li svg {
  vertical-align: middle
}
.cmp-pagination--list li.active {
  background: #cecece;
  border-radius: .3125rem
}
.cmp-product-filter {
  padding-bottom: 3.8125rem
}
.cmp-container--category-product-list {
  margin-top: 2rem
}
.cmp-container--category-product-list .cmp-container {
  grid-gap: 30px;
  display: grid
}
.cmp-container--category-product-list .cmp-container .cmp-image--text-overlay {
  position: relative
}
.cmp-container--category-product-list .cmp-container .cmp-image--text-overlay .flag {
  background-color: #333;
  color: #fff;
  font-family: Noto Sans;
  font-size: .75rem;
  font-weight: 700;
  left: 0;
  letter-spacing: .15rem;
  line-height: 1.0625rem;
  padding: .4375rem 1.5rem;
  position: absolute;
  z-index: 9
}
.cmp-container--category-product-list .cmp-container .cmp-image--text-overlay .cmp-image__title {
  color: #333
}
.cmp-container--category-product-list .cmp-container div.cmp-image--category-product .image {
  margin-bottom: 32px
}
.cmp-container--category-product-list .cmp-container div.cmp-image--category-product .image .cmp-image {
  overflow: visible;
  padding-top: 100%;
  position: relative
}
.cmp-container--category-product-list .cmp-container div.cmp-image--category-product .image .cmp-image > * {
  left: 0;
  overflow: visible;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%
}
.cmp-container--category-product-list .cmp-container div.cmp-image--category-product .image .cmp-image .cmp-image__title {
  margin-top: 16px;
  overflow: visible;
  padding-left: 0;
  padding-top: 0;
  text-align: center;
  top: 100%
}
.cmp-container--category-product-list .cmp-container div.cmp-image--category-product .image .cmp-image .cmp-image__link {
  overflow: hidden
}
.cmp-container--category-product-list .cmp-container div.cmp-image--category-product.highlight-products {
  margin: 16px 0
}
.cmp-container--category-product-list .cmp-container--prouct-list-error-message {
  display: block;
  font-size: 2.625rem;
  line-height: 3.75rem;
  text-align: center
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--category-product-list {
    margin-top: 3.8125rem
  }
  .cmp-container--category-product-list .cmp-container {
    grid-template-columns: auto auto auto auto
  }
  .cmp-container--category-product-list .cmp-container div.cmp-image--category-product.highlight-products {
    grid-column-end: 4;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-row-start: 1
  }
}
@media(max-width:1023px) {
  .cmp-container--category-product-list .cmp-container {
    grid-template-columns: auto auto
  }
  .cmp-container--category-product-list .cmp-container div.cmp-image--category-product.highlight-products {
    grid-column-end: 3;
    grid-column-start: 1;
    grid-row-start: 2
  }
  .cmp-container--category-product-list .cmp-container div.cmp-image--category-product.highlight-products .cmp-image {
    padding-bottom: 32px
  }
}
@media(max-width:767px) {
  .cmp-container--category-product-list .cmp-container {
    grid-template-columns: auto
  }
  .cmp-container--category-product-list .cmp-container div.cmp-image--category-product.highlight-products {
    grid-column-end: 1;
    grid-column-start: 1;
    grid-row-start: 1
  }
}
.cmp-product-nav .cmp-container--product-nav .product-nav-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cmp-product-nav .cmp-container--product-nav .product-nav-row .col--1 {
  width: 20%
}
.cmp-product-nav .cmp-container--product-nav .product-nav-row .col--1 .product-nav-title {
  font-weight: 500
}
.cmp-product-nav .cmp-container--product-nav .product-nav-row .col--2 {
  width: 80%
}
.cmp-product-nav .cmp-container--product-nav .product-nav-row .col--2 .navigation .cmp-navigation > ul {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  list-style: none
}
.cmp-product-nav .cmp-container--product-nav .product-nav-row .col--2 .navigation .cmp-navigation > ul > li {
  padding: .8125rem .75rem
}
.cmp-product-nav .cmp-container--product-nav .product-nav-row .col--2 .navigation .cmp-navigation > ul > li a {
  color: #333;
  text-decoration: none
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav {
  background-color: #fff;
  border-top: .0625rem solid #595757;
  bottom: 0;
  padding: 10px 0;
  position: fixed;
  width: 100%;
  z-index: 9999
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--1, .cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--3 {
  width: 15%
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--2 {
  text-align: center;
  width: 70%
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--2 #sub-category {
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.75rem;
  padding-right: .9375rem;
  position: relative
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--2 #sub-category:before {
  border-bottom: .3125rem solid #000;
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: .75rem
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--2 #sub-category:hover {
  text-decoration: none
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--3 {
  text-align: right
}
.cmp-product-nav .cmp-container--product-filter-mobile-nav .mobile-nav-row #sub-category {
  text-transform: capitalize
}
.cmp-product-nav .cmp-container--filter-mobile-nav {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  background-color: #fff;
  background: rgba(0, 0, 0, .5);
  bottom: 3.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 10px 0 0;
  position: fixed;
  width: 100%;
  z-index: 9999
}
.cmp-product-nav .cmp-container--filter-mobile-nav .sub-category-tree > li > ul {
  background-color: #f4f4f4;
  margin-bottom: 1rem;
  padding: 1.25rem 1.625rem
}
.cmp-product-nav .cmp-container--filter-mobile-nav .sub-category-tree > li > ul > li a {
  font-size: .75rem
}
.cmp-product-nav .cmp-container--filter-mobile-nav .sub-category-tree > li > ul > li.active-nav a {
  font-weight: 500
}
.cmp-product-nav .cmp-container--filter-mobile-nav #back_to_category {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.cmp-product-nav .cmp-container--filter-mobile-nav .cmp-container {
  background-color: #fff;
  padding-top: .8125rem;
  width: 100%
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree-list-has-sub-menu {
  position: relative
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree-list-has-sub-menu:after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjY5MiIgaGVpZ2h0PSIxMi44MiI+PGcgZGF0YS1uYW1lPSJHcm91cCA5NDIzIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTMzNTMiIGQ9Ik03LjUyOSA2LjA1OC45NDIuMTQ1YS42LjYgMCAwIDAtLjc4MSAwIC40NjMuNDYzIDAgMCAwIDAgLjdsNi4yIDUuNTYxLTYuMiA1LjU2MWEuNDYzLjQ2MyAwIDAgMCAwIC43LjU4My41ODMgMCAwIDAgLjM5MS4xNDYuNTgzLjU4MyAwIDAgMCAuMzktLjE0NWw2LjU4Ny01LjkwNmEuNDYyLjQ2MiAwIDAgMCAwLS43WiIvPjwvZz48L3N2Zz4=");
  content: "";
  height: .8125rem;
  position: absolute;
  right: 0;
  top: .4375rem;
  width: .5rem
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree-list-has-sub-menu .main-menu-tree-sub-menu {
  display: none
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree-list-has-sub-menu-active:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree-list-has-sub-menu-active .main-menu-tree-sub-menu {
  display: block
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree > li > ul {
  background-color: #f4f4f4;
  margin-bottom: 1rem;
  max-height: 6.5625rem;
  overflow-y: scroll;
  padding: .625rem 1.625rem
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree > li > ul > li a {
  font-size: .75rem
}
.cmp-product-nav .cmp-container--filter-mobile-nav .main-menu-tree > li > ul > li.active-nav a {
  font-weight: 500
}
.cmp-product-nav .cmp-container--hide {
  display: none
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-product-nav .cmp-container--filter-mobile-nav, .cmp-product-nav .cmp-container--product-filter-mobile-nav {
    display: none
  }
}
@media(max-width:1023px) {
  .cmp-product-nav .cmp-container--product-nav {
    display: none
  }
}
.cmp-container--product-variation--title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem
}
.cmp-container--product-variation--title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--product-variation--content .cmp-container {
  display: grid;
  grid-template-columns: auto auto
}
.cmp-container--product-variation--content .cmp-container ::-webkit-scrollbar {
  width: 9px
}
.cmp-container--product-variation--content .cmp-container ::-webkit-scrollbar-track {
  border-radius: 10px
}
.cmp-container--product-variation--content .cmp-container ::-webkit-scrollbar-thumb {
  background: #595757;
  border-radius: 10px
}
.cmp-container--product-variation--content .cmp-container ::-webkit-scrollbar-thumb:hover {
  background: #595757
}
.cmp-container--product-variation--content .cmp-container .product-variation-tabs, .cmp-container--product-variation--content .cmp-container--product-variation--content--image, .cmp-container--product-variation--content .cmp-container--product-variation--content--image img {
  width: 100%
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tablist--product-variation {
  border-bottom: 1px solid #595757;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  list-style-type: none;
  overflow: scroll
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tablist--product-variation:hover {
  overflow-x: auto
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tablist--product-variation li.cmp-tabs__tab {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  padding-left: .775rem !important;
  padding-right: .775rem !important;
  text-overflow: ellipsis
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tab--active {
  border-bottom: 2px solid #00358d;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.125rem;
  font-weight: 700 !important;
  outline: none
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tab--active:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tab--product-variation {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-bottom: .6875rem
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tab--product-variation:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tab--product-variation--active {
  border-bottom: 2px solid #00358d;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.125rem;
  font-weight: 700;
  outline: none
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tab--product-variation--active:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__tabpanel--product-variation {
  border: 0;
  overflow-y: scroll;
  -webkit-transition: opacity .2s, position .2s;
  transition: opacity .2s, position .2s
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container {
  grid-gap: 3.3125rem 1.5rem;
  display: grid;
  grid-template-columns: auto auto auto auto auto
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container img {
  aspect-ratio: 2/3;
  width: -webkit-fill-available
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container span {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  overflow: hidden;
  padding: 0 .3125rem;
  text-align: center;
  text-overflow: ellipsis
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container span:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container .image {
  max-height: 11.6875rem;
  max-width: 6.5625rem
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs ::-webkit-scrollbar {
  display: none;
  height: 6px;
  width: 2px
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: 2px solid #f1f1f1
}
.cmp-container--product-variation--content .cmp-container .cmp-tabs ::-webkit-scrollbar-thumb {
  background: #00358d;
  border-radius: 5px
}
.cmp-container--product-variation--content--image {
  width: 100%
}
.cmp-container--product-variation--content--image img {
  aspect-ratio: 1/1;
  width: 100%;
  width: -webkit-fill-available
}
.cmp-container--product-variation .tab-modal-display {
  opacity: 0;
  visibility: hidden
}
.cmp-container--product-variation .cmp-modal--show {
  opacity: 1 !important;
  visibility: visible !important
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--product-variation--title {
    padding: 3.9375rem 5.1875rem 1.1875rem 5.0625rem
  }
  .cmp-container--product-variation--content .cmp-container {
    grid-gap: 11.875rem;
    display: grid;
    grid-template-columns: 27.25rem auto
  }
  .cmp-container--product-variation--content .cmp-container--product-variation--content--image {
    margin-top: 3.9375rem
  }
  .cmp-container--product-variation--content .cmp-container .product-variation-tabs {
    height: 31.25rem;
    max-width: 43.125rem;
    padding-right: .625rem
  }
  .cmp-container--product-variation--content .cmp-container .cmp-tabs__tabpanel--product-variation {
    left: auto;
    margin-top: 2rem;
    max-height: 29.1875rem;
    max-width: 39rem
  }
}
@media(min-width:1024px)and (max-width:1023px) {
  .cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container span {
    line-height: 1.5rem
  }
}
@media(max-width:1023px) {
  .cmp-container--product-variation--title {
    padding: 3.9375rem 0 0
  }
  .cmp-container--product-variation--content .cmp-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.4375rem
  }
  .cmp-container--product-variation--content .cmp-container .product-variation-tabs {
    margin-top: 2.4375rem;
    max-width: 100%
  }
  .cmp-container--product-variation--content .cmp-container .cmp-tabs__tabpanel--product-variation {
    left: 0;
    padding: 0 1rem
  }
  .cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container {
    display: grid;
    grid-template-columns: auto auto auto auto auto
  }
}
@media(max-width:767px) {
  .cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr !important
  }
  .cmp-container--product-variation--content .cmp-container .cmp-tabs__image--container > .cmp-container span {
    line-height: 1.25rem
  }
}
.cmp-container--res-card > .cmp-container > div {
  display: grid
}
.cmp-container--res-card--details--text {
  margin-top: .5rem
}
.cmp-container--res-card--details--text p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1rem;
  height: 75px;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit
}
.cmp-container--res-card--details--file {
  margin-top: .5rem
}
.cmp-container--res-card--details--file--info {
  float: left;
  font-size: .875rem;
  line-height: 1.25rem
}
.cmp-container--res-card--details--file--icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PGRlZnM+PHN0eWxlPi5ie2ZpbGw6I2U2MDAzOX08L3N0eWxlPjwvZGVmcz48ZyBzdHlsZT0iZmlsbDojZmZmO3N0cm9rZTojNTk1NzU3Ij48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSIxMSIgc3R5bGU9InN0cm9rZTpub25lIi8+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iMTAuNSIgc3R5bGU9ImZpbGw6bm9uZSIvPjwvZz48cGF0aCBjbGFzcz0iYiIgZD0iTTE1Ljg2IDEwLjA4OWEuNDA1LjQwNSAwIDAgMC0uNDA1LjQwNXYyLjQzYS40LjQgMCAwIDEtLjQwNS40aC04LjFhLjQuNCAwIDAgMS0uNDA1LS40di0yLjQzYS40MDUuNDA1IDAgMCAwLS44MSAwdjIuNDNhMS4yMTUgMS4yMTUgMCAwIDAgMS4yMTUgMS4yMTVoOC4xYTEuMjE1IDEuMjE1IDAgMCAwIDEuMjE1LTEuMjE1di0yLjQzYS40MDUuNDA1IDAgMCAwLS40MDUtLjQwNVoiLz48cGF0aCBjbGFzcz0iYiIgZD0iTTEzLjMwMSA5LjgwM2EuNDA1LjQwNSAwIDAgMC0uNTYzIDBsLTEuMzM0IDEuMzM4VjcuMzQ2YS40MDUuNDA1IDAgMSAwLS44MSAwdjMuNzk1TDkuMjYgOS44MDdhLjQwNS40MDUgMCAwIDAtLjU3My41NzNsMi4wMjUgMi4wMjVhLjQwNS40MDUgMCAwIDAgLjU3MyAwbDIuMDI1LTIuMDI1YS40LjQgMCAwIDAtLjAwOS0uNTc3WiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  float: right;
  height: 1.5rem;
  width: 1.5rem
}
.cmp-container--res-card--details--file--icon img {
  height: 1.4141875rem;
  width: 1rem
}
.cmp-container--res-card--details.type-ar .cmp-container--res-card--details--file {
  display: none
}
.cmp-container--res-card--details--image {
  border: 1px solid #dcdcdc;
  padding-top: 150%;
  position: relative;
  text-align: center;
  width: 100%
}
.cmp-container--res-card--details--image img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}
.cmp-container--res-card--details.type-images .cmp-container--res-card--details--image {
  cursor: pointer
}
.res-card--title {
  grid-column-start: 1;
  grid-row-end: 1;
  grid-row-start: 1
}
.res-card--title h1.cmp-title__text {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem
}
.res-card--title h1.cmp-title__text:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-container--res-card > .cmp-container > div {
    grid-gap: 1.875rem;
    grid-template-columns: repeat(3, 1fr)
  }
  .res-card--title {
    grid-column-end: 4
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--res-card > .cmp-container > div {
    grid-gap: 5rem 4rem;
    grid-template-columns: repeat(4, 1fr)
  }
  .res-card--title {
    grid-column-end: 5
  }
}
@media(max-width:430px) {
  .cmp-container--res-card > .cmp-container > div {
    grid-gap: 3.75rem .625rem;
    grid-template-columns: repeat(2, 1fr)
  }
  .res-card--title {
    grid-column-end: 3;
    margin-bottom: -3.75rem
  }
}
@media(max-width:767px) {
  .cmp-container--res-card--details--file {
    display: inline-block;
    margin-bottom: 1.25rem;
    width: 100%
  }
}
.container--res-filters {
  z-index: 3
}
.cmp-res-filters {
  background-color: #fff;
  width: 14.0625rem
}
.cmp-res-filters__mobile-close-btn {
  display: none
}
.cmp-res-filters__filter-family:not(:first-of-type) {
  margin-top: 2.5rem
}
.cmp-res-filters__filter-family.resource-filter-price-range {
  display: none
}
.cmp-res-filters__main-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.8125rem;
  margin-bottom: 0;
  padding-bottom: .625rem;
  padding-top: .3125rem
}
.cmp-res-filters__main-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-res-filters__accordion {
  border-bottom: none
}
.cmp-res-filters__accordion-title {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding: 1.0625rem 0
}
.cmp-res-filters__accordion-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-res-filters__accordion-icon {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC42OTMiIGhlaWdodD0iOC43NjEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxMzU3MCIgZD0ibTEzLjk4NiA4LjA1NC02LjYzOS02LjY0LTYuNjQgNi42NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  display: inline-block;
  height: .625rem;
  margin-left: 1.875rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: .9375rem
}
.cmp-res-filters__accordion-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  width: 100%
}
.cmp-res-filters__accordion-button:hover {
  text-decoration: none
}
.cmp-res-filters__accordion--open:not(.cmp-res-filters__accordion--single) {
  padding-bottom: 1.875rem
}
.cmp-res-filters__accordion--open > button .cmp-res-filters__accordion-icon {
  -webkit-transform: initial;
  transform: none
}
.cmp-res-filters__accordion--open > .cmp-res-filters__accordion-body {
  display: block
}
.cmp-res-filters__accordion--open > button .cmp-res-filters__accordion-title, .cmp-res-filters__accordion--open > button .cmp-res-filters__main-title {
  font-weight: 700 !important
}
.cmp-res-filters__accordion-body {
  display: none;
  max-height: 14.0625rem;
  overflow-y: auto
}
.cmp-res-filters__accordion-body--mobile {
  max-height: none
}
.cmp-res-filters__filter {
  height: 2rem
}
.cmp-res-filters__filter-wrapper--no-accord {
  padding-top: .9375rem
}
.cmp-res-filters__filter label {
  color: #333;
  cursor: pointer;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25rem;
  padding-bottom: .5rem;
  position: relative
}
.cmp-res-filters__filter label:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-res-filters__filter label input {
  height: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0
}
.cmp-res-filters__filter label input:checked + .cmp-res-filters__checkbox-bg {
  background: #00358d
}
.cmp-res-filters__filter label input:checked + .cmp-res-filters__checkbox-bg:before {
  display: block
}
.cmp-res-filters__filter label input:focus + .cmp-res-filters__checkbox-bg {
  -webkit-box-shadow: 1px 1px 0 0;
  box-shadow: 1px 1px 0 0
}
.cmp-res-filters__filter label .cmp-res-filters__checkbox-bg {
  background-color: transparent;
  border: .0625rem solid #bababa;
  border-radius: .1875rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 1rem;
  margin-right: .625rem;
  position: relative;
  vertical-align: middle;
  width: 1rem
}
.cmp-res-filters__filter label .cmp-res-filters__checkbox-bg:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: .0625rem solid #fff;
  border-width: 0 .0625rem .0625rem 0;
  content: "";
  display: none;
  height: .4375rem;
  left: .3125rem;
  position: absolute;
  top: .125rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: .1875rem
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-res-filters__accordion-body::-webkit-scrollbar {
    width: .5625rem
  }
  .cmp-res-filters__accordion-body::-webkit-scrollbar-track {
    border-radius: .625rem
  }
  .cmp-res-filters__accordion-body::-webkit-scrollbar-thumb {
    background: #afa8a8;
    border-radius: .625rem
  }
  .cmp-res-filters__accordion-body::-webkit-scrollbar-thumb:hover {
    background: #afa8a8
  }
  .cmp-res-filters__accordion-body--mobile {
    display: block
  }
  .cmp-res-filters__accordion--mobile {
    border-bottom: initial
  }
  .cmp-res-filters__accordion--mobile > .cmp-res-filters__accordion-button {
    border-bottom: .0625rem solid #f1f1f1;
    cursor: auto;
    margin-top: .0625rem
  }
  .cmp-res-filters__accordion--mobile > .cmp-res-filters__accordion-button .cmp-res-filters__accordion-icon {
    display: none
  }
}
@media(max-width:1023px) {
  .container--res-filters {
    background-color: #fff;
    bottom: 2.875rem;
    height: calc(100vh - 170px);
    left: 0;
    overflow-y: auto;
    position: fixed;
    width: 100%
  }
  .resource-filter {
    display: none
  }
  .resource-filter--show {
    display: block
  }
  .resource-filter .cmp-container {
    padding-left: 1rem;
    padding-right: 1rem
  }
  .cmp-res-filters {
    width: 100%
  }
  .cmp-res-filters__mobile-overlay {
    background-color: rgba(0, 0, 0, .8) !important;
    bottom: 3rem;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1
  }
  .cmp-res-filters__mobile-close-btn {
    align-items: center;
    border-bottom: .0625rem solid #afa8a8;
    display: block;
    display: flex;
    justify-content: space-between;
    margin-bottom: .75rem;
    padding: .9375rem 0 .4375rem;
    width: 100%
  }
  .cmp-res-filters__mobile-close-btn:hover {
    text-decoration: none
  }
  .cmp-res-filters__mobile-filter-title {
    color: #333;
    font-family: "微软雅黑", "PingFang SC", Arial !important;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.625rem
  }
  .cmp-res-filters__mobile-filter-title:lang(th) {
    font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
  }
  .cmp-res-filters__mobile-filter-close-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbi1jbG9zZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTIuNTc4IiBoZWlnaHQ9IjEyLjU3OCI+PHBhdGggZD0iTTEyLjU3NyAxLjI1OCAxMS4zMjEgMCA2LjI5IDUuMDMxIDEuMjU4IDAgMCAxLjI1OGw1LjAzMSA1LjAzMUwwIDExLjMyMWwxLjI1OCAxLjI1NiA1LjAzMS01LjAzMSA1LjAzMiA1LjAzMSAxLjI1Ni0xLjI1Ni01LjAzLTUuMDMxWiIvPjwvc3ZnPg==);
    display: block;
    height: .786125rem;
    width: .786125rem
  }
  .cmp-res-filters__filter-family:not(:first-of-type) {
    margin-top: .75rem
  }
  .cmp-res-filters__filter-family {
    box-shadow: 0 .1875rem .375rem #cecece
  }
  .cmp-res-filters__filter-family:last-child {
    margin-bottom: .9375rem
  }
  .cmp-res-filters__main-title {
    font-size: .875rem;
    letter-spacing: 0;
    line-height: 1.25rem;
    padding-bottom: 0;
    padding-top: 0
  }
  .cmp-res-filters__accordion--mobile {
    border-bottom: .0625rem solid #f1f1f1;
    padding: .4375rem .9125rem .3125rem .78125rem
  }
  .cmp-res-filters__accordion--open.cmp-res-filters__accordion--mobile > .cmp-res-filters__accordion-button {
    border-bottom: .0625rem solid #f1f1f1;
    padding-bottom: .75rem
  }
  .cmp-res-filters__accordion:not(.cmp-res-filters__accordion--mobile):last-child {
    border-bottom: initial
  }
  .cmp-res-filters__accordion-body--mobile > .cmp-res-filters__filter-wrapper {
    margin-top: .25rem
  }
  .cmp-res-filters__accordion-body--mobile > .cmp-res-filters__filter-wrapper .cmp-res-filters__accordion-title {
    font-weight: 400;
    padding: .5rem 0
  }
}
.cmp-selected-filters {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: none;
  height: 100%;
  justify-content: space-between;
  width: 100%
}
.cmp-selected-filters--mobile {
  display: block;
  margin-top: 1.125rem
}
.cmp-selected-filters__filters {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  float: right;
  justify-content: flex-end;
  text-align: right;
  width: 100%
}
.cmp-selected-filters__filters--mobile {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  float: left;
  justify-content: flex-start;
  text-align: left
}
.cmp-selected-filters__button {
  border: .0625rem solid #333;
  border-radius: .1875rem;
  color: #333;
  cursor: pointer;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .011875rem;
  line-height: 1.0625rem;
  margin-bottom: 1.0625rem;
  margin-left: .875rem;
  padding: .375rem 2.5rem .375rem .5625rem;
  position: relative;
  white-space: nowrap
}
.cmp-selected-filters__button:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-selected-filters__button:hover {
  text-decoration: none
}
.cmp-selected-filters__button:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbi1jbG9zZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTIuNTc4IiBoZWlnaHQ9IjEyLjU3OCI+PHBhdGggZD0iTTEyLjU3NyAxLjI1OCAxMS4zMjEgMCA2LjI5IDUuMDMxIDEuMjU4IDAgMCAxLjI1OGw1LjAzMSA1LjAzMUwwIDExLjMyMWwxLjI1OCAxLjI1NiA1LjAzMS01LjAzMSA1LjAzMiA1LjAzMSAxLjI1Ni0xLjI1Ni01LjAzLTUuMDMxWiIvPjwvc3ZnPg==);
  content: "";
  height: .75rem;
  position: absolute;
  right: .625rem;
  top: .5625rem;
  width: .75rem
}
.cmp-selected-filters__button--clear {
  margin-left: 0
}
.cmp-selected-filters__button--mobile {
  margin-left: 0;
  margin-right: .875rem
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-selected-filters {
    display: flex
  }
  .cmp-selected-filters--mobile, .cmp-selected-filters__button--mobile {
    display: none
  }
}
.embed-unsafe .gsc-control-cse {
  margin-top: 39px;
  padding: 0
}
.embed-unsafe .gsc-control-cse .gsc-result-info {
  padding: 0
}
.embed-unsafe .gsc-control-cse .gsc-selected-option-container {
  max-width: inherit
}
.cmp-secondary-navigation-mobile__common-bar {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-top: .0625rem solid #595757;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  left: 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9999
}
.cmp-secondary-navigation-mobile__common-bar-col-1 {
  width: 15%
}
.cmp-secondary-navigation-mobile__common-bar-col-2 {
  width: 70%
}
.cmp-secondary-navigation-mobile__common-bar-col-2 .cmp-secondary-navigation-mobile__label {
  color: inherit;
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.75rem;
  max-width: 100%;
  overflow: hidden;
  padding-right: .9375rem;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}
.cmp-secondary-navigation-mobile__common-bar-col-2 .cmp-secondary-navigation-mobile__label:before {
  border-bottom: .3125rem solid #000;
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: .75rem
}
.cmp-secondary-navigation-mobile__common-bar-col-2 .cmp-secondary-navigation-mobile__label--expand:before {
  border-bottom: none;
  border-top: .3125rem solid #000
}
.cmp-secondary-navigation-mobile__common-bar-col-3 {
  width: 15%
}
.cmp-secondary-navigation-mobile .modal {
  display: none
}
.cmp-secondary-navigation-mobile .modal--active {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, .8) !important;
  bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999
}
.cmp-secondary-navigation-mobile .main-navigation-panel {
  background-color: #fff;
  max-height: 60%;
  overflow-y: scroll;
  padding: 1.25rem 1rem;
  width: 100%
}
.cmp-secondary-navigation-mobile .main-navigation-panel__title {
  border-bottom: .0625rem solid #f1f1f1;
  font-size: 1.125rem;
  padding: 0 .875rem .625rem;
  position: relative
}
.cmp-secondary-navigation-mobile .main-navigation-panel__close-button {
  position: absolute;
  right: .625rem;
  top: 0
}
.cmp-secondary-navigation-mobile .main-navigation-panel__home {
  font-size: .875rem;
  margin-bottom: .75rem;
  padding: .625rem .875rem 0
}
.cmp-secondary-navigation-mobile .main-navigation-panel__accordion {
  padding: 0 .875rem
}
.cmp-secondary-navigation-mobile .main-navigation-panel__accordion .cmp-accordion--header-list .cmp-accordion__header {
  border-bottom: none;
  font-size: .875rem;
  letter-spacing: inherit;
  padding: .5rem 0
}
.cmp-secondary-navigation-mobile .category-panel {
  background-color: #fff;
  max-height: 60%;
  overflow-y: scroll;
  padding: 1.25rem 1rem;
  width: 100%
}
.cmp-secondary-navigation-mobile .category-panel__title {
  border-bottom: 1px solid #f1f1f1;
  font-size: 1.125rem;
  padding: 0 .875rem .625rem;
  position: relative
}
.cmp-secondary-navigation-mobile .category-panel__close-button {
  position: absolute;
  right: .625rem;
  top: 0
}
.cmp-secondary-navigation-mobile .category-panel__accordion {
  padding: 0 .875rem
}
.cmp-secondary-navigation-mobile .category-panel__accordion .cmp-accordion--header-list .cmp-accordion__header {
  border-bottom: none;
  font-size: .875rem;
  letter-spacing: inherit;
  padding: .5rem 0
}
.cmp-secondary-navigation-mobile .product-detail-panel {
  background-color: #fff;
  max-height: 60%;
  overflow-y: scroll;
  padding: 1.25rem 1rem;
  width: 100%
}
.cmp-secondary-navigation-mobile .product-detail-panel__title {
  font-size: 1.125rem;
  padding: 0 1.375rem .75rem;
  position: relative
}
.cmp-secondary-navigation-mobile .product-detail-panel__title:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjY5MiIgaGVpZ2h0PSIxMi44MiI+PGcgZGF0YS1uYW1lPSJHcm91cCA5NDIzIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTMzNTMiIGQ9Ik03LjUyOSA2LjA1OC45NDIuMTQ1YS42LjYgMCAwIDAtLjc4MSAwIC40NjMuNDYzIDAgMCAwIDAgLjdsNi4yIDUuNTYxLTYuMiA1LjU2MWEuNDYzLjQ2MyAwIDAgMCAwIC43LjU4My41ODMgMCAwIDAgLjM5MS4xNDYuNTgzLjU4MyAwIDAgMCAuMzktLjE0NWw2LjU4Ny01LjkwNmEuNDYyLjQ2MiAwIDAgMCAwLS43eiIvPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  content: "";
  height: 1.25rem;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: .625rem
}
.cmp-secondary-navigation-mobile .product-detail-panel__close-button {
  position: absolute;
  right: .625rem;
  top: 0
}
.cmp-secondary-navigation-mobile .product-detail-panel__breadCrumbs {
  border-bottom: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 0 1.375rem .625rem;
  text-overflow: ellipsis;
  white-space: nowrap
}
.cmp-secondary-navigation-mobile .product-detail-panel__breadCrumbs li:not(:last-child) {
  margin-right: .625rem;
  padding-right: .9375rem;
  position: relative
}
.cmp-secondary-navigation-mobile .product-detail-panel__breadCrumbs li:not(:last-child):after {
  content: "/";
  font-family: cursive;
  position: absolute;
  right: 0
}
.cmp-secondary-navigation-mobile .product-detail-panel__breadCrumbs li a {
  color: inherit;
  text-decoration: none
}
.cmp-secondary-navigation-mobile .product-detail-panel__product .cmp-accordion--header-list .cmp-accordion__header {
  border-bottom: none;
  letter-spacing: inherit;
  padding-left: .75rem
}
.cmp-secondary-navigation-mobile .cmp-accordion__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: inherit;
  text-decoration: none
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-secondary-navigation-mobile {
    display: none
  }
}
html.prevent-scroll {
  overflow: hidden
}
body > div.overlay-filter {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9998
}
body > div.overlay-filter .cmp-container--hide {
  display: none
}
.cmp-header__mobile--nav--modal {
  bottom: 3.5625rem;
  position: absolute;
  width: 100%
}
.cmp-header__mobile--nav--modal--active {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, .8) !important;
  bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: fixed;
  z-index: 999
}
.cmp-header__mobile--nav--modal--active .cmp-container {
  background-color: #fff;
  width: 100%
}
.cmp-container--secondary-nav {
  height: 3rem
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--1 {
  width: 32%
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--1 > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--1 > .cmp-container .text p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--1 > .cmp-container .text p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--2 {
  white-space: nowrap;
  width: 68%
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--2 .navigation .cmp-navigation > ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  justify-content: center;
  list-style: none
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--2 .navigation .cmp-navigation > ul > li {
  padding: .625rem 1rem !important
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--2 .navigation .cmp-navigation > ul > li a {
  color: #333;
  font-size: .875rem;
  padding-bottom: .625rem;
  text-decoration: none
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--2 .navigation .cmp-navigation > ul > li.cmp-navigation__item--active a {
  border-bottom: .1875rem solid #00358d;
  color: #333;
  font-weight: 500
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--2 .navigation-red .cmp-navigation__item--active a {
  color: #00358d !important;
  font-weight: 500
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--3 {
  float: right;
  margin-left: 5.6875rem
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--3 .button a {
  border: .0625rem solid #333;
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  padding: .5rem 1.25rem;
  text-decoration: none !important;
  white-space: nowrap
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--3 .button a:hover {
  border: .0625rem solid #00358d;
  color: #00358d;
  text-decoration: none
}
.cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--3 .button.adjust-width-with-inquiry-message .cmp-button .cmp-button__text {
  margin: 0 .6875rem
}
.cmp-container--product-filter-mobile-nav {
  background-color: #fff;
  border-top: .0625rem solid #bebebe;
  bottom: 0;
  max-height: 52px;
  padding: 10px 0;
  position: fixed;
  width: 100%;
  z-index: 9999
}
.cmp-container--product-filter-mobile-nav #sub-category {
  font-size: .875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.75rem;
  padding-right: .9375rem;
  position: relative;
  text-transform: capitalize
}
.cmp-container--product-filter-mobile-nav #sub-category:before {
  border-bottom: .3125rem solid #000;
  border-left: .3125rem solid transparent;
  border-right: .3125rem solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: .75rem
}
.cmp-container--product-filter-mobile-nav #sub-category:hover {
  text-decoration: none
}
.cmp-container--product-filter-mobile-nav .cmp-image--menu-right-icon {
  text-align: right
}
.cmp-container--product-filter-mobile-nav .mobile-nav-row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cmp-container--product-filter-mobile-nav .mobile-nav-row .col--1, .cmp-container--product-filter-mobile-nav .mobile-nav-row .col--3 {
  width: 15%
}
.cmp-container--product-filter-mobile-nav .mobile-nav-row .col--2 {
  text-align: center;
  width: 70%
}
.cmp-container--product-filter-mobile-nav .mobile-nav-row .col--3 {
  text-align: right
}
.cmp-container--product-filter-mobile-nav .cmp-image--menu-icon img, .cmp-container--product-filter-mobile-nav .cmp-image--menu-right-icon img {
  max-height: 1.875rem;
  max-width: 1.875rem
}
.cmp-container--filter-mobile-nav {
  background-color: #fff;
  bottom: 3.1875rem;
  padding: 10px 0;
  position: fixed;
  width: 100%;
  z-index: 9999
}
.cmp-container--filter-mobile-nav .navigation--filter-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.cmp-container--filter-mobile-nav .navigation ul {
  list-style: none
}
.cmp-container--filter-mobile-nav .navigation ul li a {
  color: #333;
  display: inline-block;
  font-size: .875rem;
  line-height: 1.875rem;
  text-decoration: none
}
.cmp-container--filter-mobile-nav .navigation ul li.cmp-navigation__item--active a {
  border-bottom: .125rem solid #00358d;
  display: inline-block;
  font-weight: 500
}
.cmp-container--filter-mobile-nav .navigation ul li.cmp-navigation__item--active a:after {
  display: none
}
.cmp-container--filter-mobile-nav .navigation ul.sub-category-tree > li:first-child a {
  border-bottom: 1px solid #f4f4f4;
  display: block;
  font-weight: 500;
  margin-bottom: 1rem;
  padding-bottom: .508125rem;
  width: 100%
}
.cmp-container--filter-mobile-nav .navigation ul.sub-category-tree > li:first-child a span {
  font-size: 1rem
}
.cmp-container--filter-mobile-nav .navigation ul.sub-category-tree.cmp-navigation__item--active a {
  position: relative
}
.cmp-container--filter-mobile-nav .navigation ul.sub-category-tree.cmp-navigation__item--active a:after {
  background-color: #00358d;
  bottom: 0;
  content: " ";
  height: .0625rem;
  left: 0;
  position: absolute;
  width: 100%
}
.cmp-container--filter-mobile-nav .navigation .navigation-filter-contain {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2
}
.cmp-container--filter-mobile-nav #back_to_category {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.cmp-container--product-page-menu-btn-text-center .cmp-container {
  text-align: center
}
.cmp-container .cmp-header__mobile--nav {
  border-top: 1px solid #595757
}
.cmp-container .cmp-header__mobile--nav > .cmp-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  max-height: 3.4375rem;
  text-align: center
}
.cmp-container .cmp-header__mobile--nav .icon-container > .cmp-container {
  margin: auto;
  max-height: 3.4375rem;
  text-align: center;
  width: 4.6875rem
}
.cmp-container .cmp-header__mobile--nav .icon-container > .cmp-container > .image {
  height: 1.125rem;
  margin: auto;
  width: 1.125rem
}
.cmp-container .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text {
  grid-row-end: 2;
  grid-row-start: 2;
  margin-top: .375rem
}
.cmp-container .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text > p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500
}
.cmp-container .cmp-header__mobile--nav .icon-container > .cmp-container .icon-text > p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container .cmp-header__mobile--nav--modal {
  background-color: #fff
}
.cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category {
  border-bottom: 1px solid #f1f1f1
}
.cmp-container .cmp-header__mobile--nav--modal--product-content .main-category {
  padding-left: 1.125rem;
  position: relative
}
.cmp-container .cmp-header__mobile--nav--modal--product-content .main-category:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjY5MiIgaGVpZ2h0PSIxMi44MiI+PGcgZGF0YS1uYW1lPSJHcm91cCA5NDIzIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTMzNTMiIGQ9Ik03LjUyOSA2LjA1OC45NDIuMTQ1YS42LjYgMCAwIDAtLjc4MSAwIC40NjMuNDYzIDAgMCAwIDAgLjdsNi4yIDUuNTYxLTYuMiA1LjU2MWEuNDYzLjQ2MyAwIDAgMCAwIC43LjU4My41ODMgMCAwIDAgLjM5MS4xNDYuNTgzLjU4MyAwIDAgMCAuMzktLjE0NWw2LjU4Ny01LjkwNmEuNDYyLjQ2MiAwIDAgMCAwLS43eiIvPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 10px
}
.cmp-container .cmp-header__mobile--nav--modal--content, .cmp-container .cmp-header__mobile--nav--modal--product-content {
  max-height: auto;
  padding: 1.25rem 1rem
}
.cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container {
  display: grid;
  grid-template-columns: 95% 5%
}
.cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .icon-back, .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .icon-close-mob, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .icon-back, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .icon-close-mob {
  height: 1.25rem;
  margin-top: .375rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 1rem
}
.cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container {
  margin-bottom: .75rem;
  max-height: 3.875rem
}
.cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.625rem
}
.cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-top: .75rem
}
.cmp-container .cmp-header__mobile--nav--modal--content .mobile-header--form select, .cmp-container .cmp-header__mobile--nav--modal--product-content .mobile-header--form select {
  height: 2.1875rem;
  min-width: 21.875rem
}
.cmp-container .cmp-header__mobile--nav--modal--content .mobile-header--form .form-button, .cmp-container .cmp-header__mobile--nav--modal--product-content .mobile-header--form .form-button {
  text-align: center
}
.cmp-container .cmp-header__mobile--nav--modal--content .header-navigation--filter, .cmp-container .cmp-header__mobile--nav--modal--product-content .header-navigation--filter {
  max-height: 6.25rem;
  overflow-y: scroll
}
.cmp-container .cmp-header__mobile--nav--modal--content .header-navigation--filter li, .cmp-container .cmp-header__mobile--nav--modal--product-content .header-navigation--filter li {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem
}
.cmp-container .cmp-header__mobile--nav--modal--content .header-navigation--filter li a, .cmp-container .cmp-header__mobile--nav--modal--product-content .header-navigation--filter li a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none
}
.cmp-container .cmp-header__mobile--nav--modal--content .header-navigation--filter li a:lang(th), .cmp-container .cmp-header__mobile--nav--modal--product-content .header-navigation--filter li a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container .cmp-header__mobile--nav .icon--active {
  border-bottom: 5px solid #00358d
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__header {
  border-bottom: 1px solid #f1f1f1;
  line-height: 0;
  padding: .875rem 0 1rem
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 0;
  text-transform: none
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__button:hover {
  text-decoration: none
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__button .cmp-accordion__icon {
  color: #333 !important;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__button--expanded .cmp-accordion__icon {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__icon {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjY5MiIgaGVpZ2h0PSIxMi44MiI+PGcgZGF0YS1uYW1lPSJHcm91cCA5NDIzIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMTMzNTMiIGQ9Ik03LjUyOSA2LjA1OC45NDIuMTQ1YS42LjYgMCAwIDAtLjc4MSAwIC40NjMuNDYzIDAgMCAwIDAgLjdsNi4yIDUuNTYxLTYuMiA1LjU2MWEuNDYzLjQ2MyAwIDAgMCAwIC43LjU4My41ODMgMCAwIDAgLjM5MS4xNDYuNTgzLjU4MyAwIDAgMCAuMzktLjE0NWw2LjU4Ny01LjkwNmEuNDYyLjQ2MiAwIDAgMCAwLS43WiIvPjwvZz48L3N2Zz4=");
  background-repeat: no-repeat;
  display: inline-block;
  height: .8125rem;
  width: .5rem
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.25rem
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container .cmp-accordion--header-list .cmp-accordion__panel {
  background-color: #f8f8f8;
  padding: .25rem
}
.cmp-container .modal-navigation--list--mobile {
  margin-top: 1.1875rem;
  max-height: 11.25rem;
  overflow-y: scroll;
  padding-left: .5rem
}
.cmp-container .modal-navigation--list--mobile article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 95%
}
.cmp-container .modal-navigation--list--mobile article a {
  color: #333;
  text-decoration: none !important
}
.cmp-container .modal-navigation--list--mobile article a span.cmp-list__item-title {
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.0625rem
}
.cmp-container .modal-navigation--list--mobile article a span.cmp-list__item-title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container .modal-navigation--list--mobile article span.cmp-list__item-description div.icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.cmp-container .modal-navigation--list--mobile article span.cmp-list__item-description div.icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.cmp-container .modal-navigation--list--mobile li.cmp-list__item {
  line-height: 1.25rem;
  list-style-type: none;
  padding-bottom: .9375rem;
  width: 95%
}
.cmp-container .modal-navigation--list--mobile li.cmp-list__item a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  width: 90%
}
.cmp-container .modal-navigation--list--mobile li.cmp-list__item a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container .modal-navigation--list--mobile .sub-list--active {
  border-bottom: 1px solid #00358d
}
.cmp-container .modal-navigation--list--mobile span.cmp-list__item-title {
  min-width: 95%
}
.cmp-container .modal-navigation--list--mobile a.list-item--active {
  border-bottom: 1px solid #00358d;
  width: 90%
}
.cmp-container .modal-navigation--list--mobile span.cmp-list__item-description {
  height: .9375rem !important;
  width: .9375rem !important
}
.cmp-container .modal-navigation--list--mobile #icon-next, .cmp-container .modal-navigation--list--mobile #icon-next-/etc.clientlibs/okamura/clientlibs/clientlib-site/resources/resources, .cmp-container .modal-navigation--list--mobile #icon-next-company {
  float: right;
  height: .9375rem;
  margin-right: .5rem;
  padding-top: .25rem;
  width: .9375rem
}
.cmp-container .modal-navigation--list--mobile .icon-next {
  height: .9375rem !important;
  margin-right: .9375rem !important;
  width: .9375rem !important
}
.cmp-container .modal-navigation--list--mobile .icon-next img {
  height: .9375rem !important;
  width: .9375rem !important
}
.cmp-container .modal-navigation--list--mobile ::-webkit-scrollbar {
  width: 6px
}
.cmp-container .modal-navigation--list--mobile ::-webkit-scrollbar-track {
  background: transparent;
  border-bottom: 2px solid #f1f1f1
}
.cmp-container .modal-navigation--list--mobile ::-webkit-scrollbar-thumb {
  background: #00358d;
  border-radius: 5px
}
.cmp-container .cmp-list--home .cmp-list__item-link {
  border-bottom: 1px solid #f1f1f1;
  color: #000;
  display: block;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: 1.25rem;
  padding: .875rem 0 1rem;
  text-decoration: none
}
.cmp-container .cmp-list--home .cmp-list__item-link:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  body > div.overlay-filter {
    display: none
  }
  .cmp-container--secondary-nav {
    display: block
  }
  .cmp-container--secondary-nav .secondary-nav-row > .cmp-container .col--2 .navigation .cmp-navigation .cmp-navigation__group {
    float: right
  }
  .cmp-container--filter-mobile-nav, .cmp-container--product-filter-mobile-nav {
    display: none
  }
  .cmp-container .cmp-accordion--header-list .cmp-accordion__header {
    padding: .875rem 0 1.75rem
  }
}
@media(max-width:1023px) {
  .cmp-container--secondary-nav {
    display: none
  }
  .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .main-category p, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p {
    padding-left: 0
  }
  .cmp-container .modal-navigation--list--mobile {
    padding-left: 2.1875rem
  }
}
@media(max-width:767px)and (max-width:1023px) {
  .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container {
    grid-template-columns: 95% 5%
  }
}
@media(max-width:430px) {
  .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container {
    grid-template-columns: 90% 10%
  }
  .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .cmp-container .cmp-header__mobile--nav--modal--content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category, .cmp-container .cmp-header__mobile--nav--modal--product-content .nav-modal--content--category > .cmp-container .category-content > .cmp-container .sub-category p {
    padding-left: .75rem
  }
  .cmp-container .modal-navigation--list--mobile {
    margin-top: .9375rem;
    padding-left: 1.625rem
  }
}
.cmp-showroom-address-detail__pretitle {
  margin-bottom: .5rem
}
.cmp-showroom-address-detail__title {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1.5rem
}
.cmp-showroom-address-detail__title-link {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem;
  text-decoration: none
}
.cmp-showroom-address-detail__description .cmp-showroom-address-detail__description-item {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 1.5rem
}
.cmp-showroom-address-detail__action-link {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  text-decoration: none
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-showroom-address-detail__title {
    font-size: 2rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-showroom-address-detail__title {
    font-size: 3rem
  }
}
@media(max-width:767px) {
  .cmp-showroom-address-detail__content {
    bottom: 2.125rem
  }
}
@media(max-width:430px) {
  .cmp-showroom-address-detail__description .cmp-showroom-address-detail__description-item, .cmp-showroom-address-detail__title {
    margin-bottom: 2.625rem
  }
}
.cmp-container--showroom-address--listing > .cmp-container > div {
  display: grid
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing:not(:first-child), .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing:not(:nth-child(2)), .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing:not(:nth-child(3)) {
  margin-top: 2rem
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--image {
  width: 22.5rem
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--image > img {
  width: 100% !important
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--pretitle {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.8125rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--pretitle:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  margin-bottom: 2rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--title:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--description {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--description:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--description--email img, .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--description--phone img {
  height: 1rem;
  margin-right: .3125rem;
  vertical-align: middle;
  width: 1rem
}
.cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--action-container {
  margin-top: 1.4375rem
}
.cmp-container--showroom-address--listing > .cmp-container > div .teaser-showroom__address-listing--link a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.0625rem;
  text-decoration: none
}
.cmp-container--showroom-address--listing > .cmp-container > div .teaser-showroom__address-listing--link a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-address--listing > .cmp-container > div .teaser-showroom__address-listing--link a:hover {
  text-decoration: underline
}
.cmp-container--showroom-address--listing > .cmp-container > div .teaser-showroom__address-listing--btn a {
  border: 1px solid #333;
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.0625rem;
  padding: .438rem 2.063rem;
  text-decoration: none !important
}
.cmp-container--showroom-address--listing > .cmp-container > div .teaser-showroom__address-listing--btn a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-address--listing > .cmp-container > div .teaser-showroom__address-listing--btn a:hover {
  border: 1px solid #00358d;
  color: #00358d
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--image > img {
    height: 11.25rem;
    width: 22.5rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--showroom-address--listing > .cmp-container > div {
    grid-gap: 4.75rem;
    grid-template-columns: auto auto auto;
    padding: 5.1875rem 7.9375rem 5.1875rem 0
  }
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing {
    width: 22.5rem !important
  }
}
@media(max-width:1023px) {
  .cmp-container--showroom-address--listing > .cmp-container > div {
    grid-gap: 1rem;
    grid-template-columns: auto auto;
    padding: 1rem
  }
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing {
    margin-bottom: 3rem;
    width: 22.5rem
  }
}
@media(max-width:767px) {
  .cmp-container--showroom-address--listing > .cmp-container > div {
    grid-gap: 2rem;
    grid-template-columns: auto
  }
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing {
    margin-bottom: 3rem;
    width: 21.4375rem
  }
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--image > img {
    height: 10.75rem;
    width: 21.4375rem
  }
}
@media(max-width:430px) {
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--image {
    padding-top: 50%;
    position: relative;
    width: 100%
  }
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing--image > img {
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
  }
  .cmp-container--showroom-address--listing > .cmp-container > div .cmp-address-listing.teaser-showroom__address-listing--link {
    width: 100%
  }
}
.cmp-container--showroom-listing--title p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.25rem
}
.cmp-container--showroom-listing--title p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-listing--address p, .cmp-container--showroom-listing--phone p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem
}
.cmp-container--showroom-listing--address p:lang(th), .cmp-container--showroom-listing--phone p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-listing--map a {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.0625rem;
  text-decoration: none
}
.cmp-container--showroom-listing--map a:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-listing--map a:hover {
  text-decoration: underline
}
.cmp-container--showroom-listing--btn {
  border: 1px solid #333;
  height: 2.9375rem;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 12.125rem
}
.cmp-container--showroom-listing--btn a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.6875rem !important;
  justify-content: center;
  text-decoration: none !important
}
.cmp-container--showroom-listing--btn a span {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.0625rem;
  padding: .75rem 1.875rem
}
.cmp-container--showroom-listing--btn a span:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.cmp-container--showroom-listing--btn:hover {
  border: 1px solid #00358d;
  color: #00358d
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--showroom-listing {
    margin: 3.8125rem 31.9375rem 5.1875rem 11.875rem
  }
  .cmp-container--showroom-listing--map {
    margin-bottom: 6.25rem
  }
}
@media(max-width:1023px) {
  .cmp-container--showroom-listing {
    margin: 2rem
  }
  .cmp-container--showroom-listing--map {
    margin-bottom: 3rem
  }
}
.header-desktop {
  display: none
}
.header-mobile {
  display: block
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .header-desktop {
    display: block
  }
  .header-mobile {
    display: none
  }
}
.about-sub-teaser .simplebar-content > .cmp-container, .about-sub-teaser > .cmp-container {
  display: grid
}
.about-sub-teaser__action-container {
  margin: 2rem 0 0
}
.about-sub-teaser__action-container a {
  border: 1px solid #595757;
  color: #333;
  display: inline-block;
  font-size: .75rem;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  max-height: 2.5rem;
  min-width: 9.4375rem;
  padding: .438rem 2.063rem;
  text-align: center;
  text-decoration: none
}
.about-sub-teaser__action-container a:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.cmp-teaser--about-vertical .cmp-teaser__image {
  overflow: hidden
}
.cmp-teaser--about-vertical .cmp-teaser__image img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
.cmp-teaser--about-vertical .cmp-teaser__image img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-teaser--about-vertical .cmp-teaser__title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1.25rem;
  margin: 1rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser--about-vertical .cmp-teaser__title, .cmp-teaser--about-vertical .cmp-teaser__title a {
  color: #333;
  font-weight: 300;
  line-height: 1.8125rem;
  text-decoration: none
}
.cmp-teaser--about-vertical .cmp-teaser__description p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: .875rem;
  font-weight: 400;
  margin: .5rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser--about-vertical .cmp-teaser__action-container a {
  margin: 2rem 0 0
}
.cmp-teaser--about-vertical--link a.cmp-teaser__action-link {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  text-decoration: none
}
.cmp-teaser--about-vertical--btn a.cmp-teaser__action-link {
  border: 1px solid #595757;
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  height: 2rem;
  letter-spacing: .15rem;
  line-height: 1.875rem;
  max-height: 2.5rem;
  min-width: 9.4375rem;
  padding: 0 1.9375rem;
  text-align: center;
  text-decoration: none
}
.cmp-teaser--about-vertical--btn a.cmp-teaser__action-link:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.cmp-teaser--about-horizontal .cmp-teaser__image {
  overflow: hidden
}
.cmp-teaser--about-horizontal .cmp-teaser__image img {
  max-width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
.cmp-teaser--about-horizontal .cmp-teaser__image img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-teaser--about-horizontal .cmp-teaser__pretitle {
  color: #434343;
  font-weight: 700
}
.cmp-teaser--about-horizontal .cmp-teaser__title {
  margin: .4375rem 0 1.1875rem
}
.cmp-teaser--about-horizontal .cmp-teaser__title a {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #434343;
  display: -webkit-box;
  font-weight: 300;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis
}
.cmp-teaser--about-horizontal .cmp-teaser__description {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #434343;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser--about-horizontal .cmp-teaser__action-container a {
  border: 1px solid #595757;
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  height: 2rem;
  letter-spacing: .15rem;
  line-height: 1.875rem;
  max-height: 2.5rem;
  min-width: 9.4375rem;
  padding: 0 1.9375rem;
  text-align: center;
  text-decoration: none
}
.cmp-teaser--about-horizontal .cmp-teaser__action-container a:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.cmp-teaser--button-large .cmp-teaser--about-vertical--btn a.cmp-teaser__action-link {
  height: 2.5rem;
  line-height: 2.375rem
}
.align-button .about-main-teaser .cmp-teaser {
  min-height: 30.3125rem;
  width: 25rem
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .about-sub-teaser > .cmp-container {
    grid-gap: 2.1875rem;
    grid-template-columns: 15rem 15rem 15rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__pretitle {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: .4375rem;
    overflow: hidden;
    text-overflow: ellipsis
  }
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-teaser--about-horizontal .cmp-teaser__image {
    height: 12.5rem;
    width: 25rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__image img {
    width: 25rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__content {
    height: 15rem;
    margin-top: 0;
    position: relative
  }
}
@media(max-width:1023px)and (min-width:768px) {
  .cmp-teaser--about-horizontal .cmp-teaser__description {
    font-size: .875rem;
    margin: 1rem 0 2rem;
    min-height: 3.75rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-teaser--about-vertical .cmp-teaser__description p {
    min-height: 2.9375rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__title a {
    font-size: 2.25rem;
    line-height: 3.25rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__description {
    font-size: 1rem;
    margin: 1rem 0 2rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__action-container {
    bottom: 0;
    left: 0;
    position: absolute
  }
}
@media(min-width:1025px) {
  .cmp-teaser--about-horizontal .cmp-teaser__image {
    height: 12.5rem;
    width: 25rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__image img {
    width: 25rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__content {
    height: 15.3125rem;
    margin-top: .8125rem;
    position: relative
  }
}
@media(max-width:767px) {
  .about-sub-teaser .simplebar-content > .cmp-container {
    grid-gap: 1rem;
    grid-template-columns: 14.6875rem 14.6875rem 14.6875rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__image, .cmp-teaser--about-horizontal .cmp-teaser__image img {
    height: auto;
    width: 100%
  }
  .cmp-teaser--about-horizontal .cmp-teaser__content {
    height: 12.5rem;
    margin-top: 0;
    position: relative
  }
  .cmp-teaser--about-horizontal .cmp-teaser__pretitle {
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 1.3125rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__description {
    font-size: .875rem;
    min-height: 3.9375rem
  }
  .align-button .about-main-teaser .cmp-teaser {
    display: contents;
    height: 14.1875rem;
    min-height: unset
  }
}
@media(max-width:1023px) {
  .cmp-teaser--about-vertical .cmp-teaser__description p {
    min-height: 2.6875rem
  }
  .cmp-teaser--about-horizontal .cmp-teaser__action-container {
    bottom: 0;
    left: 0;
    position: absolute
  }
}
@media(max-width:1023px)and (max-width:767px) {
  .cmp-teaser--about-horizontal .cmp-teaser__title a {
    font-size: 1.5rem;
    line-height: 2.1875rem
  }
}
.cmp-teaser--banner-default {
  position: relative
}
.cmp-teaser--banner-default .cmp-teaser__content {
  left: 50%;
  max-width: 90rem;
  padding: 1.25rem 1rem 3.875rem;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%
}
.cmp-teaser--banner-default .cmp-teaser__image img, .cmp-teaser--banner-default .cmp-teaser__image video {
  height: 35.1875rem;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}
.cmp-teaser--banner-default .cmp-teaser__pretitle {
  margin-bottom: .5rem
}
.cmp-teaser--banner-default .cmp-teaser__title {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: .5rem;
  position: relative
}
.cmp-teaser--banner-default .cmp-teaser__title-link {
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: none
}
.cmp-teaser--banner-default .cmp-teaser__description {
  font-size: 1.25rem;
  margin-bottom: 1rem
}
.cmp-teaser--banner-default .cmp-teaser__action-link {
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  height: 2rem;
  letter-spacing: .15rem;
  line-height: 1.875rem;
  padding: 0 1.9375rem;
  text-decoration: none
}
.cmp-banner-shadow-top .cmp-teaser__image:before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .55)), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(rgba(0, 0, 0, .55), hsla(0, 0%, 100%, 0));
  content: "";
  height: 9.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.cmp-banner-shadow-bottom .cmp-teaser__image:after {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, .55)));
  background: linear-gradient(hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .55));
  bottom: 0;
  content: "";
  height: 20.3125rem;
  left: 0;
  position: absolute;
  width: 100%
}
.cmp-banner-middle-size .cmp-teaser {
  height: 16.0625rem
}
.cmp-banner-middle-size .cmp-teaser .cmp-teaser__image, .cmp-banner-middle-size .cmp-teaser .cmp-teaser__image picture, .cmp-banner-middle-size .cmp-teaser .cmp-teaser__image picture .cmp-image__image {
  height: 100%
}
.cmp-banner-middle-size .cmp-teaser .cmp-teaser__pretitle {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: .875rem
}
.cmp-banner-middle-size .cmp-teaser .cmp-teaser__title {
  font-size: 1.5rem;
  line-height: 4.1875rem;
  margin-bottom: 1rem
}
.cmp-banner-middle-size .cmp-teaser .cmp-teaser__title-link {
  font-size: 1.5rem
}
.cmp-banner-middle-size .cmp-teaser .cmp-teaser__description p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6875rem;
  margin-bottom: 2.5rem
}
.cmp-banner-middle-size .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link {
  font-size: .75rem;
  font-weight: 700
}
.cmp-teaser--button-large .cmp-teaser__action-link {
  height: 2.5rem !important;
  line-height: 2.375rem !important
}
.cmp-teaser--content-horizontal-center .cmp-teaser__content {
  text-align: center
}
.cmp-teaser--content-horizontal-left .cmp-teaser__content {
  text-align: left
}
.cmp-teaser--content-horizontal-right .cmp-teaser__content {
  text-align: right
}
.cmp-teaser--content-vertical-center .cmp-teaser__content {
  bottom: 50%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.cmp-teaser--content-vertical-top .cmp-teaser__content {
  top: 1.25rem !important
}
.cmp-teaser--content-vertical-bottom .cmp-teaser__content {
  bottom: 2.125rem !important
}
.cmp-teaser--content-vertical-bottom .cmp-carousel__content .teaser .cmp-teaser__content {
  top: 53% !important
}
.cmp-teaser--dark .cmp-teaser__pretitle, .cmp-teaser--dark .cmp-teaser__title, .cmp-teaser--dark .cmp-teaser__title-link {
  color: #fff
}
.cmp-teaser--dark .cmp-teaser__title:after {
  background-color: #00358d
}
.cmp-teaser--dark .cmp-teaser__description {
  color: #fff
}
.cmp-teaser--dark .cmp-teaser__action-link {
  border: .0625rem solid #fff;
  color: #fff
}
.cmp-teaser--dark .cmp-teaser__action-link:hover {
  border: .0625rem solid #00358d;
  color: #00358d
}
.cmp-teaser--light .cmp-teaser__pretitle, .cmp-teaser--light .cmp-teaser__title, .cmp-teaser--light .cmp-teaser__title-link {
  color: #000
}
.cmp-teaser--light .cmp-teaser__title:after {
  background-color: #00358d
}
.cmp-teaser--light .cmp-teaser__description {
  color: #000
}
.cmp-teaser--light .cmp-teaser__action-link {
  border: .0625rem solid #000;
  color: #000
}
.cmp-teaser--light .cmp-teaser__action-link:hover {
  border: .0625rem solid #00358d;
  color: #00358d
}
.cmp-teaser--main-banner .cmp-teaser__pretitle {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: .875rem
}
.cmp-teaser--main-banner .cmp-teaser__title {
  font-size: 1.5rem;
  line-height: 4.1875rem;
  margin-bottom: 1rem
}
.cmp-teaser--main-banner .cmp-teaser__title-link {
  font-size: 1.5rem
}
.cmp-teaser--main-banner .cmp-teaser__description p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6875rem;
  margin-bottom: 2.5rem
}
.cmp-teaser--main-banner .cmp-teaser__action-container .cmp-teaser__action-link {
  font-size: .75rem;
  font-weight: 700
}
.cmp-teaser--cinematic-banner .cmp-teaser .cmp-teaser__pretitle {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: .875rem
}
.cmp-teaser--cinematic-banner .cmp-teaser h2.cmp-teaser__title a {
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 1.625rem;
  margin-bottom: .375rem
}
.cmp-teaser--cinematic-banner .cmp-teaser .cmp-teaser__description p {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.1875rem;
  margin-bottom: 1.875rem
}
.cmp-teaser--cinematic-banner .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link {
  font-size: .75rem;
  font-weight: 700
}
.cmp-teaser--small-banner .cmp-teaser .cmp-teaser__pretitle {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: .875rem
}
.cmp-teaser--small-banner .cmp-teaser h2.cmp-teaser__title a {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 3.25rem;
  margin-bottom: 1.1875rem
}
.cmp-teaser--small-banner .cmp-teaser .cmp-teaser__description p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2.0625rem
}
.cmp-teaser--small-banner .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link {
  font-size: .75rem;
  font-weight: 300;
	border-radius: 4rem;
}
.cmp-teaser--link-breadcrumb .cmp-teaser__action-link {
  border: none;
  padding: 0
}
.cmp-teaser--link-breadcrumb .cmp-teaser__action-link:hover {
  border: none
}
.cmp-teaser--link-breadcrumb .cmp-teaser__action-link + .cmp-teaser__action-link:before {
  content: "/";
  padding: 0 .125rem
}
.cmp-teaser--video-banner {
  height: unset !important
}
.cmp-teaser--video-banner .cmp-teaser__video {
  position: relative;
  width: 100%
}
.cmp-teaser--video-banner .cmp-teaser__video > div {
  padding-top: 56.25%;
  position: relative;
  width: 100%
}
.cmp-teaser--video-banner .cmp-teaser__video > div > iframe {
  height: 100% !important;
  position: absolute;
  top: 0;
  width: 100%
}
.cmp-teaser--video-banner .video-vimeo-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%
}
.cmp-teaser--video-banner .video-vimeo-container iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.cmp-teaser--product-enquiry.cmp-teaser--dark .cmp-teaser__action-link {
  background-color: #fff;
  color: #333;
  font-weight: 700
}
.cmp-teaser--product-enquiry.cmp-teaser--dark .cmp-teaser__action-link:hover {
  background-color: #fff;
  border: .0625rem solid #fff;
  color: #333
}
.cmp-teaser--product-enquiry.cmp-teaser--light .cmp-teaser__action-link {
  background-color: #333;
  border: .0625rem solid #333;
  color: #fff;
  font-weight: 700
}
.cmp-teaser--product-enquiry.cmp-teaser--light .cmp-teaser__action-link:hover {
  background-color: #333;
  border: .0625rem solid #333;
  color: #fff
}
.cmp-teaser--product-enquiry .cmp-teaser__image img.cmp-image__image, .cmp-teaser--product-enquiry .cmp-teaser__image video {
  height: 20.375rem;
  width: auto
}
.cmp-teaser--product-enquiry .cmp-teaser .cmp-teaser__pretitle {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: .875rem
}
.cmp-teaser--product-enquiry .cmp-teaser h2.cmp-teaser__title a {
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 3.25rem;
  margin-bottom: .5625rem
}
.cmp-teaser--product-enquiry .cmp-teaser .cmp-teaser__description p {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 1.625rem
}
.cmp-teaser--product-enquiry .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link {
  font-size: .75rem;
  font-weight: 700
}
.cmp-teaser--grey {
  background-color: #f1f1f1
}
.cmp-teaser--grey a.cmp-teaser__action-link, .cmp-teaser--grey a.cmp-teaser__title-link {
  color: #333 !important
}
.cmp-product-enquiry--btn .cmp-teaser__action-container a {
  background-color: #fff !important;
  border: .0625rem solid #333 !important;
  color: #333;
  font-weight: 700;
  letter-spacing: .15rem;
  text-decoration: none !important
}
.cmp-product-enquiry--btn .cmp-teaser__action-container a:hover {
  border: 1px solid #00358d !important;
  color: #00358d
}
.cmp-product-enquiry--link .cmp-teaser__action-container a {
  color: #333;
  font-weight: 700;
  letter-spacing: .15rem;
  text-decoration: none
}
.cmp-product-enquiry--link .cmp-teaser__action-container a:hover {
  text-decoration: underline
}
.cmp-teaser--product-banner .cmp-teaser .cmp-teaser__pretitle {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin-bottom: .5rem
}
.cmp-teaser--product-banner .cmp-teaser h2.cmp-teaser__title a {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem;
  margin-bottom: 2.4375rem
}
.cmp-teaser--product-banner .cmp-teaser .cmp-teaser__description p {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem
}
.cmp-teaser--product-banner .cmp-teaser .cmp-teaser__action-container .cmp-teaser__action-link {
  font-size: .75rem;
  font-weight: 700
}
.banner-translucent {
  position: relative;
  top: -2.9375rem
}
.cmp-teaser__image .cmp-image__image.cmp-image__mobile-image {
  display: none
}
.cmp-banner__fs-pretitle-16px .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  font-size: 1rem
}
.cmp-banner__fs-description-11px .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  font-size: .6875rem
}
.cmp-banner__fs-description-12px .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  font-size: .75rem
}
.cmp-banner__lh-description-16px .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  line-height: 1rem
}
.cmp-banner__fw-title-300 .cmp-teaser .cmp-teaser__content .cmp-teaser__title-link {
  font-weight: 300
}
.cmp-banner__fw-description-400 .cmp-teaser .cmp-teaser__content .cmp-teaser__title-link {
  font-weight: 400
}
.cmp-banner__fw-pretitle-500 .cmp-teaser .cmp-teaser__content .cmp-teaser__title-link {
  font-weight: 500
}
@media(max-width:767px)and (min-width:430px) {
  .cmp-teaser--main-banner {
    height: 24rem;
    margin-bottom: 11.25rem
  }
}
@media(min-width:431px) {
  .cmp-banner-middle-size .cmp-teaser {
    height: 38.375rem
  }
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-teaser--banner-default .cmp-teaser__image img, .cmp-teaser--banner-default .cmp-teaser__image video {
    height: 24rem
  }
  .cmp-teaser--banner-default .cmp-teaser__title, .cmp-teaser--banner-default .cmp-teaser__title-link {
    font-size: 2rem
  }
  .cmp-teaser--banner-default .cmp-teaser__description {
    margin-bottom: 2rem
  }
  .cmp-banner-middle-size .cmp-teaser .cmp-teaser__title, .cmp-banner-middle-size .cmp-teaser .cmp-teaser__title-link, .cmp-teaser--main-banner .cmp-teaser__title, .cmp-teaser--main-banner .cmp-teaser__title-link {
    font-size: 2rem
  }
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-teaser--banner-default .cmp-teaser__content {
    bottom: 50%;
    height: fit-content;
    padding: 1.25rem 4rem 2.225rem;
    top: 50%;
    transform: translate(-50%, -50%)
  }
}
@media(max-width:1023px)and (min-width:768px) {
  .cmp-teaser--main-banner {
    height: 24rem
  }
  .cmp-teaser--video-banner .vimeo-video, .cmp-teaser--video-banner .yt-video {
    height: 24rem !important
  }
}
@media(min-width:769px) {
  .cmp-banner__fs-title-desktop-32px .cmp-teaser .cmp-teaser__content .cmp-teaser__title-link {
    font-size: 2rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-teaser--banner-default .cmp-teaser__content {
    padding: 0 5.0625rem
  }
  .cmp-teaser--banner-default .cmp-teaser__image img, .cmp-teaser--banner-default .cmp-teaser__image video {
    height: 45rem
  }
  .cmp-teaser--banner-default .cmp-teaser__title {
    font-size: 3rem
  }
  .cmp-teaser--banner-default .cmp-teaser__title-link {
    font-size: 2.25rem
  }
  .cmp-banner-middle-size .cmp-teaser .cmp-teaser__title, .cmp-banner-middle-size .cmp-teaser .cmp-teaser__title-link {
    font-size: 3rem
  }
  .cmp-teaser--main-banner {
    height: 45rem
  }
  .cmp-teaser--main-banner .cmp-teaser__title, .cmp-teaser--main-banner .cmp-teaser__title-link {
    font-size: 3rem
  }
  .cmp-teaser--cinematic-banner .cmp-teaser__image img, .cmp-teaser--cinematic-banner .cmp-teaser__image video {
    height: 38.5625rem
  }
  .cmp-teaser--small-banner .cmp-teaser__image img, .cmp-teaser--small-banner .cmp-teaser__image video {
    height: 30rem
  }
  .cmp-teaser--video-banner .vimeo-video, .cmp-teaser--video-banner .yt-video {
    height: 45rem !important
  }
  .cmp-teaser--product-banner .cmp-teaser__image img, .cmp-teaser--product-banner .cmp-teaser__image video {
    height: 45rem
  }
}
@media(max-width:430px) {
  .cmp-teaser--banner-default, .cmp-teaser--main-banner.cmp-teaser--banner-default {
    height: auto
  }
  .cmp-teaser__image .cmp-image__image.cmp-image__desktop-image {
    display: none
  }
  .cmp-teaser__image .cmp-image__image.cmp-image__mobile-image {
    display: block;
	          height: auto;
  }
}
@media(max-width:767px) {
  .cmp-teaser--banner-default .cmp-teaser__content {
    bottom: 2.125rem;
    padding-bottom: 0 !important
  }
  .cmp-teaser--video-banner .cmp-teaser__video > div > iframe {
    pointer-events: unset
  }
  .cmp-teaser--video-banner .vimeo-video, .cmp-teaser--video-banner .yt-video {
    height: 35rem !important
  }
}
@media(max-width:1023px) {
  .cmp-teaser--content-vertical-top .cmp-teaser__content {
    top: 2.5rem !important
  }
}
@media(max-width:768px) {
  .cmp-banner__fs-title-tab-mob-24px .cmp-teaser .cmp-teaser__content .cmp-teaser__title-link {
    font-size: 1.5rem
  }
}
.cmp-teaser--form-success-message {
  text-align: center
}
.cmp-teaser--form-success-message .cmp-teaser__image {
  height: 83px;
  margin: 0 auto;
  padding: 7px;
  width: 83px
}
.cmp-teaser--form-success-message .cmp-teaser__title {
  font-size: 2rem;
  font-weight: 300;
  height: 53px;
  margin-bottom: 5px;
  margin-top: 11.57px
}
.cmp-teaser--form-success-message .cmp-teaser__title .cmp-teaser__title-link {
  color: #333;
  pointer-events: none;
  text-decoration: none
}
.cmp-teaser--form-success-message .cmp-teaser__description {
  font-size: .875rem;
  font-weight: 400;
  height: 25px
}
.cmp-teaser--form-success-message .cmp-teaser__action-container {
  margin-top: 62px
}
.cmp-teaser--form-success-message .cmp-teaser__action-container > .cmp-teaser__action-link {
  border: 1px solid #595757;
  color: #333;
  display: inline-block;
  font-size: .75rem;
  height: 2rem;
  letter-spacing: .15rem;
  line-height: 1.875rem;
  padding: 0 1.9375rem;
  text-decoration: none
}
.cmp-teaser--form-success-message .cmp-teaser__action-container > .cmp-teaser__action-link:hover {
  border: 1px solid #00358d;
  color: #00358d
}
.cmp-teaser--form-success-message .cmp-teaser__action-container > .cmp-teaser__action-link:disabled {
  color: #595757
}
.vertical-center-align {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: inherit
}
.cmp-teaser--highlight-banner .cmp-teaser__pretitle {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0 0 .625rem
}
.cmp-teaser--highlight-banner .cmp-teaser__title {
  margin: 1.125rem 0 1.375rem
}
.cmp-teaser--highlight-banner .cmp-teaser__title a.cmp-teaser__title-link {
  color: #333;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 3.25rem;
  text-decoration: none
}
.cmp-teaser--highlight-banner .cmp-teaser__description > p {
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
  max-height: 7.5rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser__highlight-banner--link .cmp-teaser__action-container {
  margin: 1.25rem 0 0
}
.cmp-teaser__highlight-banner--link .cmp-teaser__action-container a.cmp-teaser__action-link {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  text-decoration: none
}
.cmp-teaser__highlight-banner--link .cmp-teaser__action-container a.cmp-teaser__action-link:hover {
  border-bottom: 1px solid #000
}
.cmp-teaser__highlight-banner--btn .cmp-teaser__action-container {
  margin: 1.25rem 0 0
}
.cmp-teaser__highlight-banner--btn .cmp-teaser__action-container a {
  border: 1px solid #595757;
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  height: 2rem;
  letter-spacing: .15rem;
  line-height: 1.875rem;
  padding: 0 1.9375rem;
  text-decoration: none
}
.cmp-teaser__highlight-banner--btn .cmp-teaser__action-container a:hover {
  border: 1px solid #00358d;
  color: #00358d
}
@media(min-width:1024px)and (max-width:1023px) {
  .cmp-teaser--highlight-banner .cmp-teaser__pretitle {
    margin: 0 0 .625rem
  }
}
@media(max-width:1023px) {
  .cmp-teaser--highlight-banner .cmp-teaser {
    width: 40.125rem
  }
}
@media(max-width:767px) {
  .cmp-teaser--highlight-banner .cmp-teaser {
    padding-left: .5rem;
    width: 19.5625rem
  }
  .cmp-teaser--highlight-banner .cmp-teaser__pretitle {
    margin: 0 0 .5rem
  }
}
.cmp-teaser--news-list .cmp-teaser {
  border-bottom: .0625rem solid #f3f3f3;
  padding-bottom: 32px
}
.cmp-teaser--news-list .cmp-teaser__image {
  min-width: 11.75rem;
  overflow: hidden;
  width: 11.75rem
}
.cmp-teaser--news-list .cmp-teaser__image img {
  max-width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  width: auto
}
.cmp-teaser--news-list .cmp-teaser__image img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-teaser--news-list .cmp-teaser__content {
  position: relative
}
.cmp-teaser--news-list .cmp-teaser__pretitle {
  -ms-flex-item-align: start;
  align-self: flex-start;
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin-bottom: .5rem
}
.cmp-teaser--news-list .cmp-teaser__title {
  line-height: 1.625rem
}
.cmp-teaser--news-list .cmp-teaser__title a {
  color: #333;
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  vertical-align: top
}
.cmp-teaser--news-list .cmp-teaser__action-link {
  -ms-flex-item-align: start;
  align-self: flex-start;
  background: #00358d;
  color: #fff;
  font-size: .625rem;
  line-height: .875rem;
  margin-left: 1.25rem;
  margin-top: .375rem;
  padding: 0 .3125rem;
  text-decoration: none
}
.cmp-teaser--news-list .cmp-teaser__date-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
@media(min-width:769px) {
  .cmp-teaser--news-list .cmp-teaser {
    display: flex
  }
  .cmp-teaser--news-list .cmp-teaser__image {
    margin-right: 1.875rem
  }
}
.cmp-teaser--news-updates .cmp-teaser__image {
  max-height: 15rem;
  overflow: hidden
}
.cmp-teaser--news-updates .cmp-teaser__image img {
  max-width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  width: auto
}
.cmp-teaser--news-updates .cmp-teaser__image img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-teaser--news-updates .cmp-teaser__pretitle {
  color: #333;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 1rem 0 0
}
.cmp-teaser--news-updates .cmp-teaser__title {
  font-size: 1.25rem;
  line-height: 1.8125rem;
  margin: 1rem 0 0
}
.cmp-teaser--news-updates .cmp-teaser__title a {
  color: #333;
  font-weight: 500;
  text-decoration: none
}
.cmp-teaser--news-updates .cmp-teaser__description {
  height: 3.375rem;
  margin: 1rem 0 0
}
.cmp-teaser--news-updates .cmp-teaser__description > p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser--news-updates .cmp-teaser__action-container {
  margin: 2rem 0 3.0625rem
}
.cmp-teaser--news-updates--link .cmp-teaser__action-container a {
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.0625rem;
  text-decoration: none
}
.cmp-teaser--news-updates--link .cmp-teaser__action-container a:hover {
  text-decoration: underline
}
.cmp-teaser--news-updates--btn .cmp-teaser__action-container a {
  border: 1px solid #595757;
  color: #333;
  display: inline-block;
  font-size: .75rem;
  height: 2rem;
  letter-spacing: .15rem;
  line-height: 1.875rem;
  padding: 0 1.9375rem;
  text-decoration: none
}
.cmp-teaser--news-updates--btn .cmp-teaser__action-container a:hover {
  border: 1px solid #00358d;
  color: #00358d
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-teaser--news-updates .cmp-teaser__image img {
    max-width: 22.5rem;
    min-width: 22.5rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-teaser--news-updates .cmp-teaser__title {
    font-size: 1.5rem;
    line-height: 2.1875rem
  }
}
@media(max-width:767px) {
  .cmp-teaser--news-updates .cmp-teaser__image img {
    max-width: 21.4375rem;
    min-width: 21.4375rem
  }
}
.cmp-teaser--popular-products:last-child {
  margin: 2rem 0
}
.cmp-teaser--popular-products .cmp-teaser__image {
  background-size: contain;
  overflow: hidden
}
.cmp-teaser--popular-products .cmp-teaser__image img {
  max-width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease
}
.cmp-teaser--popular-products .cmp-teaser__image img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.cmp-teaser--popular-products .cmp-teaser__pretitle {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: .875rem;
  margin: .625rem 0;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser--popular-products .cmp-teaser__title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  margin: 1rem 0
}
.cmp-teaser--popular-products .cmp-teaser__title a {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 400;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis
}
.cmp-teaser--popular-products .cmp-teaser__description p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  height: 4.6875rem;
  margin: 1rem 0 .625rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser--popular-products .cmp-teaser__action-container {
  margin: 2rem 0
}
.cmp-teaser--popular-products .cmp-teaser__action-container a {
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  text-decoration: none
}
.cmp-teaser--popular-products .cmp-teaser__action-container a:hover {
  border-bottom: .125rem solid #000
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-teaser--popular-products:nth-child(2) {
    margin: 2rem 2.9375rem 2rem 0
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-teaser--popular-products {
    flex-wrap: nowrap;
    margin: 2rem 2.9375rem 2rem 0;
    max-height: 23.375rem;
    max-width: 17.5rem
  }
  .cmp-teaser--popular-products:nth-child(2), .cmp-teaser--popular-products:nth-child(2n) {
    margin: 2rem 2.9375rem 2rem 0
  }
  .cmp-teaser--popular-products .cmp-teaser__image img {
    aspect-ratio: 2/1
  }
}
@media(max-width:1023px) {
  .cmp-teaser--popular-products {
    flex-wrap: wrap;
    margin: 2.5rem 2.9375rem 2.5rem 0;
    max-height: 25.6875rem;
    max-width: 22.5rem
  }
  .cmp-teaser--popular-products:nth-child(2) {
    margin: 2rem 0
  }
  .cmp-teaser--popular-products .cmp-teaser__image img {
    aspect-ratio: 2/1
  }
}
@media(max-width:767px) {
  .cmp-teaser--popular-products {
    flex-wrap: wrap;
    margin: 2.5rem 2.9375rem 2.5rem 0;
    max-height: 19.375rem;
    max-width: 17.5rem
  }
  .cmp-teaser--popular-products:nth-child(2n) {
    margin: 2rem 2.9375rem 2rem 0
  }
  .cmp-teaser--popular-products .cmp-teaser__image img {
    aspect-ratio: 21/9
  }
}
.cmp-teaser--product-feature .title .cmp-title__text, .cmp-teaser--product-feature-reverse .title .cmp-title__text {
  font-size: 1.5rem
}
.cmp-teaser--product-feature .cmp-teaser, .cmp-teaser--product-feature-reverse .cmp-teaser {
  margin-bottom: 2rem
}
.cmp-teaser--product-feature .cmp-teaser__image img, .cmp-teaser--product-feature-reverse .cmp-teaser__image img {
  display: block
}
.cmp-teaser--product-feature .cmp-teaser__content, .cmp-teaser--product-feature-reverse .cmp-teaser__content {
  -ms-flex-item-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: center;
  margin-right: auto
}
.cmp-teaser--product-feature .cmp-teaser__pretitle, .cmp-teaser--product-feature-reverse .cmp-teaser__pretitle {
  color: #333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 1.25rem 0
}
.cmp-teaser--product-feature .cmp-teaser__title, .cmp-teaser--product-feature-reverse .cmp-teaser__title {
  font-weight: 300
}
.cmp-teaser--product-feature .cmp-teaser__title a, .cmp-teaser--product-feature-reverse .cmp-teaser__title a {
  color: #333;
  font-weight: 300;
  text-decoration: none
}
.cmp-teaser--product-feature .cmp-teaser__description p, .cmp-teaser--product-feature-reverse .cmp-teaser__description p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-family: Open Sans;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-teaser--product-feature .cmp-teaser__action-container, .cmp-teaser--product-feature-reverse .cmp-teaser__action-container {
  margin: 2rem 0
}
.cmp-teaser--product-feature .cmp-teaser__action-container a, .cmp-teaser--product-feature-reverse .cmp-teaser__action-container a {
  color: #333;
  font-size: .75rem;
  font-weight: 700;
  text-decoration: none
}
.cmp-teaser--product-feature .cmp-teaser__action-container a:hover, .cmp-teaser--product-feature-reverse .cmp-teaser__action-container a:hover {
  text-decoration: underline
}
.cmp-teaser--product-feature-reverse .cmp-teaser__content {
  -ms-flex-item-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: center;
  margin-left: auto
}
.cmp-teaser--product-feature-reverse .cmp-teaser__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.6666%;
  flex: 0 0 66.6666%
}
.cmp-teaser--product-feature-reverse .cmp-teaser__image img {
  vertical-align: middle
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .cmp-teaser--product-feature .cmp-teaser, .cmp-teaser--product-feature-reverse .cmp-teaser {
    align-content: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem
  }
  .cmp-teaser--product-feature .cmp-teaser__image, .cmp-teaser--product-feature-reverse .cmp-teaser__image {
    flex: 0 0 66.6666%
  }
  .cmp-teaser--product-feature .cmp-teaser__image img, .cmp-teaser--product-feature-reverse .cmp-teaser__image img {
    vertical-align: middle
  }
  .cmp-teaser--product-feature-reverse .cmp-teaser {
    flex-direction: row-reverse
  }
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-teaser--product-feature .cmp-teaser__image, .cmp-teaser--product-feature-reverse .cmp-teaser__image {
    max-height: 14.1875rem;
    max-width: 28.375rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-teaser--product-feature .cmp-teaser, .cmp-teaser--product-feature-reverse .cmp-teaser {
    margin-bottom: 9.1875rem
  }
  .cmp-teaser--product-feature .cmp-teaser__content, .cmp-teaser--product-feature-reverse .cmp-teaser__content {
    margin-left: 8.6875rem;
    max-width: 18.5625rem
  }
  .cmp-teaser--product-feature .cmp-teaser__title, .cmp-teaser--product-feature-reverse .cmp-teaser__title {
    font-size: 2.25rem;
    line-height: 3.375rem;
    margin: 0 0 .875rem
  }
  .cmp-teaser--product-feature .cmp-teaser__description p, .cmp-teaser--product-feature-reverse .cmp-teaser__description p {
    font-size: 1rem;
    line-height: 1.53125rem
  }
  .cmp-teaser--product-feature-reverse .cmp-teaser__content {
    margin-right: 13.625rem;
    max-height: 6.1875rem;
    width: 18.5625rem
  }
  .cmp-teaser--product-feature-reverse .cmp-teaser__image {
    max-height: 20.4375rem !important;
    max-width: 40.875rem !important
  }
}
@media(min-width:768px)and (min-width:1024px) {
  .cmp-teaser--product-feature .cmp-teaser__image, .cmp-teaser--product-feature-reverse .cmp-teaser__image {
    max-height: 26.3125rem;
    max-width: 52.625rem
  }
}
@media(max-width:1023px) {
  .cmp-teaser--product-feature .cmp-teaser__content, .cmp-teaser--product-feature-reverse .cmp-teaser__content {
    margin-left: 4rem;
    max-width: 13.625rem
  }
  .cmp-teaser--product-feature .cmp-teaser__title, .cmp-teaser--product-feature-reverse .cmp-teaser__title {
    font-size: 1.25rem;
    line-height: 1.8125rem;
    margin: 0 0 .5rem
  }
  .cmp-teaser--product-feature .cmp-teaser__description p, .cmp-teaser--product-feature-reverse .cmp-teaser__description p {
    font-size: .875rem;
    line-height: 1.5rem
  }
  .cmp-teaser--product-feature-reverse .cmp-teaser__content {
    margin-right: 4rem;
    max-height: 5.125rem;
    width: 13.625rem
  }
}
@media(max-width:767px) {
  .cmp-teaser--product-feature .cmp-teaser__content, .cmp-teaser--product-feature-reverse .cmp-teaser__content {
    margin: 1rem 1rem 2rem;
    max-width: 20.4375rem
  }
}
.cmp-container--project-info .cmp-container .cmp-text--subtitle p {
  color: #333;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8125rem !important
}
.cmp-container--project-info .cmp-container .cmp-teaser--main-details .cmp-teaser__pretitle {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--project-info .cmp-container .cmp-teaser--main-details .cmp-teaser__title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem;
  margin: .5rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--project-info .cmp-container .cmp-teaser--main-details .cmp-teaser__description {
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 1rem 0 0
}
.cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container {
  grid-gap: 1.875rem;
  display: grid;
  grid-template-columns: auto auto auto
}
.cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser {
  max-width: 11.75rem
}
.cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser .cmp-teaser__pretitle {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser .cmp-teaser__description {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem !important;
  margin: .5rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser .cmp-teaser__title {
  display: none
}
.cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser:first-child, .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser:not(:first-child, .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser:nth-child(2), .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser:nth-child(3)), .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser:nth-child(2), .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser:nth-child(3) {
  margin: 0
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--project-info .cmp-container .cmp-image--project-info {
    height: 39rem;
    width: 39rem
  }
  .cmp-container--project-info .cmp-container .cmp-image--project-info img {
    aspect-ratio: 1/1;
    min-height: 39rem;
    min-width: 39rem
  }
  .cmp-container--project-info .cmp-container .cmp-text--subtitle {
    margin: 2rem 0 1rem
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--main-details .cmp-teaser__description {
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser {
    margin: 0 0 2rem
  }
}
@media(max-width:1023px) {
  .cmp-container--project-info .cmp-container .cmp-image--project-info {
    height: 20.5625rem;
    min-width: 41.125rem
  }
  .cmp-container--project-info .cmp-container .cmp-image--project-info img {
    aspect-ratio: 2/1;
    max-height: 20.5625rem;
    max-width: 41.125rem
  }
  .cmp-container--project-info .cmp-container .cmp-image--project-info iframe {
    height: 39rem !important;
    height: 20.5625rem !important
  }
  .cmp-container--project-info .cmp-container .cmp-text--subtitle {
    margin: 2rem 0 1rem
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--main-details .cmp-teaser__description {
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser {
    margin: 0 0 2rem
  }
}
@media(max-width:767px) {
  .cmp-container--project-info .cmp-container .cmp-image--project-info {
    height: 10.75rem;
    min-width: 21.4375rem
  }
  .cmp-container--project-info .cmp-container .cmp-image--project-info img {
    aspect-ratio: 2/1;
    max-height: 10.75rem;
    max-width: 21.4375rem
  }
  .cmp-container--project-info .cmp-container .cmp-image--project-info iframe {
    height: 10.75rem !important
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--main-details {
    margin-top: .5rem
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--main-details .cmp-teaser__description {
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container {
    grid-gap: 2rem !important;
    grid-template-columns: auto;
    max-width: max-content
  }
  .cmp-container--project-info .cmp-container .cmp-teaser--sub-details .cmp-container .cmp-teaser {
    margin: 0 0 2rem
  }
}
.cmp-container--research-listing--content .title .cmp-title__text {
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 27px
}
.cmp-container--research-listing--content .text p {
  line-height: 24px
}
.cmp-container--research-listing--content .research-listing--heading .text p, .cmp-container--research-listing--content .research-listing--heading .title .cmp-title__text {
  margin: 8px 0
}
.cmp-container--research-listing--content .research-listing--heading p {
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0
}
.cmp-container--research-listing--content .research-listing--heading h2 {
  font-size: 32px;
  line-height: 46px;
  margin: 40px 0 20px
}
.cmp-container--research-listing--content .image {
  display: block
}
.cmp-container--research-listing--content .image img {
  width: 100%
}
.cmp-container--research-listing--content.no-grid {
  display: initial
}
.cmp-container--research-listing--teaser {
  margin-bottom: 3.4375rem
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--image img {
  display: block;
  width: 100%
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--content {
  margin-top: 1rem
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--pretitle {
  font-size: .875rem
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 29px;
  margin-top: 16px;
  max-height: 3.8125rem;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--description p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1rem;
  max-height: 6.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--button {
  display: inline-block;
  margin-bottom: 55px;
  margin-top: 1.9375rem
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--button > a {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 28px;
  text-decoration: none
}
.cmp-container--research-listing--teaser .cmp-teaser__research-listing--button > a:hover {
  text-decoration: underline
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--research-listing--wrapper {
    padding: 3.8125rem 5.125rem 0
  }
  .cmp-container--research-listing--content {
    grid-column-gap: 4.75rem;
    grid-template-columns: auto auto auto
  }
}
@media(max-width:1023px) {
  .cmp-container--research-listing--wrapper {
    padding: 3.8125rem 1.0625rem 0
  }
  .cmp-container--research-listing--content {
    grid-column-gap: 1.125rem;
    grid-template-columns: auto auto
  }
}
@media(max-width:767px) {
  .cmp-container--research-listing--wrapper {
    padding: 3.8125rem 1.0625rem 0
  }
  .cmp-container--research-listing--content {
    grid-template-columns: auto
  }
}
.cmp-padding-right-74 {
  padding-right: 74px
}
.cmp-padding-right-74 + div {
  margin-top: 182px
}
.cmp-container--resource-detail--content .title .cmp-title__text {
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 27px
}
.cmp-container--resource-detail--content .text p {
  line-height: 24px
}
.cmp-container--resource-detail--content .date-title *, .cmp-container--resource-detail--content .date-title.title .cmp-title__text {
  font-size: 16px !important;
  font-weight: 700;
  margin-bottom: 15px
}
.cmp-container--resource-detail--content .resource-detail--heading .text p, .cmp-container--resource-detail--content .resource-detail--heading .title .cmp-title__text {
  margin: 8px 0
}
.cmp-container--resource-detail--content .resource-detail--heading p {
  font-size: 16px;
  line-height: 24px;
  margin: 5px 0
}
.cmp-container--resource-detail--content .resource-detail--heading h2 {
  font-size: 32px;
  line-height: 46px;
  margin: 40px 0 20px
}
.cmp-container--resource-detail--content .image {
  display: block
}
.cmp-container--resource-detail--content .image img {
  width: 100%
}
.cmp-container--resource-detail--content.no-grid {
  display: initial
}
.cmp-container--resource-detail--teaser {
  margin-bottom: 3.4375rem
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--image img {
  display: block;
  width: 100%
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--content {
  margin-top: 1rem
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--title {
  font-size: 20px;
  line-height: 29px;
  margin-top: 16px
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--title a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 29px;
  max-height: 3.8125rem;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--description p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 1rem;
  max-height: 6.25rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--button {
  display: inline-block;
  margin-bottom: 55px;
  margin-top: 1.9375rem
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--button > a {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 28px;
  text-decoration: none
}
.cmp-container--resource-detail--teaser .cmp-teaser__resource-detail--button > a:hover {
  text-decoration: underline
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--resource-detail--wrapper {
    padding: 3.8125rem 5.125rem 0
  }
  .cmp-container--resource-detail--content {
    grid-column-gap: 4.75rem;
    grid-template-columns: auto auto auto
  }
}
@media(max-width:1023px) {
  .cmp-padding-right-74 + div {
    margin-top: 0
  }
  .cmp-padding-right-74 {
    padding-right: 0
  }
  .cmp-container--resource-detail--wrapper {
    padding: 3.8125rem 1.0625rem 0
  }
  .cmp-container--resource-detail--content {
    grid-column-gap: 1.125rem;
    grid-template-columns: auto auto
  }
}
@media(max-width:767px) {
  .cmp-container--resource-detail--wrapper {
    padding: 3.8125rem 1.0625rem 0
  }
  .cmp-container--resource-detail--content {
    grid-template-columns: auto
  }
}
#resource-listing-component-path {
  display: none
}
.cmp-container--resource-listing--content > .cmp-container > div.research-listing {
  display: grid
}
.cmp-container--resource-listing--content > .cmp-container > div.research-listing.no-grid {
  display: initial
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--image img {
  display: block
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--content {
  margin-top: 1rem
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--content .cmp-teaser__pretitle {
  font-size: .875rem;
  line-height: 20px;
  margin-bottom: 16px
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--title a {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 400;
  height: 3.8125rem;
  line-height: 1.8125rem;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--description p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #333;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
  height: 6.5rem;
  line-height: 1.625rem;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--button {
  display: inline-block;
  margin-top: 1.9375rem
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--button > a {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.0625rem;
  text-decoration: none
}
.cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--button > a:hover {
  text-decoration: underline
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-container--resource-listing--content > .cmp-container > div.research-listing {
    grid-column-gap: 4.75rem;
    grid-template-columns: auto auto auto
  }
  .cmp-container--resource-listing--teaser {
    margin-bottom: 3.8125rem
  }
}
@media(min-width:1024px)and (max-width:1023px) {
  .cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--image img {
    height: 11.25rem;
    width: 22.5rem
  }
}
@media(max-width:1023px) {
  .cmp-container--resource-listing--content > .cmp-container > div.research-listing {
    grid-column-gap: 1.125rem;
    grid-template-columns: auto auto
  }
  .cmp-container--resource-listing--teaser {
    margin-bottom: 5rem
  }
}
@media(max-width:767px) {
  .cmp-container--resource-listing--content > .cmp-container > div.research-listing {
    grid-template-columns: auto
  }
  .cmp-container--resource-listing--teaser .cmp-teaser__resource-listing--image img {
    height: 10.6875rem;
    object-fit: cover;
    width: 21.375rem
  }
}
.cmp-teaser--default .cmp-teaser__image {
  margin-bottom: 1rem
}
.cmp-teaser--default .cmp-teaser__title {
  font-weight: 700;
  margin-bottom: 1rem
}
.cmp-teaser--default .cmp-teaser__title-link {
  color: #333;
  text-decoration: none
}
.cmp-teaser--default .cmp-teaser__description {
  margin-bottom: 2rem
}
.cmp-teaser--default .cmp-teaser__action-container {
  margin: 1.25rem 0
}
.cmp-teaser--default .cmp-teaser__action-container a {
  color: #333;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none
}
.cmp-teaser--default .cmp-teaser__action-container a:hover {
  text-decoration: underline
}
.cmp-teaser-ff-jp .teaser > * {
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
.cmp-teaser-text-left-horizontal-align .cmp-teaser .cmp-teaser__content {
  text-align: left
}
.cmp-teaser-text-center-horizontal-align .cmp-teaser .cmp-teaser__content {
  text-align: center
}
.cmp-teaser-text-right-horizontal-align .cmp-teaser .cmp-teaser__content {
  text-align: right
}
.cmp-teaser-text-top-vertical-align .cmp-teaser .cmp-teaser__content {
  display: table-cell;
  vertical-align: baseline
}
.cmp-teaser-text-center-vertical-align .cmp-teaser .cmp-teaser__content {
  display: table-cell;
  vertical-align: middle
}
.cmp-teaser-text-bottom-vertical-align .cmp-teaser .cmp-teaser__content {
  display: table-cell;
  vertical-align: bottom
}
.cmp-teaser__action-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container a.cmp-teaser__action-link {
  border: 1px solid #595757;
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  height: 2rem;
  letter-spacing: .15rem;
  line-height: 1.875rem;
  max-height: 2.5rem;
  min-width: 9.4375rem;
  padding: 0 1.9375rem;
  text-align: center;
  text-decoration: none
}
.cmp-teaser__action-button .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container a.cmp-teaser__action-link:hover {
  border: 1px solid #00358d
}
.cmp-teaser__action-link .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container a.cmp-teaser__action-link {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  line-height: 1.063rem;
  text-decoration: none
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
}
@media(min-width:768px)and (max-width:1023px) {
  .cmp-teaser--md-ratio-2-1 .cmp-image {
    aspect-ratio: 2/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2) {
    .cmp-teaser--md-ratio-2-1 .cmp-image {
      padding-top: 50%
    }
  }
  .cmp-teaser--md-ratio-2-1 .cmp-image__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
  }
  .cmp-teaser--md-ratio-2-3 .cmp-image {
    aspect-ratio: 2/3;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:0.6666666667) {
    .cmp-teaser--md-ratio-2-3 .cmp-image {
      padding-top: 150%
    }
  }
  .cmp-teaser--md-ratio-2-3 .cmp-image__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
  }
}
@media(min-width:769px) {
  .cmp-teaser--sm-ratio-2-1 .cmp-image {
    aspect-ratio: 2/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2) {
    .cmp-teaser--sm-ratio-2-1 .cmp-image {
      padding-top: 50%
    }
  }
  .cmp-teaser--sm-ratio-2-1 .cmp-image__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .cmp-teaser--lg-ratio-2-1 .cmp-image {
    aspect-ratio: 2/1;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2) {
    .cmp-teaser--lg-ratio-2-1 .cmp-image {
      padding-top: 50%
    }
  }
  .cmp-teaser--lg-ratio-2-1 .cmp-image__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
  }
  .cmp-teaser--lg-ratio-2-3 .cmp-image {
    aspect-ratio: 2/3;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:0.6666666667) {
    .cmp-teaser--lg-ratio-2-3 .cmp-image {
      padding-top: 150%
    }
  }
  .cmp-teaser--lg-ratio-2-3 .cmp-image__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
  }
  .teaser.vertical-center-align .cmp-teaser .cmp-teaser__content {
    margin-left: 1.875rem;
    max-height: none;
    max-width: 25rem
  }
  .teaser.vertical-center-align .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
    font-weight: 300
  }
}
@media(max-width:767px) {
  .cmp-teaser--sm-ratio-21-9 .cmp-image {
    aspect-ratio: 21/9;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:2.3333333333) {
    .cmp-teaser--sm-ratio-21-9 .cmp-image {
      padding-top: 42.8571428571%
    }
  }
  .cmp-teaser--sm-ratio-21-9 .cmp-image__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
  }
  .cmp-teaser--sm-ratio-2-3 .cmp-image {
    aspect-ratio: 2/3;
    overflow: hidden;
    position: relative;
    width: 100%
  }
  @supports not (aspect-ratio:0.6666666667) {
    .cmp-teaser--sm-ratio-2-3 .cmp-image {
      padding-top: 150%
    }
  }
  .cmp-teaser--sm-ratio-2-3 .cmp-image__image {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
  }
}
.text-fs-12px .cmp-text li, .text-fs-12px .cmp-text p {
  font-size: .75rem
}
.text-fs-11px .cmp-text li, .text-fs-11px .cmp-text p {
  font-size: .6875rem
}
.text-fs-16px .cmp-text li, .text-fs-16px .cmp-text p {
  font-size: 1rem
}
.text-ff-jp .cmp-text h1, .text-ff-jp .cmp-text h2, .text-ff-jp .cmp-text h3, .text-ff-jp .cmp-text h4, .text-ff-jp .cmp-text h5, .text-ff-jp .cmp-text h6, .text-ff-jp .cmp-text li, .text-ff-jp .cmp-text p {
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
.text-p-ff-open-sans .cmp-text li, .text-p-ff-open-sans .cmp-text p {
  font-family: Open Sans
}
.text-fw-300 .cmp-text h1, .text-fw-300 .cmp-text h2, .text-fw-300 .cmp-text h3, .text-fw-300 .cmp-text h4, .text-fw-300 .cmp-text h5, .text-fw-300 .cmp-text h6, .text-fw-300 .cmp-text li, .text-fw-300 .cmp-text p, .text-title-fw-300 .cmp-text h1, .text-title-fw-300 .cmp-text h2, .text-title-fw-300 .cmp-text h3, .text-title-fw-300 .cmp-text h4, .text-title-fw-300 .cmp-text h5, .text-title-fw-300 .cmp-text h6 {
  font-weight: 300
}
.text-title-lh-36 .cmp-text h1, .text-title-lh-36 .cmp-text h2, .text-title-lh-36 .cmp-text h3, .text-title-lh-36 .cmp-text h4, .text-title-lh-36 .cmp-text h5, .text-title-lh-36 .cmp-text h6 {
  line-height: 2.25rem
}
.text-title-lh-52 .cmp-text h1, .text-title-lh-52 .cmp-text h2, .text-title-lh-52 .cmp-text h3, .text-title-lh-52 .cmp-text h4, .text-title-lh-52 .cmp-text h5, .text-title-lh-52 .cmp-text h6 {
  line-height: 3.25rem
}
.text-title-lh-52-36 .cmp-text h1, .text-title-lh-52-36 .cmp-text h2, .text-title-lh-52-36 .cmp-text h3, .text-title-lh-52-36 .cmp-text h4, .text-title-lh-52-36 .cmp-text h5, .text-title-lh-52-36 .cmp-text h6 {
  line-height: 2.25rem
}
.text-lh-24 .cmp-text li, .text-lh-24 .cmp-text p {
  line-height: 1.5rem
}
.text-lh-24-20 .cmp-text li, .text-lh-24-20 .cmp-text p {
  line-height: 1.25rem
}
.text.text-mb-26-20 .cmp-text {
  margin-bottom: 1.25rem !important
}
.text.text-mb-56-36 .cmp-text {
  margin-bottom: 2.25rem !important
}
.text.text-title-fs-36-32 .cmp-text h1, .text.text-title-fs-36-32 .cmp-text h2, .text.text-title-fs-36-32 .cmp-text h3, .text.text-title-fs-36-32 .cmp-text h4, .text.text-title-fs-36-32 .cmp-text h5, .text.text-title-fs-36-32 .cmp-text h6 {
  font-size: 2rem
}
.text.text-title-fs-36-24 .cmp-text h1, .text.text-title-fs-36-24 .cmp-text h2, .text.text-title-fs-36-24 .cmp-text h3, .text.text-title-fs-36-24 .cmp-text h4, .text.text-title-fs-36-24 .cmp-text h5, .text.text-title-fs-36-24 .cmp-text h6 {
  font-size: 1.5rem
}
.text.text-title-mb-12 .cmp-text h1, .text.text-title-mb-12 .cmp-text h2, .text.text-title-mb-12 .cmp-text h3, .text.text-title-mb-12 .cmp-text h4, .text.text-title-mb-12 .cmp-text h5, .text.text-title-mb-12 .cmp-text h6 {
  margin-bottom: .75rem !important
}
.text.text-title-mb-20 .cmp-text h1, .text.text-title-mb-20 .cmp-text h2, .text.text-title-mb-20 .cmp-text h3, .text.text-title-mb-20 .cmp-text h4, .text.text-title-mb-20 .cmp-text h5, .text.text-title-mb-20 .cmp-text h6 {
  margin-bottom: 1.25rem !important
}
.text .cmp-text ol {
  list-style: decimal inside;
  margin: 0 0 0 2rem;
  padding: 0
}
.text .cmp-text ul {
  list-style: disc inside;
  margin: 0 0 0 2rem;
  padding: 0
}
.text .cmp-text ul ul {
  list-style: circle inside
}
.text .cmp-text ul ul ul {
  list-style: square inside
}
.list-style-bar .cmp-text ul, .list-style-bar .cmp-text ul ul, .list-style-bar .cmp-text ul ul ul {
  list-style: inside
}
.link-text-with-solid-expression .cmp-text p a {
  color: #333;
  display: inline-block;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .15rem;
  text-decoration: none
}
.text--timeline-section-title > .cmp-text {
  color: #b4b6dd
}
.text--timeline-year > .cmp-text {
  color: #474b8e
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .text-title-lh-52-36 .cmp-text h1, .text-title-lh-52-36 .cmp-text h2, .text-title-lh-52-36 .cmp-text h3, .text-title-lh-52-36 .cmp-text h4, .text-title-lh-52-36 .cmp-text h5, .text-title-lh-52-36 .cmp-text h6 {
    line-height: 3.25rem
  }
  .text-lh-24-20 .cmp-text li, .text-lh-24-20 .cmp-text p {
    line-height: 1.5rem
  }
  .text.text-mb-26-20 .cmp-text {
    margin-bottom: 1.625rem !important
  }
  .text.text-mb-56-36 .cmp-text {
    margin-bottom: 3.5rem !important
  }
  .text.text-title-fs-36-24 .cmp-text h1, .text.text-title-fs-36-24 .cmp-text h2, .text.text-title-fs-36-24 .cmp-text h3, .text.text-title-fs-36-24 .cmp-text h4, .text.text-title-fs-36-24 .cmp-text h5, .text.text-title-fs-36-24 .cmp-text h6, .text.text-title-fs-36-32 .cmp-text h1, .text.text-title-fs-36-32 .cmp-text h2, .text.text-title-fs-36-32 .cmp-text h3, .text.text-title-fs-36-32 .cmp-text h4, .text.text-title-fs-36-32 .cmp-text h5, .text.text-title-fs-36-32 .cmp-text h6 {
    font-size: 2.25rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2.625rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
}
.okm-font-family-jp {
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
.okm-font-weight-300 {
  font-weight: 300
}
.text-left-align {
  text-align: left
}
.text-right-align {
  text-align: right
}
.text-center-align {
  text-align: center
}
.layout-2-1 {
  display: grid;
  grid-template-columns: 66.66% 33.33%
}
.layout-1-1 {
  display: grid;
  grid-template-columns: 50% 50%
}
.simplebar-scrollbar:before {
  background: #00358d;
  height: 3px
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1
}
.simplebar-track.simplebar-horizontal {
  background: #f1f1f1;
  height: 3px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  height: 3px;
  top: 0
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  left: 0;
  right: 0
}
.simplebar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.mb-8 {
  margin-bottom: .5rem
}
.mb-16 {
  margin-bottom: 1rem
}
.mb-32 {
  margin-bottom: 2rem
}
.mb-61 {
  margin-bottom: 3.8125rem
}
.mb-64 {
  margin-bottom: 4rem
}
.mb-20 {
  margin-bottom: 1.25rem
}
.mb-24 {
  margin-bottom: 1.5rem
}
.mb-40 {
  margin-bottom: 2.5rem
}
.mb-48 {
  margin-bottom: 3rem
}
.mb-56 {
  margin-bottom: 3.5rem
}
.mb-56-36 {
  margin-bottom: 2.25rem
}
.mt-10 p {
  margin-top: .625rem
}
.mt-20 p {
  margin-top: 1.25rem
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline
}
ol, ul {
  list-style: none
}
a, button {
  color: inherit;
  text-decoration: none
}
button:focus {
  outline: none
}
html {
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
html[lang=th] {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
body {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  word-break: break-word
}
body:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.h1, h1 {
  font-size: 2.25rem
}
.h1, .h2, h1, h2 {
  line-height: 1;
  margin-bottom: 1rem
}
.h2, h2 {
  font-size: 1.875rem
}
.h3, h3 {
  font-size: 1.5rem;
  font-weight: 300
}
.h3, .h4, h3, h4 {
  line-height: 1;
  margin-bottom: 1rem
}
.h4, h4 {
  font-size: 1.375rem
}
.h5, h5 {
  font-size: 1.25rem;
  line-height: 1
}
.h5, .h6, h5, h6 {
  margin-bottom: 1rem
}
.h6, h6 {
  font-size: 1.125rem
}
p {
  font-size: .875rem;
  line-height: 1.25rem
}
img {
  max-width: 100%
}
a {
  color: #333
}
a:hover {
  text-decoration: underline
}
@font-face {
  font-family: NotoSansThai;
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans Thai Thin"), url(../font/NotoSansThai-Thin.ttf) format("truetype")
}
@font-face {
  font-family: NotoSansThai;
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans Thai Light"), url(../font/NotoSansThai-Light.ttf) format("truetype")
}
@font-face {
  font-family: NotoSansThai;
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans Thai Regular"), url(../font/NotoSansThai-Regular.ttf) format("truetype")
}
@font-face {
  font-family: NotoSansThai;
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans Thai Medium"), url(../font/NotoSansThai-Medium.ttf) format("truetype")
}
@font-face {
  font-family: NotoSansThai;
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans Thai Bold"), url(../font/NotoSansThai-Bold.ttf) format("truetype")
}
@font-face {
  font-family: NotoSansThai;
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans Thai Black"), url(../font/NotoSansThai-Black.ttf) format("truetype")
}
.okm-text-title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
.okm-text-title h1, .okm-text-title h2, .okm-text-title h3, .okm-text-title h4, .okm-text-title h5, .okm-text-title h6 {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.875rem;
  margin: 0 !important
}
.okm-text-title h1:lang(th), .okm-text-title h2:lang(th), .okm-text-title h3:lang(th), .okm-text-title h4:lang(th), .okm-text-title h5:lang(th), .okm-text-title h6:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.okm-text-title p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem
}
.okm-text-title p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.okm-text-title .text.mb-56 {
  margin-bottom: 3.5rem
}
.okm-terms-use > .cmp-container .title h1.cmp-title__text {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-weight: 700
}
.okm-terms-use > .cmp-container .title h1.cmp-title__text:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.okm-terms-use > .cmp-container .text p {
  color: #333;
  font-family: "微软雅黑", "PingFang SC", Arial !important;
  font-weight: 400
}
.okm-terms-use > .cmp-container .text p:lang(th) {
  font-family: NotoSansThai, "微软雅黑", "PingFang SC", Arial !important
}
.title-ff-jp .cmp-title .cmp-title__text {
  font-family: "微软雅黑", "PingFang SC", Arial !important
}
.title-fw-300 .cmp-title .cmp-title__text {
  font-weight: 300
}
.title-mb-4 .cmp-title .cmp-title__text {
  margin-bottom: .25rem
}
@media(min-width:768px) {
  .h1, h1 {
    font-size: 2.625rem
  }
  .h2, h2 {
    font-size: 2.25rem
  }
  .h3, h3 {
    font-size: 1.75rem
  }
  .h4, h4 {
    font-size: 1.5rem
  }
  .okm-terms-use > .cmp-container {
    margin: 4.375rem 14.6875rem 5rem
  }
}
@media(min-width:1024px) {
  .mb-56-36 {
    margin-bottom: 3.5rem
  }
  .h1, h1 {
    font-size: 3rem
  }
  .h2, h2 {
    font-size: 2rem
  }
  .h3, h3 {
    font-size: 2.25rem
  }
  .h4, h4 {
    font-size: 1.75rem
  }
  .h5, h5 {
    font-size: 1.5rem
  }
  .h6, h6 {
    font-size: 1.25rem
  }
  p {
    font-size: 1rem;
    line-height: 1.5rem
  }
  .okm-terms-use > .cmp-container .title h1.cmp-title__text {
    font-size: 2.25rem;
    line-height: 4.0625rem;
    margin-bottom: 2.5rem
  }
  .okm-terms-use > .cmp-container .text p {
    font-size: 1rem;
    line-height: 1.8125rem
  }
}
@media(min-width:1025px) {
  .okm-terms-use > .cmp-container {
    margin: 4.375rem 9.1875rem 5rem
  }
}
@media(max-width:1023px) {
  .okm-terms-use > .cmp-container {
    margin: 1.5625rem 2.4375rem
  }
  .okm-terms-use > .cmp-container .title h1.cmp-title__text {
    font-size: 1.25rem;
    line-height: 1.75rem
  }
  .okm-terms-use > .cmp-container .text p {
    font-size: .875rem;
    line-height: 1.5rem
  }
}
@media(max-width:767px) {
  .okm-terms-use > .cmp-container {
    margin: 1.5625rem 1.1875rem
  }
}