/* CSS Document */
/* 请按以下顺序写样式
显示,定位,浮动,清除:display position float clear  ...  
边距,补白,宽,高:margin padding width height ...   
文本修饰,对齐方式:text-decoration text-align vertical-align white-space...
文字颜色大小:color font content
边框和背景:border background
*/

/* 共用样式-常用类 */
* { margin:0; padding:0;}

body{ padding:0px; margin:0px auto; font-family:Tahoma, Verdana, Arial; height:100%; background:url(../images/body_bg.jpg) no-repeat top center #fff}

div,p,li,em{font-family:Verdana,宋体;font-size:14px; font-style:normal;}

form,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}

input,select{font-size:12px;line-height:16px;}

img{border:0;}

ul,li{list-style-type:none;}

table{ border-collapse:collapse;}

.clear {clear:both;}

a:link{ color:#411c00; text-decoration:none;}
a:visited{ color:#411c00; text-decoration:none;}
a:hover{ color:#cf5d00; text-decoration:none;}
a:active{color:#411c00;text-decoration:none;}

.happy_more a:link,.Excellent_more a:link,.Teacher_more a:link,.Child_more a:link,.Class_more a:link{ color:#fff; text-decoration:none;}
.happy_more a:visited,.Excellent_more a:visited,.Teacher_more a:visited,.Child_more a:visited,.Class_more a:visited{ color:#fff; text-decoration:none;}
.happy_more a:hover,.Excellent_more a:hover,.Teacher_more a:hover,.Child_more a:hover,.Class_more a:hover{ color:#000; text-decoration:none;}
.happy_more a:active,.Excellent_more a:active,.Teacher_more a:active,.Child_more a:active,.Class_more a:active{color:#fff;text-decoration:none;}



.Notices h1,.News h1,.Tips h1,.User h1,.Index_a6 h1,.Painting h1,.Class h1,.Excellent h1,.Tips h1,.Happy h1,.Teacher h1,.Child h1,.title_bg2 a { text-indent:-9999px; overflow:hidden; font-size:0px;}




.Header { width:1002px; height:278px; margin:0 auto; background:url(../images/index_a1.jpg) no-repeat; position:relative}
.menu { padding-top:25px;}
.name { position:absolute; left:520px; top:10px; width:470px; height:80px; line-height:40px; z-index:22; font-size:36px;  color:#000; font-family:"微软雅黑","楷体"; font-weight:normal;}
.music { position:absolute; left:20px; top:10px; width:210px; height:90px;  z-index:23; }


.Content { width:1002px; margin:0 auto;}
.Content dl { float:left;}
.Notices { background:url(../images/index_a2.png) no-repeat; width:439px; height:224px; float:left;}
		.Notice_more { height:37px; padding-top:22px; font-size:12px; line-height:37px; text-align:right;  padding-right:31px;}
		.Noticelist{ padding-left:150px; width:289px;}
		.Noticelist li{ line-height:30px; padding-left:24px; background:url(../images/icon_01.gif) no-repeat 0px 4px;}
		.Noticelist li a{ color:#411c00; text-decoration:none;}
		.Noticelist li a:hover{ color:#200e00;text-decoration:underline;}
		
.News { background:url(../images/index_a3.png) no-repeat; width:316px; height:224px; float:left;}
		.News_more { height:34px; padding-top:30px;font-size:12px; text-align:right; line-height:34px; padding-right:51px;}
		.Newslist{ padding-left:35px; width:281px;}
		.Newslist li{ line-height:30px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
		.Newslist li a{ color:#411c00; text-decoration:none;}
		.Newslist li a:hover{ color:#200e00;text-decoration:underline;}
		
.Tips { background:url(../images/index_a4.png) no-repeat; width:755px; height:152px; clear:both;}
		.Tips li { width:500px;  padding:55px 0 0 100px;}
		.Tips h2 { font-size:14px; font-weight:normal; line-height:24px; height:55px;}
		
.User { background:url(../images/index_a5.jpg) no-repeat; width:247px; height:376px; float:left; position:relative}
		.User_ul { width:150px; height:140px; padding-left:85px; padding-top:100px; }
		.User li {  float:left; }
		.User_name { width:150px; padding-top:20px;}
		.User_pass { width:150px; padding-top:12px;}
		.User_yzm { width:150px; padding-top:5px;}
		.User_text a{ position:absolute; width:78px; height:41px; left:85px; top:210px; z-index:2; display:block; background:url(../images/login.png) no-repeat}
		.User_text a:hover { background:url(../images/login_a.png) no-repeat;}

.Happy { background:url(../images/index_a6.jpg) no-repeat; width:557px; height:247px; clear:both}
		.happy_more { height:25px; position:relative;}
		.happy_more a { position:absolute; width:60px; height:25px; left:132px; top:48px; z-index:1; font-size:12px}
		.happy { padding:0px 0 0 275px;}
		.happy img { border:4px solid #FFF;}
		
.Teacher { background:url(../images/index_a7.png) no-repeat; width:221px; height:339px; padding-left:60px; float:left}
.Child { background:url(../images/index_a8.png) no-repeat; width:261px; height:339px; padding-left:15px; float:left}
		.Teacher_more { height:34px; padding:46px 0 0 160px; font-size:12px}
		.Child_more { height:34px; padding:46px 0 0 180px; font-size:12px}
		
		.Teacher_ul { text-align:center; width:220px; float:left}
		.Teacher_ul li { float:left;width:105px; height:105px;}
		.Teacher_border img{ width:74px; height:74px; padding:2px; border:1px solid #d7d7d7; background:#FFF}
		.Teacher_text { height:30px; line-height:30px;}
	

.Excellents { background:url(../images/index_a9.jpg) no-repeat; width:445px; height:247px;}
		.Excellent_more { margin-left:235px; height:33px; text-align:right; padding-right:125px; font-size:12px; padding-top:27px;}
		.Excellentlist { width:345px; height:243px; float:left }
		.Excellentlist{ padding-left:50px; width:310px; height:190px;}
		.Excellentlist li{ line-height:26px; padding-left:30px; width:189px; height:30px; overflow:hidden; text-indent:0px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
		.Excellentlist li a{ color:#411c00; text-decoration:none;}
		.Excellentlist li a:hover{ color:#200e00;text-decoration:underline;}
		
.Class { background:url(../images/index_a10.png) no-repeat; width:445px; height:226px;}
		.Class_more { height:35px; padding:35px 0 0 295px; font-size:12px}
		.Class_div { width:340px; height:30px; margin-left:50px; padding-top:1px; border-bottom:1px solid #fff; text-align:center; clear:both; text-indent:0px; overflow:hidden; }
		.Class_title { width:55px; height:30px; line-height:30px;color:#911b09; font-weight:bold; float:left;}
		.Class_text { padding-right:15px; height:30px; line-height:30px; float:left;}

.Link { background:url(../images/index_a11.png) no-repeat; width:445px; height:113px;}
		.Link p { padding:80px 0 0 120px;}

.Painting { background:url(../images/index_a12.png) no-repeat; width:321px; height:522px; float:left}
		.Painting_more { position:absolute; width:60px; height:30px; left:-60px; top:232px; z-index:2; font-size:12px}
		#paintingpic { width:185px; height:450px; padding-left:60px; margin-top:50px;}
		#paintingpic img { border:2px solid #FFF; margin:0px 3px;}
		
.index_a13 { background:url(../images/index_a13.jpg) no-repeat; width:681px; height:275px; float:left; position:relative}
.index_a14 { background:url(../images/index_a14.jpg) no-repeat; width:681px; height:247px; float:left}

.Copyright { background:url(../images/index_a15.jpg) no-repeat; width:1002px; min-height:140px; margin:0 auto; clear:both}
.Copyright .text{ margin:0 auto; padding-top:10px; line-height:26px; color:#002d03;  text-align:center; padding-bottom:10px; }
.Copyright .company{ width:100%; padding:10px 0; color:#002d03; text-align:center;}