body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#page {
	width: 960px;
}

#box_home_top {
	height:276px;
	background-image: url(../images/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#box_top {
	height:276px;
/*	background-image: url(../images/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
*/}

#banner {
	width:100%;
	clear: both;
	float: left;
}

#box_home_center {
	width: 921px;
	clear: both;
	float: left;
	height: auto;
	padding-left: 39px;
	background-color: #FFFFFF;
	background-image: url(../images/home_main_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

#box_home_center_menu {
	width: 362px;
	float: left;
	clear: left;
}

#box_home_center_content {
	clear: right;
	float: right;
	width: 554px;
	_height:322px;
	background-image: url(../images/rope_bg.jpg);
	background-repeat: no-repeat;
}

#home_news {
	height: auto;
	padding-bottom: 10px;
	width: 351px;
	clear: left;
	float: left;
}

#home_news_top {
	height: 39px;
}

#home_news_center {
	height: auto;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 323px;
	padding-right: 14px;
	padding-left: 14px;
	float: left;
}

#home_news_left{
	width:90px;
	float:left;
	clear:left;
	text-align: center;
}
#home_news_left img{
	border: 1px solid #cccccc;
}

#home_news_right{
	width:220px;
	float:right;
	clear:right;
	text-align: center;
}

#list_home {
	width: 200px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/news_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 3px;
	height: auto;
	float:left;
}
#list_home a:link { color:#8E8E8E; }
#list_home a:visited { color:#8E8E8E; }
#list_home a:hover { color:#8E8E8E; }
#list_home a:active { color:#8E8E8E; }
DIV#list_home .list_home_left{
	width:120px;
	float:left;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 10px;
	text-align: left;
	font-size: 0.8em;
	color: #8E8E8E;
}
DIV#list_home .day{
	width:60px;
	float: left;
	height: 20px;
	color: #FD8A02;
}

#home_fun{
	height: auto;
	width: 362px;
	padding-bottom: 10px;
	clear: left;
	float: left;
}
#home_fun_top{
	width: 362px;
	height: 48px;
}
#home_fun_center{
	width: 312px;
	height: 91px;
	background-image: url(../images/left_center.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 31px;
	padding-left: 19px;
	float: left;
	clear: left;
}
#home_fun_center_bg{
	background-color: #E3ECB6;
	border: 1px solid #DDE2A8;
	padding: 5px;
	font-size: 1em;
	color: #000000;
	height:78px;
}
#home_fun_footer{ width: 362px;}

#home_faq{
	width:342px;
	padding-left:20px;
	clear: left;
	float: left;
	padding-bottom: 10px;
}

#box_bottom {
	width: 960px;
	background-color: #FFFFFF;
	clear: both;
	float: left;
	height: auto;
	padding-bottom: 20px;
}
#footer{width: 920px; padding-left:40px;}
#footer_top {
	width: 919px;
	height: 13px;
	background-image: url(../images/footer_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer_center {
	width: 879px;
	height: auto;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../images/footer_bg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear: left;
	float: left;
}
#footer_logo{
	background-image: url(../images/footer_logo.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 48px;
	width: 290px;
	clear: left;
	float: left;
}
#footer_text{
	width: 570px;
	clear: right;
	float: right;
	font-size: 0.8em;
	line-height: 16px;
	color: #7EAF87;
	text-align: left;
}
#footer_footer {
	width: 919px;
	height: 13px;
	background-image: url(../images/footer_bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: left;
	float: left;
}

/* 內頁 */
#box_center {
	width: 960px;
	clear: both;
	float: left;
	height: auto;
	background-image: url(../images/main_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#box_center_menu {
	width: 173px;
	float: left;
	clear: left;
	padding-left:39px;
}

#box_center_content {
	clear: right;
	float: right;
	width: 733px;
}

#menu_public {
	margin-bottom: 20px!important;
	margin-bottom: 10px;
	height: auto;
	width: 173px;
}
#menu_title {
	font-size: 1.5em;
	font-weight: bold;
	color: #88AD23;
	text-align: center;
	line-height: 26px;
	color:#88AD23;
	width:153px;
	height:25px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #33CC33;
	margin-right: 10px;
	margin-left: 10px;
}
#menu_top {
}
#menu_center {
	text-align: center;
	float: left;
	clear: left;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
#menu_row {
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 5px 11px;
	font-size: 12px;
	line-height: 16px;
	color: #006600;
	text-align: left;
	font-weight: normal;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A9CA4B;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 138px;
}
#menu_row a:link { color:#090909; }
#menu_row a:visited { color:#090909; }
#menu_row a:hover { color:#D40B00; }
#menu_row a:active { color:#090909; }

#menu_footer {
	width:173px;
}

#box_main{
	width: 693px;
	padding-right: 20px;
	padding-left: 20px;
	min-height:470px;
	_height:470px;
}

#title{
	height:25px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #33CC33;
	margin-bottom: 10px;
	background-image: url(../images/rope_icon.jpg);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}
h1{
	font-size: 1.4em;
	font-weight: bold;
	color: #525151;
	padding-left: 25px;
}

#content_note {
	width: 673px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top:20px;
	padding-bottom:10px;
	float:left;
}

#categories {
	width: 673px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}

#content {
	width: 673px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	height: auto;
	margin-bottom: 20px;
	float: left;
}

#products_row { 	
	width:100%;
	float: left;
	margin-bottom: 10px;
}
#products_row .products_case { float: left; clear : right; }
#products {float: left; margin: 0 auto;}
DIV#products .images{ margin: 0 auto; text-align: center;}
DIV#products .name {
	font-size: 1em;
	color: #000000;
	line-height: 16px;
	height: auto;
	padding-top: 3px;
	overflow: hidden;
	text-align: left;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 20px;
	padding-bottom: 3px;
}

#page_box{
	width:603px;
	text-align: right;
	padding: 5px;
}

.page_outline {
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
	color:#FFFFFF;
	padding: 5px;
}
.page_outline_color {
	background-color:#CCCCCC;
	border:1px #999999 solid;
	color:#333333;
	padding: 5px;
}
.page_outline_skip {
	background-color:#FFFFFF;
	color: #666666;
	border:1px #CCCCCC solid;
	padding: 5px;
}

#bottom {
	width: 673px!important;
	width: 673px;
	padding-right: 10px;
	padding-left: 10px;
}

#path {
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 0.9em;
	color: #456E14;
	width: 693px;
	padding-right: 20px;
	padding-left: 20px;
	float: left;
	text-align: left;
	line-height: 25px;
	height: 25px;
	text-transform: uppercase;
}
#path a:link { color:#456E14; }
#path a:visited { color:#456E14; }
#path a:hover { color:#456E14; }
#path a:active { color:#456E14; }

#products_detail_content_left {
	width:400px;
	float: left;
	clear: left;
}
#products_detail_content_right {
	width:256px;
	background-image:url(../images/product_title.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	float: right;
	clear: right;
}

/* 相關圖檔 */
#products_detail_content_row {
	width: 256px;
	height: auto;
	padding-bottom:20px;
	float: left;
}

/* 相關圖檔按鈕區 */
#products_detail_content_btn {
	width: 236px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	margin-bottom: 20px!important;
	margin-bottom: 10px;
	float: left;
}

/* 價格區 */
#products_detail_price {
	width: 240px;
	height:25px;
	background-image: url(../images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	float: left;
	padding-left: 16px;
	line-height: 25px;
}

/* 市價 */
#market_price_title {width: 50px; height:25px; float:left;}
#market_price_number {width: 100px; height:25px; float:left;}

/* 特價 */
#special_title {width: 50px; height:25px; float:left;}
#special_number {width: 100px; height:25px; float:left;}

/* 規格區 */
#products_detail_spec {
	width: 230px;
	padding-right: 10px;
	padding-left: 16px;
	height: 25px;
	line-height: 25px;
	float: left;
}

/* 購物車區 */

#products_detail_car {
	width: 236px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../images/icon_car.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px!important;
	background-position: 10px 6px;
	margin-bottom: 20px!important;
	margin-bottom: 10px;
	float: left;
	line-height: 25px;
	height: 25px;
}

/* 購物車區-數量 */
#products_detail_car_number {
	width: 110px;
	padding-left: 20px;
	float: left;
}

/* 購物車區-按鈕 */
#products_detail_car_button {
	width: 100px;
	float: right;
}

/* 相關圖檔按鈕區-上一筆 */
#products_detail_previous {
	width: 115px;
	float: left;
}

/* 相關圖檔按鈕區-下一筆 */
#products_detail_next {
	width: 115px;
	float: right;
}

#products_detail_thumbs_box {
	width: 128px;
	margin-bottom: 6px;
	float: left;
}
#products_detail_thumbs_no {
}
#products_detail_thumbs_images {
	width:120px;
	height:90px;
	background-color: #FFFFFF;
	margin-left: 6px;
	text-align: center;
}
#products_detail_thumbs_images img{	
	border: 1px solid #DEE0DA;
}

#products_list_title_content {
	float:left;
	width: 673px;
	background-image: url(../images/right_title2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 52px;
}

#products_list_title_related {
	float:left;
	width: 673px;
	background-image: url(../images/right_title3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 52px;
	margin-bottom: 5px;
}
#products_list_box{
	width: 610px;
	padding-left:63px;
}

#products_list_row { width:100%;}
#products_list_row .products_case { float: left; clear : right; }
#products_list {float: left; margin: 0 auto;}
DIV#products_list .images{ margin: 0 auto; text-align: center;}
DIV#products_list .name {
	font-size: 1em;
	color: #000000;
	line-height: 16px;
	height: 40px;
	padding-top: 3px;
	overflow: hidden;
	text-align: center;
}
