/* 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.jpg?v=3) no-repeat top center #f4e063}

div,p,li,em{font-family:Verdana,宋体;font-size:12px; 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;}
.News_more a,.Notice_more a,.Happy_more a,.more3 a,.more4 a { color:#813a0c; text-decoration:none; font-weight:bold }
.News_more a:visited,.Notice_more a:visited,.Happy_more a:visited,.more3 a:visited,.more4 a:visited{ color:#813a0c; text-decoration:none; }
.News_more a:hover,.Notice_more a:hover,.Happy_more a:hover,.more3 a:hover,.more4 a:hover{ color:#f24400; text-decoration:none;}






.Header { width:1002px; height:159px; margin:0 auto; background:url(../images/Top.jpg) no-repeat; position:relative}

.Index_No1 { width:668px; height:479px; float:left}
	.logo { width:668px; height:76px; background:url(../images/logo.jpg) no-repeat; position:relative}
	.kidname {position:absolute; left:0px; top:0px; width:668px; z-index:11; font-size:36px; text-align:center;font-family:Verdana,"宋体"; color:#C00; line-height:50px;}
	.music { position:absolute; width:210px; height:90px; left:80px; top:100px; z-index:10;}
	
	
	
	.Notices { width:360px; height:203px; float:left; background:url(../images/Notices.png) no-repeat}
		.Notice_more { width:292px; height:22px; text-align:right; padding-right:68px; padding-top:28px;}
		.Noticelist{ padding-left:60px; width:300px; height:145px; background:url(../images/notice_bg.jpg) no-repeat;}
		.Noticelist li{ line-height:26px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
		.Noticelist li a{ color:#411c00; text-decoration:none;}
		.Noticelist li a:hover{ color:#200e00;text-decoration:underline;}

	.Tips { width:308px; height:203px; float:left; background:url(../images/Tips.png) no-repeat}
		.Tips_text { width:188px; height:95px; margin-left:50px; margin-top:50px;}

	.Zxbm { width:295px; height:200px; float:left; background:url(../images/zxbm.png) no-repeat}
	.Zxbm_bt { width:150px; height:150px; margin-left:45px; padding-top:8px;}
	.News { width:373px; height:200px; float:left; background:url(../images/News.png) no-repeat}
		.News_more { width:288px; height:30px; text-align:right; padding-right:85px; padding-top:10px;}
		.Newslist{ padding-left:50px;  width:323px; height:138px; background:url(../images/notice_bg.jpg) no-repeat;}
		.Newslist li{ line-height:26px; padding-left:24px; background:url(../images/icon_01.gif) no-repeat 0px 4px;}
		.Newslist li a{ color:#411c00; text-decoration:none;}
		.Newslist li a:hover{ color:#200e00;text-decoration:underline;}
		


.Index_No2 { width:334px; height:479px; float:right; position:relative}
	.User_login { position:absolute; right:90px; top:78px; width:57px; height:54px; z-index:1;}
	.User_login a { display:block; background:url(../images/login.gif) no-repeat; width:56px; height:55px;}
	.User { width:334px; height:170px; background:url(../images/User.png) no-repeat}
	.User_ul {height:57px;padding-left:130px; }
	.User li {  float:left; }
	.User_name { width:180px; padding-top:20px;}
	.User_pass { width:180px; padding-top:12px;}
	.User_yzm { width:180px; padding-top:5px;}
	.User_text a{ background:url(../images/login.png) no-repeat 0px 10px; width:71px; height:32px; display:block; padding-top:10px;}

	.User_hover {background:url(../images/User_hover.jpg) no-repeat; height:239px;}
	.User_hoverHeight { height:15px;}
	.User_hoverBG { background:url(../images/houtai_a.gif) no-repeat; width:174px; height:102px; margin-left:70px;}
	.User_hoverBG1 { background:url(../images/houtai_a1.gif) no-repeat; width:174px; height:102px; margin-left:70px;}
		.User_boke { width:85px; height:30px; display:block; float:left;} 
		.User_boke:hover { background:url(../images/houtai_hover.gif) no-repeat}
		.User_tuichu { width:85px; height:30px; display:block; float:left; margin-left:4px;}
		.User_tuichu:hover { background:url(../images/houtai_hover.gif) no-repeat -89px 0px;}
		.User_bjzy { width:85px; height:30px; display:block; float:left; margin-top:6px;}
		.User_bjzy:hover { background:url(../images/houtai_hover.gif) no-repeat -0px -36px;}
		.User_glyht { width:85px; height:30px; display:block; float:left;margin-top:6px; margin-left:4px;}
		.User_glyht:hover { background:url(../images/houtai_hover.gif) no-repeat -89px -36px;}
		.User_bjzyht { width:110px; height:30px; display:block; float:left;margin-top:6px;}
		.User_bjzyht:hover { background:url(../images/houtai_hover.gif) no-repeat 0px -72px;}
	
	
	.Happy { width:334px; height:309px; background:url(../images/Happy.jpg) no-repeat}
		.Happy_title { width:135px; height:65px; padding-left:34px; float:left}
		.Happy_more { width:60px; padding-top:30px; padding-left:13px; font-weight:bold; float:left}
		.Happy_img { margin-left:40px;}

.Index_NO3 { width:343px; height:548px; float:left;}
	.Class { width:343px; height:242px; background:url(../images/Class.png) no-repeat}
		.ClassTitle{ width:343px; height:83px;}
		.Class .table { width:280px; height:29px; margin-left:26px;border-bottom:1px solid #fea253; text-align:center; clear:both;  text-indent:0px; overflow:hidden; }
		.ClassBt { font-weight:bold; color:#411c00; height:30px;}
		.ClassBt td {border-bottom:1px dotted #F60; }
		.more3 { width:300px; text-align:right;  padding-right:43px; padding-top:50px;}

	.Excellent { width:343px; height:206px; background:url(../images/Excellent.png) no-repeat}
		.ExcellentTitle{ width:343px; height:66px;}
		.Excellentlist{ padding-left:43px; width:300px; height:140px; background:url(../images/notice_bg.jpg) no-repeat;}
		.Excellentlist li{ line-height:26px; padding-left:24px; background:url(../images/icon_03.gif) no-repeat 0px 4px;}
		.Excellentlist li a{ color:#411c00; text-decoration:none;}
		.Excellentlist li a:hover{ color:#200e00;text-decoration:underline;}
		.more4 { width:298px;  text-align:right; padding-right:45px; padding-top:22px;}

	.Link { width:343px; height:100px; background:url(../images/Link.png) no-repeat}
		.Link p { padding-left:110px; padding-top:35px; width:173px;}
		.Link select { width:160px;}

.Index_NO4 { width:473px; height:548px; float:left;}
	.Painting { width:473px; height:242px; background:url(../images/Painting.jpg) no-repeat}
		.Painting_more { height:49px; text-align:right; padding-right:119px; padding-top:13px; font-weight:bold;}
		.Painting_more a{ color:#813a0c; text-decoration:none; }
		.Painting_more a:visited { color:#813a0c; text-decoration:none; }
		.Painting_more a:hover{ color:#f24400; text-decoration:none; }
		
		#paintingpic { padding-top:22px; overflow:hidden; height:130px; margin-left:40px;}
		#paintingpic img { padding-right:5px;}
		
	.Teacher { width:473px; height:306px; background:url(../images/Teacher.jpg) no-repeat}
		.Teacher_bg { width:200px;height:306px; padding-left:32px; float:left;}
		.Teacher_ul { float:left; width:95px; height:95px;}
		.Teacher_text { text-align:center; color:#F30; line-height:25px;}
		.Teacher_more { height:20px; text-align:right; padding-right:25px; padding-top:30px;}
		.Teacher_more a{ color:#f24400; text-decoration:none; font-weight:bold}
		.Painting_more a:visited { color:#f24400; text-decoration:none; }
		.Teacher_more a:hover{ color:#fff; text-decoration:none; }
		.Teacher_border img{ padding:2px; border:1px solid #d7d7d7}
		.Mxye {width:200px; height:306px;  margin-left:40px; float:left;}
		
.Index_No5 { width:186px; height:548px; float:right; background:url(../images/lanmu.jpg) no-repeat}
	.Video { padding-top:15px;}



.Content { width:1002px; margin:0 auto;background:url(../images/about_content.png) no-repeat}
.Copyright { width:100%; height:151px; clear:both; background:url(../images/copyright.jpg) no-repeat top center}
.Copyright_text { width:1002px; margin:0 auto;  padding-top:10px;}
.Copyright_text .text{ margin:0 auto; padding-top:10px; width:938px; color:#C00; line-height:24px; text-align:center; }
.Copyright_text .company{ width:100%; padding:10px 0; color:#000; text-align:center;}


.about_logo { width:1002px; height:97px; margin:0 auto; background:url(../images/about_logo.png) no-repeat}
.about_top { width:1002px; height:173px; background:url(../images/about_top.jpg) no-repeat}
.about_content { width:1002px; }
.about_bottom { width:1002px; height:271px; background:url(../images/about_bottom.png) no-repeat}
.about_bg { width:1002px; background:url(../images/about_bg.png) repeat-y 15px 0px; line-height:35px;}