@charset "utf-8";
/*
一般HTML內建標記的樣式設定
*/
body {
	background:#333;
	margin:0;
	font-family:Arial, Helvetica, sans-serif, Verdana, 微軟正黑體, 新細明體;
}

table {
	/*font-family: 微軟正黑體, Arial, Helvetica, sans-serif, 新細明體;*/
	/*font-family: Arial, Helvetica, sans-serif, 微軟正黑體, 新細明體;*/
	border-collapse:collapse;
}
/*
font {
	font-family: 微軟正黑體, Arial, Helvetica, sans-serif, 新細明體;
	font-size: 1em;
}
*/



a:link       {
	color: #333333;
	text-decoration: none;
}
a:visited    {
	color: #333333;
	text-decoration: none
}
a:hover     {
	color: #990000;
	text-decoration: none
}



form {
	margin: 0px 0px 0px 0px;
}
/*
input {
	font-family: Verdana, Geneva, sans-serif, 微軟正黑體;
}
*/

/*版面自訂區塊樣式*/
/*字型顏色樣式*/
/* 90%的文字大小*/
.font9 {
	font-size: .9em;
}
.font8 {
	font-size: .8em;
}
/*綠色*/
.cg {
	color: #979829;
}
.cred {
	color: #ff0000;
}
.cwhite {
	color: #fff;
}
.cblue {
	color: #0000ff;
}

/*gray color1. 用在商品簡介..*/
.cgray1 {
	color: #515050;
}



/*網頁內容區塊最外層*/
#ContentMain {
	width: 998px;
	position: absolute;
	text-align:center;
  	left: 50%;
  	margin-left: -499px; /* width除以 -2 */
	background: #fff;
}

/*header樣式*/
#PageHeader {
	width: 100%;
	float:left;
	text-align: left;
}

/*header 區功能bar樣式*/
#PageTop {
	width: 100%;
	height: 33px;
	float:left;
	line-height: 33px;
	text-align: left;
	background:url(../images/topbar.jpg) left top no-repeat;
}

/*header 跑馬標題樣式*/
.marquee_title {
	width: 110px;
	height: 33px;
	line-height: 33px;
	float:left;
	margin-left: 20px;
	color:#FFFFFF;
}

/* 跑馬燈訊息樣式*/
.marquee {
	width: 500px;
	height: 33px;
	line-height: 33px;
	float:left;
	margin-left: 5px;
	color:#FFFFFF;
}
/* 跑馬燈訊息 內文超連結 樣式*/
.marquee a:link	{
	color: #fff;
	text-decoration: none;
}
.marquee a:visited    {
	color: #fff;
	text-decoration: none
}
.marquee a:hover     {
	color: #990000;
	text-decoration: none
}


/*yui 加入購物車的跳出視窗css, 因為要讓訊息視窗居中且一開始看不到 */
#message_dialog {
	width: 320px;
	opacity: 0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
	display:none;
	margin: 0 auto;
	position:fixed;
  	top:50%;
  	left:50%;
  	margin-top:-80px;
  	margin-left:-160px;
	_position: absolute;
	_top:expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2);
  	_margin-top:0;
	font-size: .9em;
}


/*Pagetop區 會員區樣式*/
.pagetop_r {
	width: 340px;
	height: 33px;
	line-height: 33px;
	float:left;
	margin-left: 5px;
	color: #ddff82;
}
/*Pagetop區 會員區連結樣式*/
.pagetop_r_link a:link {
	color: #ddff82;
	text-decoration: none;
}
.pagetop_r_link a:visited {
	color: #ddff82;
	text-decoration: none;
}
.pagetop_r_link a:hover {
	color: #a90000;
	text-decoration: none;
}

/*Pagetop區 購物車連結樣式*/
.pagetop_r_cart a:link {
	color: #fff000;
	text-decoration: none;
}
.pagetop_r_cart a:visited {
	color: #fff000;
	text-decoration: none;
}
.pagetop_r_cart a:hover {
	color: #a90000;
	text-decoration: none;
}

/* 內頁區------------------------------------ */
/*PageBody 網頁內容區塊最外層*/
#PageBody {
	width: 100%;
	float:left;
	text-align: center;
	background:url(../images/mainbody_bg.gif) left top repeat;
	padding: 10px 0px 0px 0px;
}

/*網頁內頁下方選單Footer */
#PageFooter {
	width: 100%;
	float:left;
	line-height: 120%;
	background: #41230e;
	padding: 10px 0px 10px 0px;;
	font-size: .8em;
	color: #fff;
}

/*Footer 超連結樣式 */
#PageFooter a:link {
	color: #fff000;
	text-decoration:none;
}

#PageFooter a:visited {
	color: #fff000;
	text-decoration:none;
}

#PageFooter a:hover {
	color: #fff000;
	text-decoration:underline;
}

/*Footer 瀏覽器限制的文字樣式 */
#PageFooter .browser {
	color: #dd9b9d;
}
/*Footer email連結的文字樣式 */
.footermail {
	color: #fff;
}
.footermail:link {
	color: #fff;
}
.footermail:visited {
	color: #fff;
}
.footermail:hover {
	color: #fff;
	text-decoration:underline;
}


/*選單區配置*/
#PageMenu {
	float:left;
	width: 160px;
	text-align: left;
  	margin: 0;
	background: #f5e8cf;
}

/*左方選單上方的商店Logo*/
.StoreImage {
	margin: 0px 0px 0px 10px;
}

.MenuItem {
	width: 136px;
	height: 28px;
	color: #fff;
	margin: 0px 0px 0px 10px;
	font-size: .9em;
}
.MenuItem a:link {
	width: 110px;
	height: 28px;
	line-height: 28px;
	display:block;
	background: url(../images/menuleft_off.jpg) left center no-repeat;
	color: #fff;
	margin: 0;
	padding: 0px 0px 0px 26px;
}
.MenuItem a:visited {
	width: 110px;
	height: 28px;
	line-height: 28px;
	display:block;
	color: #fff;
	margin: 0;
	padding: 0px 0px 0px 26px;
	background: url(../images/menuleft_off.jpg) left center no-repeat;
}
.MenuItem a:hover {
	color: #ffffff;
	background: url(../images/menuleft_on.jpg) left center no-repeat;
}

/*自訂按鈕樣式，如結帳或送出鈕，如果是要用自己的按鈕型式的話*/
.cbutton {
	width: 94px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: block;
	background: url(../images/icon_button.gif) left center no-repeat;
}

/*左邊商店資訊樣式*/
#CustInfo {
	width: 136px;
	margin: 10px 0px 10px 10px;
	padding: 0;
	color: #7a8111;
	font-size: .8em;
}
#CustInfo a:link {
	color: #7a8111;
}
#CustInfo a:visited {
	color: #7a8111;
}
#CustInfo a:hover {
	color: #f63;
}
/*商店資訊每列樣式*/
.infolist {
	border-bottom: #999999 1px solid;

}