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

#name { position:absolute;left:4px; top:4px; width:430px; height:90px; z-index:1; }
#name h1 { font-size:30px; color:#333;width:400px; height:90px; line-height:40px;  padding-left:10px; padding-top:10px;}
#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;}
.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;}

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