/* Reset CSS  網頁排版在各瀏覽器快速一致化
http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 License: none (public domain)*/
html, body, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article,aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
a{outline: none; /* for Firefox Google Chrome  */
behavior:expression(this.onFocus=this.blur()); /* for IE */
}


/***** 從這裡開始看 *****/

/** 基本設定 **/
p, ul, li, a{
	font-family: Helvetica,新細明體, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
}
#remind{}
#remind ul li a{font:15px Helvetica; color:#333; float:right; padding:5px 10px; margin:10px;}
#remind ul li b{font:18px Helvetica; color:#F00;}
#remind ul li a:hover{color:#F00;}
#cartnothing{font:bold 20px Helvetica; color:#333; text-align:center; margin:250px auto}
#note{ clear:both}
#note h1{ font:bold 18px Helvetica; color:#FFF; background-color:#601986; padding:5px 10px; margin:10px;}
#note ul li{ font:15px Helvetica; color:#333; padding:0px 15px; margin:10px;}

/**************************************************************************************************** 購物車右上角的追蹤清單CSS設定 **/ 
#desirelist{width:860px;border:#601986 solid 3px;}
#desirelist h1{ font:bold 18px Helvetica; color:#FFF; background-color:#601986; padding:5px 10px; margin:10px;}
#desirelist h1 b a{font:bold 18px Helvetica; color:#FFF;float:right}
#desirelist ul li{ font:15px Helvetica; color:#333; padding:0px 15px; margin:10px;}
#desirelist table{margin:15px auto;}
#desirelist tr td{border:#CCC solid 1px;text-align:center;font:15px/30px Helvetica; color:#4B4B4B; padding:5px 5px}
#desirelist tr td a p{font:15px/25px Helvetica; color:#0066FF; text-align:left; padding:0px 5px;}
#desirelist tr td a:hover p{color:#d62672;}
#desirelist tr td img{vertical-align:top;}
#desirelist tr.title td{background-color:#E4E4E4; text-align:center;font:15px Helvetica; color:#333; padding:8px 5px 5px 5px}
#desirelist tr td.prdPrice {font:bold 15px Helvetica;color:#d62672;}
#desirelist tr td.prdPrice b {font:bold 27px Century Gothic; margin-left:2px;color:#d62672;}
#desirelist tr td p.events{float:left; padding:5px 5px;}
#desirelist tr td p.events b{font:14px Helvetica;color:#FFF;background-color:#d62672; padding:2px; margin-right:5px;}

/**************************************************************************************************** 最近收件地址清單CSS設定 **/ 
#addlist{width:860px;border:#858585 solid 3px;}
#addlist h1{ font:bold 18px Helvetica; color:#FFF; background-color:#858585; padding:5px 10px; margin:10px;}
#addlist h1 b a{font:bold 18px Helvetica; color:#FFF;float:right}
#addlist table{margin:15px auto;}
#addlist tr td{border:#CCC solid 1px;text-align:center;font:15px/30px Helvetica; color:#4B4B4B; padding:5px 5px}
#addlist tr td img{vertical-align:top;}
#addlist tr.title td{background-color:#E4E4E4; text-align:center;font:15px Helvetica; color:#333; padding:8px 5px 5px 5px}
#addlist input{vertical-align:-25%}

/**************************************************************************************************** 使用折價券 使用購物金CSS設定 **/ 
#use{width:500px;border:#EFEEEE solid 1px;}
#use h1{ font:bold 20px Helvetica; color:#FFF; background-color:#601986; padding:10px 10px;}
#use h2{ font:bold 18px Helvetica;;padding:15px 10px;}
#use h2 b{color:#d62672;margin:0px 2px}
.usecouponcheck{ padding:10px 40px;}
.usecouponcheck p{font:16px/20px Helvetica; color:#333; text-indent:-1.6em;}
.usecouponcheck p b {font:18px/25px Century Gothic; margin:0px 2px;color:#d62672;}
.usecouponcheck p b.deadline{font:15px Century Gothic; margin-left:2px;color:#006EFF;}
.checkbtn{display:block; background-color:#EFEEEE; padding:10px; text-align:center}
.addlistbtn{display:block;padding:10px; text-align:center}
.checkbtn a, .addlistbtn a{
display:inline-block;
width:56px;
height:25px;
padding:3px;
background:-moz-linear-gradient(#f3f3f3, #ccc);
background:-o-linear-gradient(#f3f3f3, #ccc);
background:-webkit-linear-gradient(#f3f3f3, #ccc);
background:linear-gradient(#f3f3f3, #ccc);
border:1px solid #ccc;
box-shadow:0 2px 0 0 #666;
color:#000;
font:normal 400 15px/25px "Zenhei", sans-serif;
text-align:center;}

/**************************************************************************************************** 登入畫面CSS設定 **/ 
#login{width:352px;}
#login p{color:#9FA0A0; margin:0px 25px;}
.logintitle img{ display:block;margin:15px 20px 10px 20px}

#login span.loginarea .loginP{width:300px; height:32px; display:block; margin:10px 25px; border:#601986 solid 1px; color:#9FA0A0;text-indent:0.5em;}
#login span.verify .loginP{width:165px; height:32px; display:block; margin:10px 10px 10px 25px; border:#601986 solid 1px; color:#9FA0A0;text-indent:0.5em; float:left;}
#login span.verify img{padding:13px 0px;}
#login span.verify a img{ margin:2px}
#login span.loginbtn a{ display:block; text-align:center; margin:10px 20px;}
#login span.remember p{ clear:both;color:#231815;margin:10px 25px;}
#login span.remember input{ vertical-align:-10%}
#login span.remember p a{ float:right;color:#231815;}
#login span.remember p a:hover{color:#d62672;}

/*分頁數與下一頁*/
DIV.purple { width:820px;font-family: Helvetica; font:14px; float:left; padding:20px 20px; border-top:#999 dashed 1px;}
DIV.purple A {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #4E4E4E; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid;
}
DIV.purple A:hover {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.purple A:active {
BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.purple SPAN.current {
BORDER-RIGHT:#f0f0f0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP:#f0f0f0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT:#f0f0f0 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM:#f0f0f0 1px solid; BACKGROUND-COLOR: #35095B
}
DIV.purple SPAN.disabled {
BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
SPAN.btn A{
BORDER-RIGHT: #ccc 1px solid;	PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; background-color:#35095B}
SPAN.btn A:hover{COLOR:#35095B; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; background-color:#FFF;}
.searchMenu{clear:both; width:950px; height:20px; background:#EDEDED; padding:10px;}