/* 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) repeat-x #fcdd8d;}

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

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; color:#000}
.red { color:#F00}
.clear {clear:both;}
h2 { overflow:hidden; text-indent:-99999px; display:block; width:1px; height:1px;}
a:link{ color:#333; text-decoration:none;}
a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#cf5d00; text-decoration:none;}
a:active{color:#333;text-decoration:none;}

.left{ float:left; width:405px;}
.right{ float:right; width:597px;}
#wrapper {margin:0 auto; width:100%; height:359px; background:url(../images/top.jpg) no-repeat center top}
#header,#content,#copyright{ margin:0 auto;}

#header{ position:relative; width:1002px;  height:359px; background:url(../images/index_top.jpg) no-repeat center top }
#content {position:relative;  width:1002px;}
#copyright{ width:1002px;  line-height:30px; text-align:center; padding-top:10px; clear:both}


#menu { position:absolute; z-index:2; left:0px; top:0px;}
.kidname { position:absolute; z-index:3; left:0px; top:0px; font-size:30px; padding-top:10px; padding-left:10px; font-family:"黑体"}
#music { position:absolute; z-index:3; right:110px; top:0px; }

.left_no1 { height:313px; background:url(../images/left1.jpg) no-repeat}
.left_no2 { height:191px; background:url(../images/left2.jpg) no-repeat;}
.right1 { height:313px; background:url(../images/right1.jpg) no-repeat}
.right2 { height:191px; background:url(../images/right2.jpg) no-repeat}

.happy_more { height:42px; padding-left:265px; padding-top:26px}
.happy_more a,.painting_more a,.more a { color:#FFF}
.happy_more a:visited,.painting_more a:visited,.more a:visited { color:#FFF}
.happy_more a:hover,.painting_more a:hover,.more a:hover { color:#000}
#happy_photo { padding-left:78px;}
#painting { margin-left:37px;  height:135px; overflow:hidden; width:340px;}
.painting_more { padding-left:262px; height:31px; padding-top:7px;}




#tip { padding-top:23px; margin-left:150px; width:365px; height:30px; overflow:hidden; line-height:30px;}
.news { padding-left:30px; margin-top:17px; float:left; width:235px; height:113px}
.news  li{ padding-left:23px; line-height:28px; background:url(../images/icon_02.gif) no-repeat 0 5px; }
.notice { margin-left:30px; margin-top:17px; float:left; width:235px;}
.notice  li{ padding-left:23px; line-height:28px; background:url(../images/icon_02.gif) no-repeat 0 5px; }
.more { clear:both; width:597px;}
.news_more { margin-left:215px;  padding-top:5px!important; padding-top:3px; float:left; height:30px;}
.notice_more { margin-left:57px; padding-top:5px!important; padding-top:3px;  padding-top:3px; float:left; height:30px;}

#cookbook { text-align:right; padding-right:50px; padding-top:30px;}
#mail { position:absolute; left:840px; top:205px; width:150px; height:150px; z-index:2;}
#video { position:absolute; left:537px; top:244px; width:251px; height:200px; z-index:2; background:url(../images/video_a.jpg) no-repeat;}
#video a { display:block; width:200px; height:200px; margin:0 auto}
#video a:hover {background:url(../images/video_b.jpg) no-repeat 18px 157px;}
#content_winth { width:1002px;margin:0 auto; position:relative}
#link {
	position:absolute;
	left:132px;
	top:38px;
	width:202px;
	height:41px;
	z-index:3;
}
.select { width:190px; height:22px;}
#che { position: absolute; z-index:2; width:1002px; height:180px; }


.about { width:1002px;}
.about_top { padding-top:13px; height:82px; background:url(../images/about_top.jpg) no-repeat 43px 0;}
.about_bg { background:url(../images/about_bg.jpg) repeat-y 43px 0;}
.about_bottom { height:73px; background:url(../images/about_bottom.jpg) no-repeat 43px 0;}
.table { margin:0 auto; line-height:30px; font-size:14px;}
#about_content_bottom { height:215px; background:url(../images/qian.jpg) repeat-x}
#about_content { width:100%; height:100%; background:url(../images/caodi.jpg)}
#content_bg1 { margin:0 auto; width:100%; height:143px; background:url(../images/content_bottom_01.jpg) no-repeat center top}
#content_bg2 { margin:0 auto; width:100%; height:72px; background:url(../images/content_bottom_02.gif) no-repeat center top}

.intro_title,.scenery_title,.teacher_title,.feature_title,.enroll_title,.message_title,.message1_title,.news_title,.notice_title,.mail_title,.video_title,.cookbook_title {width:156px; margin:0 auto; height:40px; background:url(../images/title.png) no-repeat ;}
.intro_title { background-position:0px 0px;}
.scenery_title { background-position:0px -45px;}
.teacher_title { background-position:0px -90px;}
.feature_title { background-position:0px -138px;}
.enroll_title { background-position:0px -178px;}
.message_title { background-position:0px -224px;}
.message1_title { background-position:0px -483px;}
.news_title { background-position:0px -268px;}
.notice_title { background-position:0px -310px;}
.mail_title { background-position:0px -353px;}
.video_title { background-position:0px -394px;}
.cookbook_title { background-position:0px -440px;}

.sed { background:url(../images/save.gif) no-repeat; width:98px; height:30px;}
.save { background:url(../images/sed.gif) no-repeat; width:98px; height:30px;}
.title { font-size:18px; font-weight:bold; text-align:center; padding-top:10px; padding-left:25px;  margin:0 auto;  width:773px; height:40px; }

/* about */	
.topFlash_about{ float:left; width:1002px; height:317px; background:url(../images/header_bgabout.jpg) no-repeat;}
#aboutContent{ margin:0 auto; width:1002px; background:url(../images/about_contentbg.jpg) repeat-y;}
	.aboutBottom{ padding-bottom:180px; width:1002px; background:url(../images/about_content_bottom.jpg) no-repeat bottom;}
	.aboutTitle{width:1002px; height:157px; background:url(../images/about_content_title.jpg) no-repeat;}
	.about_textTitle{ margin:0 auto; padding-bottom:5px; margin-bottom:10px; width:880px; font-size:18px; color:#093900; text-align:center; line-height:30px; border-bottom:dashed 1px #90ad8a;}
	.aboutTitle span{ display:block; margin:0 auto; padding-top:50px; width:380px; height:66px; background:url(../images/about_titlebg.png) no-repeat;}
	.aboutTitle span img{ display:block; margin:0 auto; width:114px; height:35px; }
	/* about-列表 */
		.about_list{ margin:0 auto; 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,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:10px auto; 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-文章 */
		.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,.restorebox{ margin:0 auto;  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 h3{ 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; }