@charset "utf-8";
/* CSS Document */

.jobsac{ font-size: 18px; margin-top: 50px; margin-bottom: 15px; border-bottom: 1px solid #d8dfe3; padding-bottom: 15px; color:##282f34; font-weight:bold;}
.jobtimes{ color: #282f34; margin-bottom: 20px; font-size: 14px;}
.jobflex{ width: 86%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.jobcont{ width: 220px; margin-bottom: 20px;}
.jobpic{  width: 175px; margin:0 auto 12px;}
.name{color: #282f34; margin-bottom: 8px; font-size: 14px; text-align: center;}
.nameeng{color: #282f34; margin-bottom: 8px; font-size: 14px; text-align: center;}
.cavtb{ width: 100%; text-align: center; padding: 6px 0; margin-bottom: 8px; background: #ecf0f2; font-size: 12px; color: #282f34;} 
.cavtb1{ text-align: center; color: #282f34; font-size: 12px; margin-bottom: 8px; }

.responsive_v{ width: 86%; border-top: solid 1px #d8dfe3; border-left: solid 1px #d8dfe3; margin-bottom: 40px;}
.responsive_v td,tr,th{ font-size: 12px; padding: 5px; text-align: left; border-bottom: solid 1px #d8dfe3;  border-right: solid 1px #d8dfe3;}
.responsive_v tr th:first-child{ background: #d8dfe3; border-bottom: solid 1px #fff;}

.magpic{ width: 100%; padding: 20px 0;}
.mansign{ font-size: 14px; text-align: right; margin-top: 40px;}
.mansign span{ font-size: 20px;}
.manpicname{ width: 170px; float: right; margin-top: 20px;}


@media screen and (max-width:800px){
.jobflex{ width: 100%;}
.jobcont{ width: 48%;}
.jobpic{ width: 80%;}
.responsive_v{ width: 100%;}

}