﻿/*****************************************************************/
/*
************site:www.shotools.com************
************version:2012-11-13**********
************author:qihua****************
*/
/*****************************************************************/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,form{margin:0;padding:0}
body,button,input,select,textarea{font:normal 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
a{text-decoration:none}
img{border:0}
ul,ol{list-style:none}
.mb304-fl{float:left}
.mb304-fr{float:right}
.mb304-cl{clear:both}
/*****************************************************************/
.mb304-topbar,.mb304-header,.mb304-proad,.navigation,.mb304-wrapper,.mb304-footer,.mb304-lk,.mb304-fx{width:1000px;margin:0 auto}
.mb304-top{line-height:26px;height:26px;color:#6f6f6f;background:#f4f4f4}
.mb304-topbar{line-height:26px;height:26px}
.mb304-topbar a{color:#6f6f6f;text-decoration:none}
.mb304-topbar p.fr a{margin-right:5px;margin-left:5px}
.mb304-topbar a:hover{text-decoration:underline}
.mb304-topbar p{float:left;padding-left:5px}
.mb304-topbar p.fr{float:right}
.mb304-wb{padding-right:5px;margin-left:10px;height:26px; width:125px;}
.mb304-wb .mb304-sh{width:60px;color:#c00;text-decoration:underline;background:url("https://www.shotools.com/school/course-zk/images/drop.jpg") no-repeat right center}
.mb304-wb a{margin-right:5px;margin-left:5px;display:block;float:left}
.mb304-wb img{float:left;margin-top:5px}
/***********************上海站下拉样式******************************/
.mb304-webmenu{height:26px;width:70px;position:relative;float:left;}
.mb304-webmenu a{display:block;height:24px;line-height:24px;padding:0 0 0 5px;border:solid 1px #ddd;}
.mb304-webmenu a.tit{background:url("https://www.shotools.com/school/course-zk/images/arrow1.gif") no-repeat;background-position:46px 9px; height:20px; line-height:20px; margin-top:2px; width:55px;}
#navbox.current a.tit{background-position:46px -15px;color:#d40000;border-bottom:solid 1px #f4f4f4;position:relative;z-index:9;}
.mb304-webmenu .mb304-subnav{display:none;background:#fff;position:absolute;top:25px;left:5px;width:60px;border:solid 1px #ddd; border-top-color:#f4f4f4}
#navbox.current .mb304-subnav{display:block;}
.mb304-webmenu .mb304-subnav a{border:none;margin:0;display:block; width:55px;}
.mb304-webmenu .mb304-subnav a:hover{color:#d40000;background:#eee;}


/*****************************************************************/
.mb304-header{margin-top:16px;margin-bottom:16px;height:50px}
.mb304-proad { height:60px; overflow:hidden; margin-top:10px; }
.mb304-logo{float:left}
.mb304-site{display:inline;float:left;margin-left: 24px;padding-left:24px;border-left-width:1px;border-left-style:solid;border-left-color:#ededed;margin-right: 35px;}
.mb304-sbar{height:25px;width:332px;border:2px solid #3380e7}
.mb304-sbox{border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;line-height:25px;color:#666;height:25px;float:left;width:250px;padding-left:6px}
.mb304-sbtn{height:25px;width:76px;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;cursor:pointer;background:url("https://www.shotools.com/school/course-zk/images/s-btn.jpg") no-repeat;float:left}
.mb304-search{float:left}
.mb304-search label a{line-height:25px;color:#6f6f6f; text-decoration:none}
.mb304-search label a:hover{ color:#317ee7}
.mb304-awd{float:right;margin-right:10px;display:inline}
/*****************************************************************/
.navigation{line-height:36px;height:36px;border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:#317ee7;background:#46403f; position:relative; z-index:999}
.navall{height:36px;width:200px;float:left;}
.navall a.pclass{line-height:36px;height:36px;width:200px;text-align:center;background:url("https://www.shotools.com/school/course-zk/images/csclass.jpg") no-repeat;font-size:14px;color:#fff;text-decoration:none;font-weight:bold; display:inline-block}
.nav{float:left;width:800px}
.mb304-zkmenu { float:left;width:650px; display:inline }
.mb304-rtgroup { float:right; width:100px; display:inline; margin-right:15px; text-align:right }
.nav a{display:block;color:#fff;text-decoration:none;text-align:center;width:84px;font-size:14px}
.nav a:hover,.nav .mb304-fs a{background:#317ee7}
.nav li{float:left;padding-right:2px;background:url("https://www.shotools.com/school/course-zk/images/sepline.jpg") no-repeat right center}
.mb304-rtgroup a { font-size:12px; display:inline; width:auto; background:none; color:#fff203 }
.mb304-rtgroup a:hover { background:none; text-decoration:underline}
/*****************************************************************/
.mb304-sidebar{float:left;width:200px}
.mb304-csbar{background:#317ee7;padding:8px 15px;color:#c2d9f8; height:740px;overflow:hidden}
.mb304-csbar a{color:#c2d9f8;text-decoration:none;margin-right:12px;_margin-right:10px}
.mb304-csbar a.nomag{margin-right:0}
.mb304-csbar a:hover{color:#fff;text-decoration:underline;padding-bottom:1px}
.mb304-csbar h2,.mb304-csbar h3{color:#a8c4eb;font:normal 14px microsoft yahei,arial}
.mb304-csbar h2,.mb304-csbar ul{padding-bottom:8px;background:url("https://www.shotools.com/school/course-zk/images/line.jpg") no-repeat center bottom}
.mb304-csbar h3{color:#fff;margin-top:10px;margin-bottom:5px}
.mb304-csbar li{clear:both;line-height:20px;height:20px;padding-top:3px;padding-bottom:3px;font-size:12px}
.mb304-csbar li span{float:left;width:60px}
.mb304-csbar span a{margin-right:0}
.mb304-csbar span a:hover{text-decoration:underline;padding-bottom:1px}
.mb304-csbar ul.nobd{background:none}


/*******************************新版的所有课程样式****************************************/
.mb304-zilimenu li i{background:url("https://www.shotools.com/school/course-zk/images/arrows.png") no-repeat 0 0;display:block;overflow:hidden}
.mb304-zilimenuwrap{width:200px;height:340px;z-index:100;clear:both}
.mb304-zilimenu{height:340px;background:url("https://www.shotools.com/school/course-zk/images/flbg.jpg") repeat 0 0;position:relative;z-index:101}
/****************************Mega Drop Down Menu****************************/
#menu{list-style:none;width:200px;margin:0px auto 0px auto;height:340px;padding:0px 0px 0px 0px;}
#menu li{height:34px;line-height:34px;display:block;cursor:pointer;color:#333;}
#menu li:hover{/* Background color and gradients */background:#88766E;}
#menu li a{color:#333;margin-right:10px;line-height:34px;margin-left:0}
#menu li:hover a{color:#fff;}
#menu .mb304-menudescript{color:#a5a5a5;}
#menu li:hover .mb304-menudescript{color:#fff;}
#menu li .mb304-cir{width:6px;height:6px;overflow:hidden;float:left;display:inline;background-position:0 0;margin:14px 8px 0 15px}
#menu li .mb304-arr{width:5px;height:9px;overflow:hidden;float:right;display:inline;background-position:-13px 0;margin:13px 15px 0 0}
#menu li:hover .mb304-cir{background-position:0 -10px;}
#menu li:hover .mb304-arr{background-position:-13px -10px;}
.dropdown_7columns{margin:-34px 0px 0px 200px;/*FF*/*margin:-10px 0px 0px 200px;/*IE*/float:left;position:absolute;left:-999em;/* Hides the drop down */text-align:left;padding:0px 5px 10px 5px;border:1px solid #e6e6e6;border-left:none;height:auto;/* Gradient background */background:#fff url("https://www.shotools.com/school/course-zk/images/subnavbg.jpg") repeat-y 0 0;-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.2),1px -3px 5px rgba(0,0,0,0.2);-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.2),1px -3px 5px rgba(0,0,0,0.2);box-shadow:5px 5px 5px rgba(0,0,0,0.2),1px -3px 5px rgba(0,0,0,0.2);}
.dropdown_7columns{width: 589px;}
#menu li:hover .dropdown_7columns{left:-1px;top:auto;}
.col_7{display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
.col_7{width:569px;}
#menu dl{padding:0px 0px 0px 8px;}
#menu dt{font:bold 15px/30px microsoft yahei,arial;border-bottom:solid 1px #ddd;margin-bottom:5px; display:block; height:30px;}
#menu dd{width:559px;overflow:hidden;padding-bottom:5px;}
#menu dd a.sublink:link,#menu dd a.sublink:visited,#menu dd a.sublink:active{margin-right:0;margin-top:2px;display:inline;color:#333;padding:0px 10px;border-right:solid 1px #ececec;margin-bottom:5px;white-space:nowrap;float:left;line-height:16px;text-align:center}
#menu dd a.sublink:hover{text-decoration:underline;color:#df0000;line-height:16px;}
.showsubnav{display:block;}
.mb304-hiddensubnav{ display:none;}
/*****************************************************************/

/*****************************分校样式************************************/
.mb304-school{width:198px;margin-top:15px;border:solid 1px #317ee7}
.mb304-school h1{height:28px;line-height:28px;color:#fff;font-size:14px;background:#317ee7;padding-left:10px}
.mb304-school ul{margin:5px 6px 0 6px;padding:0;list-style:none;width:185px}
.mb304-school li{height:29px;line-height:29px;border-bottom:1px dashed #d4d4d4}
.mb304-school li span{color:#317ee7;float:left;line-height:29px;padding-right:3px;padding-left:2px;font-family:宋体}
.mb304-school li a{color:#333;text-decoration:none}
.mb304-school li a:hover{text-decoration:underline;color:#317ee7}
/*****************************************************************/
.mb304-zkad{margin-top:15px}
/*****************************************************************/
.mb304-right{float:left;width:800px}
.mb304-secmenu{height:36px;width:800px;background:#f4f4f4}
.mb304-secmenu li{padding-right:2px;float:left;height:36px;background:url("https://www.shotools.com/school/course-zk/images/xuline.jpg") no-repeat right 0;width:84px}
.mb304-secmenu li a{display:block;height:20px;padding-right:5px;padding-left:5px;color:#333;text-decoration:none;margin-top:8px;margin-right:10px;margin-left:10px;line-height:20px; text-align:center}
.mb304-secmenu li a:hover,.mb304-secmenu li.focus a{color:#fff;background:#317EE7}
.mb304-main{margin-left:10px;margin-top:10px}
/*****************************************************************/
.mb304-links{background:#e3e3e3;height:140px;margin-top:15px;margin-bottom:15px}
.mb304-lk{padding-top:20px}
.mb304-lk li{float:left;display:inline;margin-right:57px}
.mb304-lk li.nomg{margin-right:0}
.mb304-lk a{display:block;height:110px;width:95px;background:url("https://www.shotools.com/school/course-zk/images/class.png") no-repeat 0 0}
.mb304-lk .mb304-kj a{background-position:-96px 0}
.mb304-lk .mb304-sn a{background-position:-192px 0}
.mb304-lk .mb304-dn a{background-position:-288px 0}
.mb304-lk .mb304-zg a{background-position:-384px 0}
.mb304-lk .mb304-sm a{background-position:right 0}
.mb304-lk a b{display:none}
/*****************************************************************/
.mb304-footer{line-height:22px;text-align:center}
.mb304-scls{margin-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#d4d4d4;padding-bottom:8px}
.mb304-fx p{line-height:22px;color:#333;text-align:center;/*padding-left:15px;background:url("https://www.shotools.com/school/course-zk/images/loc.jpg") no-repeat 0 0*/}
.mb304-fx p a,.mb304-footer p a{color:#333;text-decoration:none;margin-right:3px;margin-left:3px;display:inline}
.mb304-fx p a:hover,.mb304-footer p a:hover{color:#317ee7;text-decoration:underline}
.mb304-footer p{margin-bottom:10px}

/***********大事记更改样式***********/
.mb304-dashiji{width:790px;height:781px;}
.mb304-dashiji .mb304-ziseK{width:156px;margin-right:2px;float:left;background:#6eb4cd;height:357px;}
.mb304-dashiji .mb304-lanseK{width:156px;margin-right:1px;float:left;background:#7e6d9f;height:357px;}
.mb304-kuaiTB{margin-right:0;}
.mb304-dashiji .mb304-diyiH{padding:27px 20px 0;}
.mb304-dashiji .mb304-dierH{padding:14px 20px 26px;}
:root{--ms-accent:#3d4a5c;--ms-radius:3px;--ms-line:1.62;--ms-gap:13px;}
