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

#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:322px; top:3px; width:670px; height:76px; z-index:1;}
#name { position:absolute; left:3px; top:7px; width:301px; height:81px; z-index:1;}
#name h1 { font-size:33px; line-height:33px;}

.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; margin-top:45px;}

.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:72px; background:url(../images/index_15.png) no-repeat}
.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_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_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;}