@charset "gb2312";
/* 2011.9.21 */
@import "../../css_lib/header_footer.css";
body{ margin:0; padding:0; color:#565656; font-size:12px; line-height:18px; font-family:"ËÎÌå";}
div,p,h1,h2,h3,h4,h5,h6,table,input,ol,ul,li,form,dl,dd,dt,input,a{ margin:0; padding:0; font-family:"ËÎÌå";}
table{border-collapse:collapse;border-spacing:0;}
img{ border:none;}
li{ list-style:none;}

a{ color:#565656; text-decoration:none;}
a.orange{ color:#f58328;}
a.blue{ color:#6093be;}
a:hover{ color:#6093be; text-decoration:underline;}

.orange{ color:#f58328;}
.red{ color:#d40202;}
.blue{ color:#6093be;}
.gray{ color:#a1a1a1;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; overflow:visible;}
.mt_4{ margin-top:4px;}
.mr_4{ margin-right:4px;}
.m_10{ margin:10px;}
.mt_10{ margin-top:10px;}
.mr_10{ margin-right:10px;}
.mb_10{ margin-bottom:10px;}
.ml_10{ margin-left:10px;}
.mb_16{ margin-bottom:16px;}

#wrap{ width:960px; margin:0 auto;}

#demo_tit{ height:42px; border:#e4e4e4 1px solid; background:#fcfcfc; color:#575757;}
#demo_tit p{ width:770px; margin-top:12px; padding-right:10px;}
#demo_tit p a{ margin:0 8px; color:#575757;}
#demo_tit p a:hover{ color:#a53f14;}

#main_top{ height:258px;}
	#main_top #slide{ width:300px; height:256px;}
	#main_top #news{ width:398px; height:258px;}
		#main_top #news #big_news{ height:78px; background:#f5f5f5; border-bottom:#cdcdcd 1px solid; padding:10px 16px;}
			#main_top #news #big_news h1{ font-size:16px; color:#393939; text-align:center; margin-bottom:8px; font-weight:bold;}
			#main_top #news #big_news p{ color:#8a8a8a; text-indent:24px; height:36px; overflow:hidden;}
		#main_top #news ul{ font-size:14px; line-height:24px; padding:0 10px;}
		#main_top #news ul a{ color:#565656;}
		#main_top #news ul a:hover{ color:#6093be;}

/* ÃûʦÇл» */
#teachers{ width:220px; height:236px; border:#b3bec4 1px solid; background: url(../img/teacher_bg.jpg) repeat-x; padding:10px;}
#teachers h3{ margin-bottom:10px;}
.carousel {height:207px; overflow:hidden;text-align:center;}
.bx-prev, .bx-next {display:block; background:url(../img/content.png) no-repeat -95px -102px; _background-position:-95px  -98px; width:6px; height:10px; cursor:pointer; position:absolute; top:47%; right:-8px;}
.bx-next:hover {background-position:-101px -102px;}
.bx-prev {background-position:-95px -112px; left:-8px;}
.bx-prev:hover {background-position:-89px -112px;}

#main_left{ width:710px; float:left;}
	#main_left .lesson{ height:280px; border:#fdc89c 1px solid; overflow:hidden;}
	#main_left .lesson h2 span{ font-size:12px; font-weight:normal; margin:10px 20px 0 0; font-weight:bold;}
	#main_left .lesson h2 span a{ color:#6093be;}
		#main_left .lesson .content{ padding:16px 20px;}
			#main_left .lesson .content .tag{ height:24px;*height:23px;}
			#main_left .lesson .content .tag a:hover{ text-decoration:none;}
			#main_left .lesson .content .tag li{ width:96px; float:left; text-align:center;}
			#main_left .lesson .content .tag li a{ display:block; width:90px; height:18px; text-align:center; padding-top:4px; color:#666666; cursor:pointer; border:#ccc 1px solid; border-bottom:none; background:url(../img/tag_bg.jpg) repeat-x;}
			#main_left .lesson .content .tag li.up a{ width:92px; height:19px; background:#f58328; border:none; color:#FFF; font-weight:bold;}
			#main_left .lesson .content table{ border:#cccccc 1px solid; width:100%; text-align:center;}
			#main_left .lesson .content table th{ border:none; background:#f5f5f5; font-weight:normal; color:#764c4d; padding:8px 0 6px 0; text-align:center;}
			#main_left .lesson .content table td{ border:#cccccc 1px solid; padding:6px 10px;}
			#main_left .lesson .content table a{ color:#565656;}
			#main_left .lesson .content table a.blue{ color:#6093be;}
			#main_left .lesson .content table a:hover{ color:#6093be;}
			#main_left .lesson .content .clear{ clear:both; overflow:visible;}

#main_right{ width:240px; float:right;}
	#main_right .example{ height:280px; border:#e4e4e4 1px solid; overflow:hidden;}
		#main_right .example h2{ height:21px; border-bottom:#e4e4e4 1px solid; background:url(../img/example_titbg.jpg) repeat-x; padding:6px 0 0 16px; font-size:14px;}
		#main_right .example ol{ margin:14px 11px 11px 11px;*margin:11px;_margin:14px 11px 11px 5px;}
		#main_right .example ol li{ margin:0 0 18px 0;*margin:0 0 16px 0;_margin:0 0 17px 0;}
		#main_right .example .icon_o,#main_right .example .icon_b{ width:13px; height:13px; background:url(../img/icon2.jpg); color:#FFF; text-align:center; line-height:15px; overflow:hidden;}
		#main_right .example .icon_b{ background:url(../img/icon3.jpg);}
		#main_right .example ul{ width:190px; padding:12px 12px 0 0;}
		#main_right .example ul li{ border-bottom:#afafaf dashed 1px; margin:0 0 7px 0; padding:0 0 5px 0;}
		#main_right .example ul a{ color:#565656;}
		#main_right .example ul a:hover{ color:#6093be;}
		
		
/*#video_demo{ width:958px; border:#fdc89c 1px solid; padding-left:2px; padding-bottom:10px;}
#video_demo h2{ margin:16px;}
#video_demo h2 span{ font-size:12px; color:#adadad;}
#video_demo .video_box{ display:block; width:133px; float:left; padding:8px; margin-left:8px; _margin-left:6px;}
#video_demo .video_box:hover{ background:#f6f6f6;}
#video_demo .video_box img{ border:#dddddd 1px solid;}
#video_demo .video_box h3{ font-size:12px; margin:4px 8px 10px 8px; color:#868686;}
#video_demo .video_box h3 a{ color:#868686;}
#video_demo .video_box h3 a:hover{ color:#6093be; text-decoration:underline;}
#video_demo .video_box p{ color:#666; margin:0 8px 10px 8px;}
#video_demo .video_box .video_btn{ background:url(../img/video_demo_icon.jpg) no-repeat 0 2px; padding-left:16px; margin-left:8px; _margin-left:4px; margin-bottom:4px;}
#video_demo .video_box .video_btn a{ color:#666;}		
#video_demo .video_box .video_btn a:hover{ color:#6093be; text-decoration:underline;}
*/

#video_demo{ width:958px; border:#fdc89c 1px solid;}
#video_demo h2{ margin:16px;}
#video_demo h2 span{ font-size:12px; color:#adadad; font-weight:normal;}
#video_demo .video_box{ display:block; width:429px; margin-left:25px; margin-right:25px;  _margin-left:24px; _margin-right:24px; }
#video_demo .video_box:hover{ background:#f6f6f6;}
#video_demo .video_box img{ border:#dddddd 1px solid; float:left;}
#video_demo .video_box h3{ width:105px; float:left; font-size:12px; color:#868686;}
#video_demo .video_box h3 a{ color:#666;}
#video_demo .video_box h3 a:hover{ color:#6093be; text-decoration:underline;}
#video_demo .video_box h3 p{ color:#666; font-weight:normal;}
#video_demo .video_box .video_class{ width:80px; float:left;}
#video_demo .video_box .video_class h4{ background:url(//publish.dongao.com/demo/img/video_demo_icon2.jpg) no-repeat 0 2px; font-size:12px; padding-left:16px; color:#666; font-weight:bold;}
#video_demo .video_box .video_class a{ color:#6093BE; margin-left:2px;}		

.footer_box{ width:100%;}
	.footer{ line-height:150%;margin:0 auto;text-align:center;}
	.footer a{ color:#3e3e3e;}
	.footnav{ padding:10px 0;border-bottom:1px #CCC solid;}
	.copyrigyt{ padding:10px 0;line-height:200%;}