/* 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/df_03.jpg)}

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;}
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:578px;}
.right{ float:right; width:424px;}
#wrapper {margin:0 auto; width:100%; height:356px; background:url(../images/index_top.jpg) repeat-x }
#header,#content,#copyright{ margin:0 auto;  }

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


.wxts { height:54px; background:url(../images/wxts.jpg) no-repeat}
#wxts_text { margin-left:180px; padding-top:25px; font-weight:bold; font-size:14px; color:#C30;}

.notice { position:relative; height:178px; background:url(../images/notice.jpg) no-repeat}
.notice_more { width:59px; height:16px; padding-left:365px; padding-top:25px; font-weight:bold; }
.notice_more a,.notice_more a:visited{color:#FFF; display:block; width:56px; height:20px;}
.notice_more a:hover { color:#fffd64; width:56px; height:20px;}
.notice .text { margin-left:120px; padding-top:3px; }
.notice .text li{ padding-left:23px; line-height:28px; background:url(../images/icon_02.gif) no-repeat 0 5px; }

.new { height:211px; background:url(../images/new.jpg) no-repeat}
.new_more { width:59px; height:19px; padding-left:478px; padding-top:52px; font-weight:bold; }
.new_more a,.new_more a:visited{color:#FFF;  display:block; width:56px; height:20px;}
.new_more a:hover { color:#fffd64; width:56px; height:20px;}
.new .text { margin-left:270px;}
.new .text li{ padding-left:23px; line-height:28px; background:url(../images/icon_02.gif) no-repeat 0 5px; }
.painting { height:196px; background:url(../images/painting.jpg) no-repeat}
#gundong { margin-left:137px; padding-top:40px; height:135px; width:340px; overflow:auto;}
.link { padding-left:240px; padding-top:10px; height:88px; position:relative; background:url(../images/link.jpg) no-repeat}
.link select { height:22px; width:200px; text-align:center;}

.happy { height:317px; background:url(../images/happy.jpg)}
.happy_pic { padding-left:105px; padding-top:75px;}
.cookbook { padding-left:180px; padding-top:40px; height:128px; background:url(../images/cookbook.jpg) no-repeat}
.vi_ma {width:424px; height:252px;}
.video { float:left;  width:178px;height:69px; background:url(../images/video.jpg) no-repeat}
.mail { float:right; width:246px; height:252px; background:url(../images/mail.jpg) no-repeat}
.mail a { float:right; display:block; width:177px; height:125px;}
.mail a:hover { background:url(../images/mail_h.jpg) no-repeat }

#bottom { clear:both; position:absolute; z-index:5; left:0px; top:-150px; width:100%; height:150px; }


.about { width:909px; margin:0 auto; margin-top:20px; background:url(../images/about_06.jpg) repeat-y}
.about h2 { margin-left:170px; width:550px; height:60px; text-align:center; padding-right:20px; padding-top:45px; font-size:24px; font-weight:bold; color:#da7607}
.about h3 { margin-left:130px; width:550px; height:60px; text-align:center; padding-right:20px; padding-top:45px; line-height:30px; font-size:24px; font-weight:bold; color:#da7607}
.about dl {width:909px; margin:0 auto;  background:url(../images/about_03.jpg) no-repeat}
.about dd {width:909px; margin:0 auto; line-height:30px; font-size:14px;}
.about_table { width:750px; margin:0 auto;}
.about_bottom { height:80px; margin-bottom:25px; background:url(../images/about_08.jpg) 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;}

#tz_flash { position:absolute; left:419px; top:-1px; width:143px; height:174px; z-index:1;}
#name { position:absolute; left:6px; top:2px; width:436px; height:82px; z-index:1;}
#name h1 { font-size:30px; font-weight:bold; color:#930; padding:10px;}
#about_xr { position:absolute; left:76px; top:41px; width:57px; height:67px; z-index:1; }
#link_a { position:absolute; left:246px; top:13px; width:243px; height:29px; z-index:111;}
#music { position:absolute; left:500px; top:0px; width:204px; height:130px; z-index:1;}

.page a:link{ color:#cf5d00; text-decoration:none;}
.page a:visited{ color:#cf5d00; text-decoration:none;}
.page a:hover{ color:#333; text-decoration:none;}
.page a:active{color:#cf5d00;text-decoration:none;}