@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; /* 比較好的做法是將 Body 元素的邊界與欄位間隔調整為零，以處理不同的瀏覽器預設值 */
	padding: 0px;
	text-align: center; /* 這樣會讓容器在 IE 5* 瀏覽器內置中對齊。然後，文字會在 #container 選取器中設定為靠左對齊預設值 */
	color: #000000;
	background-color: #080112;
}
select {
	border: 1px solid #999999;
	font-family: Verdana, "新細明體";
	font-size: 12px;
}
input {
	font-family: Arial, "新細明體";
	font-size: 12px;

}
.button {
	background-color: #a47ea7;
	border: 1px solid #999999;
	font-family: Arial, "新細明體";
	font-size: 12px;
	line-height: 15px;
	color: #FFFFFF;
}

.oneColFixCtrHdr #container {
	width: 1131px;  /* 使用比完整 800px 少 20px 的寬度會允許使用瀏覽器邊框並且避免水平捲軸出現 */
	background: #FFFFFF; /* 自動邊界 (搭配寬度) 會讓頁面置中對齊 */
	border: 1px solid #000000;
	text-align: left; /* 這樣做會覆寫 Body 元素上的 text-align: center。 */
	margin-right: auto;
	margin-left: auto;
}
.oneColFixCtrHdr #header {
	background-image: url(../images/page-header.jpg);
	height: 152px;
	width: 1131px;
}
.oneColFixCtrHdr #header .home{
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, "新細明體";
	padding-left: 20px;
}
.oneColFixCtrHdr #header .home a{
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #header .home a:hover{
	color: #c092ff;
	text-decoration: none;
}
.oneColFixCtrHdr #header .topmenu{
	font-size: 13px;
	color: #c092ff;
}
.oneColFixCtrHdr #header .topmenu a{
	color: #c092ff;
	text-decoration: none;
	font-size: 15px;
	padding-right: 4px;
	padding-left: 4px;
}
.oneColFixCtrHdr #header .topmenu a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #header .lang{
	font-size: 12px;
	color: #FFFFFF;
}
.oneColFixCtrHdr #header .lang a{
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #header .lang a:hover{
	color: #c092ff;
	text-decoration: none;
}
.oneColFixCtrHdr #header .flash{
	display: block;
	float: left;
	height: 119px;
	width: 540px;
}
.oneColFixCtrHdr #header .search{
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	padding-top: 10px;
	padding-right: 130px;
	font-family: Arial, "新細明體";
}
.oneColFixCtrHdr #header .search input{
	BORDER-RIGHT: #000000 1px solid;
	BORDER-TOP: #000000 1px solid;
	FONT: 11px verdana, arial, helvetica, sans-serif;
	BORDER-LEFT: #000000 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #000000 1px solid;
	BACKGROUND-COLOR: #E6E6E6
}
.oneColFixCtrHdr #header .shopping{
	color: #b09a60;
	text-decoration: none;
	text-align: right;
	height: 16px;
	font-size: 13px;
	padding-right: 130px;
	padding-top: 17px;
}
.oneColFixCtrHdr #header .shopping a{
	color: #b09a60;
	text-decoration: none;
}
.oneColFixCtrHdr #header .shopping a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #header .login{
	color: #b09a60;
	text-decoration: none;
	text-align: right;
	font-size: 15px;
	padding-top: 10px;
	padding-right: 130px;
	float: right;
}
.oneColFixCtrHdr #header .login a{
	color: #f0e77a;
	text-decoration: none;
}
.oneColFixCtrHdr #header .login a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
}
.oneColFixCtrHdr #mainContent .left{
	float: left;
	width: 180px;
	background-color: #FFFFFF;
	background-image: url(../images/leftmenu-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 27px;
	padding-left: 13px;
	font-family: Arial, "新細明體";
	color: #515151;
	padding-top: 48px;
	padding-bottom: 120px;
}

.oneColFixCtrHdr #mainContent .right{
	float: right;
	width: 780px;
	padding-right: 131px;
	background-color: #FFFFFF;
	margin-bottom: 100px;

}
.oneColFixCtrHdr #mainContent .right .root{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 23px;
}
.oneColFixCtrHdr #mainContent .right .root a{
	color: #5c328f;
	text-decoration: none;
	font-weight: normal;
}
.oneColFixCtrHdr #mainContent .right .root a:hover{
	color: #b09a60;
	text-decoration: underline;
	font-weight: normal;
}
.oneColFixCtrHdr #mainContent .right .subtitle{
	background-image: url(../images/subtitle-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Verdana, "新細明體";
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	height: 21px;
	padding-top: 3px;
	margin-bottom: 30px;
}
.oneColFixCtrHdr #mainContent .right .pro-list{
	margin-right: 20px;
	margin-left: 20px;

}
.oneColFixCtrHdr #mainContent .right .pro-list a{
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	line-height: 18px;
	display: block;
	width: 120px;
	text-align: left;
}
.oneColFixCtrHdr #mainContent .right .pro-list a:hover{
	color: #9b8b61;
	text-decoration: none;
}
.oneColFixCtrHdr #mainContent .right .pro-list img{
	border: 1px solid #666666;
	margin-bottom: 10px;

}
.oneColFixCtrHdr #mainContent .right .pro-list td{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #acacac;
	text-align: center;
	padding-right: 12px;
	padding-left: 12px;
}

.oneColFixCtrHdr #mainContent .right .pro-list th{
	text-align: center;
	height: 30px;
}
.oneColFixCtrHdr #mainContent .right .pro-list .listprice{
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #333333;
	text-align: left;
	display: block;
	margin-top: 5px;
}
.oneColFixCtrHdr #mainContent .right .pro-list .listprice02{
	font-family: Arial, "新細明體";
	font-weight: bold;
	color: #99664c;
	font-size: 15px;
}
.oneColFixCtrHdr #mainContent .right .pro-list .listprice03{
	font-family: Arial, "新細明體";
	font-size: 15px;
	font-weight: bold;
	color: #CC33CC;
}
.oneColFixCtrHdr #mainContent .right .pro-list .protitle{
	width: 100px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.price{
	font-family: Arial, "新細明體";
	font-size: 20px;
	font-weight: bold;
	color: #99664c;
}
.price02{
	font-family: Arial, "新細明體";
	font-weight: bold;
	color: #8E4475;
	font-size: 13px;
}
.price03{
	font-family: Arial, "新細明體";
	font-size: 20px;
	font-weight: bold;
	color: #CC33CC;
}
.oneColFixCtrHdr #footer {
	clear: both;
	font-family: Arial, "新細明體";
	font-size: 11px;
	color: #777579;
	background-image: url(../images/footer-logo02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 66px;
	text-align: right;
	padding-right: 70px;
	padding-top: 15px;
}
.oneColFixCtrHdr #footer .link{
	font-size: 13px;
	color: #9773d7;
	margin-top: 5px;
}
.oneColFixCtrHdr #footer .link a{
	color: #9773d7;
	text-decoration: none;
	font-size: 13px;
}
.oneColFixCtrHdr #footer .link a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.oneColFixCtrHdr #mainContent .right .pro-detil{
	margin-right: 20px;
	margin-left: 20px;

}
.oneColFixCtrHdr #mainContent .right .pro-detil .detil{
	font-size: 13px;
	color: #747474;
	line-height: 23px;

}
.oneColFixCtrHdr #mainContent .right .pro-detil .detil h1{
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	margin-top: 0px;
}
.oneColFixCtrHdr #mainContent .right .pro-detil .detil .zoom{
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #747474;
	font-weight: bold;
}
.oneColFixCtrHdr #mainContent .right .pro-detil .detil .zoom a{
	color: #747474;
	text-decoration: underline;
}
.oneColFixCtrHdr #mainContent .right .pro-detil .detil .zoom a:hover{
	color: #000000;
	text-decoration: underline;
}
.oneColFixCtrHdr #mainContent .right .pro-detil .cart{
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, "新細明體";
	color: #5D5D5D;

}
.oneColFixCtrHdr #mainContent .right .shopping-cart{
	display: block;
	margin-right: 20px;
	margin-left: 20px;
	font-family: Arial, "新細明體";
	font-size: 13px;
	line-height: 23px;
	color: #747474;

}
.oneColFixCtrHdr #mainContent .right .shopping-cart a{
	color: #99664c;
	text-decoration: underline;
}
.oneColFixCtrHdr #mainContent .right .shopping-cart a:hover{
	color: #333333;
	text-decoration: underline;

}
.oneColFixCtrHdr #mainContent .right .cart-list table{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b0b0b0;
	border-bottom-color: #b0b0b0;
	border-left-color: #b0b0b0;
}
.oneColFixCtrHdr #mainContent .right .cart-list a{
	color: #99664c;
	text-decoration: underline;
}
.oneColFixCtrHdr #mainContent .right .cart-list a:hover{
	color: #999999;
	text-decoration: underline;
}
.oneColFixCtrHdr #mainContent .right .cart-list td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CACACA;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CACACA;
}
.oneColFixCtrHdr #mainContent .right .cart-list th{
	color: #5b0063;
	background-color: #d9d9d9;
	font-weight: normal;
}
.oneColFixCtrHdr #mainContent .right .cart-list .price{
	font-size: 13px;
}

.oneColFixCtrHdr #mainContent .right .login table{
	border: 1px solid #b0b0b0;
}
.oneColFixCtrHdr #mainContent .right .login td{
	background-color: #F0F0F0;
}
.oneColFixCtrHdr #mainContent .right .login th{
	background-color: #F0F0F0;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.oneColFixCtrHdr #mainContent .right .cart-list02 table{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b0b0b0;
	border-bottom-color: #b0b0b0;
	border-left-color: #b0b0b0;
}
.oneColFixCtrHdr #mainContent .right .cart-list02 td{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CACACA;
	padding-left: 5px;
}
.oneColFixCtrHdr #mainContent .right .cart-list02 th{
	color: #5b0063;
	background-color: #EAEAEA;
	font-weight: normal;
	text-align: right;
}
.oneColFixCtrHdr #mainContent .right .cart-list02 .price{
	font-size: 13px;
}
.oneColFixCtrHdr #mainContent .right .cart-list03 table{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b0b0b0;
	border-bottom-color: #b0b0b0;
	border-left-color: #b0b0b0;
}
.oneColFixCtrHdr #mainContent .right .cart-list03 td{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CACACA;
	padding-left: 5px;
}
.oneColFixCtrHdr #mainContent .right .cart-list03 th{
	color: #FFFFFF;
	background-color: #a47ea7;
	font-weight: normal;
	text-align: right;
}
.oneColFixCtrHdr #mainContent .right .cart-list03 .price{
	font-size: 15px;
}
.pro-line{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #a47ea7;
	margin-top: 20px;
	margin-bottom: 20px;
}
.oneColFixCtrHdr #mainContent .right .login  a{
	color: #99664C;
	text-decoration: underline;
}
.oneColFixCtrHdr #mainContent .right .login a:hover{
	color: #000000;
	text-decoration: underline;
}
.bonus{
	font-family: Arial, "新細明體";
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/icon-red.gif);
	height: 20px;
	width: 302px;
	display: block;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.bonus a{
	color: #dbcfb0;
	text-decoration: underline;
}
.bonus a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.bonus02 {
	color: #dbcfb0;
}
.bonus03 {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}
.note{
	font-weight: bolder;
	color: #CC3366;
}
.note02{
	color: #999999;
	font-size: 12px;
}
.note03{
	color: #99664c;
	font-size: 12px;
	font-weight: bold;
}
.shopping_carttitle{
	display: block;
	font-weight: bold;
	color: #333333;
}
.pay table{
	border: 1px solid #b0b0b0;
}
.pay th{
	font-size: 15px;
	color: #5b0063;
	background-color: #d9d9d9;
	font-weight: normal;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}
.pay td{
	color: #816084;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 18px;
}
.pay td h1{
	font-size: 13px;
	font-weight: bold;
	color: #5b0063;
	margin-bottom: 0px;
}
.paysuccess table{
	border: 1px solid #b0b0b0;
}
.paysuccess th{
	font-size: 15px;
	color: #5b0063;
	background-color: #d9d9d9;
	font-weight: normal;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}
.paysuccess td{
	color: #666666;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 23px;
}
.paysuccess td h1{
	font-size: 13px;
	font-weight: bold;
	color: #5b0063;
	margin-bottom: 0px;
}
.shopping_carttitle{
	display: block;
	font-weight: bold;
	color: #333333;
}
.member a{
	color: #A27C4F;
	text-decoration: none;
}
.member a:hover{
	color: #333333;
	text-decoration: none;
}
.member table{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b0b0b0;
	border-bottom-color: #b0b0b0;
	border-left-color: #b0b0b0;
}
.member td{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CACACA;
	padding-left: 5px;
}

.member th{
	color: #FFFFFF;
	background-color: #a47ea7;
	font-weight: normal;
	text-align: right;
}
.member .note04{
	color: #999999;
	font-size: 12px;
}
#page{
	margin-top: 35px;
	text-align: center;
	font-size: 12px;
}
#page table{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#page td{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	font-family: Arial, "新細明體";
}
#page a{
	color: #993366;
	text-decoration: none;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
	font-size: 12px;
}
#page a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CCCCCC;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 4px;
	font-size: 12px;
}
#page img{
	vertical-align: bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#page .number{
}

#Offers table{
	border: 1px solid #CCCCCC;
}
#Offers td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	color: #996600;
}
#Offers th{
	background-color: #CCCC99;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
/*..................產品主目錄.....*/
#vertical_menu
	{
	font-family:Arial, "新細明體";
	font-size:13px;
	width:180px;
	}

#vertical_menu span
	{
	display:block;
	background-image: url(../images/submenu-bg.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 180px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	}
#vertical_menu span a
	{
	color: #FFFFFF;
	text-decoration: none;
	}
#vertical_menu span a:hover
	{
	color: #000000;
	text-decoration: none;
	}
#vertical_menu ol {margin:0px;padding:0px;}
#vertical_menu ol li
	{
	list-style:none;
	margin:0px;
	color:#515151;
	}


#vertical_menu ul.collapsed,#vertical_menu ul.expand
	{
	margin:0px;
	width:180px;
	}

#vertical_menu ul.collapsed
{
	height:0px;
	overflow: hidden;
	padding:0px;
	margin:0px;
	*position:relative;
}

#vertical_menu ul.expand
{
	overflow: hidden;
	padding:0px;
	margin:0px;
	*position:relative;
}

#vertical_menu ul.collapsed li,
#vertical_menu ul.expand li
	{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #acacac;
	}

#vertical_menu ul.collapsed a,
#vertical_menu ul.collapsed a:link,
#vertical_menu ul.collapsed a:visited,
#vertical_menu ul.expand a,
#vertical_menu ul.expand a:link,
#vertical_menu ul.expand a:visited
	{
	color:#515151;
	display:block;
	text-decoration:none;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 1.5em;
	}

#vertical_menu ul.collapsed a:hover,
#vertical_menu ul.expand a:hover
	{
	color:#9b8b61;
	display:block;
	text-decoration:none;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 1.5em;
	}
	
