/*--==家會香食品 2007 design by MAYA http://www.maya.com.tw/==--*/ 
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/bg1.jpg);
	background-repeat: repeat-x;}
body,td,th {
	font-size: 9pt;
	color: #555555;
	font-family: "新細明體";
	font-weight: normal;
}
a {
}
a:link {
	color: #C5112C;text-decoration: none;
}
a:visited {
	color: #C5112C;text-decoration: none;
}
a:active {
	color: #CC3300;text-decoration: none;
}
a:hover {
	color: #FF6600;text-decoration: none;
}
/*-==frame==-*/
#container{
	margin: auto;
	width: 949px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#container-r{
	width: 10px;
	height: 801px;
	background-image: url(images/main_02.jpg);
	background-position: center;
	float: right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#container2{
	width: 949px;
	background-position: left;
	background-color: #FFFFFF;
}
#container3{
	width: 1020px;
	float: left;
	background-image: url(../images/bg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
	#indexnews{
	float: right;
	height: 123px;
	width: 400px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}
	#indexflash{
	float: right;
	height: 220px;
	background-image: url(images/main_04.jpg);
	width: 291px;
	background-repeat: no-repeat;
}
#banner{
	height: 514px;
	width: 949px;
	background-image: url(images/main_01.jpg);
	float: left;
}
#banner2{
	height: 258px;
	width: 949px;
	float: left;
}
	 #left{
	float: left;
	background-image: url(images/main2_07bg.jpg);
	padding-left: 5px;
	background-position: right;
}
	 	#left-top{width: 200px; height: 46px; background-image: url(images/main2_02.jpg);}
		#left-main{
	width: 200px;
	background-image: url(images/main2_07.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 65px;
	height: 522px;
	*height: auto;
}
	 #main-body{
	float: left;
	width: 525px;
	margin-left: 9px;
	margin-right: 11px;
	margin-bottom: 10px;
}
	 #main-body2{
	float: left;
	width: 717px;
	margin-left: 9px;
	margin-bottom: 10px;
}
	 	#main{}
			#main-top{
	width: auto;
	height: 41px;
	background-image: url(images/main2_04.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top2{
	width: auto;
	height: 41px;
	background-image: url(images/main2_041.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top3{
	width: auto;
	height: 41px;
	background-image: url(images/main2_042.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top4{
	width: auto;
	height: 41px;
	background-image: url(images/main2_043.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top5{
	width: auto;
	height: 41px;
	background-image: url(images/main2_044.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top6{
	width: auto;
	height: 40px;
	background-image: url(images/main2_049.jpg);
	padding-top: 11px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top7{
	width: auto;
	height: 41px;
	background-image: url(images/main2_046.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top8{
	width: auto;
	height: 41px;
	background-image: url(images/main2_047.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-top9{
	width: auto;
	height: 41px;
	background-image: url(images/main2_048.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	}
			#main-top10{
	width: auto;
	height: 41px;
	background-image: url(images/main2_050.jpg);
	padding-top: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
}
			#main-main{
	background-position: bottom;
	background-repeat: no-repeat;
	padding-left: 24px;
	padding-right: 24px;
	line-height: 21px;
	margin-top: 5px;
	width: auto;
}
			#main-main2{
	width: 443px;
	background-image: url(../images/main2_122.jpg);
	background-position: bottom;
	background-color: #F0ECD1;
	background-repeat: no-repeat;
	padding-left: 34px;
	padding-right: 30px;
	line-height: 21px;
	padding-bottom: 20px;
}
		#news{
	width: 443px;
	height: 169px;
	background-image: url(images/main2_12.jpg);
	margin-top: 10px;
	padding-top: 46px;
	padding-right: 30px;
	padding-left: 34px;
}
	 #right{
	float: left;
	width: 198px;
}
		#right-main{
	width: 198px;
	height: 670px;
	background-image: url(images/main2_09.jpg);
	background-repeat: no-repeat;
}
#footer{
	height: 86px;
	clear: both;
	background-image: url(images/main_21.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 250px;
	background-color: #FFFFFF;
}
#footer2{
	height: 58px;
	clear: both;
	background-image: url(../images/main_04.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 115px;
	padding-top: 15px;
}
#zoom{
	color: #333333;
	width: 443px;
}
#font{
	background-image: url(images/news_15.gif);
	background-repeat: repeat;
	width: auto;
	color: #333333;
	padding-bottom: 10px;
}
#titleimg{
	float: left;
	height: 77px;
	width: 658px;
	background-image: url(images/main_03.jpg);
}
#newsmain{
	height: 160px;
	width: 658px;
	float: left;
}
#login{
	height: 161px;
	width: 210px;
	float: left;
	padding-left: 26px;
}
#login2{
	height: 161px;
	float: left;
	position: bottom;
}
#loginbox {
	width: 128px; 
	height: 52px;
	background-image: url(images/main_12.gif);
	padding-left: 72px;
	padding-top: 11px;
	margin-bottom: 8px;
}
#loginbox1 {
	width: 200px; 
	height: 63px;
	background-image: url(images/main_12.gif);
	padding-left: 72px;
	padding-top: 11px;
	margin-bottom: 8px;
}
#newstitle{
	height: 36px;
	margin-bottom: 6px;
	*margin-bottom: 0px;
}
#cpy{
	float: right;
	width: 180px;
	text-align: right;
	padding-right: 40px;
	font-size: 10px;
	padding-top: 6px;
	*padding-top: 16px;
}
/*-==class==-*/
.title{} /*left, main, right top*/
.links{} /*left box links*/
.list{
	height: 15px;
	float: left;
	width: 300px;
	background-image: url(images/main_15.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	padding-left: 18px;
	color: #333333;
	margin-bottom: 5px;
} 
.list a:link{color: #333333;}
.list a:visited{color: #333333;}
.list a:hover{color: #FF6600;}
.list2{
	height: 15px;
	float: left;
	width: 75px;
	color: #333333;
	border-bottom-color: #333333;
	margin-bottom: 5px;
} 
.list2 a:link{color: #333333;}
.list2 a:visited{color: #333333;}
.list2 a:hover{color: #990000;}
.list3{
	height: 15px;
	float: left;
	width: 424px;
	background-image: url(images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 18px;
	color: #333333;
	margin-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
} 
.list3 a:link{color: #333333;}
.list3 a:visited{color: #333333;}
.list3 a:hover{color: #CC6600;}
.links {
	color: #996600;
	line-height: 16px;
	*margin-top: 14px;
	*margin-top: 3px;
	height: 29px;
} 
#links2 {
	color: #996600;
	line-height: 16px;

	*margin-top: 14px;
	*margin-top: 3px;
	padding-left: 37px;
	height: 25px;
	overflow-x:hidden;
	SCROLLBAR-FACE-COLOR: #FFFFFF; /*捲軸顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #D1D1D1; /*捲軸左與上內邊框*/
	SCROLLBAR-SHADOW-COLOR: #D1D1D1;/*捲軸右與下內邊框*/
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; /*捲軸左與上外邊框*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;/*捲軸右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #D1D1D1; /*捲軸箭頭*/
	SCROLLBAR-TRACK-COLOR: #FFFFFF; /*捲軸底色*/
	width: 140px;
} 
.links3 {


	*margin-top: 14px;
	*margin-top: 3px;
	height: 13px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #98B000;
	margin-bottom: 11px;
	width: 125px;
	padding-left: 5px;
	line-height: 16px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #ECF5D6;
	padding-top: 1px;
} 
/*-==fonts==-*/
.h1{
	color: #333333;
	line-height: 15px;
} /*copyright*/
.h1 a:link{color: #666666;} 
.h1 a:visited{color: #666666;}
.h1 a:hover{color: #999999;}
.h2{color: #18450A;} /*left box links*/
.h3{
	color: #CC0000;
	font-size: 12px;
}
.h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}
.h5 {color: #FFFFFF;}
.h6{
	font-family: "新細明體";
	font-size: 9pt;
	line-height: 20px;
	color: #663300
}
.h6 a:link {
	color: #663300;
	text-decoration: none;
	line-height: 20px;
	font-weight: normal;
}
.h6 a:visited {
	color: #663300;text-decoration: none;line-height: 20px;font-weight: normal;
}
.h6 a:hover {
	color: #990000;text-decoration: none;line-height: 20px;font-weight: normal;
}
.h6 a:active {
	color: #CC0000;text-decoration: none;line-height: 20px;font-weight: normal;
}
.loginbg {
	background-color: #FFFFCC;
	height: 20px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #663300;
	width: 90%;
	font-size:9pt;
	line-height:16px;
	text-transform:lowercase;
	border: none;
	font-weight: normal;
}
.loginbg2 {
	background-color: #FFFFCC;
	height: 15px;
	padding-left: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #663300;
	width: 90%;
	font-size:9pt;
	line-height:16px;
	text-transform:lowercase;
	border: none;
	font-weight: normal;	
}
.mailbg {
	background-color: #E6E6E6;
	height: 15px;
	padding-left: 3px;
	font-family: "新細明體";
	color: #666666;
	font-size:9pt;
	line-height:16px;
	text-transform:lowercase;
	border: none;
	font-weight: normal;
}
.title2 {
	font-size: 10pt;
	font-weight: bold;
	color: #710000;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #C10202;
	padding-left: 5px;
}
.pic {
	padding: 3px;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;margin:0px 10px 5px 0px; float: left
}
.product {
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #555555;
	border-bottom-color: #555555;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-top: 10px;
}
#newproduct {
	width: 600px;
	height: 250px;
	background-image: url(images/productnew2.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 20px;
}
#hotproduct {
	width: 600px;
	height: 250px;
	background-image: url(images/productnew.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 20px;
}
#cproduct {
	width: 600px;
	height: 250px;
	background-image: url(images/productnew3.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 20px;
}
#cproduct2 {
	width: 590px;
	height: 55px;
	background-image: url(images/p01.jpg);
	padding-left: 70px;
	padding-right: 10px;
	padding-top: 10px;
}
#cproduct3 {
	width: 600px;
	background-image: url(images/p02.jpg);
	padding-left: 60px;
	padding-right: 10px;
}
#cproduct5 {
	width: 600px;
	background-image: url(images/p02.jpg);
	padding-left: 20px;
	padding-right: 23px;
}
#cproduct4 {
	width: 100%;
	background-image: url(images/p03.jpg);
	height: 26px;
}	
#series {
	width: 600px;
	height: 267px;
	background-image: url(images/series.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px	
}
#series2 {
	width: 600px;
	height: 267px;
	background-image: url(images/series2.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px		
}
#series3 {
	width: 600px;
	height: 267px;
	background-image: url(images/series3.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px	
}
#series4 {
	width: 600px;
	height: 267px;
	background-image: url(images/series4.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px			
}
#series5 {
	width: 600px;
	height: 267px;
	background-image: url(images/series5.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px
}
#series6 {
	width: 600px;
	height: 267px;
	background-image: url(images/series6.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px
}
#series7 {
	width: 600px;
	height: 267px;
	background-image: url(images/series7.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px						
}
#series8 {
	width: 600px;
	height: 267px;
	background-image: url(images/series8.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px		
}	
#series9 {
	width: 600px;
	height: 267px;
	background-image: url(images/series9.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px		
}		
#series10 {
	width: 600px;
	height: 267px;
	background-image: url(images/series10.jpg);
	padding-left: 60px;
	padding-right: 10px;
	padding-top: 5px		
}