.career-page {position: relative;}
.career-page ul.-list-group li {width: 33.33%;}
.career-page .select-search { width: 310px; margin: 0;}
.career-page .select-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #f6f6f6; font-size: 24px;  color: #333333;padding-left: 20px; line-height: 48px;
}
.career-page .select-search .title { position: absolute; z-index: 1;  left: 20px; top: 13px; font-size: 24px; font-weight: bold; 
    color: var(--color-primary); line-height: 24px;padding-right: 15px;border-right: 1px solid #c5c5c5;
}

/*.career-page .select-search .select2-container--default .select2-selection--single .select2-selection__rendered:before {
    content: 'จัดเรียง';
    font-size: 16px;
    color: #5E7AA2;
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #c5c5c5;
    line-height: 24px;
}*/

.career-page.default-page .content-box .top-title-box{margin-bottom: 20px;}

.career-page .list-job {border-top: 1px solid #f5f5f5;}
.career-page .list-job .top { display: table; font-size: var(--typo-xs); color:var(--color-primary);font-weight: bold;padding: 20px 20px;}
.career-page .list-job .top>div {display: table-cell;vertical-align: middle;}
.career-page .list-job ul {padding: 0; margin: 0;list-style: none;}
.career-page .list-job ul>li { position: relative;}
.career-page .list-job ul>li>a.link {display: table; padding: 20px 20px; border-bottom: 1px solid #f5f5f5; position: relative;}
.career-page .list-job ul>li>a.link:before{content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%;
    background-image: linear-gradient(90deg, rgba(237,196,48,1) 0%, rgba(5,175,174,1) 100%); opacity: 0; pointer-events: none;
    transition: all 200ms ease; border-radius: 10px;
}
.career-page .list-job ul>li>a.link>div {display: table-cell; vertical-align: top;}
.career-page .list-job .col-1 {width: 1%;}
.career-page .list-job .col-1 .inner {width: 85px;}
.career-page .list-job .col-1 .inner .date {font-size: var(--typo-xs); color: #666666;}
.career-page .list-job .col-2 {width: auto;}
.career-page .list-job .col-2 .inner { padding: 0 30px;}
.career-page .list-job .col-2 .inner .title {font-size: var(--typo-xs);color: #5E7AA2;font-weight: bold;}
.career-page .list-job .col-2 .inner .desc {font-size: var(--typo-s);color: #666666;}
.career-page .list-job .col-3 {width: 1%;}
.career-page .list-job .col-3 .inner{padding-top: 10px;}
.career-page .list-job .col-3 .btn {width: 110px;background-color: #4BB1B0; color: #fff;}
.career-page .list-job ul>li>a.link:hover:before{opacity: 1;}
.career-page .list-job ul>li>a.link:hover .date,
.career-page .list-job ul>li>a.link:hover .title,
.career-page .list-job ul>li>a.link:hover .desc {color: #fff;}
.career-page .list-job ul>li>a.link:hover .btn {background-color: #fff;color: #4BB1B0;}

@media (max-width: 1440px) {

}

@media (max-width: 991px) {

    .career-page .select-search .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 42px;}

    .career-page ul.-list-group li {width: 50%;}

}

@media (max-width: 575px) {

    .career-page ul.-list-group li {width: 100%;}

    .career-page .select-search{width: 100%;}

}