/* 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;}

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

#header{ position:relative; width:1002px;  height:321px; }
#content { width:1002px; position:relative; }
#copyright{ width:1002px; height:158px; line-height:30px; text-align:center; padding-top:20px; position:relative; background: url(../images/index_19.png) no-repeat}

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;}

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

.kidname { font-family:"黑体"; font-size:30px; padding-top:5px; line-height:45px;position:absolute; left:3px; top:7px; width:301px; height:81px; z-index:11;}

#music { position:absolute; left:1px; top:186px; width:215px; height:90px; z-index:10;}
#cao1 { position:absolute; left:8px; top:-55px; width:163px; height:83px; z-index:1; background:url(../images/cao1.png) no-repeat}
#cao2 { position:absolute; left:4px; top:233px; width:127px; height:167px; z-index:1; background:url(../images/cao2.png) no-repeat}
#bottom { position:absolute; left:55px; top:88px; width:904px; height:106px; z-index:1;}
#zou { position:absolute; left:117px; top:-58px; width:874px; height:300px; z-index:1;}
#menu { position:absolute; left:362px; top:3px; width:635px; height:76px; z-index:1;}

.one { width:1002px;}
.one li{ float:left; height:221px;}
.tip { width:309px; background:url(../images/tip_bg.png) no-repeat}
.lane_1 { width:266px; background:url(../images/index_06.png) no-repeat}
.cookbook { width:204px; background:url(../images/cookbook_bg_a.jpg) no-repeat}
.cookbook a{ display:block; width:204px;height:150px; position:absolute; z-index:2}
.cookbook a:hover{ width:204px; background:url(../images/cookbook_bg_b.jpg) no-repeat}
.link { text-align: center; width:223px; background:url(../images/link_bg.png) no-repeat}
.link select {
	margin-top:35px;
	position:absolute;
	z-index:12;
	left: 845px;
}

.two { width:839px; float:left}
.happy,.notice,.lane_2,.two_right { float:left}
.happy { width:326px; height:299px; background:url(../images/happy_bg.png) no-repeat}
#happy_photo { margin-left:40px;}
.happy_more { height:37px; padding-left:260px; padding-top:8px;}

.notice { width:406px; height:299px; background:url(../images/notice_bg.jpg) no-repeat}
.notice .text { margin-left:80px; margin-top:90px; height:100px;}
.notice .text li{ padding-left:25px; line-height:24px; background:url(../images/icon_01.gif) no-repeat 0px 5px;}
.notice .more { margin-left:275px;}

.lane_2 { width:107px; height:299px; background:url(../images/index_11.png) no-repeat}
.two_right { float:left; height:299px;}
.mail a{ display:block; width:163px; height:160px; background:url(../images/mail_bg_a.png) no-repeat}
.mail a:hover{ background:url(../images/mail_bg_b.png) no-repeat}
.video a{ display:block; width:163px; height:139px; background:url(../images/video_bg_a.png) no-repeat}
.video a:hover{ display:block; background:url(../images/video_bg_b.png) no-repeat}

.three_left { width:523px; float:left;}
.painting_title { height:48px; padding-top:24px; background:url(../images/index_15.png) no-repeat}
.painting_title a { margin-left:400px;}
.painting_bg { height:169px; background:url(../images/index_18.png) no-repeat}
.three_right {  float:left;width:478px; height:241px; background:url(../images/news_bg.jpg)}
.three_right .text { margin-left:110px; margin-top:80px; height:100px;}
.three_right .text li{ padding-left:25px; line-height:24px; background:url(../images/icon_02.gif) no-repeat 0px 5px;}
.three_right .more { margin-left:310px;}

.about { width:1002px;}
.about_top { height:91px; background:url(../images/about_03.gif) no-repeat}
.about_content {line-height:30px; font-size:14px; padding-top:30px; background:url(../images/about_05.gif) repeat-y}
.about_bottom { height:22px; background:url(../images/about_10.gif) no-repeat}
.sed { background:url(../images/save.gif) no-repeat; width:98px; height:30px;}
.save { background:url(../images/sed.gif) no-repeat; width:98px; height:30px;}
.about_news_title { width:750px; height:50px; background:url(../images/about_h1bg1.png) no-repeat}
.about_news_title h1{ text-align:center; font-size:18px; font-weight:bold; color:#F60}

#about_left { position:absolute; left:8px; top:-55px; width:168px; height:294px; z-index:1; background:url(../images/11.png) no-repeat}
#about_right { position:absolute; left:823px; top:4px;width:152px; height:262px; z-index:1; background:url(../images/22.png) no-repeat }
#about_title { position:absolute; left:309px; top:56px; width:120px; height:32px; z-index:1;}
.about_intro,.about_scenery,.about_teacher,.about_feature,.about_enroll,.about_leaveword,.about_leaveword1,.about_cookbook,.about_mail,.about_video,.about_tip,.about_news { width:120px; height:30px; background:url(../images/title.png) no-repeat;}
.about_intro { background-position:-14px -14px;}
.about_scenery { background-position:-13px -57px;}
.about_teacher { background-position:-10px -95px;}
.about_feature { background-position:-10px -133px;}
.about_enroll { background-position:-10px -172px;}
.about_leaveword { background-position:-10px -205px;}
.about_leaveword1 { background-position:-10px -458px;}
.about_cookbook { background-position:-12px -248px;}
.about_mail { background-position:-12px -290px;}
.about_video { background-position:-10px -333px;}
.about_tip { background-position:-10px -374px;}
.about_news { background-position:-10px -418px;}


	/* 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; }