/*========= 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: 'KanitMedium'; src: url("../fonts/kanit-medium.eot"); src: url("../fonts/kanit-medium.eot") format("embedded-opentype"), url("../fonts/kanit-medium.woff") format("woff"), url("../fonts/kanit-medium.ttf") format("truetype"), url("../fonts/kanit-medium.svg#KanitMedium") 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; }
.section-content .page-title { padding-top: 100px; }
@media (max-width: 990px) { .section-content .page-title { padding-top: 50px; } }
.section-content .col-wrap { /*display: flex;
align-items: center;*/ display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; padding: 0 0 100px 0; }
@media (max-width: 640px) { .section-content .col-wrap { flex-direction: column; } }
.section-content .col-wrap .col-left { -webkit-flex-basis: 50%; flex-basis: 50%; }
@media (min-width: 641px) { .section-content .col-wrap .col-left { padding-right: 15px; } }
.section-content .col-wrap .col-right { -webkit-flex-basis: 50%; flex-basis: 50%; }
@media (min-width: 641px) { .section-content .col-wrap .col-right { padding-left: 15px; } }
@media (max-width: 640px) { .section-content .col-wrap .col-right { padding-left: 0; } }
.section-content .col-wrap p { font-size: 16px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #878A9D; letter-spacing: 0.69px; text-transform: 25px; margin: 0 0 20px; }

.section-product-list { background-color: rgba(109, 144, 164, 0.14); padding: 100px 0; /*Product List*/ }
.section-product-list .product-type-list { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.section-product-list .product-type-list .product-type-item { position: relative; overflow: hidden; -webkit-flex-basis: 33.33%; flex-basis: 33.33%; padding: 0 5% 0 0; margin: 0 0 5%; }
@media (max-width: 640px) { .section-product-list .product-type-list .product-type-item { -webkit-flex-basis: 50%; flex-basis: 50%; } }
@media (max-width: 480px) { .section-product-list .product-type-list .product-type-item { -webkit-flex-basis: 100%; flex-basis: 100%; margin: 0 0 30px; padding: 0; } }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap { box-shadow: 0 16px 32px 0 rgba(205, 204, 216, 0.52); border: 8px solid #FFF; position: relative; overflow: hidden; left: initial !important; top: initial !important; display: block !important; }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-img { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; /*padding-top: 20%;*/ left: initial !important; top: initial !important; display: block !important; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-img img { visibility: hidden; }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content { position: absolute; bottom: 0; padding: 40px 40px 0; width: 100%; left: initial !important; top: initial !important; display: block !important; z-index: 1; }
@media (max-width: 768px) { .section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content { padding: 0 20px 0; } }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content h4 { font-size: 20px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #FFFFFF; margin: 0 0 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }
@media (max-width: 1366px) { .section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content h4 { font-size: 18px; } }
@media (max-width: 990px) { .section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content h4 { font-size: 16px; } }
@media (max-width: 768px) { .section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content h4 { margin-bottom: 0; } }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content .item-link { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -ms-transform: translateY(100px); }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content .item-link p { font-size: 12px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #FFFFFF; letter-spacing: 0.51px; line-height: 14px; margin: 0; }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap .item-content .item-link span { background-image: url("../images/arr-product.svg"); background-size: contain; background-repeat: no-repeat; width: 15px; height: 10px; display: block; margin-left: 20px; }
.section-product-list .product-type-list .product-type-item .product-type-item-wrap a.link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.section-product-list .product-type-list .product-type-item .fill-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 83, 130, 0.7); opacity: 0; }
.section-product-list .product-type-list .product-type-item:hover .product-type-item-wrap .item-img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); }
.section-product-list .product-type-list .product-type-item:hover .product-type-item-wrap .item-content h4 { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -ms-transform: translateY(-50px); }
@media (max-width: 768px) { .section-product-list .product-type-list .product-type-item:hover .product-type-item-wrap .item-content h4 { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); -ms-transform: translateY(-30px); } }
.section-product-list .product-type-list .product-type-item:hover .product-type-item-wrap .item-content .item-link { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); -ms-transform: translateY(-50px); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; -ms-transition-delay: 0.3s; }
@media (max-width: 768px) { .section-product-list .product-type-list .product-type-item:hover .product-type-item-wrap .item-content .item-link { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -ms-transform: translateY(-20px); } }
.section-product-list .product-type-list .product-type-item:hover .fill-bg { opacity: 1; }

.section-product-bottom { /*List Item*/ }
.section-product-bottom .pdf-dl { padding: 80px 0 0; }
.section-product-bottom .pdf-dl .pdf-title h1 { font-size: 48px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #951B1E; margin: 0 0 20px; }
@media (max-width: 1366px) { .section-product-bottom .pdf-dl .pdf-title h1 { font-size: 36px; } }
@media (max-width: 990px) { .section-product-bottom .pdf-dl .pdf-title h1 { font-size: 25px; } }
.section-product-bottom .certificates-list .certificates-title { padding: 80px 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; }
.section-product-bottom .certificates-list .certificates-title span.line-title { width: 100%; height: 3px; background-color: #E6E6EA; align-items: center; }
.section-product-bottom .certificates-list .certificates-title h2 { font-size: 36px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #878A9D; margin: 0 0 0; padding: 0 20px; }
@media (max-width: 1366px) { .section-product-bottom .certificates-list .certificates-title h2 { font-size: 25px; } }
@media (max-width: 990px) { .section-product-bottom .certificates-list .certificates-title h2 { font-size: 18px; } }
.section-product-bottom .certificates-list .certificates-list-wrap { padding-bottom: 100px; }
.section-product-bottom .certificates-list .certificates-list-wrap .list-item.img { justify-content: center; }
.section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img { -webkit-flex-basis: 20%; flex-basis: 20%; margin-bottom: 50px; }
@media (max-width: 980px) { .section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img { -webkit-flex-basis: 33.33%; flex-basis: 33.33%; padding: 0 10px; text-align: center; } }
@media (max-width: 420px) { .section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img { -webkit-flex-basis: 50%; flex-basis: 50%; padding: 0 10px; } }
.section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img:nth-child(1), .section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img:nth-child(2) { clear: both; -webkit-flex-basis: 50%; flex-basis: 50%; }
.section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img:nth-child(1) { text-align: right; padding-right: 50px; }
@media (max-width: 980px) { .section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img:nth-child(1) { padding: 0 10px; text-align: center; } }
.section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img:nth-child(2) { padding-left: 30px; }
@media (max-width: 980px) { .section-product-bottom .certificates-list .certificates-list-wrap .list-item.img .list-item--img:nth-child(2) { padding: 0 10px; } }
.section-product-bottom .list-item { display: flex; display: -webkit-flex; flex-wrap: wrap; }
@media (max-width: 550px) { .section-product-bottom .list-item { flex-direction: column; } }
.section-product-bottom .list-item .list-item--file { width: 33.33%; padding: 0 40px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-bottom: 5px; }
@media (max-width: 1200px) { .section-product-bottom .list-item .list-item--file { padding: 0 20px 0 0; } }
@media (max-width: 890px) { .section-product-bottom .list-item .list-item--file { width: 50%; } }
@media (max-width: 550px) { .section-product-bottom .list-item .list-item--file { width: 100%; } }
.section-product-bottom .list-item .list-item--file .pdf-icon { width: 27px; height: 31px; background-image: url("../images/pdf-icon.svg"); background-size: contain; display: block; }
.section-product-bottom .list-item .list-item--file a { font-size: 16px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #878A9D; letter-spacing: 0.69px; line-height: 50px; padding: 0 40px; }
@media (max-width: 1200px) { .section-product-bottom .list-item .list-item--file a { padding: 0 20px; } }

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