@charset "utf-8";


.scrollImg{position:fixed !important; top:54px !important; left: 0; z-index: 99999 !important; background-color:#fff; }
.teacherViewBox::-webkit-scrollbar {width: 12px;}
.teacherViewBox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
.teacherViewBox::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: nset 0 0 6px rgba(0,0,0,0.5); background-color:#FFF;}
.teacherViewBox{
  scrollbar-base-color: #fff;
  scrollbar-track-color: rgba(0,0,0,0.3);
  scrollbar-shadow-color: rgba(0,0,0,0.3);


}

/* For larger displays */
@media all and (min-width:1080px){
.instructorIntroductionBG{position:relative;}
.instructorIntroduction{margin:0 auto;padding-top:94px;width:1112px;}

.comm_tab1 {margin-bottom:50px; padding-bottom: 50px; border-bottom: 1px solid #CACACA; }
.comm_tab1>.tab_menu{margin:0 auto;width:720px;}
.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 4px;width:350px;height:53px;border:1px solid #CACACA;}
.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:53px;font-size:18px;font-weight:bold;color:#565656;}
.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:53px;left:168px;}
.comm_tab1>.tab_menu .on{background-color:#565656;}
.comm_tab1>.tab_menu .on>a{color:#fff;}

.comm_tab2>.tab_menu{margin: 0 auto;margin-top:33px;width:1080px;border-top:1px solid #CACACA;border-left:1px solid #CACACA;}
.comm_tab2>.tab_menu>li{position:relative;float:left;width:179px;height:42px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:42px;font-size:18px;color:#565656;}
.comm_tab2>.tab_menu .on{background-color:#006CBA;}
.comm_tab2>.tab_menu .on>a{color:#fff;}

.educationField{margin:0 auto;width:1071px;border-top:1px solid #CACACA;border-right:1px solid #CACACA;}
.educationField li{float:left;width:152px;height:52px;border-left:1px solid #CACACA;border-bottom:1px solid #CACACA;}
.educationField li a{display:block;text-decoration:none;text-align:center;line-height:52px;font-size:17px;color:#565656;}
.educationField li a:hover{background-color:#006cba;color:#fff;font-weight:bold;}
.educationField li a.on{background-color:#006cba;color:#fff;font-weight:bold;}

/* h3{margin:29px 0px 52px 0px;text-align:center;font-weight:bold;font-size:30px;color:#565656;} */
.instructorIntroduction > h3{margin:29px 0px 52px 0px;text-align:center;font-weight:bold;font-size:30px;color:#565656;}
#buleColor{color:#006cba;}

.instructorList li{float:left;margin:20px;width:236px;height:281px;border:1px solid #006cba;}
.instructorList li .imgBox{width: 100%; max-height: 236px; overflow: hidden; }
.instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
.instructorList li img{display:block;width:100%; height: 85%; object-fit: cover;}
.instructorNameBG{width:238px; text-align:center;}
.instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
.position{font-size:15px;color:#565656;}

.curriculumInstructorBG{position:fixed;top:205px;width:100%;background-color:rgba(0,0,0,0.9);z-index:99999;}
.closeBtn{position:relative;right:-95%;top:-60px;display:block;width:36px;height:36px;background-image:url('/assets/_img/sub/campus/close.png');text-indent:-9999px;}
.curriculumInstructorList{margin:0 auto;margin-top:90px;margin-bottom:44px;width:1080px;}
.curriculumInstructorList li{float:left;position:relative;margin-right:27px;width:80px;height:80px;}
.instructorListBG{position:absolute;top:0;left:0;}
.InstructorImg{position:absolute;top:0;left:0;}
.curriculumInstructorList li img{width:100%;}
.curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
.curriculumInstructor{margin:0 auto;padding-top:140px;padding-bottom:92px;width:1080px;}
.teacherViewBox {height:350px;overflow-y:auto;}
.curriculumInstructorImg{float:left;width:224px;height:224px;}
.curriculumInstructorImg img{width:100%;opacity:1;}
.curriculumInstructorInfo{float:left;margin-left:38px;margin-right:23px ; font-size:14px;color:#fff;letter-spacing:0.5px;}
.curriculumInstructorInfo li{padding:6px 0px;line-height:18px;}
.curriculumInstructorInfo > .name{font-size:30px;font-weight:bold;}
.positionName{font-size:20px;color:#fff;}
.curriculumInstructorCareer{float:left;padding-left:42px;width:393px;border-left:1px solid #ACACAC; font-size:14px;color:#fff;letter-spacing:0.5px;}
.curriculumInstructorCareer li{padding:4px 0px;line-height:18px;}
.careerTitle{font-size:20px;font-weight:bold;}

}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
.instructorIntroductionBG{position:relative;}
.instructorIntroduction{padding-top:58px;width:100%;}

.comm_tab1 {margin-bottom:40px; padding-bottom: 40px; border-bottom: 1px solid #cacaca; }
.comm_tab1>.tab_menu{margin:0 auto;width:70%;}
.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 1%;width:46%;height:53px;border:1px solid #CACACA;}
.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:53px;font-size:18px;font-weight:bold;color:#565656;}
.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:53px;left:45%;}
.comm_tab1>.tab_menu .on{background-color:#565656;}
.comm_tab1>.tab_menu .on>a{color:#fff;}

.comm_tab2>.tab_menu{margin:0 5%;margin-top:33px;width:90%;border-left:1px solid #CACACA;}
.comm_tab2>.tab_menu>li{position:relative;float:left;width:16.4%;height:42px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;}
.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:42px;font-size:18px;font-weight:bold;color:#565656;}
.comm_tab2>.tab_menu .on{background-color:#006CBA;}
.comm_tab2>.tab_menu .on>a{color:#fff;}
.bdbCACACA{border-top:1px solid #CACACA;}

.educationField{margin:0 5%;width:90%;border-left:1px solid #CACACA;}
.educationField li{float:left;width:24.8%;height:52px;border-right:1px solid #CACACA;border-bottom:1px solid #CACACA;}
.educationField li a{display:block;text-decoration:none;text-align:center;line-height:52px;font-size:17px;color:#565656;}
.educationField li a.on{background-color:#006cba;color:#fff;font-weight:bold;}
.TbdbCACACA{border-top:1px solid #CACACA;}

.educationField li a:hover{background-color:#006cba;color:#fff;font-weight:bold;}

.instructorIntroduction > h3{margin:29px 0px 52px 0px;text-align:center;font-weight:bold;font-size:30px;color:#565656;}
#buleColor{color:#006cba;}

.instructorList{margin:0 2.5%;width:95%;}
.instructorList li{float:left;margin:1.5%;width:30%;border:1px solid #006cba;}
.instructorList li a{display:block;width:100%;height:100%;text-decoration:none;}
.instructorList li img{display:block;width:100%;}
.instructorNameBG{width:100%; text-align:center;}
.instructorName{display:inline-block;margin-top:9px;padding:6px;border-top:1px solid #b5b5b5; font-size:20px;font-weight:bold;color:#006cba;}
.position{font-size:15px;color:#565656;}

.curriculumInstructorBG{position:fixed;top:0;width:100%;background-color:rgba(0,0,0,0.9);z-index:99999;}
.closeBtn{position:relative;right:-95%;top:-60px;display:block;width:36px;height:36px;background-image:url('/assets/_img/sub/campus/close.png');text-indent:-9999px;}
.curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
.curriculumInstructor{margin:0 auto;padding-top:105px;padding-bottom:52px;width:590px;}
.teacherViewBox {height:60%;overflow-y:auto;}
.curriculumInstructorImg{float:left;width:224px;height:224px;}
.curriculumInstructorImg img{width:100%;}
.curriculumInstructorInfo{float:left;margin-top:27px; margin-left:30px;font-size:14px;font-weight:bold;color:#fff;}
.curriculumInstructorInfo li{padding:6px 0px;line-height:18px;}
.curriculumInstructorInfo > .name{font-size:20px;font-weight:bold;}
.curriculumInstructorCareer{float:right;padding-top:25px;margin-left:42px;width:332px;border-top:1px solid #ACACAC; font-size:14px;color:#fff;}
.curriculumInstructorCareer li{padding:4px 0px;line-height:18px;}
.careerTitle{margin-bottom:20px;font-size:20px;font-weight:bold;}

}

/* For smartphones */
@media (max-width: 640px) {
.instructorIntroductionBG{position:relative;}
.instructorIntroduction{padding-top:58px;width:100%;}

.comm_tab1 {margin-bottom:20px; padding-bottom: 20px; border-bottom: 1px solid #cacaca; }
.comm_tab1>.tab_menu{margin:0 auto;width:90%;}
.comm_tab1>.tab_menu>li{position:relative;float:left;margin:0 1%;width:46%;height:30px;border:1px solid #CACACA;}
.comm_tab1>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:30px;font-size:12px;font-weight:bold;color:#565656;}
.triangle{border-color:#565656 transparent transparent transparent; border-width:14px; border-style:solid; width:0;height:0;position:absolute;top:30px;left:45%;}
.comm_tab1>.tab_menu .on{background-color:#565656;}
.comm_tab1>.tab_menu .on>a{color:#fff;}

.comm_tab2>.tab_menu{margin:0 5%;margin-top:33px;width:90%;border-left:1px solid #CACACA;border-top:1px solid #CACACA;}
.comm_tab2>.tab_menu>li{position:relative;float:left;width:25%;height:26px;border-bottom:1px solid #CACACA;border-right:1px solid #CACACA;box-sizing: border-box; }
.comm_tab2>.tab_menu>li>a{display:block;width:100%;height:100%;text-decoration:none;text-align:center;line-height:26px;font-size:12px;font-weight:bold;color:#565656;}
.comm_tab2>.tab_menu .on{background-color:#006CBA;}
.comm_tab2>.tab_menu .on>a{color:#fff;}
.MbdbCACACA{border-top:1px solid #CACACA;}

.educationField{margin:0 5%;width:90%;border-left:1px solid #CACACA;}
.educationField li{float:left;width:33%;height:52px;border-right:1px solid #CACACA;border-bottom:1px solid #CACACA;}
.educationField li a{display:block;text-decoration:none;text-align:center;line-height:52px;font-size:13px;color:#565656;}
.educationField li a.on{background-color:#006cba;color:#fff;font-weight:bold;}
.MbdbCACACA{border-top:1px solid #CACACA;}

.educationField li a:hover{background-color:#006cba;color:#fff;font-weight:bold;}

.instructorIntroduction > h3{margin:29px 0px 52px 0px;text-align:center;font-weight:bold;font-size:30px;color:#565656;}
#buleColor{color:#006cba;}

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

.curriculumInstructorBG{position:fixed;top:0;width: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;}
.curriculumInstructorInfoBG{width:100%;background-color:#FAFAFA;}
.curriculumInstructor{margin:0 auto;padding-top:30px;padding-bottom:30px;margin:0 5%;width:90%;}
.teacherViewBox {height:60%;overflow-y:auto;}
.curriculumInstructorImg{margin:0 auto;width:224px;height:224px;}
.curriculumInstructorImg img{width:100%;}
.curriculumInstructorInfo{margin:14px 10px 38px 10px;font-size:12px;color:#fff;}
.curriculumInstructorInfo li{padding:6px 0px;line-height:14px;}
.curriculumInstructorInfo > .name{font-size:20px;}
.curriculumInstructorCareer{padding-top:25px;margin:0 10px;border-top:1px solid #ACACAC; font-size:12px;color:#fff;}
.curriculumInstructorCareer li{padding:4px 0px;line-height:14px;}
.careerTitle{margin-bottom:20px;font-size:20px;}
.TbdbCACACA > #gp3{font-size: 12px;}
}