/*ܧw]Tag styles-----------------------------------------start*/
html{padding:0px; margin:0px;}

body{padding:0px; margin:0px; font:12px "新細明體", Arial; color:#333; line-height:20px; background-color:#D4C08D; text-align:center;}

p{margin-top:0px; text-align:justify; font-size:12px; line-height:20px;}

form {display:inline;}

a {color:#333; text-decoration:none;}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}

H1 {
	font-family:SimHei, Arial, Garamond;
	font-weight:bold;
	font-size:36px;
	color:#003D74;
	font-weight:bolder;
	background:url(images/h1.gif) no-repeat;
	padding-left:50px;
}
H2 {
	font-size:24px;
	color:#063;
	font-family:Arial, Verdana, sans-serif;
	background:url(images/h2.gif) no-repeat;
	padding-left:40px;
}
H3 {
	font-size:20px;
	color:#FFFFFF;
	font-family:Arial, Verdana, sans-serif;
	background:url(images/h3.jpg) repeat-x;
	height:30px;
	width:120px;
	padding:2px 0 0 10px;
}
H4 {
	color:#333;
	font-family:Arial, Verdana, sans-serif;
	font-size:18px;
	height:25px;
	padding-left:10px;
	border-bottom:#99CC00 2px solid;
	width:165px;
}
H5{
	font-size:16px;
	font-family:SimHei, Arial, Garamond;
	color:#EA9E00;
	line-height:13px;
	font-style:italic;
	background:url(images/h5.gif) no-repeat;
	padding-left:30px;
	height:40px;
}
H6{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#533C33;
	font-style:italic;
}
/*ܧw]Tag styles-----------------------------------------end*/

/* body---------------------------------------------start*/
#index_container {
	margin:0 auto;
	width:956px;
	background:#fff;
	text-align:left;
	font:12px "新細明體", Arial;
}

#index_header {
	position:relative;
	background:url(images/header.jpg) no-repeat;
	height:123px;
	width:956px;
	font:12px "新細明體", Arial;
}
#index_sidebar1 {
	width:248px;
	margin-top:10px;
	padding:0px 10px 0px 15px;
	background:url(images/index_sidebar_bg.gif) repeat-y left #fff;
	float:right;
	font:12px "新細明體", Arial;
}
#index_mainContent {
	width:658px;
	float:left;
	padding:0 10px 0 15px !important;
	padding:0 10px 0 10px;
	background:#fff;
	margin-top:10px;
	font:12px "新細明體", Arial;
}
#index_footer {
	height:168px;
	width:956px;
	float:left;
	position:relative;
	background:url(images/footer.jpg) no-repeat bottom #fff;
	font:12px "新細明體", Arial;
}

.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;}

/* body---------------------------------------------end*/
/* index_header-----------------------------------------------------Start */
#index_logo {
	width:199px;
	height:65px;
	position:absolute;
	background:url(images/logo.jpg) no-repeat;
	left:22px;
	top:55px;
}
#shopjfood {width:480px; position:absolute; left:520px !important; left:515px; top:10px; text-align:center;}
#shopjfood a:link, #shopjfood a:visited, #shopjfood a:active {font:12px; font-weight:bold; color:#7e4821; text-align:center;}
#shopjfood a:hover {font:12px; font-weight:bold; color:#fff; text-align:center;}

#shopjfood .about, #shopjfood .product, #shopjfood .member, #shopjfood .shopinfo{
	float:left;
	padding:0 12px;
	margin-top:3px;
	text-align:center;
	background:url(images/line.gif) no-repeat right center;
}

#shopjfood .map{float:left; padding:0 12px; margin-top:3px; text-align:center;}

#shopNav {width:350px; position:absolute; left:635px; top:45px; text-align:center;}
#shopNav a:link, #shopNav a:visited, #shopNav a:active {font:12px; font-weight:bold; color:#7e4821; text-align:center;}
#shopNav a:hover {font:12px; font-weight:bold; color:#d4b77e; text-align:center;}

#shopNav .service, #shopNav .faq, #shopNav .download{
	float:left;
	padding:0 12px;
	text-align:center;
	background:url(images/line.gif) no-repeat right center;
}

#shopNav .privacy{float:left; padding:0 12px;text-align:center;}

#index_login {width:450px; position:absolute; left:245px; top:102px;}

#index_login .field{float:left; padding:0 8px; font:12px; font-weight:bold; color:#7e4821;}

#index_login a.buttons{
	background:url(images/icon_bg.gif) no-repeat center;
	float:left;
	font:12px Arial;
	line-height:18px;
	height:21px;
	width:37px;
	text-decoration:none;
	text-align:center;
	margin:0px 3px;
	padding-top:0px !important;
	padding-top:3px;
}

#index_login a:link.buttons, #index_login a:visited.buttons, #index_login a:active.buttons{color:#fff;}
#index_login a:hover.buttons{color:#e7dbb9; text-decoration:none;}

a.shopcar{
	background:url(images/shopcar_bg.gif) no-repeat center;
	font:12px Arial;
	line-height:18px;
	height:21px;
	width:75px !important;
	width:92px;
	text-decoration:none;
	text-align:left;
	margin:0px 3px;
	padding-left:17px;
	padding-top:0px !important;
	padding-top:3px;
	position:absolute;
	left:590px;
	top:102px;
}

a:link.shopcar, a:visited.shopcar, a:active.shopcar{color:#fff;}
a:hover.shopcar{color:#e7dbb9; text-decoration:none;}

#index_login .form{font-size:11px; color:#333; width:auto; border:1px solid #D4C08D; background-color:#F9F7E8;}


#index_epapper {width:250px; height:40px; position:absolute; left:700px; top:77px !important; top:82px; background:url(images/epapper_bg.gif) no-repeat top left;}
#index_epapper .section{padding-left:30px; font:12px; color:#7e4821;  margin-bottom:5px;}
#index_epapper .field{float:left; padding:0 8px; font:13px; font-weight:bold; color:#7e4821;}
#index_epapper a.buttons{
	background:url(images/icon_bg.gif) no-repeat center;
	float:left;
	line-height:18px;
	height:21px;
	width:37px;
	text-align:center;
	margin:0px 3px;
	padding-top:0px !important;
	padding-top:3px;
}

#index_epapper a:link.buttons, #index_epapper a:visited.buttons, #index_epapper a:active.buttons{color:#fff;}
#index_epapper a:hover.buttons{color:#e7dbb9; text-decoration:none;}

#index_epapper .form{font-size:11px; color:#333; width:auto; border:1px solid #D4C08D; background-color:#F9F7E8;}
/* index_header-----------------------------------------------------End */

/* index_footer-----------------------------------------------------Start */
#index_footer .footerNav {
	font-weight:bold;
	color:#6d3a2c;
	height:21px;
	line-height:21px;
	margin:77px 0 0 30px;
}

#index_footer .footerNav a:link, #index_footer .footerNav a:visited{color:#6d3a2c;}
#index_footer .footerNav a:hover {color:#d4b77e;}

#index_footer .footerNav div{}
#index_footer .footerContent {font:12px; font-weight:bold; margin:25px 0 0 30px; color:#6d3a2c;}
#index_footer .banner {position:absolute; width:250px; height:100px; left:500px; top:0px;}
/* index_footer-----------------------------------------------------End */

/* index_sidebar1-----------------------------------------------------Start */
#index_sidebar1 .banner{width:248px; height:130px;}
#index_sidebar1 .response .Header{width:248px; height:55px; background:url(images/responseHeader.gif) no-repeat;}
#index_sidebar1 .response .Content{width:248px; height:300px; background:url(images/responseContent.gif) no-repeat;}
#index_sidebar1 .response .Footer{width:248px; height:25px; background:url(images/responseFooter.gif) no-repeat;}

#index_sidebar1 .response .entry{background:url(images/responseentry.gif) repeat-x top; width:213px; margin:0 17px 12px 18px; padding-top:10px;}
#index_sidebar1 .response .name{margin-bottom:5px; font:13px; color:#8b624f;}
#index_sidebar1 .response .brief{height:60px; overflow:hidden; text-overflow:ellipsis; line-height:18px;}
/* index_sidebar1-----------------------------------------------------End */

/* index_mainContent-----------------------------------------------------Start */
#index_mainContent .mainBanner{background:url(images/mainbanner_bg.gif) repeat-x bottom; display:table;}
#index_mainContent .banner_side{margin:0 10px 10px 0 !important; margin:0 8px 10px 0; float:left;}
#index_mainContent .banner{margin:0 0px 10px 0; float:left;}

#index_mainContent #advancedSearchLink{
	height:31px !important;
	height:46px;
	width:200px !important;
	width:280px;
	background:url(images/search_icon.gif) no-repeat;
	padding:13px 0 0 72px;
	margin-top:10px;
}
#index_mainContent #advancedSearchLink a:link, #index_mainContent #advancedSearchLink a:visited, #index_mainContent #advancedSearchLink a:active {color:#333;}

#index_mainContent #quickFind {
	width:120px !important;
	width:180px;
	height:33px !important;
	height:46px;
	padding-top:13px;
	float:left;
	background:url(images/search_r.gif) no-repeat right;
	margin:-43px 0 0 160px !important;
	margin:-47px 0 0 55px;
}
#index_mainContent .form{font-size:11px; color:#333; width:auto; border:1px solid #D4C08D; background-color:#F9F7E8;}

#index_mainContent .tableclass{margin:5px 0 50px 0;}
#index_mainContent .product a:link, #index_mainContent .product a:visited, #index_mainContent .product a:active{color:#333;	text-decoration:none;}
#index_mainContent .product a:hover{margin-left:3px;}

#index_mainContent .title{color:#763E23;}
/* index_mainContent-----------------------------------------------------End */
/* index_sidebar1-----------------------------------------------------Start */
#index_mainContent .categoriesBox{width:125px !important; width:127px; height:400px !important; height:380px; float:left; margin-top:-40px !important; margin-top:-25px;}
#index_mainContent li.topMenuClass44{
	background:url(images/product05.gif) no-repeat top left;
	height:35px;
	width:120px;
	list-style:none;
	margin:20px 0 0 -10px;
	padding-left:57px;
	line-height:27px !important;
	line-height:30px;
}
#index_mainContent a.topMenuClass44:link, #index_mainContent a.topMenuClass44:visited, #index_mainContent a.topMenuClass44:active, #index_mainContent a.topMenuClass44:hover{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#index_mainContent li.topMenuClass44 b{display:none;}

#index_mainContent li.topMenuClass47{
	background:url(images/product03.gif) no-repeat top left;
	height:35px;
	width:120px;
	list-style:none;
	margin:20px 0 0 -10px;
	padding-left:58px;
	line-height:26px !important;
	line-height:29px;
}
#index_mainContent a.topMenuClass47:link, #index_mainContent a.topMenuClass47:visited, #index_mainContent a.topMenuClass47:active, #index_mainContent a.topMenuClass47:hover{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#index_mainContent li.topMenuClass47 b{display:none;}

#index_mainContent li.topMenuClass48{
	background:url(images/product01.gif) no-repeat top left;
	height:35px;
	width:120px;
	list-style:none;
	margin:20px 0 0 -10px;
	padding-left:57px;
	line-height:27px !important;
	line-height:30px;
}
#index_mainContent a.topMenuClass48:link, #index_mainContent a.topMenuClass48:visited, #index_mainContent a.topMenuClass48:active, #index_mainContent a.topMenuClass48:hover{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#index_mainContent li.topMenuClass48 b{display:none;}

#index_mainContent li.topMenuClass43{
	background:url(images/product02.gif) no-repeat top left;
	height:35px;
	width:120px;
	list-style:none;
	margin:20px 0 0 -10px;
	padding-left:57px;
	line-height:26px !important;
	line-height:29px;
}
#index_mainContent a.topMenuClass43:link, #index_mainContent a.topMenuClass43:visited, #index_mainContent a.topMenuClass43:active, #index_mainContent a.topMenuClass43:hover{
	color:#fff;
	font-size:14px;
	font-weight:bold;	
}
#index_mainContent li.topMenuClass43 b{display:none;}

#index_mainContent li.topMenuClass49{
	background:url(images/product04.gif) no-repeat top left;
	height:35px;
	width:120px;
	list-style:none;
	margin:20px 0 0 -10px;
	padding-left:57px;
	line-height:27px !important;
	line-height:30px;
}
#index_mainContent a.topMenuClass49:link, #index_mainContent a.topMenuClass49:visited, #index_mainContent a.topMenuClass49:active, #index_mainContent a.topMenuClass49:hover{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#index_mainContent li.topMenuClass49 b{display:none;}

#index_mainContent .subMenuClass1{color:#763E23; list-style:none;}
#index_mainContent .subMenuClass1:link, #index_mainContent .subMenuClass1:visited{color:#763e23; list-style:none; margin-left:10px;}
#index_mainContent .subMenuClass1:hover{color:#763e23;margin-left:13px;list-style:none;}

#index_mainContent .subMenuClass2{color:#763E23; list-style:none;}
#index_mainContent .subMenuClass2:link, #index_mainContent .subMenuClass2:visited{color:#763e23; list-style:none; margin-left:10px;}
#index_mainContent .subMenuClass2:hover{color:#763e23;margin-left:13px;list-style:none;}
/* index_sidebar1-----------------------------------------------------End */
/* violet-----------------------------------------------------Start */
.font_price {color:#AB285E; font-weight:bold; font:12px "新細明體", Arial;}
.font16_price {color:#AB285E; font-size:18px; font-weight:bolder; font:12px "新細明體", Arial;}
.title_12brown {
	color:#763E23;
	font-size: 12px;
}
.title_12brown_bold {color:#763E23; font-weight:bold; font:12px "新細明體", Arial;}
.brown_12 {color:#6D3A2C; font:12px "新細明體", Arial;}

.but_brown_12 {color:#6D3A2C; font:12px "新細明體", Arial;}

.but_brown_12:link, .but_brown_12:active{color:#6D3A2C; font:12px "新細明體", Arial;}
.but_brown_12:hover {color:#CCB46A; text-decoration:underline; font:12px "新細明體", Arial;}

.text_12bottomline {text-decoration:underline; line-height:17px; font:12px "新細明體", Arial;}
.text_12_bold {font-weight:bold; font:12px "新細明體", Arial;}

.green_12_bold {color:#669933; font-weight:bold; font:12px "新細明體", Arial;}
.text_16_bold {font-size:16px; font-weight:bold; font:12px "新細明體", Arial;}
.text_16_bold_brown{color:#763E23; font-size:16px; font-weight:bold; font:12px "新細明體", Arial;}

.text_12bottomline_bold:link{color:#990000; text-decoration:underline; font-weight:bold; line-height:25px; font:12px "新細明體", Arial;}
.text_12bottomline_bold:hover{color:#FF6666; text-decoration:underline; font-weight:bold; line-height:25px; font:12px "新細明體", Arial;}

.but_12:link, .but_12:active{font:12px "新細明體", Arial;}
.but_12:hover {color:#CCCCCC; font:12px "新細明體", Arial;} 

.text12_white:link, .text12_white:active{color:#fff; font:12px "新細明體", Arial;}
.text12_white:hover {color:#E7DBB9; text-decoration:none; font:12px "新細明體", Arial;}

.text11 {font-size:11px; line-height:17px; font:12px "新細明體", Arial;}

.but_text11:link {font-size:11px; line-height:17px; font:12px "新細明體", Arial;}
.but_text11:hover {color:#333; font-size:11px; text-decoration:underline; font:12px "新細明體", Arial;}	

.text12 {line-height:20px; font:12px "新細明體", Arial;}
.text12_product:link{display:block; font:12px "新細明體", Arial;}
.text12_product:hover{display:block; margin-left:3px; font:12px "新細明體", Arial;}

right_bg {background:url(images/right_bg.jpg) no-repeat; font:12px "新細明體", Arial;}

.form {font-size:11px; color:#333; width:auto; border:1px solid #D4C08D; background:#F9F7E8; font:12px "新細明體", Arial;}

.mem_but12:link, .mem_but12:active, .mem_but12:visited {color:#6D3A2C; margin-left:52px; font:12px "新細明體", Arial;}
.mem_but12:hover {color:#BD9A59; text-decoration:none; font:12px "新細明體", Arial;}

.pack_but12:link, .pack_but12:visited, .pack_but12:active {
	color:#C5A77C;
	width:92px;
	height:45px;
	text-align:center;
	vertical-align:middle;
	font:12px "新細明體", Arial;
}
.pack_but12:hover {
    color:#6D3A2C;
	text-decoration:none;
	height:20px;
	background:url(images/package_but-bg.gif) repeat-y center;
	display:block;
	vertical-align:bottom;
	font:12px "新細明體", Arial;
}

.event_but12:link, .event_but12:visited{
	color:#6D3A2C;
	text-decoration:none;
	width:95px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	background-image:url(images/eventbut.gif);
	display:block;
	float:left;
	padding-top:3px;
	font:12px "新細明體", Arial;
}
.event_but12:hover {color:#FFFFFF;  background:url(images/eventbut-o.gif); font:12px "新細明體", Arial;}
.event_but12:active {color:#7E4821;  background:url(images/eventbut1.gif); font:12px "新細明體", Arial;}

.event1_but12:link, .event1_but12:visited {
	color:#6D3A2C;
	width:95px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	background-image:url(images/eventbut1.gif);
	display:block;
	float:left;
	padding:5px 0 -5px 0;
	font:12px "新細明體", Arial;
}
.event1_but12:active {color:#7E4821; text-decoration:none; height:25px; font:12px "新細明體", Arial;}
.event1_but12:hover {color:#FFFFFF; text-decoration:none; font:12px "新細明體", Arial;}

/* violet-----------------------------------------------------End */