#container .content .blue
{
	width:1044px;
	height: 610px;
	position:absolute;
	background-image:url(../images/about_blue.png);
	top:0px;
	left:90px;
}

#container .content
{
	height: 1900px;
}


#container .content .title
{
	width:983px;
	height: 152px;
	position:absolute;
	background-image:url(../images/title.png);
	top:0px;
	left:110px;
}

#container .content .title .text
{
	width:463px;
	height: 54px;
	position:absolute;
	background-image:url(../images/food_title.png);
	top: 60px;
left: 72px;
display:none;
}

#container .content .article_text
{
	width:600px;
	height: 586px;
	position:absolute;
	background-image:url(../images/water_content.png);
	top: 183px;
left: 169px;
	display:none;
}


#container .content .dog
{
	width:203px;
	height: 97px;
	position:absolute;
	background-image:url(../images/water_dog.png);
	top: 57px;
left: 840px;
	display:none;
}

#container .content .panel
{
	width:1071px;
	height: 4000px;
	position:absolute;
	background-image:url(../images/food_panel.png);
	top: 130px;
left: 68px;
	opacity:1;
}




#panel
{
	width:100%;
	height:100%;
	background-image:url(../images/black_bg.png);
	background-repeat:repeat;
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	display:none;
}

#panel .container
{
	width:625px;
	min-height:288px;
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:30%;
	background-color:#FFFFFF;
}

#panel .container .upper
{
	width:625px;
	height:169px;
	position:relative;
	float:left;
	border-bottom:dotted 1px #000;
}
#panel .container .upper.cat5
{
	height:230px;
	
}

#panel .container .upper .seriesName
{
	width:400px;
	height:22px;
	position:absolute;
	top: 52px;
left: 200px;
font-weight:bold;
	font-size:24px;
	color:#079600;
	font-family: 微軟正黑體,Arial, Helvetica, sans-serif, 新細明體;
}

#panel .container .upper .productName
{
	width:400px;
	height:22px;
	position:absolute;
	top: 85px;
left: 200px;
font-weight:bold;
	font-size:21px;
	color:#000000;
	font-family: 微軟正黑體,Arial, Helvetica, sans-serif, 新細明體;
}

#panel .container .upper .engName
{
	width:400px;
	height:22px;
	position:absolute;
	top: 114px;
left: 200px;
font-weight:bold;
	font-size:19px;
	color:#000000;
	font-family: 微軟正黑體,Arial, Helvetica, sans-serif, 新細明體;
}

#panel .close
{
	width:50px;
	height:50px;
	overflow:hidden;
	position:absolute;
	top: -20px;
right: -20px;
cursor:pointer;
}

#panel .close img
{
	width:50px;
	height:100px;
	position:absolute;
	top:0px;
	left:0px;
}

#panel .close img:hover
{
	width:50px;
	height:100px;
	position:absolute;
	top:-50px;
	left:0px;
}


#panel .container .upper .pic
{
	width:165px;
	height:145px;
	position:absolute;
	top:10px;
	left:20px;
}

#panel .container .lower
{
	width:575px;
	min-height:78px;
	height:auto;
	position:relative;
	float:left;
	background-color:#fcfcf2;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:25px;
	padding-right:25px;
}

#panel .container .lower .left
{
	width:301px;
	height:100%;
	min-height:78px;
	position:relative;
	float:left;
	border-left:solid 2px #f36c12;
}

#panel .container .lower .left .title
{
	width:86px;
	height:73px;
	position:relative;
	float:left;
	text-align:center;
	padding-top:5px;
	font-size:1em;
	color:#646464;
	font-family: 微軟正黑體,Arial, Helvetica, sans-serif, 新細明體;
}

#panel .container .lower .left .content
{
	width:173px;
	height:100%;
	position:relative;
	float:left;
	border-left:dotted 1px #000000;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1em;
	color:#646464;
	font-family: 微軟正黑體,Arial, Helvetica, sans-serif, 新細明體;
}

#panel .container .lower .right
{
	width:270px;
	height:100%;
	min-height:78px;
	position:relative;
	float:left;
	border-left:solid 2px #f36c12;
}

#panel .container .lower .right .title
{
	width:86px;
	height:73px;
	position:relative;
	float:left;
	text-align:center;
	padding-top:5px;
	font-size:1em;
	color:#646464;
	font-family: 微軟正黑體,Arial, Helvetica, sans-serif, 新細明體;
}

#panel .container .lower .right .content
{
	width:143px;
	height:68px;
	position:relative;
	float:left;
	border-left:dotted 1px #000000;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:1em;
	color:#646464;
	font-family: 微軟正黑體,Arial, Helvetica, sans-serif, 新細明體;
}


#product_list .viewport .itemList.cat5{ height:320px;}
#product_list .viewport .itemList.cat5 .tag{ top:220px !important;}
#product_list .viewport .itemList.cat5 .productName{top:250px !important;}
#product_list .viewport .itemList.cat5 .detail{top:300px !important;}

#product_list .viewport .itemList.cat10{ height:260px;}
#product_list .viewport .itemList.cat10 .tag{ top:145px !important;}
#product_list .viewport .itemList.cat10 .productName{top:190px !important;}
#product_list .viewport .itemList.cat10 .detail{top:240px !important;}

#panel .container .upper.cat10{ height: 180px;}

#product_list .viewport .itemList.cat1 .detail{top:204px !important;}
#product_list .viewport .itemList.cat2 .detail{top:204px !important;}

#product_list .viewport .itemList.cat03-4{ height:280px;}
#product_list .viewport .itemList.cat03-4 .tag{ top:130px !important;}
#product_list .viewport .itemList.cat03-4 .productName{top:165px !important;}
#product_list .viewport .itemList.cat03-4 .detail{top:235px !important;}
#product_list .viewport .itemList.img-5px .item .smallPic{ padding-left:5px;}


.item .seriesName{ display:none}