@font-face{font-family:"promptblack";src:url("../fonts/saraban/Sarabun-Bold.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Bold.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptblack_italic";src:url("../fonts/saraban/Sarabun-Bold-Italic.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Bold-Italic.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptbold";src:url("../fonts/saraban/Sarabun-Bold.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Bold.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"prompt_boldbold_italic";src:url("../fonts/saraban/Sarabun-Bold-Italic.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Bold-Italic.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptextrabold";src:url("../fonts/saraban/Sarabun-ExtraBold.woff2") format("woff2"),url("../fonts/saraban/Sarabun-ExtraBold.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptextrabold_italic";src:url("../fonts/saraban/Sarabun-ExtraBold-Italic.woff2") format("woff2"),url("../fonts/saraban/Sarabun-ExtraBold-Italic.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptextralight";src:url("../fonts/saraban/Sarabun-ExtraLight-Italic.woff2") format("woff2"),url("../fonts/saraban/Sarabun-ExtraLight-Italic.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptextralight_italic";src:url("../fonts/saraban/Sarabun-ExtraLight-Italic.woff2") format("woff2"),url("../fonts/saraban/Sarabun-ExtraLight-Italic.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptitalic";src:url("../fonts/saraban/Sarabun-Italic.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Italic.woff") format("woff");font-style:normal}@font-face{font-family:"promptlight";src:url("../fonts/saraban/Sarabun-Light.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Light.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptlight_italic";src:url("../fonts/saraban/Sarabun-Light-Italic.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Light-Italic.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptmedium";src:url("../fonts/saraban/Sarabun-Medium.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Medium.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"promptregular";src:url("../fonts/saraban/Sarabun-Regular.woff2") format("woff2"),url("../fonts/saraban/Sarabun-Regular.woff") format("woff");font-weight:normal;font-style:normal}body{font-family:"promptregular"}.data-text{font-family:"promptmedium";font-size:14px;color:#252525}.data-text i{padding-right:5px}.label-text{font-family:"promptregular";font-size:14px;color:#7D7D7D}.label-text i{padding-right:5px}.label-text-md{font-family:"promptregular";font-size:15px;color:#7D7D7D}@media screen and (max-width:767px){.label-text-md{margin:10px 0 5px}}.label-text-md i{padding-right:5px}.data-text-md{font-family:"promptmedium";font-size:15px;color:#252525;padding-bottom:8px}.data-text-md i{padding-right:5px}.color-black{color:black!important}.color-blue{color:#3887c8!important}.color-red{color:red!important}.color-gray{color:gray!important}.color-green{color:green!important}.color-white{color:#FFF!important}.input-login{width:100%;height:36px;display:table;border:1px solid #B7B7B7;border-radius:2px;margin-top:10px;padding-right:5px}@media screen and (max-width:1024px) and (orientation:portrait){.input-login{background:#FFF;height:40px;border-radius:5px;border:none;opacity:0.6}}@media screen and (max-width:812px){.input-login{background:#FFF;height:40px;border-radius:5px;border:none;opacity:0.6}}.input-login .icon{display:table-cell;vertical-align:middle;color:#B7B7B7;text-align:center;width:10%}.input-login .input-box{display:table-cell;vertical-align:middle;width:90%}.input-login .input-box input:-webkit-autofill,.input-login .input-box input:-webkit-autofill:active,.input-login .input-box input:-webkit-autofill:focus,.input-login .input-box input:-webkit-autofill:hover{background-color:rgb(255,255,255)!important}.input-login .input-box .input-modify{width:100%;border:none;background-color:rgb(255,255,255)!important}.input-login .input-box .input-modify::placeholder{font-family:"promptregular";font-size:12px;color:#B7B7B7}.input-group{display:block;margin:20px 0;position:relative;width:100%}.input-group .label{display:inline-block;font-family:"promptregular";font-size:14px;font-weight:normal;line-height:20px;text-align:left;color:#898989;white-space:normal}.input-group .normal-input{display:block;height:35px;padding:6px;border:1px solid #C2C2C2;border-radius:2px;width:100%;font-family:"promptregular";font-size:16px;color:#252525;outline:none;font-size:14px}.input-group .normal-input::placeholder{font-style:italic;color:#C2C2C2}.input-group .normal-input.-disable{background:#ebebe4;cursor:not-allowed}.input-group img.ui-datepicker-trigger{position:relative;height:35px;margin-top:-35px!important;float:right}.input-group .description{font-family:"promptmedium";font-size:10px;color:#707070}.input-group .description.text-green{color:#56BD5B}.input-group .validate{font-family:"promptmedium";font-size:10px;color:#707070}.input-group .validate.text-green{color:#56BD5B}.unit-input-group{display:table;margin:20px 0;position:relative;width:100%}.unit-input-group .label{display:table-caption;font-family:"promptregular";font-size:14px;font-weight:normal;line-height:25px;text-align:left;color:#898989;white-space:normal}.unit-input-group .unit-input{height:35px;padding:6px;border:1px solid #B7B7B7;border-radius:2px 0 0 2px;width:100%;font-family:"promptregular";font-size:16px;color:#252525;outline:none}.unit-input-group .unit-input::placeholder{font-style:italic;color:#C2C2C2}.unit-input-group .unit-input:focus{border-color:#3887c8}.unit-input-group .unit-input.-active{border-color:#3887c8}.unit-input-group .unit-input.-success{border-color:#56BD5B}.unit-input-group .unit-input.-error{border-color:#E34C4C}.unit-input-group .unit-input.-disable{background:#ebebe4;cursor:not-allowed}.unit-input-group .unit{display:table-cell;font-family:"promptlight";font-size:16px;color:#959595!important;padding:0 12px;border-radius:0 2px 2px 0;border:1px solid #B7B7B7;border-left:none;width:1%;white-space:nowrap}.unit-input-group .unit.-disable{background:#EDEDED;cursor:not-allowed}.unit-input-group .unit.-success{border-color:#56BD5B}.unit-input-group .unit.-error{border-color:#E34C4C}.textarea-group{margin:20px 0;position:relative;width:100%}.textarea-group .label{display:inline-block;font-family:"promptlight";font-size:14px;font-weight:normal;line-height:20px;text-align:left;color:#898989;white-space:normal}.textarea-group .normal-textarea{display:block;padding:6px;border:1px solid #959595;border-radius:2px;width:100%;font-family:"promptlight";font-size:16px;color:#252525;outline:none;min-height:110px}.textarea-group .description{font-family:"promptmedium";font-size:10px;color:#707070}.textarea-group .description.text-green{color:#56BD5B}.button-md{height:auto;border:none;border-radius:2px;font-family:"promptmedium";font-size:16px;min-width:100px;padding:5px 15px;text-align:center;margin-top:15px;color:#FFF}.button-md.-blue{background:#3887c8}.button-md.-grey{background:#464646}.button-md.-theme{background:#3887c8}.button-normal{font-family:"promptregular";font-size:16px;height:35px;min-width:100px;padding:0px 12px;line-height:35px;text-align:center;border-radius:2px;box-shadow:0 2px 3px rgba(0,0,0,0.3);border:none;outline:none!important;cursor:pointer;margin:5px;display:inline-block;float:left;color:#FFF}.button-normal:first-child{margin-left:0}.button-normal.disabled{cursor:not-allowed;opacity:0.5}.button-normal.-blue{background:#3887c8;color:#FFF;border:none}.button-normal.-green{background:#56BD5B;color:#FFF;border:none}.button-normal.-grey{background:#636363;color:#FFF;border:none}.button-normal.-grey:hover{border-color:none;background-image:none;background-color:#636363;color:#FFF}.button-normal.-red{background:#E34C4C}.button-normal.-theme{background:#3887c8}.button-normal i{font-size:14px;padding-right:10px}.button-normal.-column{margin-top:20px}@media screen and (max-width:767px){.button-normal.-column{margin-top:0}}.button-small{font-family:"promptregular";font-size:12px;height:25px;min-width:100px;padding:0;text-align:center;border-radius:2px;box-shadow:0 2px 3px rgba(0,0,0,0.3);border:none;outline:none!important;cursor:pointer;margin:5px;display:inline-block;float:right;color:#FFF}@media screen and (max-width:768px){.button-small{float:none;display:block}}.button-small:first-child{margin-left:0}.button-small.-blue{background:#3887c8}.button-small.-grey{background:#636363;color:#FFF;border:none}.button-small.-grey:hover{border-color:none;background-image:none;background-color:#636363;color:#FFF}.button-small.-red{background:#E34C4C}.button-small i{font-size:10px;padding-right:5px;color:#FFF!important}._unmargin{margin:0!important}._unmargin-top{margin-top:0!important}._unmargin-bottom{margin-bottom:0!important}._unmargin-left{margin-left:0!important}._unmargin-right{margin-right:0!important}._unpadding{padding:0!important}._unpadding-top{padding-top:0!important}._unpadding-bottom{padding-bottom:0!important}._unpadding-left{padding-left:0!important}._unpadding-right{padding-right:0!important}.hidden{display:none}.text-center{text-align:center}.text-blue{color:#3887c8!important}.text-red{color:#E34C4C!important}.text-theme{color:#3887c8!important}.select-group{width:100%;display:block;margin:20px 0;position:relative;width:100%}.select-group .label{display:table-row;font-family:"promptregular";font-size:14px;font-weight:normal;line-height:20px;text-align:left;color:#898989}.select-group>.select{width:100%;height:35px;border-radius:2px;border:1px solid #b7b7b7;background:transparent;outline:none;padding:0 6px;font-family:"promptregular";position:relative}.select-group>.select:focus{border-color:#3887c8}.select-group>.select.-disable,.select-group>.select:disabled{color:#B7B7B7;border-color:#b7b7b7;cursor:not-allowed;background:#ebebe4}.select-group .caret{background:#FFF;width:30px;height:30px;line-height:30px;float:right;text-align:center;margin-top:-34px;margin-right:2px;position:relative;z-index:2;border:none;display:none}.checkbox-group{margin:10px 0;position:relative}.checkbox-group>.checkbox-true{visibility:hidden}.checkbox-group>.checkbox-true.-table{height:auto;position:absolute}.checkbox-group>.checkbox-fake{margin:0;cursor:pointer;position:absolute;width:18px;height:18px;top:-5px;left:10px;background:#FFF;border:2px solid #D7D7D7;border-radius:3px}.checkbox-group>.checkbox-fake.-table{width:14px;height:14px;border:2px solid #707070;position:relative;top:4px;left:-5px;border-radius:2px}.checkbox-group>.checkbox-fake.-table:after{opacity:0;content:"";position:absolute;width:9px;height:5px;background:transparent;top:2px;left:1px;border:2px solid #FFF;border-top:none;border-right:none;transform:rotate(-45deg)}.checkbox-group>.checkbox-fake:after{opacity:0;content:"";position:absolute;width:10px;height:6px;background:transparent;top:3px;left:2px;border:3px solid #FFF;border-top:none;border-right:none;transform:rotate(-45deg)}.checkbox-group input[type=checkbox]:checked+.checkbox-fake{border:2px solid #3887c8;background:#3887c8}.checkbox-group input[type=checkbox]:checked+.checkbox-fake:after{opacity:1}.checkbox-group input[type=checkbox][disabled]+.checkbox-fake{cursor:not-allowed;opacity:0.5}.checkbox-group .checkbox-label{cursor:pointer;top:1px;left:50px;font-size:14px;font-weight:normal;line-height:1.3;margin-left:40px;margin-top:-15px;margin-bottom:5px;display:flex;font-family:"promptregular"}.checkbox-group input[type=checkbox][disabled]+.checkbox-fake+.checkbox-label{cursor:not-allowed}.radio-group{margin:12px 0 5px;position:relative}.radio-group .radio-true{visibility:hidden}.radio-group .radio-fake{margin:0 0 0 5px;cursor:pointer;position:absolute;width:20px;height:20px;top:0;left:0;background:#FFF;border:2px solid #D7D7D7;border-radius:20px}.radio-group .radio-fake:after{opacity:0;content:"";position:absolute;width:10px;height:10px;background:#3887c8;top:3px;left:3px;border-radius:6px}.radio-group input[type=radio]:checked+.radio-fake{border:2px solid #3887c8}.radio-group input[type=radio]:checked+.radio-fake:after{opacity:1}.radio-group input[type=radio][disabled]+.radio-fake{cursor:not-allowed;opacity:0.5}.radio-group .radio-label{font-family:"promptmedium";cursor:pointer;position:absolute;top:1px;left:50px;font-size:14px;font-weight:normal}.radio-group input[type=radio][disabled]+.radio-fake+.radio-label{cursor:not-allowed}.table-section{width:1260px;margin:20px auto}@media screen and (max-width:1024px){.table-section{width:100%;margin:0;padding:20px}}.table-section .topic{font-family:"promptmedium";font-size:18px;color:#3887c8}.table-section .select-control-box{margin-top:20px;width:100%;text-align:right}.table-section .table-overflow{overflow:auto}.table-section .table-overflow .table-box{margin-top:10px;width:100%;border-bottom:2px solid #464646}.table-section .table-overflow .table-box .table-header{border-top:1px solid #C2C2C2;border-bottom:2px solid #464646;color:#252525}.table-section .table-overflow .table-box .table-header tr{height:60px}.table-section .table-overflow .table-box .table-header tr th{font-family:"promptmedium";font-size:14px;text-align:center}.table-section .table-overflow .table-box .table-body .row-box{border-bottom:1px solid #EBEBEB;background:#FFF!important}.table-section .table-overflow .table-box .table-body .row-box td{font-family:"promptregular";padding:10px 2px}.table-section .table-overflow .table-box .table-body .row-box td .emp{font-family:"promptmedium"}.table-section .table-overflow .table-box .table-body .row-box td span{font-family:"promptregular"}.table-section .table-overflow .table-box .table-body .row-box td a{font-family:"promptregular";text-decoration:none;color:#3887c8}.table-section .table-overflow .table-box .table-body .row-box td.empty-data{text-align:center;font-family:"promptmedium";font-size:14px;color:#7D7D7D}.table-section .table-overflow .table-box .table-body .row-box td .popup-detail{color:#3887c8;font-size:16px;cursor:pointer}.table-section .table-overflow .table-box .table-body .row-box td .del{color:#E34C4C;font-size:16px;cursor:pointer}.table-section .table-overflow .table-box .table-body .row-box td .del-disabled{color:#ccc;font-size:16px}.table-section .footer-table{overflow:hidden}.table-section .footer-table .paginator{width:50%;float:left;font-family:"promptregular";padding:10px 5px}@media screen and (max-width:767px){.table-section .footer-table .paginator{width:60%}}@media screen and (max-width:567px){.table-section .footer-table .paginator{width:100%}}.table-section .footer-table .paginator span{font-family:"promptregular"}.table-section .footer-table .perpage{width:20%;float:right;display:table;text-align:right}@media screen and (max-width:1024px){.table-section .footer-table .perpage{width:30%}}@media screen and (max-width:767px){.table-section .footer-table .perpage{width:40%}}@media screen and (max-width:567px){.table-section .footer-table .perpage{width:100%;padding-top:10px;text-align:left}}.table-section .footer-table .perpage .text1{display:table-cell;vertical-align:text-bottom;padding-right:20px;font-family:"promptregular";width:30%}@media screen and (max-width:767px){.table-section .footer-table .perpage .text1{width:20%;padding-right:10px}}.table-section .footer-table .perpage .text2{display:table-cell;vertical-align:text-bottom;padding-right:20px;font-family:"promptregular";width:30%}@media screen and (max-width:767px){.table-section .footer-table .perpage .text2{padding-right:10px}}.table-section .footer-table .perpage .text3{display:table-cell;vertical-align:text-bottom;padding-right:20px;font-family:"promptregular";width:35%}.collapse-group{width:100%}.collapse-group>.panel-group{margin-bottom:20px}.collapse-group>.panel-group .panel{margin-bottom:0;background-color:#fff;border-radius:0;border:none;box-shadow:none}.collapse-group>.panel-group .panel .panel-heading{height:55px;padding:0 15px;background-color:#3887c8;color:#252525;border-top-right-radius:0;border-top-left-radius:0;border-top:1px solid #3887c8;border-left:1px solid #3887c8;border-right:1px solid #3887c8;border-bottom:none;line-height:55px;cursor:pointer;clear:both}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading{height:50px;line-height:50px}}.collapse-group>.panel-group .panel .panel-heading .title{font-family:"promptregular";font-size:16px;display:inline;color:#FFF}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading .title{font-size:14px;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}}.collapse-group>.panel-group .panel .panel-heading .title>.right{font-size:12px;vertical-align:middle;padding:0 10px 5px 0}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading .title>.right{font-size:10px}}.collapse-group>.panel-group .panel .panel-heading .title-score{float:right;font-family:"promptlight";font-size:18px;display:inline;color:#FFF}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading .title-score{font-size:14px}}.collapse-group>.panel-group .panel .panel-heading .up{font-size:30px;line-height:50px;display:inline;text-align:right;float:right;color:#FFF}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading .up{font-size:20px;line-height:45px}}.collapse-group>.panel-group .panel .panel-heading .down{font-size:30px;line-height:50px;display:none;text-align:right;float:right}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading .down{font-size:20px;line-height:45px}}.collapse-group>.panel-group .panel .panel-heading .bookmark{font-size:28px;line-height:54px;padding:0 15px 0 10px;display:inline;text-align:right;float:right;color:#FFF}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading .bookmark{font-size:20px;line-height:45px}}.collapse-group>.panel-group .panel .panel-heading .bookmark.unpin{transform:rotate(45deg);height:35px;line-height:75px;color:#FFF}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading .bookmark.unpin{line-height:55px}}.collapse-group>.panel-group .panel .panel-heading.collapsed{border:1px solid #C2C2C2;background-color:#FFF}.collapse-group>.panel-group .panel .panel-heading.collapsed .title{color:#252525}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading.collapsed .title{font-size:14px;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}}.collapse-group>.panel-group .panel .panel-heading.collapsed .title>.right{color:#959595;font-size:12px;vertical-align:middle;padding:0 10px 5px 0}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading.collapsed .title>.right{font-size:10px}}.collapse-group>.panel-group .panel .panel-heading.collapsed .title-score{float:right;color:#252525}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading.collapsed .title-score{font-size:14px}}.collapse-group>.panel-group .panel .panel-heading.collapsed .up{font-size:30px;line-height:50px;display:none;text-align:right;float:right;color:#C2C2C2}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading.collapsed .up{font-size:22px;line-height:45px}}.collapse-group>.panel-group .panel .panel-heading.collapsed .down{font-size:30px;line-height:50px;display:inline;text-align:right;float:right;color:#C2C2C2}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading.collapsed .down{font-size:20px;line-height:45px}}.collapse-group>.panel-group .panel .panel-heading.collapsed .bookmark{font-size:28px;line-height:54px;padding:0 15px 0 10px;display:inline;text-align:right;float:right;color:#3887c8}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading.collapsed .bookmark{font-size:20px;line-height:45px}}.collapse-group>.panel-group .panel .panel-heading.collapsed .bookmark.unpin{transform:rotate(45deg);height:35px;line-height:75px;color:#959595}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-heading.collapsed .bookmark.unpin{line-height:55px}}.collapse-group>.panel-group .panel .panel-collapse>.panel-body{clear:both;padding:20px 60px;border-top:2px solid #3887c8;border-left:2px solid #3887c8;border-right:2px solid #3887c8;border-bottom:2px solid #3887c8;position:relative;margin:0 0 -1px 0}@media screen and (max-width:768px){.collapse-group>.panel-group .panel .panel-collapse>.panel-body{padding:15px 20px}}.collapse-group>.panel-group .panel+.panel{margin-top:0}.modal .modal-dialog.modal-xxl{max-width:1100px}.modal .modal-dialog .modal-content .modal-header{text-align:center;background:#EBEBEB;border-bottom:1px solid #C2C2C2}.modal .modal-dialog .modal-content .modal-header .modal-title{font-family:"promptmedium";font-size:18px;width:100%;padding-left:2rem}.modal .modal-dialog .modal-content .modal-header .close{padding:1rem;background:#EBEBEB;font-size:18px;cursor:pointer}.modal .modal-dialog .modal-content .modal-header .close i{line-height:1.5}.modal .modal-dialog .modal-content .modal-body .box-jobdetail{padding:20px 0}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .jobdetail-topic{display:none}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container div.head{margin-bottom:40px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container div.head .jobdetail-title{font-family:"PromptMedium";color:#3887c8;margin-bottom:25px;font-size:18px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container div.head .position-total{font-size:18px;font-family:"PromptMedium";padding-left:10px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container div.head .job-id{font-size:18px;font-family:"PromptMedium";text-align:right;padding-right:40px}@media screen and (max-width:767px){.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container div.head .job-id{padding-right:15px}}@media screen and (max-width:575px){.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container div.head .job-id{text-align:left;padding:10px 0}}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container div.head .detail-job{padding:20px 0 0 0}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items{padding:50px 0;border-top:1px solid #dadada}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items:last-child{border-bottom:2px solid #959595}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items h5{margin-top:0;padding:0;font-family:"PromptMedium";color:#3887c8;margin-bottom:25px;font-size:18px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items .jobdetail-detail{font-family:"promptregular";font-size:16px;line-height:1.4;padding-right:40px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items .jobdetail-detail p{font-family:"promptregular"}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items .jobdetail-detail p strong{font-family:"promptregular"}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items .jobdetail-detail p strong span{font-family:"promptregular"}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .detail .items .jobdetail-detail p span{font-family:"promptregular"}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom{margin-top:50px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .button button{background:#56BD5B;color:#FFF;border:1px solid #56BD5B;height:50px;padding:0 50px;font-family:"PromptMedium";font-size:18px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .share{margin-top:50px}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .share .fbicon{width:24px;height:24px;display:inline-block;background:url(../../media/images/icon_shares.gif) no-repeat 0px 0px;text-indent:-9999px;cursor:pointer}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .share .twicon{width:24px;height:24px;display:inline-block;background:url(../../media/images/icon_shares.gif) no-repeat -34px 0px;text-indent:-9999px;cursor:pointer}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .share .lnicon{width:24px;height:24px;display:inline-block;background:url(../../media/images/icon_shares.gif) no-repeat -68px 0px;text-indent:-9999px;cursor:pointer}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .share .align-responsive-right{text-align:right;margin-top:10px;padding-right:0!important}@media (max-width:575px){.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .share .align-responsive-right{text-align:left}}.modal .modal-dialog .modal-content .modal-body .box-jobdetail .container .bottom .share .align-responsive-right button{background:#FFFFFF;border:1px solid #464646;display:inline-block;color:#464646;text-align:center;vertical-align:middle;cursor:pointer;font-family:"PromptMedium";font-size:16px;line-height:1.5;height:auto}section#banner div#banner{background-repeat:no-repeat;height:350px;position:relative}section#banner div#banner div#boxsearch{width:50%;position:absolute;left:0;right:0;top:35%;margin:0 auto;z-index:99;float:left}section#banner div#banner div#boxsearch h1{color:#FFF;font-family:"PromptSemiBold";font-size:84px;text-align:center;letter-spacing:5px}section#banner div#banner div#boxsearch h1 span{color:#f7b422}section#banner div#banner div#boxsearch h2{color:#FFF;font-family:"PromptMedium";text-transform:uppercase;font-size:34px;letter-spacing:16px;text-align:center}section#banner div#banner div#boxsearch input[type=text]{float:left;margin-right:5px;height:50px;font-size:16px;background-image:url(../images/icon-search.png);background-repeat:no-repeat;padding-left:50px}section#content{min-height:500px}section#content div#fillter{background:#3887c8;padding:5px 30px 20px;color:#FFF}section#content div#fillter img{margin-right:15px;margin-top:-5px}section#content div#fillter input[type=text]{background-image:url(../images/icon-search-34.png);background-repeat:no-repeat;padding-left:34px}section#content div#items-list{background:#f1f1f1;padding-bottom:50px}section#content div#items-list div div#list{position:relative;margin:0;background:#FFF;padding-left:40px;box-shadow:0px 3px 5px 1px rgb(182,183,183)}section#content div#items-list div div#list div.items{border-bottom:1px solid #dadada;background:#FFF;padding:40px 0;position:relative}section#content div#items-list div div#list div.items div.registed{position:absolute;float:right;right:0;top:0}section#content div#items-list div div#list div.items span.title{font-family:"PromptMedium";color:#3887c8;margin-bottom:25px;font-size:18px}section#content div#items-list div div#list div.items span.title a{color:#3887c8}section#content div#items-list div div#list div.items span.title a:hover{color:#3887c8;text-decoration:none}section#content div#items-list div div#list div.items .position-total{font-size:18px;font-family:"PromptMedium";padding-left:10px}section#content div#items-list div div#list div.items .job-id{font-size:18px;font-family:"PromptMedium";text-align:right;padding-right:40px}@media screen and (max-width:767px){section#content div#items-list div div#list div.items .job-id{padding-right:15px}}@media screen and (max-width:575px){section#content div#items-list div div#list div.items .job-id{text-align:left;padding:10px 0}}section#content div#items-list div div#list div.items .detail-job{padding:20px 0 0 0}section#content div#items-list div div#list div.items button{background:#FFFFFF;border:1px solid #6b6b6b}section#content div#items-list div div#list div.items button:hover{background:#efefef}section#content div#items-list div div#list div#footer{padding:30px 0}section#content div.nav{height:52px;background:#cee1f0;padding:0 50px;padding-top:18px}section#content div.nav h5{padding:0;margin:0;color:#252525}section#content div.nav h5 a{text-decoration:underline;color:#3887c8}section#content div.nav h5 a:hover{color:#3887c8}section#content div.box-login-register{height:770px;background-image:url(../images/background-login-register.jpg);background-repeat:no-repeat;background-size:cover;background-position-x:center}section#content div.box-login-register div.box{padding-top:150px;padding-left:0}section#content div.box-login-register div.box h1{padding:0;margin:0;text-align:left;color:#FFFFFF;font-family:"PromptSemiBold";font-size:68px}section#content div.box-login-register div.box h1 span{color:#f7b422}section#content div.box-login-register div.box h5{color:#FFFFFF;font-family:"PromptMedium";font-size:38px;margin-top:50px;margin-bottom:10px}section#content div.box-login-register div.box h5 span{font-size:16px;font-family:"PromptRegular",sans-serif}section#content div.box-login-register div.box h5 span a{margin-left:10px;color:#6dcff6;text-decoration:underline}section#content div.box-login-register div.box h5 span a:hover{color:#6dcff6}section#content div.box-login-register div.box form{margin-top:20px}section#content div.box-login-register div.box form input[type=text]{height:50px;width:50%;padding-left:50px;background-image:url(../images/icon-account.png);background-repeat:no-repeat;font-size:16px}section#content div.box-login-register div.box form input[type=password]{height:50px;width:50%;padding-left:50px;background-image:url(../images/icon-password.png);background-repeat:no-repeat;font-size:16px}section#content div.box-login-register div.box form button{color:#FFFFFF;background:#3887c8;font-size:18px;width:50%;height:50px}section#content div.box-login-register div.box form button:hover{opacity:0.9;filter:alpha(opacity=90)}section#content div.box-login-register div.box p{font-size:16px}section#content div.box-login-register div.box p a{color:#3887c8;text-decoration:underline}section#content div.box-login-register div.box p a:hover{color:#3887c8}section#content div.box-login-register .box-login-register-condition h5{color:#000!important;font-size:30px!important;margin-top:10px!important}section#content div.box-login-register .box-login-register-condition button.close{color:#000;font-size:30px;margin-top:5px;background:none;opacity:1;height:auto;width:auto}section#content div.box-login-register .box-login-register-condition button.close span{font-size:30px}section#content div.box-login-register.register form div.box-name{width:50%}section#content div.box-login-register.register form div.box-name input[type=text]{width:100%;background-image:unset;padding-left:15px}section#content div.box-login-register.forgot form input[type=text]{background-image:url(../images/icon-subscribe.png)!important;background-repeat:no-repeat;width:100%!important}section#content div.box-jobdetail{background:#f1f1f1;padding:40px 0}section#content div.box-jobdetail .jobdetail-topic{margin:30px 0 15px;font-family:"PromptSemiBold";font-size:24px}section#content div.box-jobdetail div#detail{padding:50px 0 50px 50px;position:relative;margin:0;background:#FFF;padding-left:40px;box-shadow:0px 3px 5px 1px rgb(182,183,183)}section#content div.box-jobdetail div#detail h5{font-family:"PromptMedium";color:#3887c8;margin-bottom:25px;font-size:18px}section#content div.box-jobdetail div#detail .jobdetail-detail{font-family:"promptregular";font-size:16px;line-height:1.4;padding-right:40px}@media (max-width:767px){section#content div.box-jobdetail div#detail .jobdetail-detail{padding-right:0}}section#content div.box-jobdetail div#detail button{background:#FFFFFF;border:1px solid #6b6b6b}section#content div.box-jobdetail div#detail button:hover{background:#EFEFEF}section#content div.box-jobdetail div#detail div.head{margin-bottom:40px}section#content div.box-jobdetail div#detail div.head .jobdetail-title{font-family:"PromptMedium";color:#3887c8;margin-bottom:25px;font-size:18px}section#content div.box-jobdetail div#detail div.head .position-total{font-size:18px;font-family:"PromptMedium";padding-left:10px}section#content div.box-jobdetail div#detail div.head .job-id{font-size:18px;font-family:"PromptMedium";text-align:right;padding-right:40px}@media screen and (max-width:767px){section#content div.box-jobdetail div#detail div.head .job-id{padding-right:15px}}@media screen and (max-width:575px){section#content div.box-jobdetail div#detail div.head .job-id{text-align:left;padding:10px 0}}section#content div.box-jobdetail div#detail div.head .detail-job{padding:20px 0 0 0}section#content div.box-jobdetail div#detail div.detail div.items{padding:50px 0;border-top:1px solid #dadada}section#content div.box-jobdetail div#detail div.detail div.items:last-child{border-bottom:2px solid #959595}section#content div.box-jobdetail div#detail div.detail div.items div.content{padding-right:50px}section#content div.box-jobdetail div#detail div.detail div.items div.content h5{font-size:unset;font-size:16px;margin-top:0;margin-bottom:20px;padding:0}section#content div.box-jobdetail div#detail div.detail div.items div.content p:last-child{margin:0}section#content div.box-jobdetail div#detail div.detail div.items div.content ul{padding:0;padding-left:20px;margin:0}section#content div.box-jobdetail div#detail div.bottom{margin-top:50px}section#content div.box-jobdetail div#detail div.bottom div.button button{background:#3887c8;color:#FFF;border:unset;height:50px;padding:0 50px;font-family:"PromptMedium";font-size:18px}section#content div.box-jobdetail div#detail div.bottom div.button button:hover{opacity:0.9;filter:alpha(opacity=90)}section#content div.box-jobdetail div#detail div.bottom div.share{margin-top:50px}section#content div#banner-bottom{position:relative;margin-bottom:50px}section#content div#banner-bottom div.items{height:411px;background-image:url(../images/banner.jpg);background-repeat:no-repeat}section#content div#banner-bottom div.items div.text{position:absolute;z-index:99;float:left;text-align:center;width:100%;margin-top:110px}section#content div#banner-bottom div.items div.text h1{color:#FFF;font-size:24px}section#content div#banner-bottom div.items div.text p{color:#FFF;width:60%;margin:20px auto;font-size:16px}section#content div#banner-bottom div.items div.text hr{border-top:5px solid #FFF;margin-top:25px;width:100px}section#content div.box-profile{background:#f1f1f1;padding:0 0 60px 0}section#content div.box-profile div#form{padding:40px 0 40px 40px;position:relative;background:#FFF;box-shadow:0px 3px 5px 1px rgb(182,183,183)}section#content div.box-profile div#form div.items{padding:40px 0;border-bottom:1px solid #dadada;padding-right:40px}section#content div.box-profile div#form div.items:last-child{border-bottom:2px solid #959595}section#content div.box-profile div#form div.items:first-child{padding-top:0}section#content div.box-profile div#form div.items .account-img-box{width:130px;overflow:hidden;display:inline-block}section#content div.box-profile div#form div.items .account-img-box .account-img{width:130px;height:130px;border-radius:50%}section#content div.box-profile div#form div.items button.btn-upload{color:#FFF;background:#3887c8;height:50px;width:300px;font-size:16px;margin-top:20px;cursor:pointer}section#content div.box-profile div#form div.items p.comment{margin-top:10px;font-size:16px;color:#9d9d9d}section#content div.box-profile div#form div.items h4{font-family:"PromptMedium";color:#3887c8;font-size:24px;margin-top:0;margin-bottom:20px}section#content div.box-profile div#form div.items label{color:#959595;font-weight:unset}section#content div.box-profile div#form div.box-button{margin-top:50px;overflow:hidden}section#content div.box-profile div#form div.box-button button{color:#FFF;background:#3887c8;height:50px;width:200px;font-size:16px}section#content div.box-profile h1{margin:50px 0 30px 0;color:#3887c8}section#content div.box-application{background:#f1f1f1;min-height:500px}section#content div.box-application div#tbl{padding:50px;position:relative;margin:0 0 100px 0;background:#FFF;padding-left:50px;box-shadow:0px 3px 5px 1px rgb(182,183,183)}section#content div.box-application div#tbl table thead tr th{border-bottom:2px solid #707070}section#content div.box-application div#tbl table tbody{border-bottom:2px solid #707070}section#content div.box-application div#tbl button{background:#FFF;border:1px solid #000;padding:2px 10px;font-size:13px;width:180px}section#content div.box-application div#tbl a{text-decoration:underline}section#content div.box-application div#tbl i{color:#3887c8}section#content div.box-application h1{margin:50px 0 30px 0;color:#3887c8}section#content div.box-applyjob{background:#f1f1f1;padding:0 0 60px 0}section#content div.box-applyjob h1{margin:50px 0 30px 0;color:#3887c8}section#content div.box-applyjob div#form{padding:40px;position:relative;background:#FFF;box-shadow:0px 3px 5px 1px rgb(182,183,183)}section#content div.box-applyjob div#form .head span.title{font-family:"PromptMedium";color:#3887c8;margin-bottom:25px;font-size:18px}section#content div.box-applyjob div#form .head span.title a{color:#3887c8}section#content div.box-applyjob div#form .head span.title a:hover{color:#3887c8;text-decoration:none}section#content div.box-applyjob div#form .head .position-total{font-size:18px;font-family:"PromptMedium";padding-left:10px}section#content div.box-applyjob div#form .head .job-id{font-size:18px;font-family:"PromptMedium";text-align:right}@media screen and (max-width:767px){section#content div.box-applyjob div#form .head .job-id{padding-right:15px}}@media screen and (max-width:575px){section#content div.box-applyjob div#form .head .job-id{text-align:left;padding:10px 0}}section#content div.box-applyjob div#form .head .detail-job{padding:20px 0 0 0}section#content div.box-applyjob div#form .head .explain-text{text-align:right;padding-top:20px;font-size:14px;line-height:1.4}@media screen and (max-width:767px){section#content div.box-applyjob div#form .head .explain-text{text-align:left;padding-top:0}}section#content div.box-applyjob div#form h5{font-family:"PromptMedium";font-size:24px;color:#3887c8}section#content div.box-applyjob div#form div#otherjob{margin-top:20px;color:#959595}section#content div.box-applyjob div#form div.formbody{margin-top:20px}section#content div.box-applyjob div#form div.formbody h6.title{color:#464646;font-size:16px;padding:16px 0 16px 20px;font-family:"PromptMedium";border-bottom:1px solid #959595;border-left:1px solid #959595;border-right:1px solid #959595;margin:0;cursor:pointer}section#content div.box-applyjob div#form div.formbody h6.title i{margin-right:10px}section#content div.box-applyjob div#form div.formbody h6.title#title-1{border-top:1px solid #959595}section#content div.box-applyjob div#form div.formbody h6.title.active{background:#3887c9;border:1px solid #3887c9;color:#FFF}section#content div.box-applyjob div#form div.formbody div.jobsection{padding:50px;display:none}section#content div.box-applyjob div#form div.formbody div.jobsection.open{border-left:1px #3887c9 solid;border-right:1px #3887c9 solid;border-bottom:1px #959595 solid;display:block}section#content div.box-applyjob div#form div.formbody div.jobsection.open .account-img-box{width:130px;overflow:hidden;display:inline-block}section#content div.box-applyjob div#form div.formbody div.jobsection.open .account-img-box .account-img{width:130px;height:130px;border-radius:50%}section#content div.box-applyjob div#form div.formbody div.jobsection.open button.btn-upload{color:#FFF;background:#3887c8;height:50px;width:300px;font-size:16px;margin-top:20px;cursor:pointer}section#content div.box-applyjob div#form div.formbody div.jobsection.open p.comment{margin-top:10px;font-size:16px;color:#9d9d9d}section#content div.box-applyjob div#form div.formbody div#section-2 div.items{border-bottom:0}section#content div.box-applyjob div#form div.formbody div#section-2 div.items h4{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #dadada}section#content div.box-applyjob div#form div.formbody div#section-2 h4 a{color:red}section#content div.box-applyjob div#form div.formbody div#section-3 div.items{border-bottom:0}section#content div.box-applyjob div#form div.formbody div#section-3 div.items h4{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #dadada}section#content div.box-applyjob div#form div.formbody div#section-3 h4 a{color:red}section#content div.box-applyjob div#form div.formbody div#section-3 input.salary{width:35%;margin-right:2.5%;float:left}section#content div.box-applyjob div#form div.formbody div#section-3 select.unit{width:35%;margin-right:2.5%;float:left}section#content div.box-applyjob div#form div.formbody div#section-3 select.typepay{width:25%;float:left}section#content div.box-applyjob div#form div.formbody div#section-5 div.items{border-bottom:0}section#content div.box-applyjob div#form div.formbody div#section-5 div.items h4{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #dadada}section#content div.box-applyjob div#form div.formbody div#section-5 h4 a{color:red}section#content div.box-applyjob div#form div.formbody div#section-6 div.items{border-bottom:0}section#content div.box-applyjob div#form div.formbody div#section-6 div.items h4{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #dadada}section#content div.box-applyjob div#form div.formbody div#section-6 h4 a{color:red}section#content div.box-applyjob div#form div.formbody div#section-7 div.items{border-bottom:0}section#content div.box-applyjob div#form div.formbody div#section-7 tbody a{color:red}section#content div.box-applyjob div#form div.formbody div#section-8 div.items{border-bottom:0}section#content div.box-applyjob div#form div.formbody div#section-8 div.items h4{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #dadada}section#content div.box-applyjob div#form div.formbody div#section-8 h4 a{color:red}section#content div.box-applyjob div#form div.formbody div#section-4 div.startjob div.radiolist{margin:10px 0}section#content div.box-applyjob div#form div.items{padding:40px 0;border-bottom:1px solid #dadada}section#content div.box-applyjob div#form div.items:last-child{border-bottom:2px solid #959595}section#content div.box-applyjob div#form div.items:first-child{padding-top:0}section#content div.box-applyjob div#form div.items button.btn-upload{color:#FFF;background:#3887c8;height:50px;width:300px;font-size:16px;margin-top:20px}section#content div.box-applyjob div#form div.items p.comment{margin-top:10px;font-size:16px;color:#9d9d9d}section#content div.box-applyjob div#form div.items h4{font-family:"PromptMedium";color:#3887c8;font-size:24px;margin-top:0;margin-bottom:20px}section#content div.box-applyjob div#form div.items label{color:#959595;font-weight:unset}section#content div.box-applyjob div#form div.more-info{margin-top:20px;border-top:1px dashed #dadada;border-bottom:1px solid #dadada;padding:20px 0}section#content div.box-applyjob div#form div.more-info button{height:50px;width:200px;font-size:16px}section#content div.box-applyjob div#form div.box-button{margin-top:50px;overflow:hidden}section#content div.box-applyjob div#form div.box-button button{color:#FFF;background:#3887c8;height:50px;width:200px;font-size:16px}section#content div.box-applyjob div#form div.box-button button i{margin-left:10px;font-weight:bold}section#content div.box-applyjob div#form div.box-button button.back{background:#FFF;border:1px solid #000;color:#000}footer{background:#CCC}footer div#footer{height:164px;color:#252525;padding-top:50px;font-size:16px}.paginator span{padding:0 8px}.paginator a{padding:0 8px}.paginator span.current{background:#3887c8;color:#FFF}div.overlay{position:absolute;width:100%;float:left;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.5;filter:alpha(opacity=50);z-index:999;display:none}.pull-right{float:right}.border-0{border:0!important}.border-bottom-1solid959595{border-bottom:1px solid #959595!important}.padding-left-0{padding-left:0!important}.padding-right-0{padding-right:0!important}.padding-right-65{padding-right:65px!important}.padding-right-50{padding-right:50px!important}.padding-top-5{padding-top:5px}.padding-top-0{padding-top:0!important}.margin-top-10{margin-top:10px}.margin-left-15{margin-left:15px!important}.margin-right-1-per{margin-right:1%}.margin-bottom-10{margin-bottom:10px}.margin-bottom-0{margin-bottom:0}.width-50-per{width:50%}.width-80-per{width:80%}.width-49-per{width:49%}.width-220-px{width:220px!important}.width-40-per{width:40%}div.desc{line-height:20px}div.desc div{float:left;margin-right:20px}div.desc span{font-family:"PromptMedium";margin:0 10px}button.success{border:1px solid #56bd5b!important;color:#56bd5b}button.success:hover{color:#56bd5b}button.success i{color:#56bd5b!important}button.warning{border:1px solid #f7b422!important;color:#f7b422}button.warning:hover{color:#f7b422}button.warning i{color:#f7b422!important}button.danger{border:1px solid #d54037!important;color:#d54037}button.danger:hover{color:#d54037}button.danger i{color:#d54037!important}button.isapplied{background:#56bd5b!important;border:1px solid #56bd5b!important}div.expcomment{font-size:12px;color:gray}.box-validate-msg{width:50%}.box-msg-success{color:#666;background:#c0edd0;padding:10px;border-left:5px solid green}.box-msg-error{color:#666;background:#f5dbda;padding:10px;border-left:5px solid red}.color-black{color:black!important}.color-blue{color:#1a1a1a}.color-red{color:red}.color-gray{color:gray}.color-white{color:#FFF}.myFont{font-size:14px}.fbicon{width:24px;height:24px;display:inline-block;background:url(../../media/images/icon_shares.gif) no-repeat 0px 0px;text-indent:-9999px;cursor:pointer}.twicon{width:24px;height:24px;display:inline-block;background:url(../../media/images/icon_shares.gif) no-repeat -34px 0px;text-indent:-9999px;cursor:pointer}.lnicon{width:24px;height:24px;display:inline-block;background:url(../../media/images/icon_shares.gif) no-repeat -68px 0px;text-indent:-9999px;cursor:pointer}.sficon{height:20px;line-height:20px;display:inline-block;background:url(../../media/images/iconset-2.gif) no-repeat 0px -20px;padding-left:25px;cursor:pointer}.printicon{height:20px;line-height:20px;display:inline-block;background:url(../../media/images/iconset-2.gif) no-repeat 0px 0px;padding-left:25px;cursor:pointer}.checkbox-custom{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-custom input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom input:checked~.checkmark{background-color:#2196F3}.checkbox-custom input:checked~.checkmark:after{display:block}.checkbox-custom:hover input~.checkmark{background-color:#ccc}.checkbox-custom .checkmark:after{left:9px;top:3px;width:8px;height:15px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee}.checkmark:after{content:"";position:absolute;display:none}@media (max-width:991px){.upload-box{text-align:center}}.upload-box .upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block}.upload-box .upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}@media (min-width:1921px){.container{max-width:1280px}.container-fluid{width:100%;padding:0}header div#header{padding-left:70px;padding-right:70px}header nav{padding-left:70px;padding-right:70px}header nav ul.left-menu li{padding-right:35px;padding-left:35px}header nav ul.left-menu li a img{margin-right:20px}header nav ul.right-menu li{padding-right:35px;padding-left:35px}}@media (max-width:1920px){.container-fluid{max-width:100%;padding:0}}@media (min-width:1200px){section#content #fillter .container{max-width:1280px}section#content #items-list .container{max-width:1280px}section#content .box-profile .container{max-width:1280px}section#content .box-application .container{max-width:1280px}section#content div#banner-bottom div.items div.text{margin-top:130px}}@media (min-width:768px) and (max-width:991px){header nav div.col-sm-8{padding:0}header nav div.col-sm-4{padding:0}section#banner div#banner div#boxsearch{width:60%}section#content div.box-jobdetail{padding-top:40px}section#content div.box-jobdetail div#detail{margin:50px 0}}@media screen and (min-width:1921px){section#banner div#banner{height:250px;background-size:cover;background-position:center}section#banner div#banner div#boxsearch{width:unset}section#banner div#banner div#boxsearch input[type=text]{margin-top:10px}section#banner div#banner div#boxsearch h1{font-size:64px}section#banner div#banner div#boxsearch h3{margin-top:25px}section#banner div#banner div#boxsearch h2{font-size:38px;letter-spacing:5px}}@media screen and (max-width:1920px){section#banner div#banner{height:250px;background-size:cover;background-position:center}section#banner div#banner div#boxsearch{width:unset}section#banner div#banner div#boxsearch input[type=text]{margin-top:10px}section#banner div#banner div#boxsearch h1{font-size:64px}section#banner div#banner div#boxsearch h3{margin-top:25px}section#banner div#banner div#boxsearch h2{font-size:38px;letter-spacing:5px}}@media screen and (max-width:1366px){section#banner div#banner{height:250px;background-size:cover;background-position:center}section#banner div#banner div#boxsearch{width:unset}section#banner div#banner div#boxsearch input[type=text]{margin-top:10px}section#banner div#banner div#boxsearch h1{font-size:64px}section#banner div#banner div#boxsearch h3{margin-top:25px}section#banner div#banner div#boxsearch h2{font-size:38px;letter-spacing:5px}}@media screen and (max-width:1024px){.container-fluid{padding-left:0;padding-right:0}.container-fluid section#banner div#banner{height:250px;background-size:cover;background-position:center}.container-fluid section#banner div#banner div#boxsearch{width:unset}.container-fluid section#banner div#banner div#boxsearch input[type=text]{margin-top:10px}.container-fluid section#banner div#banner div#boxsearch h1{font-size:52px}.container-fluid section#banner div#banner div#boxsearch h3{margin-top:25px}.container-fluid section#banner div#banner div#boxsearch h2{font-size:32px;letter-spacing:5px}}@media screen and (max-width:1023px) and (min-width:768px){.container-fluid{padding-left:0;padding-right:0}.container-fluid .header-pc .menu-box{padding:15px 20px}.container-fluid section#banner div#banner{height:250px;background-size:auto 100%;background-position:center}.container-fluid section#banner div#banner div#boxsearch{width:unset}.container-fluid section#banner div#banner div#boxsearch input[type=text]{margin-top:10px}.container-fluid section#banner div#banner div#boxsearch h1{font-size:48px}.container-fluid section#banner div#banner div#boxsearch h3{margin-top:25px}.container-fluid section#banner div#banner div#boxsearch h2{font-size:28px;letter-spacing:5px}}@media (max-width:767px){.container-fluid{padding-left:0;padding-right:0}section#content{margin:0;background:#f1f1f1;min-height:unset}section#content div#fillter{padding-top:20px}section#content div#items-list{padding-bottom:50px;background:unset}section#content div#items-list div div#list{padding-left:20px;margin:0}section#content div#items-list div div#list div.items h4.title{margin:0;line-height:25px}section#content div#items-list div div#list div.items div.branch{padding-right:15px!important;text-align:left;margin-bottom:20px}section#content div#items-list div div#list div.items div.boxbtn{margin-top:20px;text-align:left}section#content div.box-login-register{background-image:url(../images/background-login-register.jpg);background-size:auto 100%;background-position-x:center;height:650px}section#content div.box-login-register div.box{padding-left:0;padding-top:80px}section#content div.box-login-register div.box h1{font-size:48px}section#content div.box-login-register div.box h5{margin-top:30px;font-size:22px}section#content div.box-login-register div.box form input[type=text]{width:100%}section#content div.box-login-register div.box form input[type=password]{width:100%}section#content div.box-login-register div.box form button{margin-top:10px;width:100%}section#content div.box-login-register.register form div.box-name{width:100%}section#content div.box-login-register.register form div.box-name div.col-sm-6{padding:0}section#content div.box-login-register.register form div.box-name div.col-sm-6:first-child{margin-bottom:15px}section#content div.box-login-register.forgot div.box form div.col-sm-3{margin-top:10px}section#content div.box-jobdetail{padding-top:40px}section#content div.box-jobdetail div#detail{margin:0 0 50px 0;padding:20px}section#content div.box-jobdetail div#detail h5.branch{font-size:22px;text-align:left;padding:0}section#content div.box-jobdetail div#detail div.col-sm-4{text-align:left;padding-right:20px}section#content div.box-jobdetail div#detail div.share div.col-sm-6{text-align:right;padding-right:10px}section#content div.box-profile div#form div.items div.col-sm-10{padding-left:0}section#content div.box-profile div#form div.items div.form-group div.col-sm-6{padding-left:0;padding-right:0}section#content div.box-profile div#form div.items div.address{padding-right:0}section#content div.box-profile div#form div.items div.defective{padding-right:0}section#content div.box-applyjob div#form div.head div.col-sm-4{padding-right:20px}section#content div.box-applyjob div#form div.head div.col-sm-4 h5{text-align:left;font-size:22px}section#content div.box-applyjob div#form div.head div#otherjob p{margin-top:20px;text-align:left}section#content div.box-applyjob div#form div.formbody{margin-top:10px}section#content div.box-applyjob div#form div.formbody div.jobsection{padding:20px}section#content div.box-applyjob div#form div.formbody div.items div.form-group div.col-sm-6{padding-left:0;padding-right:0}section#content div.box-applyjob div#form div.formbody div.items div.address{padding-right:0}section#content div.box-applyjob div#form div.formbody div.items div.defective{padding-right:0}section#content div.box-applyjob div#form div.formbody div#section-8 div.box-button button.darf{width:49%}section#content div.box-applyjob div#form div.formbody div#section-8 div.box-button button.finish{width:49%}section#content div.box-applyjob div#form div.items div.col-sm-10{padding-left:0}section#content div.box-applyjob div#form div.items{padding-right:0}section#content div.box-applyjob div#form div.box-button button{width:49%}header div#header-mobile{padding-left:15px;padding-right:15px;height:90px;padding-top:15px}footer div#footer{text-align:center}.box-validate-msg{width:100%}.pdr0{padding-right:0}.pdr15{padding-right:15px!important}.margin-left-90{margin-left:90px!important}.margin-left-86{margin-left:86px!important}.margin-left-38{margin-left:38px!important}}@media screen and (max-width:480px){header div#header-mobile{height:70px;padding-top:10px}header div#header-mobile div.left img{width:30px;height:auto}header div#header-mobile div.center img{width:170px;height:auto}section#banner div#banner{height:420px;background-size:auto 100%;background-position:center}section#banner div#banner div#boxsearch{width:unset}section#banner div#banner div#boxsearch input[type=text]{margin-top:10px}section#banner div#banner div#boxsearch h1{font-size:48px}section#banner div#banner div#boxsearch h3{margin-top:25px}section#banner div#banner div#boxsearch h2{font-size:28px;letter-spacing:5px}section#content div#banner-head-job{margin-top:20px}section#content h1{font-size:26px;margin:30px 0}section#content div.box-login-register{background-image:url(../images/bg_login_mobile.jpg);background-position-x:center;background-size:auto 100%;height:660px}section#content div.box-login-register div.box h5 span{float:left;clear:both;margin:10px 0;line-height:25px}section#content div.box-jobdetail{padding-top:40px}section#content div.box-jobdetail div#detail div.bottom div.button button{width:100%}section#content div.box-jobdetail div#detail div.share div.col-sm-6{text-align:center;margin-top:20px}section#content div.box-jobdetail div#detail div.share div.col-xs-6{width:100%}section#content div.box-profile h1{margin:10px 0;padding-left:15px}section#content div.box-profile div#form{padding:20px;margin-bottom:50px}section#content div.box-profile div#form div.items{padding-right:0}section#content div.box-profile div#form div.items div.col-sm-10{padding-left:0;text-align:center}section#content div.box-profile div#form div.box-button button{width:100%}section#content div.box-application h1{margin:10px 0}section#content div.box-application div#tbl{padding:20px;margin-bottom:50px}section#content div.box-applyjob h1{margin:10px 0;padding-left:15px}section#content div.box-applyjob div#form{padding:20px;margin-bottom:50px}section#content div.box-applyjob div#form div.formbody div.items img{margin:0 auto}section#content div.box-applyjob div#form div.formbody div.items{padding-right:0}section#content div.box-applyjob div#form div.formbody div.items div.col-sm-10{padding-left:0;text-align:center}section#content div.box-applyjob div#form div.formbody div#section-8 div.box-button button.darf{width:100%;margin-bottom:10px}section#content div.box-applyjob div#form div.formbody div#section-8 div.box-button button.finish{width:100%;margin-bottom:10px}section#content div.box-applyjob div#form div.more-info button{width:100%}section#content div.box-applyjob div#form div.box-button button{width:48%}}@media screen and (max-width:360px){header div#header-mobile div.center img{width:150px;height:auto}header div#header-mobile div.right img{width:40px;height:auto}section#banner div#banner div#boxsearch h1{font-size:42px}section#banner div#banner div#boxsearch h2{font-size:22px;letter-spacing:6px}}@media screen and (max-width:320px){.margin-left-90{margin-left:70px!important}.margin-left-86{margin-left:65px!important}.margin-left-38{margin-left:17px!important}section#banner div#banner div#boxsearch h1{font-size:36px}section#banner div#banner div#boxsearch h2{font-size:20px;letter-spacing:5px}}@font-face{font-family:"promptregular";src:url("../fonts/saraban/Sarabun-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/saraban/Sarabun-Regular.woff") format("woff"),url("../fonts/saraban/Sarabun-Regular.ttf") format("truetype"),url("../fonts/saraban/Sarabun-Regular.svg#Prompt-Regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"promptmedium";src:url("../fonts/saraban/Sarabun-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/saraban/Sarabun-Medium.woff") format("woff"),url("../fonts/saraban/Sarabun-Medium.ttf") format("truetype"),url("../fonts/saraban/Sarabun-Medium.svg#Prompt-Medium") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"promptsemibold";src:url("../fonts/saraban/Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/saraban/Sarabun-SemiBold.woff") format("woff"),url("../fonts/saraban/Sarabun-SemiBold.ttf") format("truetype"),url("../fonts/saraban/Sarabun-SemiBold.svg#Prompt-SemiBold") format("svg");font-weight:normal;font-style:normal}body{font-family:"promptregular",sans-serif;font-size:16px;position:relative}.label-text-md{font-family:"promptregular";font-size:15px;color:#7D7D7D}@media screen and (max-width:767px){.label-text-md{margin:10px 0 5px}}.label-text-md i{padding-right:5px}.data-text-md{font-family:"promptmedium";font-size:15px;color:#252525;padding-bottom:8px}.data-text-md i{padding-right:5px}.top-topic{color:#252525;padding:40px 0 15px;font-family:"PromptMedium";font-size:20px}@media screen and (max-width:767px){.top-topic{padding-left:10px}}.top-topic i{padding-right:5px}.sub-topic{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #dadada;margin-bottom:15px;font-family:"PromptMedium";color:#3887c8;font-size:24px}.header-pc .top-header{padding:20px 40px}.header-pc .top-header .name{margin-top:20px;margin-right:0;font-size:16px;float:right}.header-pc .top-header .name a{color:#3887c8;text-decoration:none}.header-pc .top-header .avatar{float:right;margin:0 10px}.header-pc .top-header .avatar .img-box{width:50px;height:50px;overflow:hidden;display:inline-block}.header-pc .top-header .avatar .img-box .img-crop{border-radius:50%;width:50px;height:50px}.header-pc .top-header .welcome{margin-top:20px;font-family:"promptmedium";font-size:16px;float:right}.header-pc .menu-box{background:#3887c8;padding:20px 40px}.header-pc .menu-box .menu-left{list-style:none;overflow:hidden}.header-pc .menu-box .menu-left .menu{float:left;padding:0 15px;border-right:1px solid #FFF}.header-pc .menu-box .menu-left .menu.no-border{border-right:none}.header-pc .menu-box .menu-left .menu a{text-decoration:none;color:#FFF;opacity:0.5;display:flex;align-items:center;height:40px}.header-pc .menu-box .menu-left .menu a.active{opacity:1}.header-pc .menu-box .menu-left .menu a .img-group{margin-right:10px}.header-pc .menu-box .menu-left .menu a .img-group i{font-size:24px}.header-pc .menu-box .menu-left .menu a .text-group{display:flex;flex-direction:column;gap:4px}.header-pc .menu-box .menu-left .menu a .text-group .text-th{font-family:"promptmedium"}.header-pc .menu-box .menu-left .menu a .text-group .text-en{font-family:"promptmedium";font-size:14px}.header-pc .menu-box .menu-right{list-style:none;overflow:hidden}.header-pc .menu-box .menu-right .menu{float:right;padding:0 10px;border-right:1px solid #FFF}.header-pc .menu-box .menu-right .menu:first-child{border:none}.header-pc .menu-box .menu-right .menu a{text-decoration:none;color:#FFF;opacity:0.5;display:flex;align-items:center;height:40px}.header-pc .menu-box .menu-right .menu a.active{opacity:1}.header-pc .menu-box .menu-right .menu a .img-group{margin-right:10px}.header-pc .menu-box .menu-right .menu a .img-group i{font-size:24px}.header-pc .menu-box .menu-right .menu a .text-group{display:flex;flex-direction:column;gap:4px}.header-pc .menu-box .menu-right .menu a .text-group .text-th{font-family:"promptmedium"}.header-pc .menu-box .menu-right .menu a .text-group .text-en{font-family:"promptmedium";font-size:14px}@media screen and (max-width:767px){.header-pc{display:none}}.header-mb{display:none}@media screen and (max-width:767px){.header-mb{display:block;padding:15px 0}.header-mb .row{margin:0}.header-mb .menu-img{padding:15px 40px 0;margin:0 auto}.header-mb .logo-img{text-align:center}.header-mb .img-box{width:50px;height:50px;overflow:hidden;display:inline-block}.header-mb .img-box .img-crop{border-radius:50%;width:50px;height:50px}}@media screen and (max-width:539px){.header-mb{display:block;padding:15px 10px}.header-mb .menu-img{padding:0;margin:15px auto 0;width:30px}.header-mb .logo-img{text-align:center}.header-mb .logo-img img{padding-top:5px;width:200px}.header-mb .avatar{width:41px;height:41px}}div#mobile-menu{width:75%;height:100%;background:#3887c8;background-repeat:no-repeat;position:absolute;z-index:9999;float:left;left:-77%;box-shadow:3px 2px 5px -2px rgb(0,0,0)}div#mobile-menu a#close-menu{float:right;right:0;margin-right:10px;margin-top:10px;color:#FFF;text-decoration:none}div#mobile-menu h2{color:#FFFFFF;font-family:"PromptSemiBold";padding-left:50px}div#mobile-menu h2 span{color:#f7b422}div#mobile-menu ul{list-style:none;padding:0;padding-left:30px;margin-top:20px}div#mobile-menu ul li{border-bottom:1px solid rgba(255,255,255,0.5);padding:15px 0}div#mobile-menu ul li:last-child{border:0}div#mobile-menu ul li a{color:#FFF;opacity:0.5;filter:alpha(opacity=50)}div#mobile-menu ul li a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none}div#mobile-menu ul li a img{margin-right:15px;margin-top:-5px}div#mobile-menu ul li a.active{opacity:1;filter:alpha(opacity=100);text-decoration:none}div#mobile-menu ul li#li-action-account{margin-top:50px;border-top:1px solid #FFF}@media screen and (max-width:767px){.carousel{display:none}}.carousel .carousel-control-next,.carousel .carousel-control-prev{width:5%}.carousel .carousel-item .background-text{width:100%;height:200px;background:rgba(0,0,0,0.3);position:absolute;top:50%;transform:translateY(-50%)}.carousel .carousel-item .background-text .topic-slide{position:absolute;width:100%;padding:0 60px;text-align:center;top:20px;font-size:24px;font-family:"promptsemibold";color:#FFF;text-shadow:1px 1px 1px rgba(0,0,0,0.3)}.carousel .carousel-item .background-text .detail-slide{position:absolute;width:100%;text-align:center;padding:0 20%;top:60px;font-size:18px;font-family:"promptregular";color:#FFF;text-shadow:1px 1px 1px rgba(0,0,0,0.3)}@media (max-width:767px){.hidden-xs{display:none!important}}.align-responsive-right{text-align:right}@media (max-width:767px){.align-responsive-right{text-align:left;margin-top:20px}}p{margin:0 0 10px}.box-name{overflow:hidden}@media (min-width:768px){.box-name .half-box{width:50%;padding-right:10px;float:left}.box-name .half-box:last-child{padding-right:0;padding-left:10px}}.box-profile .form-control{border-radius:2px;height:35px}.box-profile .form-control .select2-choice{border-radius:2px;height:35px}.grade-ex{margin:30px 0 20px}@media (max-width:575px){.grade-ex{margin-top:0px}}.grade-ex .label{display:inline-block;font-family:"promptregular";font-size:14px;font-weight:normal;line-height:20px;text-align:left;color:#898989;white-space:normal;font-style:italic}.border-bold{border-bottom:2px solid #363636!important}.lng-row:last-child{border-bottom:2px solid #363636!important}.button4{margin-top:10px}@media (max-width:1199px){.button4{width:22%!important;font-size:14px!important}}@media (max-width:767px){.button4{width:100%!important;font-size:16px!important}}.resetpass-wrapper{height:770px;background-image:url(../images/background-login-register.jpg);background-repeat:no-repeat;background-size:auto 100%;background-position-x:center;padding-top:100px}@media (max-width:767px){.resetpass-wrapper{padding-top:50px}}.resetpass-wrapper .title{font-family:"promptmedium";font-size:32px;color:#FFF;padding:10px 0;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.resetpass-wrapper .description{font-family:"promptregular";color:#FFF;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.resetpass-wrapper button{color:#FFFFFF;background:#3887c8;font-size:18px;width:100%;height:50px;cursor:pointer;display:inline-block;font-weight:400;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:0.375rem 0.75rem;line-height:1.5;border-radius:0.25rem;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}.resetpass-wrapper button:focus{outline:none}.resetpass-wrapper .success-text{font-family:"promptmedium";color:green;padding:4px 0}.resetpass-wrapper .success-sub-text{font-family:"promptmedium"}.resetpass-wrapper .success-sub-text a{color:#3887c8;text-decoration:none}.resetpass-wrapper .error-text{font-family:"promptmedium";color:#E34C4C;padding:4px 0}