@charset "utf-8";
/*
2016-04-25
这一部分是页面的顶部和左侧导航以及底部，现在已经把它放到pagecommen.css中，各个页面的head通过引pagecommen来加载这部分的样式。
如若发现该css文件中没有包含所有顶部和左侧导航以及底部的css，还请移到该文件下并给出注释。
 */

body {font-size: 12px;min-width: 1000px;font-family: Arial, "宋体", "微软雅黑", sans-serif;background: #a4c0ef;position: relative;}



/*header*/
.header{width:100%;min-width: 1000px;height: 10px;background: #143e88;}
.topimg{display: block;width: 100%;height: 10px;border: none;}


/* 通过页面header的一个类名来确定是哪个头图片 */


/* 左侧logo样式，该页面没有logo，如若需要，可以直接添加背景图片就会显示在现在logo的位置
#logo {padding:22px 0 0 11px;width:199px;height:100px;text-align:center;}
*/



/*导航栏父容器*/
.naviWrapper{width:100%;min-width: 983px;height: 158px;background: #143e88;}
.logo{width: 345px;min-width: 200px;float: left;margin-top: 35px;margin-left: 30px;}
.logo img{float: right;width: 305px;display:block;}
#timeArea {font-family:"宋体";font-size:14px;line-height:25px;text-align:center;float:right;width:210px;height:25px;color:#fff;padding-left:20px;margin-top:23px;margin-right:80px;background:url(../new_picture/img-time.png) 20px 3px no-repeat;}


/*main nav*/
.nav{float: left;padding-top:25px;margin-left: 60px;}
.nav ul li{display:block;width: 105px;height: 102px;float: left;text-align: center;background: url(../new_picture/bg-lileft.png) no-repeat;}
.nav ul li:first-child{background: none;}
.nav ul li img{display: block;margin: 0px auto 10px;}
.nav ul li a{color: #FFFFFF;font-size: 14px;display: block;width: 84px;height: 92px;margin: 0 auto;padding-top: 10px;}
.nav ul li a:hover{background: url(../new_picture/bg-navHover.png) no-repeat;}


.aHover{background: url(../new_picture/bg-navHover.png) no-repeat;}
.platName{float: right;width: 490px;margin-top: 60px;margin-right: 20px;}
.platName img{width: 490px;float: right;display:block;}
/* header中右侧帮助和退出按钮 */
#tempLogOut{float:right;  margin-top: 15px; dispaly:block;font-size:14px;font-family: "微软雅黑";}
#tempLogOut .help{text-decoration:none; color:#FFFFFF;}
#tempLogOut .backOut{cursor:pointer; text-decoration:none; color:#FFFFFF;}


/*  滚动条向下滑动时导航固定上面样式  */
.scrollnav{float: left;height: 35px;padding-top:9px;margin-left: 120px;}
.scrollnav ul li{display:block;width: 135px;height: 36px;float: left;text-align: center;background: url(../new_picture/bg-lileft.png) 0 -30px no-repeat;}
.scrollnav ul li:first-child{background: none;}
.scrollnav ul li img{display: block;float:left;width:23px !important;margin-left: 3px;}
.scrollnav ul li a{color: #FFFFFF;font-size: 14px;display: block;width: 105px;height: 26px;margin: 0 auto;padding-top: 10px;}
.scrollnav ul li a:hover{background: url(../new_picture/scrollHover.png) no-repeat;}
.scrollnav .aHover{background: url(../new_picture/scrollHover.png) no-repeat;}
.scrollLogo{margin-top: 0px;}
.scrollLogo img{display:none;}
.scrollLogo #timeArea{margin-top: 16px;}

.scrollPlat{width:300px;margin-top: 2px;}
.scrollPlat img{display:none;}


/* 面包屑 */
#main{margin-top:40px;}
#content{padding-left:20px !important}
#bread {float:left;line-height:40px;height: 40px;color:#666666;margin-left:360px;}

.crum {margin-left: 40px;}
.crum ul li {padding: 0 5px 0 0;height: 25px;float: left;color: #333;}
/* 面包屑中向右的箭头是个图片 */
.crum ul li a {font-family: "宋体";color: #333;padding-right: 12px;padding-left: 0;background: url(../img/bc_separator.gif) right no-repeat;}

/* admin包括欢迎您和退出 */
#admin {color: #143e88;height: 110px;font-size:14px;width:276px;margin: auto;margin-top: 20px;}
/* 这个welcome使用来控制左侧导航中的欢迎您 ***的样式的 */
.welcome {text-align:left;padding-left:30px;margin-top: 0px;}
#help{display: inline; float: left;margin-top: 25px;margin-left:10px;}
#help a {display: inline-block;width: 70px;text-align: center;cursor:pointer; text-decoration:none;}
#help select {width: 100px;height:20px;color: #363636;outline: none;font-size:13px;}
/* 这个welcome好像是没有哦登陆的时候的欢迎页 */
#welcome {text-align:left;padding-left:30px;padding-top:5px;}


.asideWrapeer{position: fixed;z-index: 99; left:0px;width: 406px;background: url("../new_picture/leftbg.png") repeat-y;}
aside{width: 345px;margin: auto;}
#leftNavi{width:276px;margin:0 auto;}
/*user*/
.user{margin-top: 20px;color: #1085ba;height: 110px;font-size:14px;}
.user-name{height: 36px;}
.hi ,.username ,.user-img{display: block;float: left;margin-left:10px;height:36px;line-height:52px;}
.username{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 180px);
}
.user a{padding-left: 17px;height: 35px;line-height:52px;width:75px;display: block;float: left}
.user select{width: 100px;height:20px;margin-top:13px;color: #363636;outline: none }
/* lv1 */
#leftNavi li.level1>a{background:url("../new_picture/libg.png") no-repeat;cursor: pointer;
	font-size:15px;padding-left:40px;margin-top: 5px;display: block;  height:35px;  line-height: 35px; color: #fff;}
#leftNavi li.level1>a:hover{text-decoration:none;}
#leftNavi li.level1>a.current{background:url("../new_picture/current.png") no-repeat;height: 35px;}
/* lv2 */
#leftNavi li ul{overflow:hidden;}
#leftNavi li ul.level2{display:none;}
#leftNavi li ul.level2 li{background:url("../new_picture/li2bg.png") no-repeat;height: 35px;}
#leftNavi li ul.level2 li:last-child{background:url("../new_picture/lilast.png") no-repeat;}
#leftNavi li ul.level2 li a{padding-left: 60px;display: block;  height: 34px;  line-height:34px; color: #3f3f3f;overflow: hidden;font-size: 14px;}
#leftNavi ul .level3 {background:url("../new_picture/level3.png") no-repeat;}
#leftNavi ul .level3 a{font-size:15px;padding-left:40px;margin-top: 5px;display: block;  height:35px;  line-height: 35px; color: #fff; }
.active a{
	color:#143e88 !important;
	font-weight: bold;
}



/* 最左侧的切换栏 */
/* 控制switch的背景图片在收起后变换 */
.roottbl{width:100% !important;overflow: auto}
/*footer*/
#footer {width：98%;padding-left: 380px;position:relative;	text-align:center;height:60px;}
#footer .copyright {width:710px;overflow: hidden;margin:20px auto;*+padding-top: 0px;}
#footer .copyright p{/*float:left;*/color:#333;line-height: 20px;}

.chartContent1{margin-bottom:20px; width:100%;height:470px;background:none;display:inline-block;border:1px solid #CCCCCC;border-radius:3px;}
.chartContent2{margin-right:15px;margin-bottom:20px; width:100%;/*height:400px;*/background:none;float:left;border:1px solid #CCCCCC;border-radius:3px;}
.chartTit{display:block;height:40px;line-height:40px;padding-left:15px; font-size:16px; border:2px solid #CCCCCC;border-top:1px solid #CCCCCC;border-radius:3px; background-color:#E7EBEE;}
.chart{width:100%;height:420px;background:none;display:inline-block;}
#tempLogOut a span {
	float: left;
}
#tempLogOut a strong {
	max-width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	display: block;
}
#tempLogOut a.clearfix:after{
	display: inline-block;
}
@media only screen and (max-width: 1300px) {
	.chartContent2{width:100%;}
	.logo{width: 200px;margin-top: 45px;}
	.logo img{width: 200px;}
	.nav{margin-left: 20px;padding-top:45px;}
	.nav ul li{width: 60px;height: 73px;background-position:0 -20px;}
	.nav ul li a{width: 60px;height: 63px;font-size:12px;}
	.platName{width: 300px;margin-right: 10px;margin-top: 65px;}
	.platName img{width: 280px;}
	#timeArea{width:180px;margin-left:15px;margin-right:0px;padding-left: 30px}
	.naviWrapper {height: 145px;}
	.scrollnav{margin-left: 20px;padding-top: 10px;}
	.scrollnav ul li{width: 88px;height:35px;}
	.scrollnav ul li a{width: 87px;height:25px;}
	.scrollnav ul li a img{width: 22px}
	.scrollLogo{margin-top:0;}
	.scrollPlat{width:170px;margin-top:4px;margin-right:0px;}
	.asideWrapeer {width: 235px;background: url(../new_picture/leftbg.png) -18px 0 repeat-y;}
	#admin {width: 210px;}
	aside {width: 235px;}
	#leftNavi {width: 223px;padding-left:10px;}
	#main {padding-left: 245px !important;}
	#footer {padding-left: 235px !important;}
	#bread {margin-left: 215px;}
	.aHover {background: url(../new_picture/liHover2.png) no-repeat;}
	.nav ul li a:hover{background: url(../new_picture/liHover2.png) no-repeat;}
	.nav ul li img {width:40px;}
	#mainContent {padding-right: 15px !important;padding-left: 15px !important;}
	.scrollnav ul li a:hover{background: url(../new_picture/scrollHover.png) -10px 0 no-repeat;}
	.scrollnav .aHover{background: url(../new_picture/scrollHover.png) -10px 0 no-repeat;}
	#leftNavi li ul.level2 li a {padding-left: 60px}
	#content {padding-left: 10px !important;}
	.scrollPlat a{display: none}
	.scrollPlat a:first-child{
		display: block;
	}
	#tempLogOut a strong{
		max-width: 90px;
	}
	#leftNavi li {

		line-height: 25px !important;
	}

	#leftNavi li a{
		font-size: 12px !important;
		height: 25px !important;
		line-height: 25px !important;
	}
	#leftNavi li ul.level2 li{
		height: 25px;
	}
	#leftNavi li.level1>a {
		background: url(../new_picture/libg.png) left -6px no-repeat;
	}

	#leftNavi li.level1>a.current {
		background: url(../new_picture/current.png) left -6px no-repeat;
		height: 35px;
	}
	#leftNavi ul .level3 {
		background: url(../new_picture/level3.png) left -6px no-repeat;
	}
	#help {
		margin-top: 15px;
	}
	#admin {
		height: 80px;
	}

}

@media only screen and (min-width: 1300px) and (max-width: 1550px) {
	.chartContent2{width:100%;}
	.logo{width: 260px;margin-top: 45px;}
	.logo img{width: 260px;}
	.nav{margin-left: 30px;}
	.scrollnav{margin-left: 25px !important;}
	.nav ul li{width: 85px;}
	.nav ul li img{width: 55px;}
	.platName{width: 370px;margin-right: 5px;}
	.platName img{width: 370px;}
	#timeArea{margin-right:30px;margin-top: 13px;}
	.naviWrapper {height: 145px;}
	.scrollnav ul li{width: 115px;}
	.scrollnav ul li a{width: 105px;}
	.scrollLogo{margin-top:0;}
	.scrollPlat{width:160px;}
	.scrollPlat a{display: none}
	.scrollPlat a:first-child{
		display: block;
	}
	.asideWrapeer {width: 300px;margin-left: -10px;}
	#admin {width: 250px;}
	aside {width: 330px;}
	#leftNavi {width: 250px;}
	#main {padding-left: 300px !important;}
	#footer {padding-left: 300px !important;}
	#bread {margin-left: 270px;}
	#content {padding-left: 10px !important;}
	#mainContent{padding-left:10px !important;}
	#tempLogOut a strong{
		max-width: 130px;
	}
}

@media only screen and (min-width: 1551px) and (max-width: 1750px) {
	.nav{margin-left: 35px;}
	.nav ul li{width: 100px;}
	.platName{width: 400px;margin-right: 25px;}
	.platName img{width: 400px;}
	.scrollnav ul li{width: 125px !important;}
	.scrollPlat{width: 295px}
	#timeArea{margin-right:70px;margin-top:15px;}
	.naviWrapper {height: 150px;}
	#tempLogOut a strong{
		max-width: 170px;
	}

}

/* 这是主要的表格 */
#hor-minimalist-b {background: #fff;margin: 0;width: 100%;border-collapse: collapse;table-layout: fixed;}
#hor-minimalist-b tr {height: 35px;}
#hor-minimalist-b th {font-size: 14px;font-family:"Microsoft YaHei";font-weight: bold;color: #363636;padding-left: 4px;padding-right: 4px;background-color: #c9ddff;text-align:center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 35px;}
#hor-minimalist-b th a {color: #363636;padding-right: 10px;}
#hor-minimalist-b th a:hover {color: #4b8df9;}
#hor-minimalist-b th a.sortUp {background: url(../img/slideUp.gif) no-repeat right center;}
#hor-minimalist-b th a.sortDown {background: url(../img/slideDown.gif) no-repeat right center;}
#hor-minimalist-b td {font-size:13px;font-family:"Microsoft YaHei";color: #01166A;padding-left: 4px;padding-right: 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;}
#hor-minimalist-b tr.alt {background-color: #c9ddff;}
#hor-minimalist-b tr.over {background-color: #a4c0ef;}
#hor-minimalist-b tfoot th {text-align: right;padding-right: 10px;}


/* 编辑页面表格样式 */
table.uiInfoTable {width: 100%;margin: 0;padding: 0;border-collapse: collapse;background:#fff;}
table.uiInfoTable th {background-color: #c9ddff;color: #3c4963;_white-space: nowrap;text-overflow:ellipsis;overflow: hidden;padding: 10px;line-height: 18px;white-space: nowrap;}
table.uiInfoTable tbody th{width: 18%; text-align: right; color:#0D85BB;}
table.uiInfoTable td { padding: 8px;color:#0D85BB;line-height: 1.2;border-bottom: 1px solid #E5E5E5;}
table.uiInfoTable tfoot tr th {text-align: center;line-height:normal;}
table.uiInfoTable tr.two_cols td {width: 32%;}
table.uiInfoTable th.label {padding: 10px;text-align: right;vertical-align: baseline;_white-space: nowrap;white-space: nowrap;}
table.uiInfoTable th.label span {color: #F00;padding-right: 3px;}



/*课程表样式*/
.tg-timedevents {background-color: #FFFFFF;border-bottom: 1px solid #CCCCCC;margin-top: -1px;table-layout: fixed;width: 100%;}
#tgTable {border-collapse: collapse;}

#tgTable td {text-align: center;border: 1px solid #E5E5E5;}
#tgTable td p{text-align: center;}
.wk-tzTlabel {background: #CDE4FB;height: 50px;}
.Tlabel {background-color: #f1f1f1;color: #039;}
.fontC {color: #3c4963;}
.wk_t {vertical-align: top;height: 50px;}


/*页面底部的结束线*/
.bottomLine{position:absolute;bottom:0px;left:0px;height:10px;width:100%;background:url("../new_picture/bg-bodyfooter.png") repeat-x;z-index: 9999}



.switch{display:none;}


.top{
	padding:20px 20px 20px 340px;
	background:#fff;
	border-radius:4px;
	position:relative;
	height:200px;
}
.top img{
	width:300px;
	height:200px;
	position:absolute;
	left:20px;
	top:20px;
}
.top div h3{
	height:16px;
	line-height:16px;
	font-size:15px;
	color:#666;
}
.top div h3 input{
	border:none;
	outline:none;
	float:right;
	padding-left:25px;
	color:#f07f11;
	font-size:12px;
	background:url(../images/shoucang.png) no-repeat 0 0;

}
.top div p,.top div div{
	margin-top:15px;
	line-height:14px;
	font-size:12px;
	color:#999;
}
.top div p span{
	display:inline-block;
	width:200px;
}
.top div p b{
	color:#666;
}
.top div div b{
	color:#666;
}
.top div div{
	margin-top:10px;
	height:52px;
	line-height:26px;
	overflow:hidden;
}
.top div>a{
	display:inline-block;
	margin-top:8px;
	width:70px;
	height:26px;
	text-align:center;
	line-height:26px;
	background:#f07f11;
	color:#fff;
	font-size:12px;
	border-radius:4px;
}
/*
	查看资源页样式
*/
.pinglun{
	padding:15px;
	background:#fff;
	border-radius:5px;
	margin-bottom:20px;
	border-bottom: 1px dotted #e3e3e3;
}
.pinglun div{
	position:relative;
	min-height:40px;
	padding;
	padding:3px 0 3px 0;
	margin-bottom:0!important;
}
.pinglun>div.question{
	padding-left:55px;
}
.pinglun div img{
	position:absolute;
	left:0;
	top:0;
	width:46px;
	height:46px;
	border-radius:50%;
}
.pinglun div p{
	line-height:20px;
	color:#959595;
	padding-right:110px;
	margin-bottom:0!important;
	text-indent:0!important;
}
.pinglun div p b{
	color:#666;
	margin-right:10px;
}
.pinglun div p b span
{
	margin-right:10px;
}
.pinglun a{
	position:absolute;
	top:13px;
	right:24px;
	height:20px;
	line-height:20px;
	cursor:pointer;
}
.pinglun a.say{
	right:85px;
	color:#4b8bf9;
}
.pinglun .comment{
	margin:6px 0 0 0px;
	padding-left:55px;
}
.pinglun textarea{
	display:block;
	width:60%;
	height:80px;
	line-height:20px;
	padding:5px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:20px;
	resize:none;
}
.pinglun button{
	width:80px;
	height:32px;
	text-align:center;
	line-height:32px;
	border:none;
	background:#f17e11;
	border-radius:3px;
	font-size:15px;
	color:#fff;
	margin:12px 30px 0 0;
}