body {
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.index_bg {
	background-image: url(../images/index_bg.gif);
	background-repeat: repeat;
	background-position: center center;
}

/* 版面寬度設定 */
#page {
	width: 858px;
	background-color: #FFFFFF;
}

/* 定義區塊：上方內容 */
#box_top {
	height:289px;
}

/* 定義區塊：中間內容 */
#box_center {
	background-image: url(../images/main_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

/* 定義區塊：下方內容 */
#box_bottom {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color:#FFFFFF;
	padding-top: 18px;
	padding-bottom: 10px;
}

/* 定義區塊：中間內容-子選單 */
#box_center_menu {
	width: 215px;
}

/* 定義區塊：中間內容-主要內容區 */
#box_center_content {
	width: 643px;
}

/* 定義區塊：首頁內容 */
#box_home {
	background-image: url(../images/main_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:200px;
	_height: 200px;
	padding-bottom:10px;
}
#box_home_new {
	min-height:100px;
	_height: 100px;
	padding-bottom:10px;
}

/* 定義區塊：主要內容 */
#box_main {
	min-height:400px;
	_height: 400px;
}

/* 標題 */
#title {
	background-image: url(../images/main_right_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	height:50px;
	padding-top: 13px;
}
#title2 {
	background-image: url(../images/main_right_top2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	height:50px;
	padding-top: 13px;
}
#title_home {
	padding-left: 40px;
	height:50px;
	padding-top: 13px;
}
h1 {
	font-size: 16px;
	color: ##4F2E0F; 
	font: bold 16px/24px tahoma; 
}

/* 內容區塊 */
#content {
	padding-top:10px;
	padding-left:40px;
	padding-right:15px;
}
#content_home {
	padding-left:14px;
	padding-right:14px;
	line-height:18px;
}

/* 內容區塊頁尾 */
#bottom {
}

/* Banner 區塊 */
#banner {
	background-image: url(../images/flash.jpg);
	background-repeat: no-repeat;
	background-position: left 63;
	height: 226px;
	position:absolute;
	width:100%;
}
#logo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 10px top;
	float: left;
	height: 63px;
	width: 228px;
}
#menu {
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 63px;
	width: 630px;
	float: left;
}
#menu_a{
	float: left;
	width: 87px;	
}
#menu_a a {
	display:block;
	width:87px;
	height: 63px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
}
#menu_a a:hover {	
		background-position: 0px -63px;
		color: #E9BE75;
}
#menu_b{
	float: left;
	width: 87px;	
}
#menu_b a {
	display:block;
	width:87px;
	height: 63px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu_02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
}
#menu_b a:hover {	
		background-position: 0px -63px;
		color: #E9BE75;
}
#menu_c{
	float: left;
	width: 87px;	
}
#menu_c a {
	display:block;
	width:87px;
	height: 63px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu_03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
}
#menu_c a:hover {	
		background-position: 0px -63px;
		color: #E9BE75;
}
#menu_d{
	float: left;
	width: 87px;	
}
#menu_d a {
	display:block;
	width:87px;
	height: 63px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu_04.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
}
#menu_d a:hover {	
		background-position: 0px -63px;
		color: #E9BE75;
}
#menu_e{
	float: left;
	width: 87px;	
}
#menu_e a {
	display:block;
	width:87px;
	height: 63px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu_05.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
}
#menu_e a:hover {	
		background-position: 0px -63px;
		color: #E9BE75;
}
#menu_f{
	float: left;
	width: 87px;	
}
#menu_f a {
	display:block;
	width:87px;
	height: 63px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu_06.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
}
#menu_f a:hover {	
		background-position: 0px -63px;
		color: #E9BE75;
}
#menu_g{
	float: left;
	width: 88px;	
}
#menu_g a {
	display:block;
	width:88px;
	height: 63px;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/menu_07.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0;
}
#menu_g a:hover {	
		background-position: 0px -63px;
		color: #E9BE75;
}
#header {
	background-image: url(../images/flash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 226px;
}
#menu_h{
	float: left;
	width: 20px;
	height: 63px;
}

/* 主選單 */
#main_menu {
	position:absolute;
	background-image: url(../images/menu_bg.gif);
	background-repeat: no-repeat;
	background-position:1 0;
	padding-left:384px;
	padding-top:14px;
	width: 100%;
	height:75px;
	z-index:999;
	text-align:right;
	filter:alpha(opacity=50); 	/* for IE */
	opacity:0.5; 				/* CSS3 standard */
	-moz-opacity:0.5; 			/* for Mozilla, Firefox */
}
#main_menu_item {
	position:static;
	filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
	float:left;
}

#company_name {
	position:absolute;
	width: 100%;
	FONT: bold 32px/48px tahoma; 
	COLOR: #ffffff; 
	padding-top:77px;
	padding-right:15px;
	text-align:right;
}

/* 子選單 */
#menu_top {
	background-image: url(../images/main_left_top.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	width:200px;
	height:50px;
	padding-left:30px;
	padding-top:13px;
	color: #484848;
	background-color: #E7F1D8;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
#menu_center {
	background-image: url(../images/07_21.gif);
	background-repeat:repeat-y;
	background-position:center top;
	width:200px;
	padding-top:10px;
	padding-left:15px;
}
#menu_row {
	background-image: url(../images/index.2.jpg);
	background-repeat:no-repeat;
	background-position:17 6;
	width:100%;
	height:28px;
	padding-left:28px;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #42680B;
	padding-top: 0px;
	padding-right: 10px;
}
#menu_title {
	height: 40px;
	width: 200px;
	background-image: url(../images/left_menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	padding-top: 5px;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #484848;
}

#content_text {
	font-size: 12px;
	line-height: 18px;
	color: #42680B;
}


/* 網頁路徑 */
#path {
	font-size: 10px;
	color: #999999;
	padding-top:32px;
	padding-right:20px;
	padding-left: 10px;
}
#path a:link { color:#999999; }
#path a:visited { color:#999999; }
#path a:hover { color:#CC0000; }
#path a:active { color:#999999; }

/* 資料列 */
#list {
}
#main_bottom {
}


/* 頁尾 */
#footer {
	font-size: 11px;
	color:#666666;
}
#footer a:link { color:#666666; }
#footer a:visited { color:#666666; }
#footer a:hover { color:#CC0000; }
#footer a:active { color:#666666; }

/* 頁尾選單 */
#footer_menu {
	width: 100%;
	color: #666666;
	text-align:center;
	vertical-align:middle;
}
#footer_menu a:link { color:#666666; }
#footer_menu a:visited { color:#666666; }
#footer_menu a:hover { color:#CC0000; }
#footer_menu a:active { color:#666666; }
#footer_text {
	font-size: 11px;
	color: #3C3C3C;
	text-align: center;
	line-height: 18px;
}


/* 頁尾版權宣告 */
#footer_copyright {
	font-size: 11px;
	color: #04859c;
	text-align: center;
}
#footer_copyright a:link { color: #04859c; }
#footer_copyright a:visited { color: #04859c; }
#footer_copyright a:hover {	color: #CC0000; }
#footer_copyright a:active { color: #04859c; }

/* 商品頁樣式設定 */
#products_list_row {
	float:left;
}
#products_list_box {
	float:left;
}
#products_list_images {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #FFFFFF;
}
#products_list_name {
	width:90%;
	text-align:left; 
	text-justify:none;
}

#products_detail_content_left {
	width:65%;
}
#products_detail_content_right {
	width:35%;
	padding-top:6px;
	padding-left:15px;
}
#products_detail_content_row {
	width:100%;
	text-align:left; 
	text-justify:none;
}

#products_detail_thumbs_box {
	width:50%;
	float:left;
}
#products_detail_thumbs_no {
	position:absolute;
	font-size: 9px;
	width:20px;height:20px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	vertical-align:top;
}
#products_detail_thumbs_images {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #FFFFFF;
}

/* 頁碼 */
.page_outline {
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
	color:#FFFFFF;
}
.page_outline_color {
	background-color:#666666;
	border:1px #CCCCCC solid;
	color:#FFFFFF;
}
.page_outline_skip {
	background-color:#FFFFFF;
	color: #666666;
	border:1px #CCCCCC solid;
	white-space:nowrap;
}
#page_no {
	color:#666666;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
}