@charset "utf-8";
/* CSS Document */

body{
	background-color:#FAF5E2;
	overflow-x:hidden;
	font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; 

}
#header{
	width:960px;
	height:168px;
	margin:0 auto;
}
#logo{
	background-image:url(../images/opencourse_top.jpg);
	width:530px;
	height:168px;
	float:right;
	margin-right:60px;
	_margin-right:30px;

}
#search{
	float:right;
	width:135px;
	height:25px;
	margin-top:120px;
	background-image:url(../images/oc_search_bg_2.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#search form { 
margin: 0; 
} 
#search #s { 
float: left; 
padding: 0; 
margin: 5px 0 0 4px; 
border: 0; 
width: 110px; 
background: none; 
font-size:12px; 
} 
#search #go { 
float: right; 
margin: 5px 4px 0 0; 
}
.back{
	float:right;
	font-size:12px;
	/*color:#8C795A;*/
	display:block;
	/*note by ygy margin:124px 30px 0 10px;*/
	margin:10px 60px 0px 0px; 
_margin:10px 85px 0px 0px; 
	 /*_margin-right:15px;*/
	 /*margin:145px 0 0 10px;*/
	
	 
}
.back a{
	color:#000;
	text-decoration:none;
}
.back a:hover{
	color:#9E978D;
}
.container{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/oc_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	min-height:870px;
}
#nav{
	background-image:url(../images/oc_menu.jpg);
	width:986px;
	height:65px;
	margin:0 auto;
	text-shadow:0 1px 0 rgba(0,0,0,.8);
	-webkit-font-smoothing: subpixel-antialiased;
}
#nav ul{ margin:0px auto 0px 177px;
 _margin:0px auto 0px 200px;
}

#nav li{

	float:left;

	list-style:none;

	font-family:"Microsoft YaHei","黑体";

	font-size:17px;

	font-weight:bold;

	line-height:30px;

	color:#CCC;

	padding-right:120px;

	padding-top:17px;

}

#nav li a{ font-family:"Microsoft YaHei","黑体"; font-size:17px; font-weight:bold; line-height:30px;color:#fff;
	text-decoration:none;}

#nav li a:hover{

	font-family:"Microsoft YaHei", "黑体";

	font-size:17px;

	font-weight:bold;

	line-height:30px;

	color:#d4b47a;

}
.main{
	width:965px;
	min-height:840px;
	height:100%;
	background-color:#EDE9E0;
	background-image:url(../images/oc_bg_y.jpg);
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0px;
}
.box{
width:965px;
height:100%;
margin:0px;
padding:0px;
background-image:url(../images/oc_bg_in.jpg);
background-repeat:no-repeat;
background-position:top;
}
.bottom{
	width:965px;
	height:10px;
	margin:0 auto;
	background-image:url(../images/oc_bg_bottom.jpg);
	background-repeat:no-repeat;
}
.bottom_tab{
	width:965px;
	height:105px;
	margin:0 auto;
	background-image:url(../images/oc_bg_bottom_tab.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.course{margin:0px auto; padding:0px; width:950px; display:inline;}
.course ul{ width:950px;  padding:5px;list-style:none; margin:0px;}
.course li { width:210px; list-style:none; float:left; display:inline;text-align:center;margin:10px 5px 30px 20px;}
.course li  img{ border:2px solid #fff;}
/*p{ width:950px;font-size:13px;line-height:30px;color:#000; text-align:right; margin:0px; padding:0px;}*/
.course a{
color:#000000;
}
.course a:hover{
color:#666666;
}
.click{margin:0px auto; padding:0px; width:950px; display:inline; font-size:13px;}
.click ul{ width:950px;  padding:5px;list-style:none; margin:0px; }
.click li { width:120px; list-style:none; float:left; display:inline;text-align:center;margin:10px 5px 0px 30px;}
.click li  img{ border:2px solid #fff;}
/*p{ width:850px;font-size:13px;line-height:30px;color:#000; text-align:right; margin:0px; padding:0px;}*/
.click a{
color:#000000;
}
.click a:hover{
color:#666666;
}
.tab{
	margin-left:2px;
	_margin-left:4px;
}
#TabTab03Con1{
	width:720px;
	height:100%;
	padding-top:65px;
	padding-left:120px;
	padding-right:120px;
	font-size:14px;
	line-height:30px;
	background-image:url(../images/oc_tab_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#TabTab03Con2{
	width:720px;
	height:100%;
	padding-top:65px;
	padding-left:120px;
	padding-right:120px;
	line-height:30px;
	background-image:url(../images/oc_tab_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#TabTab03Con2 img{
	border:3px solid white;
	float:left;
	margin-right:30px;
	margin-bottom:15px;
	margin-top:15px;
}
#TabTab03Con2 h4{
	font-size:19px;
}
#TabTab03Con2 p{
	font-size:14px;
	line-height:24px;
	letter-spacing:1px;
}
#TabTab03Con3{
	width:720px;
	height:100%;
	padding-top:65px;
	padding-left:120px;
	padding-right:120px;
	font-size:14px;
	line-height:30px;
	background-image:url(../images/oc_tab_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#TabTab03Con3 ul{
	font-size:14px;
	list-style:none;
	padding:0;
}
#TabTab03Con3 ul li{
	line-height:30px;
	padding:0;
	margin:0;
}
#TabTab03Con3 ul li a{
	text-align:left;
	float:left;
	color:#000;
}
#TabTab03Con3 ul li a:hover{
	color:#666;
}
#TabTab03Con3 ul li span{
	width:20%;
	height:35px;
	float:right;
}
#TabTab03Con4{
	width:720px;
    min-height:105px;
	height:100%;
	padding-top:65px;
	padding-left:120px;
	padding-right:120px;
	line-height:30px;
	background-image:url(../images/oc_tab_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.tab_jc{
	width:150px;
	float:left;
	margin-right:30px;
	margin-left:50px;
	_margin-left:30px;
	margin-bottom:40px;
}
.tab_jc img{
	border:#999 solid 2px;
	border-top:0px;
	border-left:0px;
}
.tab_jc p{
	font-size:12px;
}
#TabTab03Con5{
	width:720px;
	height:100%;
	padding-top:65px;
	padding-left:120px;
	padding-right:120px;
	font-size:16px;
	line-height:30px;
	background-image:url(../images/oc_tab_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#TabTab03Con5 ul{
	list-style:circle;
}
.xixi1{
	width:960px;
	height:55px;
	line-height:27px;
	background-image:url(../images/oc_tab1.jpg);
	cursor:pointer;
}
.xixi2{
	width:960px;
	height:55px;
	line-height:27px;
	background-image:url(../images/oc_tab2.jpg);
	cursor:pointer;
}
.xixi3{
	width:960px;
	height:55px;
	line-height:27px;
	background-image:url(../images/oc_tab3.jpg);
	cursor:pointer;
}
.xixi4{
	width:960px;
	height:55px;
	line-height:27px;
	background-image:url(../images/oc_tab4.jpg);
	cursor:pointer;
}
.xixi5{
	width:960px;
	height:55px;
	line-height:27px;
	background-image:url(../images/oc_tab5.jpg);
	cursor:pointer;
}

.tab1{
	width:190px;
	height:55px;
	margin-left:4px;
	_margin-left:2px;
	line-height:27px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.tab2{
	width:190px;
	height:55px;
	line-height:27px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.tab3{
	width:190px;
	height:55px;
	line-height:27px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.tab4{
	width:190px;
	height:55px;
	line-height:27px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.tab5{
	width:190px;
	height:55px;
	line-height:27px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.table_jp table{
	margin:0 auto;
	font-size:14px;
	font-size:14px;
	line-height:20px;
}
.table_jp table td{
	border-right:#fff 1px solid;
	padding-left:15px;
	height:30px;
	font-size:12px;
	line-height:25px;
}
.table_jp table th{
	height:30px;
	border:0;
	padding:0;
	margin:0;
	background-image:url(../images/table_bg_2.jpg);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:10px;
}
.table_jp table td a{
	color:#000;
	text-decoration:none;
}
.table_jp table td a:hover{
	color:#000;
}
.table_jp table th span{
	display:block;
	width:200px;
	height:30px;
	font-size:14px;
	line-height:25px;
	color:#fff;
	margin:0 auto;
}
.table_jp table td p{
	display:block;
	width:140px;
	height:30px;
	font-size:14px;
	line-height:30px;
	float:left;
	color:#666;
	margin:0;
	margin-left:40px;
	_margin-left:20px;
	text-shadow:1px 1px 0 #fff;
	-webkit-font-smoothing: subpixel-antialiased;
}
.oc{
	width:870px;
	margin:0 auto;
	padding-top:50px;
}
.oc_bg{
	width:840px;
	/*note  by ygy 
	height:440px; */
	background-color:#FAF5E2;
	padding:15px 15px 0 10px;
	border:#ccc 1px solid;
}
.oc_onecourse{
	height:210px;
}
.oc_bg a{
	color:#3B638F;
	text-decoration:none;
}
.oc_bg a:hover{
	color:#4B79A3;
}
.oc_bg img{
	float:left;
}
.oc_bg p{
	float:right;
	width:379px;
	margin-top:0px;
	margin-right:10px;
	_margin-right:5px;
	font-size:13px;
	line-height:20px;
	padding-top:5px;
	text-indent:2em;
	color:#8C795A;
	text-align:justify;
}
#footer{
	width:100%;
	height:60px;
	font-family:"Microsoft YaHei", "黑体","Verdana";
	font-size:14px;
	text-align:center;
}
a{
text-decoration:none;
}
.clear{clear:both;}