.section-job .policy .policyList .content p, .section-job .policy .policyList .content ul li { font-family: "rawline-300", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-job .policy .policyList .content p, .section-job .policy .policyList .content :lang(th) p, :lang(th) .section-job .policy .policyList .content ul li, .section-job .policy .policyList .content ul :lang(th) li { font-family: "prompt-light", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

.section-job h2, .section-job p, .section-job .policy .policyList .title p, .section-how-to-apply .title h2, .section-how-to-apply .content p, .section-how-to-apply .new .top .col-lg-5 p, .section-how-to-apply .new .top .col-lg-4 p, .section-how-to-apply .new .bottom .in-bottom .contact-us a, .section-how-to-apply .detail .col-lg-5 p, .section-how-to-apply .detail .col-lg-4 p, .section-how-to-apply .detail .bottom .contact-us a, .main-content .section-form .form-actions button { font-family: "rawline-700", " Arial, sans-serif"; font-weight: normal; font-style: normal; }
:lang(th) .section-job h2, .section-job :lang(th) h2, :lang(th) .section-job p, .section-job :lang(th) p, :lang(th) .section-job .policy .policyList .title p, .section-job .policy .policyList .title :lang(th) p, :lang(th) .section-how-to-apply .title h2, .section-how-to-apply .title :lang(th) h2, :lang(th) .section-how-to-apply .content p, .section-how-to-apply .content :lang(th) p, :lang(th) .section-how-to-apply .new .top .col-lg-5 p, .section-how-to-apply .new .top .col-lg-5 :lang(th) p, :lang(th) .section-how-to-apply .new .top .col-lg-4 p, .section-how-to-apply .new .top .col-lg-4 :lang(th) p, :lang(th) .section-how-to-apply .new .bottom .in-bottom .contact-us a, .section-how-to-apply .new .bottom .in-bottom .contact-us :lang(th) a, :lang(th) .section-how-to-apply .detail .col-lg-5 p, .section-how-to-apply .detail .col-lg-5 :lang(th) p, :lang(th) .section-how-to-apply .detail .col-lg-4 p, .section-how-to-apply .detail .col-lg-4 :lang(th) p, :lang(th) .section-how-to-apply .detail .bottom .contact-us a, .section-how-to-apply .detail .bottom .contact-us :lang(th) a, :lang(th) .main-content .section-form .form-actions button, .main-content .section-form .form-actions :lang(th) button { font-family: "prompt-bold", " Arial, sans-serif"; font-weight: normal; font-style: normal; }

.section-job { /*
.policy{ .policyList{ .content{ p{ @extend %font-main-bold; font-size: 21px; color: #000000; letter-spacing: 0; margin-bottom: 20px; }  ul{ margin-left: -18px; li{ @extend %font-main-bold; font-size: 21px; color: #878A9D; letter-spacing: 0; line-height: 38px; &:before{ content: ""; background: #878A9D; width: 7px; height: 3px; border-radius: inherit; position: absolute; top: 17px; left: -20px; } } } } }
}
*/ }
.section-job .container { max-width: 970px; }
.section-job h2 { font-size: 36px; color: #000000; margin-bottom: 30px; text-align: center; }
@media (max-width: 768px) { .section-job h2 { font-size: 30px; text-align: left; } }
@media (max-width: 580px) { .section-job h2 { font-size: 20px; } }
.section-job p { font-size: 21px; color: #000000; letter-spacing: 0; line-height: 38px; margin: 0; text-align: center; }
@media (max-width: 768px) { .section-job p { line-height: 25px; margin-bottom: 20px; font-size: 18px; text-align: left; } }
@media (max-width: 580px) { .section-job p { font-size: 14px; } }
.section-job .policy { padding-top: 100px; }
.section-job .policy .policyList { margin-bottom: 40px; }
.section-job .policy .policyList .title { background: #FFFFFF; box-shadow: 6px 19px 69px -7px rgba(69, 73, 91, 0.13); border-radius: 9px; padding: 30px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all .3s; }
@media (max-width: 768px) { .section-job .policy .policyList .title { padding: 15px; } }
.section-job .policy .policyList .title.active { background: #B82025; box-shadow: 0 20px 90px -23px #94191D; }
.section-job .policy .policyList .title.active p { color: #FFFFFF; }
.section-job .policy .policyList .title.active span { display: none; }
.section-job .policy .policyList .title p { font-size: 24px; color: #BD0000; letter-spacing: 0; line-height: 38px; margin: 0; transition: all .3s; width: 100%; }
@media (max-width: 768px) { .section-job .policy .policyList .title p { font-size: 14px; } }
.section-job .policy .policyList .title span { border: 2px solid #BD0000; border-radius: 50%; width: 25px; height: 24px; display: flex; justify-content: center; align-items: center; }
@media (max-width: 768px) { .section-job .policy .policyList .title span { display: none; } }
.section-job .policy .policyList .title span:before { content: ""; width: 10px; height: 2px; background: #BD0000; position: absolute; }
.section-job .policy .policyList .title span:after { content: ""; width: 2px; height: 10px; background: #BD0000; position: absolute; }
.section-job .policy .policyList .content { display: none; padding: 90px 40px; }
@media (max-width: 768px) { .section-job .policy .policyList .content { padding: 50px 40px; } }
.section-job .policy .policyList .content p { font-size: 21px; color: #000000; letter-spacing: 0; line-height: 38px; }
.section-job .policy .policyList .content ul { list-style-type: none; margin-left: -39px; }
@media (max-width: 768px) { .section-job .policy .policyList .content ul { margin-bottom: 20px; } }
.section-job .policy .policyList .content ul li { font-size: 21px; color: #000000; letter-spacing: 0; line-height: 38px; position: relative; }
@media (max-width: 768px) { .section-job .policy .policyList .content ul li { font-size: 14px; line-height: initial; } }
.section-job .policy .policyList .content ul li:before { content: ""; background: #B82025; width: 7px; height: 7px; border-radius: 50%; position: absolute; top: 15px; left: -20px; }
.section-job .block-link { border-bottom: 1px solid #B82025; position: relative; width: fit-content; margin-top: 50px; }
.section-job .block-link:before { content: ""; /* width: 20px; */ /* height: 20px; */ width: 0; height: 0; border-top: 0px solid transparent; border-left: 19px solid #B82025; border-bottom: 7px solid transparent; position: absolute; right: -3px; bottom: -7px; }
.section-job .block-link a { font-size: 15px; color: #85889E; letter-spacing: 0; padding: 5px 10px; cursor: pointer; }

.section-how-to-apply { margin-top: 100px; }
.section-how-to-apply .title h2 { font-size: 36px; color: #000000; letter-spacing: 0; line-height: 38px; }
.section-how-to-apply .content { padding-left: 95px; margin: 50px 0; }
@media (max-width: 992px) { .section-how-to-apply .content { padding-left: initial; } }
.section-how-to-apply .content p { font-size: 21px; color: #878A9D; letter-spacing: 0; line-height: 38px; max-width: 820px; margin: 0; }
@media (max-width: 768px) { .section-how-to-apply .content p { font-size: 16px; } }
.section-how-to-apply .new { height: 672px; }
.mode-edit .section-how-to-apply .new { height: 777px; }
.section-how-to-apply .new .top { height: 219px; position: relative; }
@media (max-width: 992px) { .section-how-to-apply .new .top { height: initial; margin-bottom: 50px; } }
.mode-edit .section-how-to-apply .new .top { height: 324px; }
.section-how-to-apply .new .top .img1 { width: 219px; height: 219px; position: absolute; left: -219px; }
@media (max-width: 1600px) { .section-how-to-apply .new .top .img1 { display: none; } }
@media (max-width: 992px) { .section-how-to-apply .new .top .col-lg-5 { margin-bottom: 20px; } }
.section-how-to-apply .new .top .col-lg-5 p { padding-left: 95px; font-size: 21px; letter-spacing: 0; margin: 0; }
@media (max-width: 992px) { .section-how-to-apply .new .top .col-lg-5 p { padding-left: initial; } }
.section-how-to-apply .new .top .col-lg-4 p { font-size: 21px; letter-spacing: 0; line-height: 38px; margin: 0; }
.section-how-to-apply .new .bottom { height: 453px; position: relative; }
@media (max-width: 992px) { .section-how-to-apply .new .bottom { height: initial; } }
.section-how-to-apply .new .bottom .img2 { width: 453px; height: 453px; position: absolute; top: 0; }
@media (max-width: 992px) { .section-how-to-apply .new .bottom .img2 { display: none; } }
.section-how-to-apply .new .bottom .in-bottom { position: relative; height: 256px; }
.section-how-to-apply .new .bottom .in-bottom .contact-us { width: 256px; height: 256px; position: absolute; background: #B82025; left: 711px; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
@media (max-width: 1560px) { .section-how-to-apply .new .bottom .in-bottom .contact-us { left: 453px; width: 258px; } }
@media (max-width: 992px) { .section-how-to-apply .new .bottom .in-bottom .contact-us { position: initial; width: 100%; } }
.section-how-to-apply .new .bottom .in-bottom .contact-us a { font-size: 24px; color: #FFFFFF; letter-spacing: 0; line-height: 38px; border-bottom: 1px solid #ffffff; position: relative; padding-bottom: 10px; }
.section-how-to-apply .new .bottom .in-bottom .contact-us a:before { content: ""; /* width: 20px; */ /* height: 20px; */ width: 0; height: 0; border-top: 0px solid transparent; border-left: 19px solid #ffffff; border-bottom: 7px solid transparent; position: absolute; right: -3px; bottom: -7px; }
.section-how-to-apply .new .bottom .in-bottom .img3 { width: 399px; height: 422px; position: absolute; left: 967px; bottom: 0; }
@media (max-width: 1560px) { .section-how-to-apply .new .bottom .in-bottom .img3 { width: 242px; height: 256px; left: 711px; } }
@media (max-width: 992px) { .section-how-to-apply .new .bottom .in-bottom .img3 { display: none; } }
@media (max-width: 1560px) { .section-how-to-apply .new .bottom .in-bottom .img3 img { width: 242px; } }
.section-how-to-apply .new .bottom .bg { background: #D8D8D8; width: 915px; height: 197px; position: absolute; bottom: 0; left: -204px; z-index: -1; }
@media (max-width: 992px) { .section-how-to-apply .new .bottom .bg { display: none; } }
.section-how-to-apply .detail { background: #000000; /*
img{ position: absolute;  &.hr2{ left: 219px; bottom: 0; } &.hr3{  right: 0; bottom: 197px; }
}
.contact-us{ width: 256px; height: 256px; position: absolute; background: #B82025; right: 399px; bottom: 197px;
}
.bg{ background: #D8D8D8; width: 100%; height: 197px; position: absolute; bottom: 0; right: 655px; z-index: -1; 
}
*/ }
.section-how-to-apply .detail .test { position: relative; height: 672px; }
.section-how-to-apply .detail .col-lg-5 p { padding-left: 95px; font-size: 21px; letter-spacing: 0; }
.section-how-to-apply .detail .col-lg-4 p { font-size: 21px; letter-spacing: 0; line-height: 38px; }
.section-how-to-apply .detail .bottom img { position: absolute; }
.section-how-to-apply .detail .bottom img.hr { margin-left: -219px; top: 0; }
.section-how-to-apply .detail .bottom img.hr2 { top: 219px; left: 15px; }
.section-how-to-apply .detail .bottom img.hr3 { left: 967px; top: 53px; }
.section-how-to-apply .detail .bottom .contact-us { width: 256px; height: 256px; position: absolute; background: #B82025; left: 711px; top: 219px; display: flex; justify-content: center; align-items: center; }
@media (max-width: 992px) { .section-how-to-apply .detail .bottom .contact-us { width: 100%; } }
.section-how-to-apply .detail .bottom .contact-us a { font-size: 24px; color: #FFFFFF; letter-spacing: 0; line-height: 38px; border-bottom: 1px solid #ffffff; position: relative; padding-bottom: 10px; }
.section-how-to-apply .detail .bottom .contact-us a:before { content: ""; /* width: 20px; */ /* height: 20px; */ width: 0; height: 0; border-top: 0px solid transparent; border-left: 19px solid #ffffff; border-bottom: 7px solid transparent; position: absolute; right: -3px; bottom: -7px; }
.section-how-to-apply .detail .bottom .bg { background: #D8D8D8; width: 915px; height: 197px; position: absolute; bottom: 0; left: -204px; z-index: -1; }

.section-pr { background: #F4F5FA; }

.main-content .section-form .captcha { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; flex-direction: column; }
.main-content .section-form .captcha .control-label { font-size: 14px; margin-bottom: 20px; }
.main-content .section-form .captcha .ccm-input-captcha { width: 190px; margin-top: 10px; }
.main-content .section-form .form-actions { justify-content: center; }
.main-content .section-form .form-actions button { padding: 5px 35px; } 

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