﻿/* CopyRight @ 2011 www.suyee.net.cn*/
*{
	SCROLLBAR-FACE-COLOR: #ffffff;  SCROLLBAR-HIGHLIGHT-COLOR: #d1d1d1; SCROLLBAR-SHADOW-COLOR: #d1d1d1;  SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff;  SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
/*scrollbar-3dlight-color: 滚动条亮边的颜色
scrollbar-arrow-color: 上下按钮上三角箭头的颜色
scrollbar-base-color: 滚动条的基本颜色
scrollbar-darkshadow-color: 滚动条强阴影的颜色
scrollbar-3dlight-color: 滚动条凸出部分的颜色
scrollbar-highlight-color:滚动条空白部分的颜色
scrollbar-shadow-color: 立体滚动条阴影的颜色
scrollbar-track-color: 滚动条的背景颜色
scrollbar-base-color:#EFF3F7;/*滚动条的全局颜色，设定了这个，上面的就不能设置，否则冲突*/
}

body{
	padding:0;
	margin:0;
	font: normal 14px/22px "微软雅黑";
	color:#333333;
	background: url(../images/bg_top.gif) left top repeat-x #FFFFFF;
	text-align:left;
}

a:link {color: #333;	text-decoration: none;}
a:visited {text-decoration: none;	color: #333;}
a:hover {text-decoration: none  ;	color: #3333FF;}
a:active {text-decoration: none;	color: #333;}

div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;behavior: url("/iepngfix.htc");
}

ul{
	margin:0; 
	padding:0; 
    list-style-type:none;
	/*-font-size:0;
	line-height:0;*/
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
.erti{ width:668px; font:bold 14px/40px "微软雅黑"; color:#FF6600; padding-top:15px;}
.left{ display:block; float:left;}
.more{ display:block; float:right; margin-top:8px; margin-right:5px;}
.inport{ font: normal 12px/18px "微软雅黑"; padding-left:1px; height:18px; color:#666666; background-color:#FFFFFF; border:#99CCFF 1px solid;}
.button{ font: normal 12px/18px "微软雅黑";  background: url(../images/bg_botton.gif) repeat-x; border:#99CCCC 1px solid;}

.grid{ margin:0 auto; font-size:12px; background-color:#CCCCCC;}
.grid td{ background-color:#FFFFFF; text-align:center;}

.zhifu{ margin:0 auto; font-size:12px; background-color:#D0DDED;}
.zhifu td{ background-color:#FFFFFF; }
.zhifu th{ background: url(../images/bg_zhifu.jpg) left top repeat-x #FFFFFF; text-align:left;}
/*------------------------------------------------top--------------------*/
#topMain{
	width:100%;
	height:80px;
	background:url(../images/bg_body.jpg) 0 0 repeat-x;
}
#top{
	width:980px;
	height:80px;
	margin:0 auto;
	background:url(../images/bg_top.jpg) right top no-repeat;
}
/*------------------------------------------------menu--------------------*/
#menuMain{
	width:100%;
	height:35px;
	background:url(../images/bg_menu.jpg) 0 0 repeat-x;
	margin-bottom:10px;
}
#menu{
	width:980px;
	height:35px;
	margin:0 auto;
	background:url(../images/bg_menu_right.jpg) right top no-repeat;
}
#menu ul{
	width:980px;
	float:left;
	padding-top:5px;
}
#menu ul li{
	width:120px;
	float:left;
}
#menu ul li a{
	width:120px;
	float:left;
	display:block;
	text-align:center;
	font:bold 14px/30px "微软雅黑";
	color:#FFFFFF;
}
#menu ul li a.hover{
	background:url(../images/bg_menu_hover.jpg) center center no-repeat;
	color:#3366CC;
}
#menu ul li a:hover{
	color: #FF5F00;
}
/*------------------------------------------------banner--------------------*/
#banner{
	width:100%; height:150px;
	text-align:center;
	margin-bottom:10px;
}
/*------------------------------------------------bodyMain--------------------*/
#bodyMain{
	width:100%;
}
#body{
	width:980px;
	margin:0 auto;
}
#left{
	width:668px;
	float:left;
	margin-right:10px;
	background:url(../images/bg_left01_ul.jpg) right top repeat-x;
		border-top:#66CCCC 2px solid;
	border-bottom:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}
#left ul{
	width:668px;
	float:left;
	padding-left:4px;
}

#left ul li{
	width:660px;
	float:left;
}
#left ul li a{
	width:635px;
	float:left;
	display:block;
	font:normal 14px/30px "微软雅黑";
	background:url(../images/maojin013.gif) 10px center no-repeat;
	padding-left:25px;
	border-bottom:#999 1px dashed;
}
#left li a.classroom{
	font: bold 14px/30px "微软雅黑";
	background:url(../images/news01.gif) 8px center no-repeat;
	margin-top:15px;
	color:#3333FF;
}
#left ul li a.none{
	border-bottom: none;
	background:none;
	text-align:right;
	color: #FF5F00;
	font-size:12px;
}
#left ul li a span{
	width:60px;
	float:right;
	display:block;
	font:normal 11px/30px "微软雅黑";
	color:#999999;
}
#left ul li a:hover{
	text-decoration:underline;
}
#left h2{
	width:180px;
	float:left;
	display:block;
	font:bold 14px/33px "微软雅黑";
	color:#336699;
	background:url(../images/ico02.gif) 3px center no-repeat;
	padding-left:15px;
}
#left01{
	width:668px;
	float:left;

	padding-bottom:7px;
	
}
#left01 ul{
	width:668px;
	float:left;
	height:33px;
}

#left01 ul li{
	width:120px;
	float:right;
	display:block;
	background:url(../images/bg_left02.jpg) 0 0 repeat-x;
	text-align:center;
	font:bold 14px/20px "微软雅黑";
	margin:6px 15px 0 0;
	cursor:pointer;
	color:#999999;
	padding-top:7px;
}
#left01 ul li.selectd{
	background:url(../images/bg_left01.jpg) 0 0 repeat-x;
	color:#3399CC;
}
#content{
	width:648px;
	float:left;
	padding:10px;
}
#content ul.pay{
	width:640px;
	float:left;
	padding-left:5px;
}
#content ul.pay li{
	float:left;
	display:block;
	width:585px;
	background:url(../images/pay01.gif) 10px center no-repeat;
	border-bottom:#CCCCCC 1px dashed;
	margin:0 0 10px 0;
	text-align:left;
	font:normal 12px/20px "微软雅黑";
	color:#333;
	padding-left:55px;
}
#choose{
width:668px;
float:left;
background:url(../images/choose.jpg) 0 0 no-repeat;
padding:60px 0 0 0px;
font:normal 12px/18px "微软雅黑";
}
#choose ul{
float:left;
padding:0 0 0 1px;

}
#choose ul li{
float:left;
padding:0 10px 8px 10px;

}
#choose ul li a{
display:block;
float:left;
font:14px/24px "微软雅黑";
width:113px;
height:30px;
text-align:center;
background:url(../images/haoma_bg.jpg) 0 0 no-repeat;

}
#choose ul li a:hover{
color:#FF6600;
text-decoration:underline;}


#function{
width:670px;
float:left;


}
#function table.yewu td{
padding:10px 4px 0 14px;

}
#function p.more a{
color:#0066CC;
}


/*------------- right --------------------*/
#right{
	width:300px;
	float:left;
}

#zixun{
width:296px;
height:116px;
overflow:hidden;
padding:1px;
background:url(../images/zixun.jpg) 0 0 repeat-x;
border:#CCCCCC 1px solid;
margin:0 0 5px 0;


}
#right01{
	width:296px;
	float:left;
	border:#cccccc 1px solid;
	padding:1px;
	background-color:#FFFFFF;
	margin-bottom:10px;
}
#right01 h2{
	width:276px;
	float:left;
	display:block;
	font:bold 14px/30px "微软雅黑";
	color:#3366CC;
	background: url(../images/ico_news.gif) 2px center no-repeat #F1F1F1;
	padding-left:20px;
}
#right01 ul{
	width:296px;
	float:left;
	background-color:#F9F9F9;
}
#right01 ul li{
	width:281px;
	float:left;
	display:block;
	background:url(../images/ico_dian.gif) 6px center no-repeat;
	padding-left:15px;
	font: normal 14px/25px "微软雅黑";
	color:#336666;
}
#right01 ul li a{
	color:#666666;
	text-decoration:none;
}
#right01 ul li a:hover{
color:#0099FF;
}


#kehu{
width:300px;
float:left;
background:url(../images/kehu.jpg) 0 0 no-repeat;
height:190px;

}

#footermain{
width:100%;
padding:10px 0 0 0;
}
#footer{
width:980px;
margin:0 auto;
}
#footer a{
font-size:12px;
color:#666666;
}
#footer a:hover{
text-decoration:underline;
}
#footer p.link{display:block; float:left; width:978px; border:#CCCCCC 1px solid; background:url(../images/bg_link.gif) left bottom repeat-x;}
#footer p.link span{display:block; float:left; padding:5px; text-decoration:none; font-weight:bold;}
#footer p.link a{color:#333; display:block; float:left; padding:5px; text-decoration:none;}
#footer p.link a:hover{color:#666666; text-decoration: underline;}
#footer p.copyright{display:block; float:left; width:980px; text-align:center; font:normal 12px/22px "微软雅黑"; padding:5px 0; color:#666666;}

/*------------- page --------------------*/
#Page {width:668px;height:50px;font-size:12px;line-height:50px;margin:6px 0 5px 0;text-align:center; float:left;}
#Page .TotalCount {color:#76B6E2;padding:3px 7px 3px 7px;border:1px solid #A7DBFF;margin-left:2px;margin-right:2px;background:#EDF8FF;}
#Page a {color:#AAAAAA;padding:3px 7px 3px 7px;border:1px solid #E5E5E5;margin-left:2px;margin-right:2px;background:#F5F5F5; text-decoration:none;}
#Page a:hover{background:#FEAEAD;color:#FF0101;border:1px solid #FF0101;margin-left:2px;margin-right:2px;}
#Page .CurrentPage {padding:3px 7px 3px 7px;background:#EDF8FF;border:1px solid #A7DBFF;color:#76B6E2;font-weight:bold;margin-left:2px;margin-right:2px;}
#Page .extend{color:#AAAAAA;padding:3px 7px 3px 7px;margin-left:2px;margin-right:2px;}
