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

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%; background:url(../images/wrapper.jpg) no-repeat center top;}
#header,#content,#copyright{ margin:0 auto;}

#header{ position:relative; width:1002px;  height:361px;}
#content { width:1002px; position:relative; }
#copyright{ width:1002px; height:124px; text-align:center; padding-top:60px; background: url(../images/index1_12.jpg) repeat-x;}

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

#name { position:absolute;left:4px; top:4px; width:330px; height:58px; z-index:1; }
#name h1 { font-size:30px; color:#333}
#cookbook {position:absolute;left:85px;top:-86px;width:280px;height:252px;z-index:1;}
#video {position:absolute;left:390px;top:-46px;width:226px;height:180px;z-index:1;}
#mail {position:absolute;left:640px;top:-82px;width:330px;height:230px;z-index:1;}
#links {position:absolute;left:420px;top:184px;width:201px;height:31px;z-index:1;}
#news_more {position:absolute;left:250px;top:312px;width:57px;height:25px;z-index:2;}
#notice_more {position:absolute;left:883px;top:312px;width:67px;height:28px;z-index:2;}
#tip {position:absolute;left:762px;top:186px;width:142px;height:113px;z-index:1;}
#menu {position:absolute;left:13px;top:222px;width:1002px;height:150px;z-index:2;}

#news_more a{ display:block; text-indent:-222px; overflow:hidden; width:48px; height:25px; background:url(../images/index1_10.jpg) no-repeat}
#news_more a:hover { display:block; text-indent:-222px; overflow:hidden; width:48px; height:25px; background:url(../images/index1_1a.jpg) no-repeat}

#notice_more a{ display:block; text-indent:-222px; overflow:hidden; width:48px; height:25px; background:url(../images/index1_13.jpg) no-repeat}
#notice_more a:hover { display:block; text-indent:-222px; overflow:hidden; width:48px; height:25px; background:url(../images/index1_1b.jpg) no-repeat}

#ren {position:absolute; left:7px; top:-8px; width:215px; height:264px; z-index:1; background:url(../images/ren.png) no-repeat;}
#niao {position:absolute; left:827px; top:33px; width:163px; height:219px; z-index:1; background:url(../images/niao.png) no-repeat}

#music {position:absolute;left:17px;top:166px;width:215px;height:113px;z-index:1;}

.painting { height:276px;background:url(../images/painting1.jpg) no-repeat; position:relative}
.painting_more { height:30px; width:60px; position:absolute; z-index:2; left:566px; top:91px;}
.painting_more a { width:60px; height:27px; display:block; }
.painting_more a:hover { background:url(../images/painting_more.jpg) no-repeat; }
.content { height:389px;}
.news { float:left; width:309px; height:389px;  background: url(../images/news.jpg) no-repeat;}
.news .text { margin-left:55px; margin-top:75px;}
.news .text li{ padding-left:25px; line-height:30px; background:url(../images/icon_02.gif) no-repeat 0px 5px;}

.happy { float:left; width:382px; height:389px; background: url(../images/happy.jpg) no-repeat;}
#happy_photo {margin-top:87px; margin-left:62px; border:2px solid #FFF; width:259px; height:208px; position:relative}
.happy_more {height:30px; width:50px; position:absolute; z-index:2; left:185px; top:-43px; }
.happy_more a { width:50px; height:27px; display:block; }
.happy_more a:hover { background:url(../images/happy_more.jpg) no-repeat; }

.notice { float:left; width:311px; height:389px; background: url(../images/notice1.jpg) no-repeat;}
.notice .text { margin-left:15px; margin-top:75px;}
.notice .text li{ padding-left:25px; line-height:30px; background:url(../images/icon_01.gif) no-repeat 0px 5px;}

.bottom { height:353px; position:relative; background:url(../images/bottom_bg.jpg) no-repeat;}


#title_flash { position:absolute; left:53px; top:-35px; width:195px; height:175px; z-index:1;}
#hua {position:absolute; left:833px; top:-37px; width:81px; height:162px; z-index:1; background:url(../images/hua.png) 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 { width:882px; margin:0 auto}
.about_top { height:84px; padding-top:70px; padding-left:250px; background:url(../images/about_03.jpg) no-repeat}
.about_content { font-size:14px; color:#666; line-height:30px; background:url(../images/about_05.jpg) repeat-y}
.about_bottom  { height:213px; background:url(../images/about_07.jpg) no-repeat}



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