/* 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}
.kidname { position:absolute; left:6px; top:2px; width:436px; height:82px; z-index:2; font-size:30px; line-height:40px;font-weight:bold; color:#930; padding:10px;}


.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}
.painting .more { margin-left:535px; padding-top:15px; height:25px;}
.painting .more a { font-weight:bold; color:#FFF}
.painting .more a:visited { font-weight:bold; color:#FFF}
.painting .more a:hover { color:#fffd64; width:56px; height:20px;}

#gundong { margin-left:137px;  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 .more { height:28px; line-height:18px; padding-left:320px; padding-top:52px;}
.happy .more a{ color:#FFF;font-weight:bold; }
.happy .more a:visited{ color:#FFF}
.happy .more a:hover{ color:#fffd64}

.happy_pic { padding-left:105px; }
.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 dt 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 dt 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;}
#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;}

.lyb_title a { color: #C30; font-weight:bold}
.lyb_title a:visited { color:#C30; font-weight:bold}
.lyb_title a:hover { color: #F60; font-weight:bold}



		/* about-message board */	
		.subjuct,.restorebox{ margin:0 auto; margin-top:20px; 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; }


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


.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 h2{ 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; }