/*========= Thai =========*/
/*========= Eng =========*/
/* ========= */
/* ==== Helvetica ==== */
@font-face { font-family: 'HelveticaThin'; src: url("../fonts/HelveticaNeueThin.eot"); src: url("../fonts/HelveticaNeueThin.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueThin.woff2") format("woff2"), url("../fonts/HelveticaNeueThin.woff") format("woff"), url("../fonts/HelveticaNeueThin.ttf") format("truetype"), url("../fonts/HelveticaNeueThin.svg#HelveticaNeueThin") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaBold'; src: url("../fonts/HelveticaBold.eot"); src: url("../fonts/HelveticaBold.eot") format("embedded-opentype"), url("../fonts/HelveticaBold.woff2") format("woff2"), url("../fonts/HelveticaBold.woff") format("woff"), url("../fonts/HelveticaBold.ttf") format("truetype"), url("../fonts/HelveticaBold.svg#HelveticaBold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica'; src: url("../fonts/helveticanormal.eot"); src: url("../fonts/helveticanormal.eot") format("embedded-opentype"), url("../fonts/helveticanormal.woff2") format("woff2"), url("../fonts/helveticanormal.woff") format("woff"), url("../fonts/helveticanormal.ttf") format("truetype"), url("../fonts/helveticanormal.svg#helveticanormal") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaLight'; src: url("../fonts/HelveticaNeueLight.eot"); src: url("../fonts/HelveticaNeueLight.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLight.woff2") format("woff2"), url("../fonts/HelveticaNeueLight.woff") format("woff"), url("../fonts/HelveticaNeueLight.ttf") format("truetype"), url("../fonts/HelveticaNeueLight.svg#HelveticaNeueLight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaLightOblique'; src: url("../fonts/HelveticaLightOblique.eot"); src: url("../fonts/HelveticaLightOblique.eot") format("embedded-opentype"), url("../fonts/HelveticaLightOblique.woff2") format("woff2"), url("../fonts/HelveticaLightOblique.woff") format("woff"), url("../fonts/HelveticaLightOblique.ttf") format("truetype"), url("../fonts/HelveticaLightOblique.svg#HelveticaLightOblique") format("svg"); font-weight: normal; font-style: normal; }
/* ==== Kanit ==== */
@font-face { font-family: 'KanitLight'; src: url("../fonts/kanit-light.eot"); src: url("../fonts/kanit-light.eot") format("embedded-opentype"), url("../fonts/kanit-light.woff") format("woff"), url("../fonts/kanit-light.ttf") format("truetype"), url("../fonts/kanit-light.svg#KanitLight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Kanit'; src: url("../fonts/kanit-regular.eot"); src: url("../fonts/kanit-regular.eot") format("embedded-opentype"), url("../fonts/kanit-regular.woff") format("woff"), url("../fonts/kanit-regular.ttf") format("truetype"), url("../fonts/kanit-regular.svg#Kanit") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'KanitBold'; src: url("../fonts/kanit-bold.eot"); src: url("../fonts/kanit-bold.eot") format("embedded-opentype"), url("../fonts/kanit-bold.woff") format("woff"), url("../fonts/kanit-bold.ttf") format("truetype"), url("../fonts/kanit-bold.svg#KanitBold") format("svg"); font-weight: normal; font-style: normal; }
.page-sub-wrapper .sub-content .block-row { margin-bottom: 50px; }
@media (max-width: 1100px) { .page-sub-wrapper .sub-content .block-row .style-image img { margin-bottom: 30px; } }
.page-sub-wrapper .sub-content--bottom { margin-top: 0; }
.page-sub-wrapper .sub-content--bottom--bg { padding: 0; margin-bottom: 100px; }
.page-sub-wrapper .sub-content--bottom--bg .sub-content-wrap { width: 100%; padding-right: 0; }
@media (max-width: 1100px) { .page-sub-wrapper .sub-content--bottom--bg .sub-content-wrap { padding: 50px; } }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .branch-item-wrap { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
@media (max-width: 1100px) { .page-sub-wrapper .sub-content .branch-wrap .branch-item .branch-item-wrap { flex-direction: column; } }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .branch-item-wrap > div { -webkit-flex-basis: 50%; flex-basis: 50%; }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .cover-img { background-size: cover; background-repeat: no-repeat; background-position: center; }
@media (max-width: 1100px) { .page-sub-wrapper .sub-content .branch-wrap .branch-item .cover-img { background: none; } }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .cover-img img { visibility: hidden; }
@media (max-width: 1100px) { .page-sub-wrapper .sub-content .branch-wrap .branch-item .cover-img img { visibility: visible; } }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right { padding: 50px 10% 0 50px; }
@media (max-width: 1100px) { .page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right { padding: 50px 0 0; } }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right img { /*margin: 0 0 30px;*/ max-width: 250px; }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right h3 { font-size: 24px; font-family: "HelveticaBold", "KanitBold", Arial, sans-serif; color: #3F4145; margin: 0 0 10px; }
@media (max-width: 990px) { .page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right h3 { font-size: 16px; } }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right h4 { font-size: 18px; font-family: "HelveticaBold", "KanitBold", Arial, sans-serif; color: #005382; }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right table { margin: 10px 0; }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right table tbody { vertical-align: top; }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right table tbody td:first-child { width: 35%; }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right table tbody td:last-child { width: 65%; }
.page-sub-wrapper .sub-content .branch-wrap .branch-item .col-right table table td { border: 1px solid #005382; padding: 5px 10px; }
.page-sub-wrapper .sub-content .bx-wrapper { position: relative; }
.page-sub-wrapper .sub-content .bx-wrapper .bx-controls-direction { position: absolute; width: 50%; right: 0; top: 20px; padding-left: 50px; z-index: 999; }
@media (max-width: 1100px) { .page-sub-wrapper .sub-content .bx-wrapper .bx-controls-direction { position: relative; top: initial; bottom: 50px; width: 50%; padding-left: 0; padding-top: 50px; } }
.page-sub-wrapper .sub-content .bx-wrapper .bx-controls-direction a { text-indent: -9999px; display: inline-block; width: 25px; height: 18px; background-image: url(../images/arr-metallic.svg); background-size: contain; background-repeat: no-repeat; background-position: center; }
.page-sub-wrapper .sub-content .bx-wrapper .bx-controls-direction a.bx-next { background-image: url(../images/arr-metallic-hover.svg); margin-left: 30px; }

/*# sourceMappingURL=metallic_group.css.map */