/* 请按以下顺序写样式
显示,定位,浮动,清除: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/index_bobybg.jpg) repeat-x top #90f1bd;}

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;}

/* index */
#header{ position:relative; margin:0 auto; width:1002px; height:220px; background:url(../images/topMenu_bg.jpg) no-repeat center top;}
	.kidname{ position:absolute; left:5px; top:45px; z-index:10; width:400px; height:80px; color:#00480c; font-size:30px; font-family:"黑体"; text-align:center;}
	.kidname object { position:absolute; left:5px; top:-10px; z-index:10; width:400px; height:80px;}
	.menuFlash{position:absolute;top:0;left:0;z-index:1;}
	.music{ position:absolute; right:0; top:170px; z-index:30; width:200px; height:80px;}
	.tip{ position:absolute; top:181px; left:395px; z-index:3; width:333px; height:27px; background:url(../images/tip_bg.jpg) no-repeat;}
	.tip p{ font-size:13px; color:#42697b; line-height:27px;}
	
#content{ clear:both; margin:0 auto; width:1002px;}
	.leftbox{ float:left; width:658px; height:631px; position:relative}
	.rightbox{ float:left; width:344px; height:631px;}
	
	.noticeBox{ position:relative; float:left; padding-top:10px; width:367px; height:205px; background:url(../images/index_tip.jpg) no-repeat;}
	.noticelist{float:left; padding-left:110px; width:220px; 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; z-index:1111; top:-37px; right:40px; width:54px; height:30px; text-align:center; line-height:28px; background:url(../images/more_bg.png) no-repeat;}
	.more a{ color:#fff; text-decoration:none; }
	.more a:hover{ color:#fff000; text-decoration:none; }
	
	.newsBox{ position:relative;float:left; padding-top:75px; width:291px; height:140px; background:url(../images/index_news.jpg) no-repeat;}
	.newslist{ float:left; padding-left:35px;_padding-left:34px; width:225px; height:110px; 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:10px; right:70px; width:54px; height:30px; text-align:center; line-height:28px; background:url(../images/more_bg.png) no-repeat;}
	.newsmore a{ color:#fff; text-decoration:none; }
	.newsmore a:hover{ color:#fff000; text-decoration:none; }
	
	.indexFlash{ position:relative; float:left; width:233px; height:254px; background:url(../images/index_07.jpg) no-repeat;}
	.indexflashBox{ position:absolute; top:-15px; left:-240px; z-index:11; width:261px; height:269px; }
	
	.painting{ position:relative; float:left; width:425px; height:254px; background:url(../images/index_painting.jpg) no-repeat bottom;}
	.painting .title{ width:425px; height:104px; background:url(../images/index_08.jpg) no-repeat;}
	 #paintingpic{ position:absolute; left:30px; top:120px; width:317px; height:115px;}
	.lotusBox{ position:absolute; top:-23px; left:-18px; width:147px; height:115px; }
	.painting .more { position:absolute; top:62px; left:80px; width:59px; height:20px; z-index:2}
	
	.cookbook{ position:relative; float:left; width:658px; height:162px; background:url(../images/index_cookbook.jpg) no-repeat;}
	.cookbook p{ position:absolute; top:-28px; left:151px; display:block; width:423px; height:180px; background:url(../images/cookbook_a.jpg) no-repeat;}
	
	.happyBox{ float:left; width:344px; height:340px; background:url(../images/index_happy.jpg) no-repeat;}
	.video .more { width:60px; height:20px; position:absolute; left:203px; top:-305px; z-index:2}
	.happyPic{ margin-left:30px; padding-top:80px; width:264px; height:214px; background:url(../images/happy_bg.jpg) no-repeat;}
	.happyPic span img{ width:264px; height:214px; }
	
	.video{ position:relative; float:left; z-index:10; width:344px; height:291px; background:url(../images/index_video.jpg) no-repeat}
	.videoFlash{ position:absolute; z-index:10; left:-81px; top:-161px; width:424px; height:370px;}
	
	.netLinkbox{z-index:30; position:absolute; left:70px; bottom:35px; width:140px; height:21px; text-align:center; background:url(../images/netLink.png) no-repeat;}
	
#copyright{ clear:both; margin:0 auto;  width:100%; background:url(../images/index_copyright.jpg) no-repeat top; position:relative}
#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 0 0; color:#488c66; text-align:center;}
