#career-list-all {padding: 35px 0 50px 0}
.content-1700 {
  max-width: 1440px;
  width: 95%;
  margin: 0 auto;
}
#career-list-inner {padding: 152px 0 50px 0}
.career-list-table-head * {font-size: 16px;font-weight: bold;color: #000}
.career-list-table-head {border-bottom: 1px solid #ddd;padding: 0 35px;padding-bottom: 15px;}
.career-list-row {padding: 15px 35px;border-bottom: 1px solid #ddd;}
#banner-career-search {background: url(../images/20250919.jpg);background-repeat: no-repeat;
    background-size: 100% auto;background-position: center top;margin-top:152px;min-height:800px;position: relative;}
#banner-career-search .col-form {position: absolute;max-width: 1400px;width: 90%; left: 50%;bottom: 100px;-ms-transform: translate(-50%, 0%);transform: translate(-50%, 0%);}
#banner-career-search .col-form .form-group {margin-bottom: 0;}
#banner-career-search .icon-search {background: url(../images/search.svg) no-repeat right 15px center;background-size: 18px;}
#banner-career-search .form-control {font-size:16px;background-color: #fff !important;border-radius: 0;padding: 15px 15px;color:#4e4e4e;font-weight: bold;border: none;}
#banner-career-search .form-group + .form-group {margin-bottom:40px;}
#banner-career-search select.form-control:not([size]):not([multiple]) {height: unset;}
#banner-career-search select {background: url(../images/select.svg) no-repeat right 15px center;}
#banner-career-search::placeholder {color: #4e4e4e !important;opacity: 1;font-weight: bold;}
#banner-career-search::-ms-input-placeholder {color: #4e4e4e !important;font-weight: bold; }
#banner-career-search .click-search {font-size: 18px;color: #4e4e4e;display: block;border-radius: 30px;width:100%;max-width: 160px;font-weight: bold;margin-left: auto;margin-right: auto;text-align: center;background: rgb(255, 170, 0); -webkit-transition: all 0.5s; transition: all 0.5s;}
#banner-career-search .click-search img {margin-left: 7px;width: 20px; height: auto;}
#banner-career-search .click-search:hover { opacity: 0.8;-webkit-transition: all 0.5s;transition: all 0.5s;}
.arrow-more-right {
    position: relative;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  padding: 5px;background: #ddd;
}
.arrow-more-right span {width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);z-index: 1;display: flex;justify-content: center;align-items: center;}
.arrow-more-right span::after {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  content: '';transform: rotate(135deg);margin-left: 10px;
}
.career-list-row a,.career-list-row a * {color:#000;text-decoration: unset!important;}
.career-list-row a:hover .arrow-more-right {background: #00afef}
.career-list-table-head .col-5,.career-list-table-content .col-5 {width: 50%!important}
.career-list-table-head .col-3,.career-list-table-content .col-3 {width: 30%!important}
.career-list-table-head .col-2,.career-list-table-content .col-2 {width: 15%!important}
.career-list-table-content .col-auto {width: 5%!important;text-align: right;}
.career-list-table-head .col-5,.career-list-table-content .col-5,
.career-list-table-head .col-3,.career-list-table-content .col-3,
.career-list-table-head .col-2,.career-list-table-content .col-2,
.career-list-table-content .col-auto {
  max-width: unset;
  flex: 0 0 auto;
}
.text-head-career-dt {font-size: 40px;color: #4c4c4c;line-height: 50px;padding-top: 50px;padding-bottom: 25px;
    font-family: 'Noto Sans Thai', 'deltasanslight', sans-serif;}
.txt-center {text-align: center!important;}
#banner-career-detail {background: #e4e4e4;max-width: 100%;position: relative;max-width: 1920px;margin: 0 auto;}
#banner-career-detail h2,#stayconnected-sec h2,#applyform-career h2 {font-size: 30px;color: #000;font-weight: bold;padding: 0}
.txt-main-title {font-size: 30px;color: #000;padding: 0;margin-bottom: 30px;font-family: 'Noto Sans Thai', 'deltasanslight', sans-serif;}
#banner-career-detail p {font-size: 20px;color: #000;}
.banner-cr-dt-wrap {padding: 50px;}
.btn-apply-cr {display: block;margin-bottom: 35px;}
.btn-apply-cr a  {
  background-color: #00aeef !important;
  border-color: #00aeef !important;
  font-weight: 500;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 7px 20px;
  min-width: 113px;
  color: #fff !important;
  display: flex;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none!important;
  text-decoration: unset!important;align-items: center;
}
.btn-apply-cr a:hover {
  background-color: #4d4d4d !important;
  border-color: #4d4d4d !important;
  -webkit-transition: .3s;
  transition: .3s;
}
.btn-apply-cr a::after {
  display: block;
  margin: 0 auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  content: '';transform: rotate(135deg);margin-left: 10px;
}
.job-responsibility-content {padding: 35px 0}
.job-responsibility-content h2,#findout-news-list h2 {color: #2e3849;font-size: 30px;font-weight: bold;padding-bottom: 15px;}
.job-responsibility-content * {color: #2e3849;font-family: 'Noto Sans Thai', 'deltasanslight', sans-serif;}
.job-responsibility-content ul li > strong {display: block;}
.job-responsibility-content ul li {margin-bottom: 10px;}
.list-news a {
  text-decoration: none;
  width: 100%;
  background: #fff;
}
.list-news-wrap {padding: 25px 0 50px 0;}
.list-news-img {width: 100%;max-width: 100%}
.list-news-body {padding-top: 10px;}
.list-news-title {color: #000;padding: 0 0 10px 0;min-height: 50px;}
.list-news-text {color: #000;min-height: 115px;}
.cr-news-readmore {position: relative;padding-right: 17px;display: inline-block;color: #000}
.cr-news-readmore::after {
    position: absolute;top: 40%;right: 0;
  display: block;
  margin: 0 auto;
  width: 8px;
  height: 8px;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  content: '';transform: rotate(135deg);margin-left: 10px;
}
.list-news a:hover .cr-news-readmore {color: #00aeef}
.list-news a:hover .cr-news-readmore::after {border-top: 1px solid #00aeef;border-left: 1px solid #00aeef}
#stayconnected-sec {padding: 0 0 50px 0}
.stayconnect-list-wrap {
  display: flex;
  padding: 25px 0;
  justify-content: center;
  align-items: center;
}
.stayconnect-list {padding: 0 15px;}
.stayconnect-list a {display: flex;
  justify-content: center;
  max-width: 50px;}
.stayconnect-list a img {max-width: 100%}
#list-news-slide .owl-nav {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%}
#list-news-slide .owl-nav .owl-prev {margin-left: -50px;float: left;}
#list-news-slide .owl-nav .owl-next {margin-right: -50px;float: right;}
#list-news-slide .owl-nav [class*="owl-"]:hover {background: unset;}
#list-news-slide .owl-nav span {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  border: 1px solid #bbb;
  display: block;
  font-size: 25px;
  line-height: 20px;
}
#list-news-slide .owl-nav [class*="owl-"]:hover span {background: #bbb;}
.form-control {
  display: block;
  width: 100%;
  padding: 9px 15px;
  font-size: 14px;
  line-height: 21px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.application-databox input,
.application-databox select,
.application-databox textarea {
  display: block;
  width: 100%;
  padding: 9px 15px;
  font-size: 14px;
  line-height: 21px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-bottom: 5px;
  height: auto;
}
.application-databox .col-lg-6 {
  padding: 0 5px;
}

.application-databox .code-box input {
  width: 30%;
  display: inline-block;
}

.application-databox .code-box img {
  border-radius: 20px;
}

.application-databox .code-box a {
  text-decoration: none;
  color: #fff;
  font-family: 'Noto Sans Thai', 'deltasanslight', sans-serif;
  font-size: 15px;
  -webkit-transition: .3s;
  transition: .3s;
}

.application-databox .code-box a:hover {
  color: #4d4d4d;
}

.application-databox .code-box input,
.application-databox .code-box i,
.application-databox .code-box img {
  margin-right: 10px;
}

.application-databox .code-box-2 {
  font-size: 15px;
  color: #fff;
}

.application-databox input[type="submit"],
.application-databox input[type="reset"] {
  background-color: transparent !important;
  color: #fff;
  border:1px solid #fff !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.application-databox input[type="submit"]:hover,
.application-databox input[type="reset"]:hover {
  background-color: #fff !important;
  color: #4d4d4d !important;
  border-color: #fff !important;
}
#applyform-career {background: #f5f4f5;padding: 185px 0 50px 0;}
.col-form-label span {
  color: #f00;
  font-weight: bold;
}
.application-databox {max-width: 100%;margin: 0 auto;box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);background: #fff;
padding: 50px 70px;}
.checkbox-pdpa {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0 15px 0;
  margin: 0;
}
.box-pdpa-L {
  width: 25px;
  display: inline-block;
  text-align: left;
  padding-top: 5px;
}
.box-pdpa-R {
  width: 90%;
  display: inline-block;
  font-size: 14px;
}
.checkbox-pdpa input {margin-bottom: 0}
.application-databox form {margin: 10px 0 0 0}
#applyform-career h2{margin-bottom: 10px;}

.application-databox input[type="reset"], .application-databox input[type="submit"] {
  background-color: #00aeef !important;
  border-color: #00aeef !important;
  min-width: 113px;
  font-size: 15px;
  width: auto;
  display: inline-block;
}
.application-databox input[type="reset"]:hover, .application-databox input[type="submit"]:hover {
  border-color: #19bbf7 !important;
  background-color: #19bbf7 !important;
  color: #fff !important;
  transition: 0.3s;
}
.application-databox .code-box-2 {
  color: red;
}
.form-check-input {width: auto!important;margin-top: 3px !important;}
.form-group-check {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
}
.show-head-mb {display: none!important;}
.form-check-wrap .col-sm-4 {width: 25%;max-width: 100%;flex: 0 0 auto;}
.form-check-wrap .col-sm-8 {width: 75%;max-width: 100%;flex: 0 0 auto;}
.intl-tel-input,.iti{width: 100%;}
.calendar-startend-wrap {display: flex;align-items: center;}
.calendar-startend-box {width: 48%;position: relative;}
.calendar-startend-dash {width: 5%;text-align: center;}
.calendar-box-icon {position: absolute;right: 10px;top: 10px;font-size: 20px;color: #00aeef;}
#graduatedateHelpBlock {margin-top: -25px;padding-bottom: 5px;}
#ui-datepicker-div {z-index: 9999!important}
.application-databox .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none!important;
}
.application-databox .select2-container--default .select2-selection--single {
  display: block;
  width: 100%;
  padding: 5px 15px;
  font-size: 14px;
  line-height: 21px;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-bottom: 5px;
  height: auto !important;
  background: url(select.png) right no-repeat #fff;
}
.application-databox .select2-container .select2-selection--single .select2-selection__rendered {padding: 0!important}
.application-databox .select2-container {
  max-width: 100%;
}
.show-mb-lg {display: none!important;}





@media only screen and (max-width:1600px) {
  #banner-career-search {min-height: 680px;}
}


@media only screen and (max-width:1536px) {
  #banner-career-search {min-height: 600px;}
}


@media only screen and (max-width:1440px) {
.text-head-career-dt {font-size: 30px;line-height: 40px;}
#banner-career-detail h2,#stayconnected-sec h2,#applyform-career h2,
.job-responsibility-content h2, #findout-news-list h2,.txt-main-title {font-size: 22px;}
#banner-career-detail p {font-size: 16px;}
#banner-career-search .col-form {bottom:55px;}
.application-databox form{font-size: 13px;line-height: 16px;}
}


@media only screen and (max-width:1366px) {
#banner-career-search {min-height: 570px;}
.application-databox {padding: 30px 20px;}
}


@media only screen and (max-width:1280px) {

.form-check-wrap .col-sm-4 {width: 30%;}
.form-check-wrap .col-sm-8 {width: 70%;}
#banner-career-search {min-height: 535px;}
}


@media only screen and (max-width:1180px) {
  #banner-career-search {min-height: 480px;background-size: cover;}
}


@media only screen and (max-width:1080px) {
.application-databox {
  max-width: 95%;
  padding: 35px 30px;
}
}


@media only screen and (max-width:1024px) {
}


@media only screen and (max-width:980px) {
  #banner-career-search {margin-top: 131px;}
}


@media only screen and (max-width:960px) {
}


@media only screen and (max-width:820px) {
.text-head-career-dt {padding-top: 0;}
.list-news-text {
  font-size: 14px;
}
.career-list-table-head {
    padding: 0 10px;
  }
.career-list-row {
  padding: 15px 10px;
}
}


@media only screen and (max-width:768px) {
.banner-cr-dt-wrap {padding: 15px;}
.show-mb-lg {display: block!important;}
.hide-mb-lg {display: none!important;}
}


@media only screen and (max-width:640px) {
}


@media only screen and (max-width:568px) {

.career-position {
    display: block!important;
}
.application-databox {
  max-width: 95%;
  padding: 20px 25px;
}
.career-list-table-head {display: none;}
.show-head-mb {display: block!important;font-weight: bold;padding-right: 10px;}
.career-list-table-content .col-4 {width: 100%!important;max-width: 100% !important;margin-bottom: 10px;}
.career-list-table-content .col-5 {width: 100%!important;margin-bottom: 10px;}
.career-list-table-content .col-3 {width: 100%!important;margin-bottom: 10px;}
.career-list-table-content .col-2 {width: 85%!important}
.career-list-table-content .col-auto {width: 15%!important}
#banner-career-search {min-height: 305px;}
.form-check-wrap .col-sm-4 {width: 100%;}
.form-check-wrap .col-sm-8 {width: 100%;}
#banner-career-search .col-form .form-group {margin-bottom:1rem}
#graduatedateHelpBlock {margin-top: 0;}

}


@media only screen and (max-width:480px) {
.text-head-career-dt {font-size: 22px;line-height: 32px;}
#banner-career-detail h2 {font-size: 18px;}
#banner-career-detail p {font-size: 14px;}
.box-pdpa-L {
  width: 10%;
}
.box-pdpa-R {
  width: 90%;
}
.box-user-career {
  font-size: 14px;
}
}

@media only screen and (max-width:390px) {
.box-pdpa-L {
  width: 10%;
}
.box-pdpa-R {
  width: 90%;
}
}