/* 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.png) repeat-x #dffdff;}

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


.left{ float:left;}
.right{ float:right;}

.png {_behavior:url("iepngfix.htc");}

#header,#content,#copyright{ margin:0 auto; width:1002px;}

#header{ position:relative; height:358px;}
	#header h1{ position:absolute; left:16px; top:30px; z-index:10; font-size:30px; color:#fff; width:320px; height:95px;}
	#header h1 a{ color:#fff; text-decoration:none;}
	#header h1 a:hover{ color:#fdff7f; text-decoration:none;} 
	.top1{ position:absolute; z-index:1;}
	.indextop2{ position:absolute; z-index:2; background:url(../images/index_topbg.png) no-repeat bottom;}
	.top3{ position:absolute; z-index:3;}
#C_left{ float:left; padding-left:53px; width:896px; height:670px; background:url(../images/index_leftbg.jpg) no-repeat left;}
#C_right{ float:left; width:53px; height:670px; background:url(../images/index_rightbg.jpg) no-repeat;}

#copyright{ clear:both; height:172px; background:url(../images/index_copyright.png) no-repeat;}

	.tip{ position:absolute; right:80px; top:330px; z-index:10; width:495px; height:30px; color:#6c4151; line-height:30px;}

	.happy{ position:relative; float:left; width:324px; height:261px; background:url(../images/index_happy.png) no-repeat;}
		.happypic{ margin:0 auto; width:259px; height:208px; border:1px solid #fff; background:#fff; }

	.new{ float:left; padding:67px 47px 0 44px; width:481px; height:194px; background:url(../images/index_new_notice.jpg) no-repeat;}
		.newtext{ position:relative; float:left; width:225px; height:129px;}
			.newtext li{ line-height:26px; padding-left:24px; background:url(../images/icon_02.gif) no-repeat 0px 4px;}
			.newtext li a{ color:#411c00; text-decoration:none;}
			.newtext li a:hover{ color:#200e00;text-decoration:underline;}
			.newtext .more,.noticetext	.more{ position:absolute; bottom:-22px; right:55px; width:56px; height:19px; text-align:center; line-height:20px; background:url(../images/more_bg.gif) no-repeat;}
			.newtext .more a,.noticetext .more a{ color:#490000; text-decoration:none; }
			.newtext .more a:hover,.noticetext .more a:hover{ color:#120700; text-decoration:underline; }
		
		.noticetext{ position:relative; float:left; padding-left:30px; width:225px; height:129px;}
			.noticetext li{ line-height:26px; padding-left:24px; background:url(../images/icon_01.gif) no-repeat 0px 4px;}
			.noticetext li a{ color:#411c00; text-decoration:none;}
			.noticetext li a:hover{ color:#200e00;text-decoration:underline;}
	
	.cookbook,.video{ overflow:hidden; text-indent:-1000px; float:left; }
		.cookbook a{ display:block; width:190px; height:125px; background:url(../images/index_cookbook.jpg) no-repeat;}
		.cookbook a:hover{ background:url(../images/index_cookbook_hover.jpg) no-repeat;}
			.cookbookflash{ position:absolute; right:0px; bottom:-43px; width:142px; height:72px; }
	
		.video a{ display:block; width:398px; height:125px; background:url(../images/index_video.gif) no-repeat;}
		.video a:hover{ background:url(../images/index_video.jpg) no-repeat;}
	
	.link{ float:left; width:308px; height:125px; background:url(../images/index_link.png) no-repeat;}
		.link select{ margin:56px 0 0 127px; width:130px; height:22px; color:#626262;}
	
	.painting{ float:left; padding:33px 0 0 50px; width:559px; height:251px; background:url(../images/index_painting.jpg) no-repeat;}
		.painting_piclist{ width:536px; }
		.painting_piclist img{ margin-left:8px; width:171px; height:126px; border:1px solid #fff;}
		.painting_piclist a:hover img{ border:1px solid #6e3fbe;}
	
	.mail{ position:relative; overflow:hidden; text-indent:-10000px; float:left; width:287px; height:284px; background:url(../images/index_mail.jpg) no-repeat;}
		.mail a{ position:relative; z-index:2; display:block; margin:44px 0 0 8px; width:160px; height:200px; background:url(../images/mail_link.png) no-repeat;}
		.mail a:hover{ background:url(../images/mail_hover.png) no-repeat;}
			.mail .flashbox{ position:absolute; z-index:1; top:-10px; left:0px;}
	
	#copyright{ padding-top:30px;}
	#copyright .text{ margin:0 auto; padding-top:10px; width:938px; color:#152e8d; line-height:24px; text-align:center; }
	#copyright .company{ width:100%; padding:10px 0; color:#3d7280; text-align:center;}