.mainVisual{width:100%; float:left; position:relative;    overflow: hidden;}
.mainVisual a {width:100%; display:block;}
.mainVisual a img {width:100%;}

.collegeMidBanner{width:100%; float:left; }
.collegeMidBanner ul li {width:33.3%; float:left;}
.collegeMidBanner a img {width:100%;}
.max{ width:100%;}

.swipe {  overflow: hidden;  visibility: hidden;  position: relative; float:left; width:100%;}
.swipe-wrap { overflow: hidden;  position: relative;}
.swipe-wrap > div {  float:left;  width:100%;  position: relative;}

.pager{ position:absolute; top:80%; text-align:right;right:20px;}
.pager ul{ overflow:hidden;}
.pager > ul > li{display:inline-block}
.pager > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin-left:5px; }
.pager > ul > li:first-child > a{ margin-left:0}
.pager > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}

.communityArea {width:100%; float:left; padding:10px 6px; background:#fafafa;}
.communityArea ul li {float:left; width:50%; padding:8px;}
.communityArea ul li h3 {position:relative; width:100%; font-size:11pt; color:#333; margin-bottom:5px; font-weight:bold; letter-spacing:-0.05em;}
.communityArea ul li h3 .mobileMore{ position:absolute; bottom:0px; right:0px; color:#999 !important; font-size:8pt; }
.communityArea ul li h3 .mobileMore a {color:#aaa;}
.communityArea ul li .img { width:100%; height:110px; background-size:cover !important; background-position:center center; background-repeat:no-repeat; margin-bottom:10px;-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.7);-webkit-box-shadow: 1px 1px 3px  rgba(0,0,0,0.7); box-shadow: 1px 1px 3px  rgba(0,0,0,0.7)}
.communityArea ul li .img a {width:100%; height:100%; display:block}
.newIcon {width:13px; height:13px; line-height:16px; margin-top:1px}
.communityArea ul li .listTit a{width:100%; font-size:9pt; color:#000; font-weight:bold; letter-spacing:-0.075em;}

.noticeArea  {width:100%; float:left;background:#f2f2f2; border-top:1px solid #ddd}
.noticeArea ul li * {font-size:10pt; letter-spacing:-0.05em}
.noticeArea ul li {width:100%; border-bottom:1px solid #ddd; padding:12px 15px 12px 65px; position:relative;}
.noticeArea ul li span { position:absolute; top:12px; left:15px; color:#000; font-weight:bold;}
.noticeArea ul li .noticeNew { position:absolute; top:12px; right:15px;height:16px}

.footer {width:100%; float:left;background:#fafafa; border-top:1px solid #ddd; padding:20px 10px 20px 10px}
.footer *{font-size:10pt;text-align:center; line-height:1.5}
address {font-size:8pt !important; letter-spacing:-0.05em; margin:10px 0}
.footLink a {display:inline-block; width:28%; padding:5px 8px; border:1px solid #ddd; color:#a3a4a7; border-radius:6px; font-size:9pt !important; background:#fff} 


.footerQuick {z-index:9; background:url(/m/img/common/footerBg.png) left top repeat-x ;  width:100%; height:42px; position:fixed; bottom:0px; left:0px;-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);-webkit-box-shadow: 0px 0px 5px  rgba(0,0,0,0.8); box-shadow: 0px 0px 5px  rgba(0,0,0,0.8)}
.footerQuick a img {height:28px;}
.footerQuickLeft {position:absolute; top:8px; left:10px;}
.footerQuickLeft a {float:left; margin-right:8px}
.footerQuickRight a {display:inline-block; margin-right:0px}
.footerQuickRight {position:absolute; top:8px; right:10px;}

.licenseMidBanner{width:100%; float:left; }
.licenseMidBanner ul li {width:25%; float:left;}
.licenseMidBanner a img {width:100%;}
.max{ width:100%;}

.licenseQury {width:100%; float:left; padding:10px 10px 10px 125px; background:url(/m/img/license/ic_liPss.png) 10px center no-repeat; background-size: 25px; position:relative;overflow:hidden;height:35px;}
.licenseQury h3 {color:#008c99; position:absolute; top:10px; left:40px; font-size:10pt; font-weight:bold; letter-spacing:-0.05em;}
.licenseQury .noticeNew { position:absolute; top:10px; right:10px;height:16px}
.licenseQury a {font-size:10pt; font-weight:bold;letter-spacing:-0.05em;}
.licenseQury ul li {padding-bottom:10px; height:31px !important;}


.jobMid {float:left; width:100%; position:relative}
.jobMid .swipe2 {width:50%; float:left;position:relative; overflow:hidden}
.jobMid .jobMidBanner{width:50%; float:left;position:relative; overflow:hidden}
.jobMid .jobMidBanner ul li {width:50%; float:left;}
.jobMid .jobMidBanner ul li a img {width:100%}
.pager2{ position:absolute; top:90%; text-align:left;left:20px !important;}
.pager2 ul{ overflow:hidden;}
.pager2 > ul > li{display:inline-block}
.pager2 > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin-right:5px; }
.pager2 > ul > li:first-child > a{ margin-left:0}
.pager2 > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}

.pager3{ position:absolute; top:90%; text-align:center; left:50%;}
.pager3 ul{ overflow:hidden;}
.pager3 > ul > li{display:inline-block}
.pager3 > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin-right:5px; }
.pager3 > ul > li:first-child > a{ margin-left:0}
.pager3 > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}

.mvdeco{position:absolute; bottom:0px; left:0px;z-index:10;width:100%;}
.mvdeco img {width:100%;}


#license_nav {width:100%; float:left;}
#license_nav ul li {width:25%; float:left;}
#license_nav ul li a {display:block; width:100%; border-bottom:4px solid #444;}
#license_nav ul li a.current {display:block; width:100%; border-bottom:4px solid #078691; background:#f5f5f5}
#license_nav ul li a img {width:100%;}


.mainpager{ position:absolute; top:90%; text-align:center; left:50%;}
.mainpager ul{ overflow:hidden;}
.mainpager > ul > li{display:inline-block}
.mainpager > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin-right:5px; }
.mainpager > ul > li:first-child > a{ margin-left:0}
.mainpager > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}

.eventNewbanner{width:100%; float:left; position:relative;    overflow: hidden;}
.eventNewbanner a {width:100%; display:block;}
.eventNewbanner a img {width:100%;}

.mainswipe {  overflow: hidden;  visibility: hidden;  position: relative; float:left; width:100%;}

.eventswipe {  overflow: hidden;  visibility: hidden;  position: relative; float:left; width:100%;}


.eventpager{ position:absolute; top:85%; text-align:center; left:18px !important;}
.eventpager ul{ overflow:hidden;}
.eventpager > ul > li{display:inline-block}
.eventpager > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin-right:5px; }
.eventpager > ul > li:first-child > a{ margin-left:0}
.eventpager > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}



.fquickAreaNew {width:100%; float:left;}
.fquickAreaNew ul li {width:25%; float:left;}
.fquickAreaNew ul li a {display:block; width:100%;}
.fquickAreaNew ul li a.current {display:block; width:100%;}
.fquickAreaNew ul li a img {width:100%;}


.mainBottomArea{width:100%; float:left; position:relative;    overflow: hidden;}
.mainwhy{width:50%; float:left; position:relative;    overflow: hidden;}
.mainReview{width:50%; float:left; position:relative;    overflow: hidden;}
.mainReview a {width:100%; display:block;}
.mainReview a img{width:100%;}

.whyswipe {  overflow: hidden;  visibility: hidden;  position: relative; float:left; width:100%;}
.whyswipe a {width:100%; display:block;}
.whyswipe a img {width:100%;}

.whypager{ position:absolute; top:88%; text-align:center; left:0 !important; width:100%;}
.whypager ul{ overflow:hidden;}
.whypager > ul > li{display:inline-block}
.whypager > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin:0 1px; }
.whypager > ul > li:first-child > a{ margin-left:0}
.whypager > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}



.mnblogin {position:absolute; top:50%; right:15px; height:33px; margin-top:-16px}
.mnblogin img { height:100%;}

 

/* left_menu */
#blackwidnow {display:none;position: fixed; top: 0px;width: 100%;height: 100%;background: #000;opacity:0.8; filter:alpha(opacity=80); z-index:999; right:0px;}
#left_menu {position:fixed; top:0px; right:-300px; width:270px; z-index:1000;-webkit-box-shadow: -3px 0px 2px 0 rgba(0, 0, 0, 0.5);box-shadow: -3px 0px 2px 0 rgba(0, 0, 0, 0.5); display:none; background:#fff; height:100%; overflow-y:scroll;}
#left_menu .top {background-color: #fff; width: 100%; position:relative; height:64px;}
#left_menu .top .logo {width:130px; position:absolute; top:20px; left:50%; margin-left:-65px;}
#left_menu .top .logo a img {width:100%;}
#left_menu .top .logo a {color:#ffffff; width:130px; display:block}

.subTit { font-size:0.8em; color:#fff; font-weight:bold; padding:5px 15px; background:#008c99 !important;}
.tuition_alink { font-weight:bold; color:#cb2527 ;}

#left_menu ul {}
#left_menu ul li {background-color:#fff;border-top:1px solid #ddd;}
#left_menu ul li a {display:block;line-height:40px; color:#008c99; font-size:10pt; text-align:left;padding-left:15px; font-weight:bold;}
#left_menu ul li a.down {background: url(/m/img/license_new/down.png) no-repeat 95% center; background-size: 16px;}
#left_menu ul li a.up {background: url(/m/img/license_new/up.png) no-repeat 95% center; background-size: 16px;}
#left_menu ul li:first-child {}
#left_menu ul li:last-child {border-left:0;}
#left_menu ul li ul {display:none;}
#left_menu ul li ul li ul {display:block;}
#left_menu ul li ul li,
#left_menu ul li ul li a {background-color:#f5f5f5;color:#aaa;}
#left_menu .none {background-color: #666666;color:#ffffff;line-height:35px;font-size:10pt; text-align:left;padding-left:15px;}

.menuc {position:absolute; top:50%; right:15px; height:33px; margin-top:-16px}
.menuc img { height:100%;}

.liecurriArea{width:100%; float:left;}
.liecurriArea ul li {width:100%; float:left;position:relative;}
.liecurriArea ul li img{width:100%; z-index:1;}

.btnNewArea {position:absolute; bottom:30px; left:50%; margin-left:-130px; width:260px}
.btnNewArea2 {position:absolute; top:55%; left:40%;width:170px}
.btnNewArea3 {position:absolute; bottom:15px; left:7%;width:130px}
.btnNewArea4 {position:absolute; top:88%; left:40%;width:130px}
.btnNewArea5 {position:absolute; top:78%; left:6%;width:155px}


.realRswipe {  overflow: hidden;  visibility: hidden;  position: relative; float:left; width:100%;}
.realReview{width:100%; float:left; position:relative;    overflow: hidden; padding:30px 0}
.realReview ul li {width:100%; display:block; float:left;}
.realReview img {width:100%;}
.realRtit {float:left; width:100%; margin-bottom:30px;}

.realRpager{z-index:5}

.realReview2{width:100%; float:left; position:relative;    overflow: hidden; padding:0px 0}
.realReview2 ul li {width:100%; display:block; float:left;}
.realReview2 img {width:100%;}

.quickTItareaNew2 {width:100%; float:left; position:relative;    overflow: hidden; padding:0px 0; background:#f5f5f5}
.quickTItareaNew2 img {width:100%;}

.quickTItareaNew {width:100%; float:left; position:relative;    overflow: hidden; padding:30px 0; background:#f5f5f5}
.quickTItareaNew img {width:100%;}

.questionBtnNew002 {    margin-bottom: 20px;    text-align: center;}
.questionBtnNew002  a {display:inline-block; height:34px;}
.questionBtnNew002  a img {height:100%;}

.questionApplyNew {padding:0 5%; width:100%;}
.mtot {position:absolute; bottom:12%; width:100%; text-align:center; z-index:5 }
.mtot img{width:53% !important;-webkit-box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.8);box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, 0.8); }

.mtot2open { padding20px 0px; width:100% !important; box-sizing: border-box; text-align:left; position:relative; float:left;}
.mainBottomArea2{width:100%; float:left; position:relative;    overflow: hidden;}
.mainBottomArea2 img {width:100%;}

.jwVisual {float:left; width:100%;}
.jwVisual img {width:100%;}

.tabs_menu {float:left; width:100%;}
.tabs_menu ul li {float:left; width:50%;}
.tabs_menu ul li a {display:block; width:100%; background:#8b8c91}
.tabs_menu ul li a img{width:100%;}
.tabs_menu ul li#current a{background:#008c99 !important;}

#tabcon {float:left; width:100%;}
#tabcon .sub_con{float:left; width:100%;}
#tabcon .sub_con img {width:100%;}



#perman_nav {width:100%; float:left;}
#perman_nav ul li {width:33.3%; float:left;}
#perman_nav ul li.mid {width:33.4%; float:left;}
#perman_nav ul li a {display:block; width:100%; border-bottom:4px solid #444;}
#perman_nav ul li a.current {display:block; width:100%; border-bottom:4px solid #078691; background:#f5f5f5}
#perman_nav ul li a img {width:100%;}


.mainpager02{ position:absolute; top:90%; text-align:center; left:80% !important;}
.mainpager02 ul{ overflow:hidden;}
.mainpager02 > ul > li{display:inline-block}
.mainpager02 > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin-right:5px; }
.mainpager02 > ul > li:first-child > a{ margin-left:0}
.mainpager02 > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}
.mainBottomArea3{width:100%; float:left; position:relative;    overflow: hidden;}
.mainBottomArea3 div {width:50%; float:left}
.mainBottomArea3 img {width:100%;}


.teacherNewbanner{width:100% !important; float:left; position:relative;    overflow: hidden;}
.teacherNewbanner a {width:100% !important; display:block;}
.teacherNewbanner a img {width:100% !important;}
.teacherNewbanner div {width:100% !important;}





.realRpager2{ position:absolute; top:88%; text-align:center; left:0 !important; width:100%;}
.realRpager2 ul{ overflow:hidden;}
.realRpager2 > ul > li{display:inline-block}
.realRpager2 > ul > li > a{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi.png) no-repeat; background-size:8px 8px; margin:0 1px; }
.realRpager2 > ul > li:first-child > a{ margin-left:0}
.realRpager2 > ul > li > a.active{ text-indent: -99999px; display: block; width:8px; height:8px;  background:url(/m/img/event/visual_navi_on.png) no-repeat; background-size:8px 8px;}
.realReview12{width:100%; float:left; position:relative;    overflow: hidden; padding:30px 0}
.realReview12 img {width:100%;}




.tabs_menucol {float:left; width:100%;}
.tabs_menucol ul li {float:left; width:33.3%;}
.tabs_menucol ul li a {display:block; width:100%; background:#8b8c91}
.tabs_menucol ul li a img{width:100%;}
.tabs_menucol ul li#current a{background:#008c99 !important;}

.NewCollInfo{width:100%; padding:0 5%; float:left;}

.colliSTnEW {width:100%; margin:20px 0 60px 0; }
.colliSTnEW tr>td, .colliSTnEW tr>th{border:1px solid #ddd;padding:8px; text-align:center; font-size:9pt; letter-spacing:-0.05em;}
.colliSTnEW tr>th { background:#f2f2f5}