@charset "utf-8";
/* CSS Document */

body{
background-color:#FFFFFF; /*background-image:url(images/bg_index.jpg); background-repeat:repeat-x;*/
padding:0px; margin:0px;
font-family:Arial, Verdana, "細明體", sans-serif;
}
#mainarea, #mainarea1, #mainarea2, #mainarea3, #mainarea4, #mainarea5, #mainarea6, #mainarea7{
text-align:center; width:1005px; height:236px; margin-left:auto; margin-right:auto; position:relative;
background-image:url(images/bg-mian.jpg); background-repeat:no-repeat;
}
/* #mainarea bg*/
#mainarea1{
background-image:url(images/bg-mian1.jpg); background-repeat:no-repeat;
}
#mainarea2{
background-image:url(images/bg-mian2.jpg); background-repeat:no-repeat;
}
#mainarea3{
background-image:url(images/bg-mian3.jpg); background-repeat:no-repeat;
}
#mainarea4{
background-image:url(images/bg-mian4.jpg); background-repeat:no-repeat;
}
#mainarea5{
background-image:url(images/bg-mian5.jpg); background-repeat:no-repeat;
}
#mainarea6{
background-image:url(images/bg-mian6.jpg); background-repeat:no-repeat;
}
#mainarea7{
background-image:url(images/bg-mian7.jpg); background-repeat:no-repeat;
}


/*主導覽*/
ul#topnav{
	position:absolute;
	top:29px;
	left:218px;
	margin:0px;
	padding:0px;
	list-style:none;
	width:520px;
}
ul#topnav li{
	display:inline;
	 padding-left:20px; float:left;
background-image:url(images/nav-bos.gif); background-repeat:no-repeat; background-position:3px 3px;	
	}
ul#topnav li a{
 font-size:15px; font-weight:bold; color:#000000; text-decoration:none;
}
ul#topnav li a:hover{
	color:#F00;
}

#tool{
	position:absolute;
	right:18px;
	top:30px;
	font-size:13px;
	color:#e3f5ac;
}
#tool a{
	color:#e3f5ac; text-decoration:none;
}
#tool a:hover{
	text-decoration:underline;
}


img#logo{
	position:absolute;
	top:10px;
	left:15px;
	z-index:100;
}


#footer{
font-size:12px; color:#666666; width:1005px; line-height:18px; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; border-top:#b6d624 solid 1px; padding-top:10px;
}
#footer a{
color:#7b9b17; text-decoration:none;
}
#footer a:hover{
color:#7b9b17; text-decoration:underline;
}
#footer .fright{
	float:right; text-align:right; margin-right:7px;
}
#footer .left{
padding-left:20px;
}

#topimg{
	position:absolute;
	top:400px;
	left:30px;
}
#topimg img{
	 margin-right:5px; border:0px;
}

/*圖片連結淡化*/
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.clear{
	clear:both;
}

/* content */
#content{
	 width:1005px; margin-left:auto; margin-right:auto; position:relative;
	 background-image:url(images/bg-content.jpg); background-repeat:no-repeat; background-position:top;
}
#left{
	width:165px;
	position:absolute;
	top:-26px;
	left:15px;
}
#left ul{
	margin:0px; padding:0px; list-style:none;
}
#left ul li{
	margin:0px; padding:0px; list-style:none; margin-bottom:5px;
}
#left ul li a{
	display:block;
	width:165px; height:27px; line-height:27px; color:#000000; text-decoration:none;
	background-image:url(images/left-nav1h.jpg); background-repeat:no-repeat;
}
#left ul li a span{
	padding-left:10px;
}
#left ul li a:hover{
	display:block;
	width:165px; height:27px; line-height:27px; color:#000000; text-decoration:none;
	background-image:url(images/left-nav1.jpg); background-repeat:no-repeat;
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a{
	display:block;
	width:165px; height:27px; line-height:27px; color:#ffffff; text-decoration:none;
	background-image:url(images/left-nav1.jpg); background-repeat:no-repeat;
}
#right{
	width:800px; float:right;
/*	background-image:url(images/bg-right.jpg); background-repeat:no-repeat; background-position:top left;*/
	font-size:13px; line-height:22px; color:#666;
}
#right h1{
margin:0px; padding:0px; padding-top:10px; line-height:20px;
font-size:18px; color:#930;
}
#right h2{
	background-image:url(images/bg-li_recipes.gif); background-repeat:no-repeat; background-position:0px -2px; padding-left:35px; border-bottom:#cccccc dotted 1px; padding-bottom:5px;
	color:#669900; font-size:15px;
}
#right .box1{
	padding-top:10px; padding-right:55px; margin-bottom:10px; padding-left:25px;
}

/* products */
/* product list */
ul.products{
margin:0px; padding:0px; list-style:none;
}
ul.products li{
clear:left;
padding-bottom:20px;
padding-top:10px;
margin-bottom:15px; margin-top:15px;
background-image:url(images/list-bos.gif); background-repeat:repeat-x; background-position:bottom;
}
.pimg{
display:block;float:left; margin-top:0px; text-align:center;
background-image:url(images/bg-imgs.gif); background-repeat:no-repeat; background-position:top; width:180px; height:150px;
}
.pimg img{
	border:#f1f1f1 solid 1px; display:block; margin-top:10px; margin-left:auto; margin-right:auto;
}
.ptext{
display:block; width:500px; margin-top:0em; margin-left:190px;
}
#right .box1 ul.products h2{
font-size:16px; margin:0px; padding:0px; background-image:none; border:0px; padding-left:0px;
}


/* table */
.table1{ /* 營養標示 */
border-collapse:collapse;
float:right;
	border:3px solid #f1f1f1;
}
.table1 th, .table1 td, .table1 .heading{
border-bottom:#f1f1f1 solid 1px;
	empty-cells: show;
	padding: 3px 10px;
	vertical-align: top;
	white-space: nowrap;
}
.table1 .heading{
text-align:right;
}
#right h3.item{
font-size:15px;
display:inline;
padding:3px 5px 2px;
background-color:#FFFFCC; 
border-bottom:#FF9900 dotted 1px; 
border-top:#FF9900 dotted 1px;
color:#000000;
font-weight:normal;
margin-bottom:10px;
}
/* more img*/
.moreimg{
	margin:10px; border:#dfdfdf solid 1px; padding:5px;
}
.moreimg img{
	border:0px; margin:3px; width:125px;
}

/* style */
.colorred{
color:#FF0000;
}
.colorgreen{
color:#669900;
}
.colororg{
color:#FF9900;
}
img.border1{
	border:#f1f1f1 solid 5px;
	}