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

/* NAV MENU */

#nav_co{
	width: 200px;
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	behavior:url(../css/csshover.htc);
	text-align: left;
	background-position: top;
	padding: 0px;
	margin: 0px;
}
#nav_co ul ,#nav_co ol{
	list-style: none;
	background-image: url(../images/nav-co-bg.gif);
	display: list-item;
	width: 200px;
	padding: 0;
	margin: 0;
}

.select02{
	background-image: url(../images/menu_bg01_f2.jpg);
	color: #000000;
}

#nav_co li {
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/ul-ul-line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#nav_co li a:link, #nav_co li a:visited  {
	display: block; /* 這一定要設定，不然按鈕不會以正常的橫列來顯示 */
	padding: 1px 2px 3px 35px;/* 第一層的連文結字與邊框距離控制，依序為上、右、下、左 */
	color: #0096CE;
	text-decoration: none;
	background-image: url(../images/menu_bg01.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#nav_co li a:hover {
	background-image: url(../images/menu_bg01_f2.jpg);
	background-repeat: no-repeat;	
	color: #FF0066;
	text-decoration: none;
}

#nav_co ul li:hover ul {
	display: block;
}




/* 第二層 */

#nav_co ul ul { /* 次分類按鈕左右邊距設定*/
	width: 100%;
	z-index: 998;

	margin: 0px;
	background-image: url(../images/spacer.gif);
	ist-style-type: none;
}
#nav_co ul ol { /* 次分類按鈕左右邊距設定*/
	width: 100%;
	z-index: 998;
	margin: 0px;
	background-image: url(../images/spacer.gif);
	list-style-type: none;
}
#nav_co ul ul li,#nav_co ul ol li {
	padding: 0px;
	position: relative;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	background-image: url(../images/spacer.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#nav_co ul ul a:link, #nav_co ul ul a:visited , #nav_co ul ol a:link, #nav_co ul ol a:visited{ /* 次分類按鈕內連結文字之色彩設定*/
	padding: 3px 2px 2px 30px;/* 第一層的連文結字與邊框距離控制，依序為上、右、下、左 */
	color: #666666;
	width: 128px;/* 此寬的增減需隨著同組padding的左側值變動，padding左加1，此width就減1 */
	background-image: url(../images/menu_bg02.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	text-decoration: underline;
}
#nav_co ul ul a:hover,#nav_co ul ol a:hover { /* 次分類按鈕內連結文字之滑過色彩設定*/
	background-image: url(../images/menu_bg02_f2.jpg);
	color: #FF9900;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: 0px;
}


#nav_co ul  li:hover ul  {
	display: block;

}
#nav_co ul  li:hover ul ul  {
	display:none;

}


/* 第三層 */
#nav_co ul ul ul { /* 次分類按鈕左右邊距設定*/
	padding: 0px;
	left: 192px;
	width: 150px;
	top: 0px;
	display:none;
	margin-top: 0px;
	position: absolute;
	z-index: 999;
	border: 1px solid #E8E8E8;
}

#nav_co ul ul ul li{ /* 次分類按鈕左右邊距設定*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFF;
	background-image: url(../images/menu_bg03_libg.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;

}

#nav_co ul ul li:hover ul {
	display: block;

}

#nav_co ul ul ul a:link,#nav_co ul ul ul a:visited { /* 次分類按鈕左右邊距設定*/
	padding: 6px 10px 6px 20px;/* 第一層的連文結字與邊框距離控制，依序為上、右、下、左 */

	color: #666666;
	margin: 0px;
	display: block;

	background-image: url(../images/menu_bg03.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#nav_co ul ul ul a:hover { /* 次分類按鈕左右邊距設定*/
	background-image: url(../images/menu_bg03_f2.jpg);
	color: #FF0000;

}

#nav_co ul ul  li:hover ul  {
	display: block;
	background-color: #FF0000;
}
#nav_co ul ul  li:hover ul ul  {
	display:none;

}

/* 第三層 END */


/* 第四層 */
#nav_co ul ul ul ul { /* 次分類按鈕左右邊距設定*/
	padding: 0px;
	top: 0px;
	display:none;
	margin-top: 0px;
	z-index: 999;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	position: static;

}

#nav_co ul ul ul ul li{ /* 次分類按鈕左右邊距設定*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #F6F6F6;
	background-image: url(../images/menu_bg04_libg.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F6F6F6;
}

#nav_co ul ul ul li:hover ul {
	display: block;

}

#nav_co ul ul ul ul a:link,#nav_co ul ul ul ul a:visited { /* 次分類按鈕左右邊距設定*/
	padding: 2px 0px 2px 20px;/* 第一層的連文結字與邊框距離控制，依序為上、右、下、左 */
	color: #FF0000;
	margin: 0px;
	display: block;

	background-image: url(../images/menu_bg04.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#nav_co ul ul ul ul a:hover { /* 次分類按鈕左右邊距設定*/
	background-image: url(../images/menu_bg04_f2.jpg);
	color: #FF0000;

}



/* 第四層 END */
#sidebar1 #product-bar {
	margin-left: 12px;
}