@charset "utf-8";
/* CSS Document */
body{
	background:#fff url(../images/teach/bg.gif) repeat-x left top;
}

.shadow{
    float:left;
	background-image:url(../images/intro/shadow.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.mask {
    float:left;
	background-image:url(../images/intro/mask.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 5px 5px 0;
}
.dis{
	display:block;
}
.undis{
	display:none;
}
.deep{
	background:#679d24;
	font-weight:bold;
	color:#fff;
}
#nav .hover{
	background: url(../images/teach/hoverBg.gif) repeat-x left top;
	font-weight:bold;
	color:#fff;
}
#subNav li .here{
	color:#fff;
}
#fullNav .none{
	display:none;
}

#header{
	overflow:hidden;
	width:932px;
	margin:0 auto;
}
#logo{
	float:left;
	background:url(../images/teach/logo.gif) no-repeat left bottom;
	width:225px;
	height:59px;
	padding-top:20px;
}
#fullNav{
	position:relative;
	float:right;
	width:600px;
	height:104px;
}
#nav{
	/*float:right;*/
	width:600px;
	height:82px;
}
#nav li{
	float:left;
}
#nav li a{
	display:block;
	width:76px;
	height:32px;
	text-align:center;
	color:#000;
	border-right:1px solid #fff;
	padding-top:50px;
}
#nav li a:hover{
	background:url(../images/teach/hoverBg.gif) repeat-x left top;
	font-weight:bold;
	color:#fff;
}
#header p{
	float:left;
	width:250px;
	height:30px;
	line-height:30px;
	color:#fff;
}
#header p a{
	color:#fff;
	line-height:30px;
	padding:0 5px;
}
#subNav{
	position:absolute;
	bottom:0px;
	right:240px;
	background:#a0d15b;
	width:340px;
	height:22px;
	border:1px solid #81c030;
	padding-left:3px;
}
#subNav li{
	float:left;
	line-height:22px;
}
#subNav li a{
	display:block;
	line-height:22px;
	color:#467608;
	padding:0 6px;
}

#subNav li a:hover{
	color:#fff;
}




#wrapper{
	width:931px;
	height:auto!important;
	height:489px;
	min-height:489px;
	background:#fff;
	padding-top:3px;
	padding-left:1px;
	margin:5px auto 0;
}
#sideBar{
	width:132px;
	float:left;
}
#sideBar h1{
	background:url(../images/teach/feidi_teach.gif) no-repeat left top;
	width:132px;
	height:46px;
	text-indent:-10000px;
	clear:both;
}
#sideNav{
	width:130px;
	height:435px;
	background:url(../images/teach/sideBg.gif) repeat-x left top;
	padding-left:2px;
	margin-top:1px;
}
#sideNav li{
	width:126px;
	line-height:38px;
	text-align:center;
	border-bottom:1px dotted #fff;
	color:#fff;
}
#sideNav li a{
	color:#fff;
	line-height:38px;
}
#sideNav li a:hover{
	color:#91db2c;
	font-weight:bold;
}
#sideNav li .hover{
	color:#91db2c;
	font-weight:bold;
	background:none;
}
#sideNav li .second{
	background:url(../images/teach/list_style.gif) no-repeat left center;
	font-size:12px;
	line-height:24px;
	padding-left:7px;
	/*margin-left:20px;*/
}
#content{
	position:relative;
	float:right;
	width:762px;
	height:auto!important;
	height:463px;
	min-height:463px;	
	background:url(../images/teach/contentBgNo.gif) repeat-x left top;
	padding:20px 0 0 30px;
	border:1px solid #666;

}
#content h2{
	width:730px;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}
#content h2 a{
	color:#000;
	font-size:16px;
	font-weight:bold;
}
#content h2 .hover{
	color:#679d24;
}
#content h2 a:hover{
	color:#679d24;
}
#ctrl{
	width:728px;
	height:26px;
	background:url(../images/teach/tabBg.gif) repeat-x top left;
	border:1px solid #679d24;
}
#ctrl li{
	float:left;
	line-height:26px;
	letter-spacing: 10px;
	cursor:pointer;
	padding:0 20px 0 30px;
	border-right:2px solid #679d24;
}
#content .more{
	position:absolute;
	top:55px;
	right:45px;
	color:#679d24;
}
#container_0,#container_1,#container_2,#container_3,#container_4{
	overflow:hidden;
	width:728px;
	padding-top:15px;
	border:1px solid #679d24;
	border-top:none;
	margin-bottom:20px;
}
#container_0 li,#container_1 li,#container_2 li,#container_3 li,#container_4 li{
	float:left;
	overflow:hidden;
	width:153px;
	height:141px;
	padding-bottom:7px;
	margin-left:22px;
	margin-bottom:12px;
	display:inline;
}
#container_0 li .image,#container_1 li .image,#container_2 li .image,#container_3 li .image,#container_4 li .image{
	float:left;
	width:153px;
}
#container_0 li .image img,#container_1 li .image img,#container_2 li .image img,#container_3 li .image img,#container_4 li .image img{
	padding:4px;
	border:1px solid #ccc;
}
#container_0 li .image a,#container_1 li .image a,#container_2 li .image a,#container_3 li .image a,#container_4 li .image a{
	display:block;
}
#container_0 li .text,#container_1 li .text,#container_2 li .text,#container_3 li .text,#container_4 li .text{
	float:left;
	width:153px;
	line-height:24px;
	text-align:center;
}
#container_0 li .text a,#container_1 li .text a,#container_2 li .text a,#container_3 li .text a,#container_4 li .text a{
	display:block;
	font-weight:bold;
	line-height:26px;
	color:#000;
}
#page{
	clear:both;
	height:20px;
	text-align:center;
	padding-top:10px;
}
#page span a{
	color:#000;
}
#page span a:hover{
	text-decoration:underline;
}






#footer{
	clear:both;
	width:932px;
	color:#999;
	margin:5px auto 0;
}
#footer p{
	line-height:26px;
	border-bottom:1px solid #999;
	margin-bottom:7px;
}
#footer span{
	color:#000099;
}
