/*========= 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; }
.job-form .miniSurveyView .fields { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.job-form .form-group { margin-bottom: 50px; padding: 0 30px 0 0; /*Radio*/ /*fileupload*/ /*Input*/ }
@media (max-width: 640px) { .job-form .form-group { margin-bottom: 30px; } }
.job-form .form-group:nth-child(1), .job-form .form-group:nth-child(2), .job-form .form-group:nth-child(3) { width: 33.33%; }
.job-form .form-group:nth-child(4) { width: 100%; }
.job-form .form-group:nth-child(5), .job-form .form-group:nth-child(6), .job-form .form-group:nth-child(7), .job-form .form-group:nth-child(8), .job-form .form-group:nth-child(9), .job-form .form-group:nth-child(10), .job-form .form-group:nth-child(11), .job-form .form-group:nth-child(12), .job-form .form-group:nth-child(13) { width: 33.33%; }
.job-form .form-group:nth-child(14), .job-form .form-group:nth-child(15) { width: 50%; }
.job-form .form-group:nth-child(16), .job-form .form-group:nth-child(17), .job-form .form-group:nth-child(18) { width: 33%; }
.job-form .form-group:nth-child(22) { width: 20%; }
@media (max-width: 890px) { .job-form .form-group:nth-child(22) { width: 100%; margin-bottom: 0; } }
.job-form .form-group label.title { font-size: 14px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #000000; letter-spacing: 2.05px; text-transform: uppercase; }
@media (max-width: 640px) { .job-form .form-group label.title { margin-bottom: 20px; } }
.job-form .form-group.field-title .title-block { font-size: 14px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #000000; letter-spacing: 2.05px; text-transform: uppercase; }
@media (max-width: 640px) { .job-form .form-group.field-title .title-block { margin-bottom: 20px; } }
@media (max-width: 890px) { .job-form .form-group .title-block { margin-bottom: 20px; padding: 0; } }
@media (max-width: 690px) { .job-form .form-group:nth-child(1), .job-form .form-group:nth-child(2), .job-form .form-group:nth-child(3), .job-form .form-group:nth-child(5), .job-form .form-group:nth-child(6), .job-form .form-group:nth-child(7), .job-form .form-group:nth-child(8), .job-form .form-group:nth-child(9), .job-form .form-group:nth-child(10), .job-form .form-group:nth-child(11), .job-form .form-group:nth-child(12), .job-form .form-group:nth-child(13), .job-form .form-group:nth-child(14), .job-form .form-group:nth-child(15), .job-form .form-group:nth-child(16), .job-form .form-group:nth-child(17), .job-form .form-group:nth-child(18) { width: 100%; padding: 0; } }
.job-form .form-group.field-radios { display: flex; display: -webkit-flex; width: 100%; }
.job-form .form-group.field-radios .wp-label { width: 20%; }
.job-form .form-group.field-radios .wp-radio-list { display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; -webkit-align-items: center; width: 80%; }
.job-form .form-group.field-radios .wp-radio-list > div { width: 33.33%; margin: 0 0 10px; position: relative; }
@media (max-width: 640px) { .job-form .form-group.field-radios .wp-radio-list > div { width: 100%; } }
.job-form .form-group.field-radios .wp-radio-list input { height: initial; }
.job-form .form-group.field-radios .wp-radio-list label.text { font-size: 14px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #878A9D; letter-spacing: 0.6px; text-transform: uppercase; position: relative; padding-left: 40px; position: absolute; top: 0; z-index: -1; }
.job-form .form-group.field-radios input[type="radio"] { opacity: 0; margin: 0; z-index: 2; height: 30px; }
.job-form .form-group.field-radios input[type="radio"] + label:before { content: ''; display: inline-block; width: 23px; height: 23px; border: 1px solid #005480; border-radius: 100%; margin-right: 10px; position: absolute; left: 0; top: 0; }
.job-form .form-group.field-radios input[type="radio"]:checked + label:after { content: ''; display: inline-block; position: absolute; left: 5px; top: 5px; opacity: 0; width: 13px; height: 13px; background: #951B1E; border-radius: 100%; }
.job-form .form-group.field-radios input[type="radio"]:checked + label:after { opacity: 1; }
@media (max-width: 1279px) { .job-form .form-group.field-radios { flex-direction: column; }
  .job-form .form-group.field-radios .wp-label { width: 100%; padding-bottom: 20px; }
  .job-form .form-group.field-radios .wp-radio-list { width: 100%; } }
@media (max-width: 640px) { .job-form .form-group.field-radios { width: 100%; } }
.job-form .form-group:last-child .wp-label { display: none; }
.job-form .form-group.field-fileupload { width: 40%; }
@media (max-width: 768px) { .job-form .form-group.field-fileupload { width: 100%; margin-bottom: 20px; padding: 0; } }
.job-form .form-group select, .job-form .form-group input, .job-form .form-group textarea { width: 100%; height: 40px; border: 0; border-bottom: 1px solid #005382; box-shadow: none; border-radius: 0; padding: 0 0 10px; margin-right: 30px; display: block; background-color: transparent; }
.job-form .form-group textarea { padding-top: 5px; }
.job-form .form-group:nth-last-of-type(2) { width: 25%; }
@media (max-width: 990px) { .job-form .form-group:nth-last-of-type(2) { width: 100%; } }
.job-form .form-group:nth-last-of-type(2) .wp-label { display: none; }
.job-form .form-group:nth-last-of-type(2) .wp-radio-list, .job-form .form-group:nth-last-of-type(2) .radio { width: 100%; margin: 0; }
.job-form .form-group:nth-last-of-type(2) .wp-radio-list > div, .job-form .form-group:nth-last-of-type(2) .radio > div { width: 100%; }
.job-form .block-fileupload { position: relative; width: 100%; float: left; cursor: pointer; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
.job-form .block-fileupload span.text { width: 100%; padding: 5px 0 0 20px; font-size: 12px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #878A9D; letter-spacing: 0.51px; line-height: 24px; }
.job-form .block-fileupload span.icon-pdf { position: absolute; right: 0; cursor: pointer; z-index: 0; padding: 0 15px; font-size: 14px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #005382; letter-spacing: 0.6px; text-transform: uppercase; }
.job-form .block-fileupload span.icon-pdf > span.icon { width: 21px; height: 21px; background-image: url("../images/Upload.svg"); position: relative; float: left; margin-right: 20px; }
@media (max-width: 990px) { .job-form .block-fileupload span.icon-pdf > span.icon { margin-right: 0; } }
@media (max-width: 990px) { .job-form .block-fileupload span.icon-pdf > span.i-text { display: none; } }
.job-form .block-fileupload:hover svg #pdf { fill: #063955; }
.job-form .block-fileupload:hover span.icon-pdf { background-color: transparent; }
.job-form .block-fileupload input[type="file"] { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; cursor: pointer; z-index: 1; }
.job-form .block-fileupload label { width: 70%; height: 45px; padding: 10px 20px; margin: 0; background-color: transparent; border: 1px solid #005382; letter-spacing: 1px; cursor: pointer; font-weight: normal; }
@media (max-width: 1279px) { .job-form .block-fileupload label { width: 100%; } }
.job-form .block-fileupload span.question-name { font-size: 14px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #878A9D; letter-spacing: 0.6px; }
.job-form .block-fileupload .fileupload-name { display: none; }
.job-form .block-fileupload.active label { color: #063955; }
.job-form .block-fileupload.active .question-name { display: none; }
.job-form .block-fileupload.active .fileupload-name { display: inline-block; }
.job-form .form-control:focus { border-color: #005382; box-shadow: none; }
.job-form .form-actions { margin-bottom: 50px; }
.job-form .form-actions p { display: none; }
.job-form .form-actions button { background: #951B1E; border: 0; border-radius: 0; width: 230px; padding: 15px 0; display: block; font-size: 18px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #FFFFFF; text-transform: uppercase; }
@media (max-width: 480px) { .job-form .form-actions button { width: 100%; } }
@media (max-width: 480px) { .job-form .form-actions { padding: 0; width: 100%; } }

.section-wrapper-content { padding: 100px 0; }
.section-wrapper-content .careers-block .title-careers { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start; padding: 20px 0; margin-bottom: 50px; }
.section-wrapper-content .careers-block .title-careers h3 { font-size: 24px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #005382; text-transform: uppercase; margin: 0; padding: 5px 0; }
@media (max-width: 990px) { .section-wrapper-content .careers-block .title-careers h3 { font-size: 16px; } }
.section-wrapper-content .careers-block .title-careers div { padding-right: 40px; }
.section-wrapper-content .careers-block .title-careers .col-left { margin-right: 40px; border-right: 1px solid #979797; }
.section-wrapper-content .careers-block .job-position { margin-bottom: 100px; }
.section-wrapper-content .careers-block .job-position .job-block .job-item { padding: 15px 0 10px; border-top: 1px solid #005382; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; cursor: pointer; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; }
@media (max-width: 480px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab { align-items: flex-start; flex-direction: column; position: relative; } }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .position, .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .contract { -webkit-flex-basis: 40%; flex-basis: 40%; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .position h4 { font-size: 20px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #000000; letter-spacing: 0.86px; margin: 0; }
@media (max-width: 1366px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .position h4 { font-size: 18px; } }
@media (max-width: 990px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .position h4 { font-size: 16px; } }
@media (max-width: 480px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .contract { padding-top: 20px; } }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .contract h4 { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .contract h4 span.icon { background-image: url("../images/icon-contract.svg"); display: inline-block; width: 31px; height: 31px; margin-right: 20px; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .contract h4 span.text { line-height: 20px; padding-top: 5px; font-size: 20px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #878A9D; letter-spacing: 0.86px; margin: 0; }
@media (max-width: 1366px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .contract h4 span.text { font-size: 18px; } }
@media (max-width: 990px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .contract h4 span.text { font-size: 16px; } }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .open { display: flex; }
@media (max-width: 480px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .open { position: absolute; right: 0; top: 0; } }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-tab .open span { background-image: url("../images/icon-open.svg"); display: inline-block; width: 25px; height: 25px; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement { display: none; margin-top: 10px; border-top: 1px solid #005382; background-color: rgba(109, 144, 164, 0.14); padding: 50px; }
@media (max-width: 890px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement { padding: 30px; } }
@media (min-width: 991px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap { padding-right: 20%; } }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap h4 { margin: 0 0 30px; font-size: 20px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #005382; }
@media (max-width: 1366px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap h4 { font-size: 18px; } }
@media (max-width: 990px) { .section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap h4 { font-size: 16px; } }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap p { font-size: 14px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #878A9D; letter-spacing: 0.6px; line-height: 25px; margin: 0 0 5px; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap p b, .section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap p strong { font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #005382; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap .apply-btn { background: #951B1E; width: 230px; text-align: center; padding: 10px 0; margin: 70px 0 50px; display: inline-block; }
.section-wrapper-content .careers-block .job-position .job-block .job-item .job-requirement .job-requirement-wrap .apply-btn a { font-size: 18px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #FFFFFF; text-transform: uppercase; display: block; }
.section-wrapper-content .careers-block .job-position .job-block .job-item.active { padding: 15px 0 0; }
.section-wrapper-content .careers-block .job-form-wrap .title-job { margin-bottom: 50px; }
.section-wrapper-content .careers-block .job-form-wrap .title-job h2 { font-size: 36px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #005382; margin: 0; }
@media (max-width: 1366px) { .section-wrapper-content .careers-block .job-form-wrap .title-job h2 { font-size: 25px; } }
@media (max-width: 990px) { .section-wrapper-content .careers-block .job-form-wrap .title-job h2 { font-size: 18px; } }
.section-wrapper-content .careers-block .job-form-wrap .SumoSelect { width: 100%; }
.section-wrapper-content .careers-block .job-form-wrap .SumoSelect > .CaptionCont { border: none; border-bottom: 1px solid #005382; box-shadow: none; height: 40px; border-radius: 0; padding-left: 0; }
.section-wrapper-content .careers-block .job-form-wrap .SumoSelect > .CaptionCont > label > i { background-image: url("../images/arr-select.svg"); background-size: contain; width: 12px; height: 12px; opacity: 1; }
.section-wrapper-content .careers-block .job-form-wrap .SumoSelect > .optWrapper > .options li.opt:hover, .section-wrapper-content .careers-block .job-form-wrap .SumoSelect > .optWrapper > .options li.opt.selected { background-color: #005382; }
.section-wrapper-content .careers-block .job-form-wrap .SumoSelect > .optWrapper > .options li.opt:hover label, .section-wrapper-content .careers-block .job-form-wrap .SumoSelect > .optWrapper > .options li.opt.selected label { color: #FFFFFF; }

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