/* 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 */
}


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

/** 基本設定 **/
html {
	background-image: url(images/footerbk.png);
	background-repeat: repeat-x;
	position:relative;
	background-position:0 bottom;
}
body {}
p, ul, li, a{
	font-family: Helvetica,新細明體, sans-serif;
	font-size: 15px;
	line-height: 15px;
	text-decoration: none;
}

img{
	padding:0;
	margin:0;
	border:none;
	}
#page{/******************************************* 整頁1200px離上方Tbar35px設定 **/
	width:1200px;
	margin:35px auto;
	z-index:0;
	}
#header{/***************************************** 購物車進度 **/
	height:114px;
	width:1200px;
	}
#header img{float:left;}
#header .progress{padding-top:30px; padding-left:250px;}
#content{
	position:relative;
	width:1186px;
	margin:0 auto;
	height:auto !important;
	min-height:650px;
	border:#DDDDDD solid 7px;
	margin-bottom:20px;
	}
#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, #note ol li, #note p{ font:15px/25px Helvetica; color:#333; padding:0px 15px; margin:10px;}


/**************************************************************************************************** 購物車右上角的追蹤清單CSS設定 **/ 
#desirelist{clear:both; width:860px; margin:250px auto}
#desirelist h1{ font:bold 18px Helvetica; color:#FFF; background-color:#601986; padding:5px 10px; margin:10px;}
#desirelist ul li{ font:15px Helvetica; color:#333; padding:0px 15px; margin:10px;}
#desirelist tr.title td{background-color:#E4E4E4; text-align:center;font:15px Helvetica; color:#333; padding:5px 0px}

/**************************************************************************************************** 購物車STEP1查看購物車CSS設定 **/ 
.Delivery{width:1160px; border:#601986 solid 2px; margin:50px auto 10px auto;min-height:300px;}
.Delivery h1{width:170px; height:27px; font-weight:bold; color:#FFF; background-color:#601986; text-align:center; padding-top:12px;margin-top:-40px; margin-left:-2px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}

.prdPrice {font:bold 16px Helvetica;color:#d62672; padding:0px 0px 5px 0px}
.prdPrice b {font:27px Century Gothic; margin-left:2px;color:#d62672; font-weight:bolder;}
span.L40px{margin-left:40px;}
span.L50px{margin-left:50px;}

.Total {width:1160px;margin:10px auto 20px auto;}
.Total span.fare{height:20px; display:block;text-align:right; padding:10px 20px 10px 10px;}
.Total span.fare input{ vertical-align:-10%}
.Total span.fare a{font:15px Helvetica;color:#0066FF; text-decoration:underline}
.Total span.list{height:20px; display:block; background-color:#F8EFC2; text-align:right; padding:10px 10px 20px 10px ;margin:20px auto 20px auto}
.Total span.list b{font:27px Century Gothic; margin:0px 2px;color:#d62672; font-weight:bolder;}
.Total a img{ display:block; float:right; margin-left:18px;}

.Plusbuy{width:1160px; border-top:#601986 solid 2px; margin:80px auto 10px auto;min-height:300px;}
.Plusbuy h1{width:170px; height:27px; font-weight:bold; color:#FFF; background-color:#601986; text-align:center; padding-top:12px;margin-top:-40px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}

a.prdName p {color:#4B4B4B; font:15px/20px Helvetica;}
a:hover.prdName p {color:#d6266e;}

.SSproducts{height:335px;width:232px;display:block;float:left; border-bottom:#CCC dashed 1px;}
.SSproducts a img{ display:block;margin:15px auto}
.SSproducts p{width:75%;padding-left:15%;font:15px/25px Helvetica;}
.SSproducts .plusb{ width:80%;padding-left:10%;display:block;margin:5px auto;clear:both}
.SSproducts .plusb #searchmenu{ padding:2px}
.SSproducts .plusb a{display:block;float:right; margin:1px 7px; padding:2px 5px; color:#FFFF00;background-color:#FF5050}

table.productslisting{width:1130px;margin:10px auto;}
.gap{width:1130px;;margin:20px auto;border-bottom:#CCC dashed 1px;}
table.productslisting:last-child{border:none}
table.productslisting td{margin:5px;padding:5px}
table.productslisting td p{ padding:5px 0px}
.productslisting a img{margin:0px 10px 10px 10px; padding:5px;border:#CCC solid 1px; float:left}
.productslisting p.events{float:left; padding:5px 5px; color:#d62672}
.productslisting p.events b{font:14px Helvetica;color:#FFF;background-color:#d62672; padding:2px; margin-right:5px;}
.productslisting p.coupon{background-image:url(images/i_coupons.png);background-repeat:no-repeat; padding-left:28px; padding-top:0px; color:#0066FF}
.productslisting p.Remove{background-image:url(images/i_trashcan.png); background-repeat:no-repeat; padding-left:20px; padding-top:1px;color:#4B4B4B;}


/**************************************************************************************************** 購物車STEP2訂購付款資料填寫CSS設定 **/ 
.consignee, .invoice, .payment, .conveniencestore{ clear:both; padding-top:10px}
.consignee h1, .invoice h1, .payment h1, .conveniencestore h1{ font:bold 18px Helvetica; color:#FFF; background-color:#601986; padding:5px 10px; margin:10px;}
.consignee ul li, .conveniencestore ul li,.payitem_container ul li, .payitem_container p{ font:15px Helvetica; color:#333; padding:0px 15px; margin:10px;}
.consignee a{color:#006EFF}
.conveniencestore p#stores{padding-left:300px; padding-top:10px;margin-bottom:-60px;}
.consignee form.usecouponcheck input, .payment form.usecouponcheck input, .invoice form.invoicecheck input, .payment ul.payitems input{vertical-align:-10%}
.consignee select, .invoice select{ height:22px;}
.invoice ul li.items{ font:15px Helvetica; color:#333; padding:0px 15px; margin:10px;}
.invoice ul li ul li{padding:30px 15px;border:#CCC solid 1px; border-bottom:none}
.invoice ul li ul li:last-child{border-bottom:#CCC solid 1px}
.invoice ul li ul li label,.consignee ul li p b, .conveniencestore ul li p b{font-weight:bold}/********************************/
.invoice ul li ul li p.firminvoice{ display:block; margin-top:-25px}
.invoice ul li ul li p.firminvoice b{border:none;display:block; padding:10px 20px 10px 140px}
.payment ul.payitems li{}
.payment ul.payitems li a{display: block;font:15px Helvetica; color:#333; padding:0px 15px; margin:10px; float:left;}
.payitem_container{ margin:60px 20px 20px 20px; list-style-type:none}

.payment h2{ font:bold 20px Helvetica; color:#F00; background-color:#F8EFC2; padding:10px 20px 12px 40px; margin:20px 0px; letter-spacing:1px;}
.payment h2 span{vertical-align:-10%; margin-left:5px}
.payment h2 span b{font:bold 27px Century Gothic; margin:0px 2px}
#payitem1 ul li p.Remark{font:12px Helvetica; color:#848484; margin-left:-15px; padding-top:5px}
.Remark{font:12px Helvetica; color:#848484;padding-top:5px}
.payment ul li.record{font:12px Helvetica; color:#990001;padding-top:5px;}

/**************************************************************************************************** 購物車STEP3確認訂單CSS設定 **/ 
#ConfirmOrder{ clear:both}
#ConfirmOrder h1{ font:bold 18px Helvetica; color:#FFF; background-color:#601986; padding:18px 10px; margin:10px;}
#ConfirmOrder ul li{ font:15px Helvetica; color:#333; padding:0px 15px; margin:10px;}
#ConfirmOrder h1 span.PrintBtn{ float:right; margin:-5px 20px;}
#ConfirmOrder h1 span.PrintBtn a, .Deliveryinfo span.PrintBtn a, .Paymentinfo span.PrintBtn a{
display:inline-block;
width:110px;
height:25px;
padding:4px;
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;}
#OrderDetails h2{ font:bold 15px Helvetica; color:#000000; background-color:#DDDDDD; padding:5px 10px; margin:10px;}
table.orderlisting{width:1166px; margin:10px}
table.orderlisting tr.Gtitle td{ background-color:#F0F0F0; padding:10px 10px 10px 10px;}
table.orderlisting td{ text-align:center; padding:7px 10px 15px 10px; border-bottom:#F0F0F0 solid 1px}
#OrderDetails span.list{height:10px; display:block;text-align:right; padding:20px 30px;margin:10px auto 10px auto}
#OrderDetails span.list b{font:27px Century Gothic; margin:0px 2px;color:#d62672; font-weight:bolder;}
.Paymentinfo h2, .Deliveryinfo h2{ font:bold 15px Helvetica; color:#000000; background-color:#DDDDDD; padding:10px 10px;}
div.Paymentinfo, div.Deliveryinfo{width:48%; min-height:305px;float:left; margin:10px; border:#DDDDDD solid 1px}
table.listing{margin:10px 10px}
table.listing td, table.listing th{ text-align:left; padding:10px 10px}
div.goshopping a{ clear:both; display:block; padding:20px; margin-left:1015px}
.WEBATMbtn a{font:bold 15px/15px Helvetica; color:#FFF; background-color:#22B6AC; padding:10px 30px; margin:20px;}
.note2{border-top:#DDDDDD solid 1px; margin:10px}

table.ibonlisting{margin:10px 0px;}
table.ibonlisting td{margin:0px 5px;font:18px/33px Helvetica; color:#333;}
.Paymentinfo div.onlineprint{display:block; background-color:#FFFFE1; padding:15px 25px 40px 25px}
.Paymentinfo div.onlineprint p{font:15px/25px Helvetica; color:#333;}
#note ol li a{color:#006EFF}

#Showcartusebonus{ display:none}
#Showcartusebonus:active{ display:block}



.nextpage{display:block; background-color:#DDDDDD; padding:20px 0px 15px 0px; text-align:center}
.nextpage a{
display:inline-block;
width:110px;
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;}

/** 地設定 **/ 
#footer{clear:both;	height:240px;	margin-bottom:0px;}
.blogo{	width:400px;height:100%;float:left; padding-left:25px;}
.blogo img{padding-top:-10px;}	
.blogo h1 {color:#FFF; font:20px/44px Helvetica; font-weight:bolder;}
.blogo p{color:#FFF;font:12px/22px Helvetica;}
ul.bselect{	float:right;}
ul.bselect li{
	list-style-image:url(images/i_g.png);
	list-style-position:0px;
	width:140px;
	padding-top:30px;
	float:left;
	margin-left:30px;
	}
ul.bselect li h2{color:#FFFFCC; font:16px/44px Helvetica;font-weight:bolder;}
ul.bselect li a p {color:#FFF;font:14px/25px Helvetica;clear:right;}
ul.bselect li a:hover p{color:#E838A1;}