@charset "utf-8";
.disB{display: block !important; }

/* For larger displays */
@media all and (min-width:1080px){
.employmentManagerBox{}
.employmentManagerBG{position:relative;margin:94px auto;width:100%;}
.employmentManagerTitle{font-size:30px;color:#006cba;}

.employmentManagerBox h3{margin:0px 0px 52px 0px;text-align:center;font-weight:bold;line-height:40px;font-size:25px;color:#565656;}
#buleColor{color:#006cba;}

.employmentManagerBG{}
.employmentManagerTabs{margin:0 auto;width:1113px;}
.employmentManagerTabs li{float:left;margin:20px;width:236px;height:301px;border:1px solid #006cba;}
.employmentManagerTabs li:nth-of-type(4n+1){clear: both; }
.employmentManagerTabs  li a{display:block;width:100%;height:100%;text-decoration:none;}
.overflowHide{margin:0 auto;padding-top:12px;width:170px;height:226px;overflow:hidden;}
.employmentManagerTabs  li img{display:block;width:100%;}
.instructorNameBG{width:238px; text-align:center;}
.employmentManagerCam{margin-top:9px;margin-bottom:3px;font-weight:bold;font-size:15px;color:#565656;}
.instructorName{display:inline-block;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
.position{font-size:15px;color:#565656;}

.employmentManagerExplainBG{position:fixed;top:222px;width:100%;background-color:rgba(0,0,0,0.9); z-index: 150;}
.closeBtn{position:relative;right:-95%;top:-40px;display:block;width:36px;height:36px;background-image:url('/assets/_img/sub/campus/close.png');text-indent:-9999px;}
.employmentManager{margin:0 auto;padding-top:120px;padding-bottom:92px;width:880px;}
.employmentManagerImg{float:left;margin-top:10px;width:170px;height:236px;}
.employmentManagerImg img{width:100%;opacity:1;}
.employmentManagerInfo{float:left;margin-left:38px;margin-right:23px ; font-size:14px;color:#fff;letter-spacing:0.5px;}
.employmentManagerInfo li{max-width: 625px; padding:4px 0px;line-height:18px;}
.slogan{padding-top:0px !omprtant;height:130px;font-size:30px;font-weight:bold;line-height:40px !important;color:#6eeeff;}
.employmentManagerInfo > .name{font-size:30px;font-weight:bold;}
.positionName{font-size:20px;color:#fff;}

}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
.employmentManagerBG{position:relative;margin:58px auto;width:100%;}
.employmentManagerTitle{font-size:30px;color:#006cba;}

.employmentManagerBox h3{margin:0px 0px 52px 0px;text-align:center;font-weight:bold;font-size:25px;line-height:40px;color:#565656;}
#buleColor{color:#006cba;}
.displayBlack{display:block;}

.employmentManagerTabs{margin:0 2.5%;width:95%;}
.employmentManagerTabs li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
.employmentManagerTabs li:nth-of-type(3n+1){clear: both; }
.employmentManagerTabs li a{display:block;width:100%;text-decoration:none;}
.overflowHide{margin:0 auto;width:100%;height:;overflow:hidden;}
.employmentManagerTabs li img{display:block;width:100%;height:100%;}
.instructorNameBG{width:100%; text-align:center;}
.employmentManagerCam{margin-top:9px;margin-bottom:3px;font-weight:bold;font-size:15px;color:#565656;}
.instructorName{display:inline-block;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
.position{font-size:15px;color:#565656;}

.employmentManagerExplainBG{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:99999;}
.closeBtn{position:relative;right:-95%;top:-30px;display:block;width:36px;height:36px;background-image:url('/assets/_img/sub/campus/close.png');text-indent:-9999px;}
.curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
.employmentManager{margin:0 auto;padding-top:80px;padding-bottom:52px;width:590px;}
.employmentManagerImg{float:left;width:170px;height:236px;}
.employmentManagerImg img{width:100%;}
.employmentManagerInfo{float:left;margin-left:20px;font-size:14px;font-weight:bold;color:#fff;}
.employmentManagerInfo li{padding:6px 0px;line-height:18px;}
.slogan{height:64px;font-size:22px;font-weight:bold;line-height:32px !important;color:#6eeeff;}
.employmentManagerInfo > .name{margin-top:25px !important;font-size:30px;font-weight:bold;}
.positionName{font-size:20px;color:#fff;}

}

/* For smartphones */
@media (max-width: 640px) {
.employmentManagerBG{position:relative;margin-top:40px;width:100%;}
.employmentManagerTitle{font-size:16px;color:#006cba;}

.employmentManagerBox h3{margin:0px 0px 52px 0px;text-align:center;font-weight:bold;font-size:13px;line-height:25px;color:#565656;}
#buleColor{color:#006cba;}
.displayBlack{display:block;}

.employmentManagerTabs{margin:40px 2.5%;width:95%;}
.employmentManagerTabs li{float:left;margin:2%;width:45%;border:1px solid #006cba;}
.employmentManagerTabs li:nth-of-type(2n+1){clear: both; }
.employmentManagerTabs li a{display:block;width:100%;height:100%;text-decoration:none;}
.employmentManagerTabs li img{display:block;width:100%;}
.instructorNameBG{width:100%; text-align:center;}
.employmentManagerCam{margin-top:9px;margin-bottom:3px;font-weight:bold;font-size:10px;color:#565656;}
.instructorName{display:inline-block;padding:6px;border-top:1px solid #b5b5b5; font-size:14px;font-weight:bold;color:#006cba;}
.position{font-size:10px;color:#565656;}

.employmentManagerExplainBG{position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:99999;}
.closeBtn{position:relative;right:-85%;display:block;margin-bottom:22px;width:28px;height:28px;background-image:url('/assets/_img/sub/campus/close.png');text-indent:-9999px;background-size:contain; padding: 0; }
.curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
.employmentManager{margin:0 auto;padding-top:30px;padding-bottom:30px;width:100%;}
.employmentManagerImg{margin:0 auto;width:142px;height:190px;}
.employmentManagerImg img{width:100%;}
.employmentManagerInfo{margin:14px 10px 38px 10px;font-size:12px;font-weight:bold;color:#fff;text-align:center;}
.employmentManagerInfo li{padding:6px 0px;line-height:14px;}
.slogan{height:;font-size:17px;font-weight:bold;line-height:25px !important;color:#6eeeff;text-align:center;}
.employmentManagerInfo > .name{font-size:25px;text-align:center;}
.positionName{font-size:15px;color:#fff;}

}