/* 请按以下顺序写样式
显示,定位,浮动,清除: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/boby_bg.png) repeat-x top #d8f587;}

div,p,li,em{font-family:Verdana,宋体;font-size:12px; font-style:normal;}

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;}

.clear {clear:both;}

/* currency */
.left{ float:left;}
.right{ float:right;}

.png {_behavior:url("iepngfix.htc");}

/* index */
#header{width:100%; height:396px; background:url(../images/top_bg.jpg) no-repeat center top;}
	.top{  margin:0 auto; width:1002px; }
	.kidname{ position:absolute; left:-230px; top:18px; z-index:10; width:231px; height:100px; font-size:30px; font-family:"黑体"; text-align:center;}
	.menu{ position:relative; z-index:2; float:right; width:771px; height:79px;}
	.topFlash{ float:left; width:1002px; height:317px; background:url(../images/header_bg.jpg) no-repeat;}
	.music{ position:absolute; left:0px; top:200px; z-index:20; width:200px; height:80px;}

#content{ margin:0 auto; width:1002px; height:463px;}
	.leftbox{ float:left; width:665px; height:463px;}
		.tip{ float:left; padding-left:25px; width:640px; height:65px; background:url(../images/tip_bg.jpg) no-repeat;}
		.tip p{ line-height:65px;margin-left:35px; width:527px; height:45px; font-size:12px; color:#034800}
		
		.noticeBox{float:left; width:333px; height:398px;}
			.noticeTitle,.noticelist,.cookbook{ float:left; }
			.noticeTitle{ position:relative; width:333px; height:88px; background:url(../images/notice_title.jpg) no-repeat;}
			.noticelist{ padding-left:70px; width:263px; height:143px; background:url(../images/notice_bg.jpg) no-repeat;}
			.noticelist li{ line-height:26px; padding-left:24px; background:url(../images/icon_01.gif) no-repeat 0px 4px;}
			.noticelist li a{ color:#411c00; text-decoration:none;}
			.noticelist li a:hover{ color:#200e00;text-decoration:underline;}
			.more{ position:absolute; top:34px; right:50px; width:54px; height:30px; text-align:center; line-height:28px; background:url(../images/more_bg.png) no-repeat;}
			.more a{ color:#7d2f00; text-decoration:none; }
			.more a:hover{ color:#f24400; text-decoration:none; }
			
			.cookbook{ position:relative; width:333px; height:167px; background:url(../images/index_20.jpg) no-repeat;}
			.cookbook a{ position:absolute; top:50px; left:110px; display:block; width:108px; height:93px; background:url(../images/cookbook_a.jpg) no-repeat;}
			.cookbook a:hover{ background:url(../images/cookbook_b.jpg) no-repeat;}
		.news{float:left; width:332px; height:398px;}
		.newsTitle{float:left; position:relative; width:332px; height:174px; background:url(../images/news_title.jpg) no-repeat;}
		.newslist{ float:left; padding-left:62px;_padding-left:55px; width:272px; height:224px; background:url(../images/news_bg.jpg) no-repeat;}
		.newslist li{ line-height:26px; padding-left:24px; background:url(../images/icon_04.gif) no-repeat 0px 4px;}
		.newslist li a{ color:#411c00; text-decoration:none;}
		.newslist li a:hover{ color:#200e00;text-decoration:underline;}
		.newsmore{ position:absolute; top:140px; right:50px; width:54px; height:30px; text-align:center; line-height:28px; background:url(../images/more_bg.png) no-repeat;}
		.newsmore a{ color:#7d2f00; text-decoration:none; }
		.newsmore a:hover{ color:#f24400; text-decoration:none; }
			
	.rightbox{ float:right; width:337px; height:463px;}
		.happyTitle{ float:left; width:337px; height:86px; background:url(../images/happy_title.jpg) no-repeat;}
		.happyPic{ float:left; width:337px; height:250px; background:url(../images/happy_bg.jpg) no-repeat;}
		.happyPic span{ margin:0 auto; display:block; width:283px; height:227px; }
		.happyPic span img{ width:283px; height:227px; }
		
		.video{ float:left; position:relative; z-index:10; width:337px; height:127px;}
		.videoFlash{ position:absolute; z-index:10; left:-63px; top:0; width:400px; height:172px;}
	
	.netLinkbox{ z-index:30; position:absolute; left:230px; top:-105px; padding:40px 0 0 28px; width:146px; height:29px; background:url(../images/netLink.png) no-repeat;}
	
	.painting{ clear:both; margin:0 auto; width:1002px; height:265px; background:url(../images/painting_bg.jpg) no-repeat bottom;}
	.paintingtitle{ position:relative; width:1002px; height:88px; background:url(../images/painting_title.jpg) no-repeat;}
	.paintingPic{ margin:0 auto; width:804px;}
	.paintingFla{ position:absolute; top:-74px; left:231px; width:372px; height:132px;}
	
/* about */	
.topFlash_about{ float:left; width:1002px; height:317px; background:url(../images/header_bgabout.jpg) no-repeat;}
#aboutContent{ margin:0 auto; width:1002px; background:url(../images/about_contentbg.jpg) repeat-y;}
	.aboutBottom{ padding-bottom:180px; width:1002px; background:url(../images/about_content_bottom.jpg) no-repeat bottom;}
	.aboutTitle{width:1002px; height:157px; background:url(../images/about_content_title.jpg) no-repeat;}
	.about_textTitle{ margin:0 auto; padding-bottom:5px; margin-bottom:10px; width:880px; font-size:18px; color:#093900; text-align:center; line-height:30px; border-bottom:dashed 1px #90ad8a;}
	.aboutTitle span{ display:block; margin:0 auto; padding-top:50px; width:380px; height:66px; background:url(../images/about_titlebg.png) no-repeat;}
	.aboutTitle span img{ display:block; margin:0 auto; width:114px; height:35px; }
	/* 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{ margin:0 auto; margin-top:20px;  width:750px; height:auto; }
		.subjuct{ border:1px solid #f0d8c0; background:#fff; }
		.subjuct .titleBox{ float:left; width:750px; height:28px; line-height:28px; }
		.subjuct .titleBox{ border-bottom:1px solid #f0d8c0; background:#fee8a4; color:#c4af6c; }
		.subjuct .titleBox img{ margin-top:5px;}
		.subjuct img{ margin:0 10px; }
		.subjuct h4 a{ font-size:14px; color:#b43300; font-weight:bold; text-decoration:none;}
		.subjuct h4 a:hover{ color:#ff0066; text-decoration:underline; }
		.subjuct .titleBox p{ margin:0 10px;}
		.subjuct em{ color:#866e23; }
		
		.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 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; }

#copyright{ clear:both; margin:0 auto; margin-top:10px; width:100%; background:url(../images/copyright_bg.jpg) repeat-x top #9cd155; }
#copyright .text{ margin:0 auto; padding-top:10px; width:938px; color:#002d03; line-height:24px; text-align:center; }
#copyright .company{ width:100%; padding:10px 0; color:#5a9223; text-align:center;}
	