/* 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.png) repeat-x top center #9cc61c}

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;max-width:700px;}

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;}

.menu a,.Index_button h1,.Notices h1,.News 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;}

.Index { width:1002px; margin:0 auto}
.User { width:1002px; height:48px; background:url(../images/User.png) no-repeat}
	.User_ul { padding-left:380px; }
	.User li { height:30px;  float:left;}
	.User_name { height:30px; padding-top:18px;}
	.User_pass {padding-left:70px;padding-top:18px;}
	.User_yzm { padding-left:70px;padding-top:18px;}
	.User_text { margin-left:10px;padding-top:10px;}
	.User_text a{  width:75px; height:32px; display:block;  background:url(../images/login.png) no-repeat 0px 0px; }


.Index_NO1 { background:url(../images/Index_left.jpg) no-repeat; width:272px; height:703px; float:left; position:relative;}
	.zxbm { position:absolute; width:125px; height:115px; left:105px; top:168px; z-index:1}
	.wjdc { position:absolute; width:145px; height:130px; left:105px; top:308px; z-index:1}
	.music { position:absolute; width:145px; height:130px; left:115px; top:-10px; z-index:1}



.Index_NO2 { width:730px; height:703px; float:right; }
.Header { background:url(../images/Header.jpg) no-repeat; width:730px; height:99px; position:relative}
.Header h1 { font-size:30px; text-align:center; width:580px;  line-height:60px; color:#FFF; font-family:"微软雅黑","宋体"; font-weight:normal; text-align:left; position:absolute; left:140px; top:15px; z-index:22;}
.Menu { background:url(../images/Menu.jpg) no-repeat; width:730px; height:108px;}

.Index_NO3 { width:380px; float:left}
.Notices { background:url(../images/Notices.jpg) no-repeat; width:380px; height:219px;}
		.Notice_more { width:315px; height:25px; padding-top:35px; padding-right:65px; font-size:12px; text-align:right; }
		.Noticelist{ padding-left:43px; width:337px; height:145px;}
		.Noticelist li{ line-height:30px; 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;}
		
.News { background:url(../images/News.jpg) no-repeat; width:380px; height:277px;}
		.News_more { width:315px; height:25px; padding-top:35px; padding-right:65px; font-size:12px; text-align:right; }
		.Newslist{ padding-left:43px; width:337px; height:145px;}
		.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;}
		
.Index_NO4 { width:350px; float:left}
	.Tips { background:url(../images/Tips.jpg) no-repeat; width:350px; height:87px;}
	.Tips h2 { width:270px; margin-left:50px; height:30px; line-height:30px; font-size:14px; font-weight:normal; padding-top:45px;}
	
.Happy { background:url(../images/Happy.jpg) no-repeat; width:350px; height:255px; position:relative}
.Baihua { position:absolute; width:40px; height:40px; left:205px; top:-80px; z-index:1}
.Happy_more { background:url(../images/Happy_title.png) no-repeat; width:281px; height:38px; text-align:right; line-height:38px; font-size:12px; padding-right:5px; position:absolute; z-index:1; left:15px; top:5px;}
.Happy_img { padding:27px 0 0 37px; }

.Cookbook { background:url(../images/Cookbook.jpg) no-repeat; width:350px; height:154px;}
.Cbook { width:154px; height:150px; float:left;}
.Mail { width:174xp; height:130px; float:left;}

	.Class { background:url(../images/Class.png) no-repeat; width:389px; height:166px; padding-top:10px; float:left; position:relative}
		.Class_more { position:absolute; width:50px; height:30px; left:207px; top:-10px; z-index:2; color:#FFF; font-size:12px}
		.Painting_more { position:absolute; width:50px; height:30px; left:550px; top:-20px; z-index:2; font-size:12px}
		.Class_more a,.Painting_more a { color:#FFF}
		.Class_more a:hover,.Painting_more a:hover { color:#930} 
		.Class_div { width:320px; height:29px; margin-left:40px; padding-top:5px; border-bottom:1px solid #e3e3e3; text-align:center; clear:both; text-indent:0px; overflow:hidden; }
		.Class_title { width:55px; height:30px; line-height:30px;color:#F60; font-weight:bold; float:left;}
		.Class_text { padding-right:15px; height:30px; line-height:30px; float:left;}
		
.Painting { background:url(../images/Painting.jpg) no-repeat; width:437px; height:176px; float:left}
#paintingpic { width:350px; height:128px; overflow:hidden; padding-top:20px; margin-left:30px;}

.Video { background:url(../images/Video.jpg) no-repeat; width:176px; height:176px; float:left} 

.Teacher { background:url(../images/Teacher.jpg) no-repeat; width:369px; height:261px;padding-top:50PX;float:left} 
.Child { background:url(../images/Child.jpg) no-repeat; width:365px; height:261px; padding-top:50PX; float:left}
		.Child_bg { width:227px;height:350px; margin-left:25px;}
		.Teacher_more { width:70px; height:110px; float:left; padding-top:67px; padding-left:40px; }
		.Teacher_bg { width:247px;height:350px; margin-left:10px; }
		.Teacher_ul { text-align:center; width:220px; padding-top:10px; float:left;}
		.Teacher_ul li {width:105px; height:105px; float:left; }
		.Teacher_ul1 { text-align:center; width:690px; padding-top:10px; float:left;}
		.Teacher_ul1 li {width:105px; height:105px; float:left; }
		.Teacher_border img{ width:74px; height:74px; padding:2px; border:1px solid #d7d7d7}
		.Teacher_text { height:30px; line-height:30px;}
		


.Excellent { background:url(../images/Excellent.jpg) no-repeat; width:268px; height:311px; float:left}
		.Excellent_more {  height:42px; padding:58px 0 0 170px}
		.Excellent_list { height:210px;}
		.Excellentlist{ padding-left:23px; width:220px; height:170px;}
		.Excellentlist li{ line-height:26px; padding-left:24px; width:189px; height:26px; 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;}
		
		





.About { width:1002px; margin:0 auto; background:#9cc61c}
.About_left { width:189px; height:688px; background:url(../images/About_left.jpg) no-repeat; float:left}
.About_right { float:813px; float:right }
.About_logo { background:url(../images/About_logo.jpg) no-repeat; width:813px; height:92px; position:relative}
.About_logo h1 { font-size:30px; text-align:center; width:580px;  line-height:60px; color:#FFF; font-family:"微软雅黑","宋体"; font-weight:normal; text-align:left; position:absolute; left:230px; top:15px; z-index:22;}
.About_menu { background:url(../images/About_menu.jpg) no-repeat; width:750px; height:108px; padding-left:63px;}
.About_table { background:url(../images/About_btn.png) no-repeat; width:813px; }
.About_btn { width:780px; height:120px; padding-left:33px; position:relative}
.About_btn a{ width:162px; height:72px; display:block; float:left; margin-right:15px; margin-top:15px; text-indent:-9999px; overflow:hidden; font-size:0px;}
.ysjj:hover { background:url(../images/ysjj_hover.png) no-repeat 12px 11px;}
.ydfc:hover { background:url(../images/ydfc_hover.png) no-repeat 16px 6px;}
.yjym:hover { background:url(../images/yjym_hover.png) no-repeat 16px 7px;}

.ysjj_xz { background:url(../images/1.jpg) no-repeat ; position:absolute; width:132px; height:45px; right:90px; top:74px; z-index:1;}
.ydfc_xz { background:url(../images/2.jpg) no-repeat ; position:absolute; width:132px; height:45px; right:90px; top:74px; z-index:1;}
.yjym_xz { background:url(../images/3.jpg) no-repeat ; position:absolute; width:132px; height:45px; right:90px; top:74px; z-index:1;}

.About_table1 { background:url(../images/About_btn1.png) no-repeat; width:813px; }
.About_btn1 { width:780px; height:100px;}
.AboutText { width:750px; margin:0 auto; line-height:30px; font-size:14px;}
.AboutText img { max-width:700px; }

.title_title{ width:175px; padding-top:13px; height:93px; margin-left:40px;}
.wztitle h1{ border-bottom:1px dotted #F63; width:750px; margin-bottom:10px; line-height:35px;text-align:center; font-size:24px; color:#F60}


.About_bg { background:url(../images/About_bg.jpg) repeat-y; width:794px; line-height:30px; font-size:14px}
.About_bottom { background:url(../images/About_bottom.png) no-repeat; width:813px; height:24px;}


.Copyright_I { width:100%; min-height:241px; background:url(../images/Copyright.jpg) repeat-x bottom center #9cc61c}
.Link { background:url(../images/line.jpg) no-repeat; width:346px; height:63px; margin:0 auto}
.Link p { padding:25px 0 0 170px;}
.Link1 { height:63px;}
.Copyright .text{ margin:0 auto; padding-top:50px; color:#002d03; line-height:24px; text-align:center; }
.Copyright .company{ width:100%; padding:10px 0; color:#fff; text-align:center;}




.MXLS_img ul { width:110px; height:110px; text-align:center; padding:10px;}

.WJDC_Box { width:750px; border:1px solid #dbdbdb;}
.WJDC_Box .mx_title { background:#dff5ff; color:#2c6b87; font-size:14px;  padding-left:15px;padding-top:7px; padding-bottom:5px; #height:20px; line-height:20px;}
.WJDC_Box h2 {background:#dff5ff; color:#2c6b87; padding-left:10px; border-bottom:1px solid #dbdbdb; font-size:14px }
.WJDC_Box li { padding-left:20px; line-height:30px;}
.WJDC_Box input { padding:5px;}
.WJDC_Box textarea { padding:5px; margin:5px;}
.WJDC_Box span { display:block; float:left; padding-right:20px;}


	.about_bjlb { margin:0 auto; margin-top:10px;width:740px; border:1px solid #84cb97;  background:#f4fff2;}
	.about_bjlb .about_table { padding-left:10px; text-align:center; width:100%; clear:both;border-bottom:1px solid #84cb97;}
	.about_bjlb .about_title1 { float:left; width:55px; height:30px; line-height:30px;color:#F60}
	.about_bjlb .about_text1 { float:left; height:30px; line-height:30px; padding-right:15px;}
	
/* about-列表 */
		.about_list{ margin:0 auto; margin-top:10px;width:750px; border:1px solid #84cb97; background:#f4fff2;}
			.about_list .title{ line-height:30px; color:#92c6a0; font-size:14px; font-weight:bold; text-align:center; background:#d2ffde;}
			.about_list td,.about_list th{ line-height:30px; border-bottom:1px solid #84cb97;}
			.about_list th{ padding-left:30px; width:70%; font-weight:normal; font-size:14px; text-align:left; background:url(../images/icon_03.gif) no-repeat 6px 6px;}
			.about_list th a{ color:#1e4c2a; text-decoration:none;}
			.about_list th a:hover{ color:#001e08; text-decoration:none;}
			.about_list td{ color:#8dab95; text-align:center;}
			
		.about_page{ margin:0 auto; margin-top:10px; width:748px; height:30px; color:#00a285; font-size:14px; font-weight:bold; line-height:30px; border:1px solid #ade1b0; background:#e1ffdf;}
		.about_page span{ float:left; padding-left:20px;}
		.about_page p{ float:right; padding-right:20px;}
		.about_page a{ margin:0 10px; font-size:14px; color:#00a285; text-decoration:none;}
		.about_page a:hover{ color:#005a4a; text-decoration:none;}
		


/* about-message board Restore */
.orange{ color:#ff3c00; }

.restore{ margin:0 auto; width:750px; height:auto; border:1px solid #dbdbdb; background:#fff;}
.restore .title{ float:left; width:100%; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
.restore .title h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
.restore .title img{ margin:0 10px; }
.restore table{ margin:10px auto; width:100%; border-collapse:collapse; }
.restore table td{ padding:6px; }
.restore table th{ padding-right:10px; color:#6d6d6d; line-height:26px; text-align:right; width:90px; }
.restore table textarea{ margin-left:16px; width:700px; height:150px;}
.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }

/* about-文章 */
		.tableText{ margin:0 auto; border-collapse:collapse; width:88%; font-size:14px; line-height:30px; color:#383838;}
			.tableText img{ margin:0 auto;}
			
/* about-message board */	
.subjuct{ margin:0 auto; margin-top:20px;  width:750px; height:auto; }
.subjuct{ border:1px solid #f0d8c0; background:#fff; }
.subjuct .titleBox{ border-bottom:1px solid #f0d8c0; background:#fee8a4; color:#c4af6c; float:left; width:750px; padding:2px 0px; line-height:28px;}
.subjuct .titleBox img{ margin-top:5px;}
.subjuct img{ margin:0 10px; }
.subjuct h4 { font-size:14px; color:#b43300; font-weight:bold; text-decoration:none;}
.subjuct .titleBox p{ margin:0 10px;}
.subjuct em{ color:#866e23; }
.subjuct .hfct { background:url(../images/hfct.gif) no-repeat; width:77px; height:28px; margin-left:10px;text-align:center; float:left; line-height:28px;}
.subjuct .hfct a { color:#0099ff;}
.subjuct .left1 { float:left}


		
		.subjuct .text{ clear:both; margin:0 auto; padding:5px 10px 5px; width:730px; height:auto; line-height:24px; text-align:left;  }
		.subjuct .text p{ text-indent:24px; }
		.subjuct .text p a{ color:#494949; text-decoration:none; }
		.subjuct .text p a:hover{ color:#e14c7d; text-decoration:none; }
		
		
		.subjuct .time{width:750px; height:22px; color:#aca8a2; line-height:22px; text-align:right; background:#f5f1ec;}
		.subjuct .time span{ margin:0 8px;}
		.subjuct .time em{ color:#937147; }
		.subjuct .time p{ margin:0 12px;}
		.subjuct .time p a{ color:#c6948d;}
		.subjuct .time p a:hover{ color:#ff0066; text-decoration:underline; }
		
		/* about-message board Scott */
		.scott{ margin:0 auto; padding:10px 0;  width:750px; height:30px; line-height:30px; color:#004399; text-align:center;}
		.scott a{ margin:0 10px; color:#006fff; text-decoration:none;}
		.scott a:hover{ color:#a6006d; text-decoration:none;}
		
		/* about-message board Restore */
		.orange{ color:#ff3c00; }
		
		.restore{ margin:0 auto; width:750px; height:auto; border:1px solid #dbdbdb; background:#fff;}
		.restore .titleBox{ float:left; width:750px; height:26px; color:#2c6b87; line-height:26px; background:#dff5ff; border-bottom:1px solid #dbdbdb; }
		.restore .titleBox h2{ margin-top:0px;#margin-top:0px;_margin-top:6px; font-size:14px; }
		.restore .titleBox img{ margin:0 10px; }
		.restore table{ }
		.restore table td{ padding:6px; color:#d75600; }
		.restore table th{ padding-right:4px; width:100px; color:#6d6d6d; line-height:26px; text-align:right; border:none; }
		.restore table textarea{ width:500px; height:150px; background:#ffffef; border:1px solid #c5c5c5;}
		.short{ padding:0 2px; width:500px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
		.short1{ padding:0 2px; width:100px; height:21px; line-height:20px; color:#67543f;  background:#ffffef; border:1px solid #c5c5c5; }
