@charset "utf-8";
@import url("/Css/CssReset.css");

/* --大架構*/
body {margin:0px auto;color:#666; font:normal 12px/18px sans-serif;}
p,ul,li,ol {color:#999;}
a{color:#999;text-decoration:none;}
a:hover{color:#000;text-decoration: underline;}

img{ border:0px;}
.showscroll {-moz-scrollbars-vertical;overflow-y:scroll;}

#savesafe{width:960px;margin:0 auto;}
#twdeco{width:960px;margin:0 auto;}

/* --最上面選項*/
#top{width:960px;height:70px;}
#top #logo{float:left;width:200px;height:55px;background:url(/Img/logo.gif) 0 -65px no-repeat;margin-top:15px;}
#top #store{width:400px;height:40px;float:left;margin-top:15px;text-align:left;}
#top #store .store_img{width:230px;height:28px;margin-left:190px;}
#top #store .store_link{width:400px;height:15px;font-size:11px;color:#666666;line-height:15px;}
#top #store .store_link a{color:#699122;text-decoration:none;font-weight:bold;}
#top #store .store_link a:hover,#top #store .store_here{color:#ff6600;}

	/* --最上面選項 FOR EC*/
	#top_ec{width:960px;height:75px;}
	#top_ec #logo{float:left;width:200px;height:65px;background:url(/Img/logo.gif) 0 0 no-repeat;margin-top:10px;}
	#top_ec #store{width:320px;height:50px;float:left;margin-top:15px;text-align:left;}
	
	#top_ec #store .store_search{width:324px;height:26px; background:url(/Img/bg-searchbar.gif) no-repeat; margin-top:7px; padding-left:26px;padding-top:2px;}
	#top_ec #store .store_search input{width:135px;height:13px; border:1px solid #999; background:#FFF; padding:2px; font:11px normal sans-serif; color:#666; margin:0 5px;}
	#top_ec #store .store_search select{font:11px normal sans-serif; color:#666; margin-top:2px;}
	#top_ec #store .store_search input.srchbtn { width:37px; height:18px; border:none; padding:0; margin:0;}
	#top_ec #store .store_link{width:350px;height:15px;font-size:11px;color:#666666;line-height:15px;}
	#top_ec #store .store_link a{color:#699122;text-decoration:none;font-weight:bold;}
	#top_ec #store .store_link a:hover,#top_ec #store .store_here{color:#ff6600;}

	/* --最上面選項	FOR TWDECO*/
	#top_tw {width:960px;height:70px;}
	#top_tw #logo{float:left;width:200px;height:60px;background:url(/Img/logo.gif) 0 -125px no-repeat;margin-top:10px;}
	#top_tw #store{width:400px;height:40px;float:left;margin-top:15px;text-align:left;}
	#top_tw #store .store_img{width:400px;height:28px;}
	#top_tw #store .store_link{width:400px;height:15px;font-size:11px;color:#666666;line-height:15px;}
	#top_tw #store .store_link a{color:#999999;text-decoration:none;font-weight:bold;}
	#top_tw #store .store_link a:hover,#top_tw #store .store_here{color:#333;}

/* --會員機制*/
#top #member{width:345px;height:20px;float:right;font-size:11px;margin:15px 5px 0 0;}
#top #member ul{margin:0;padding:0;list-style:none;}
#top #member li{float:right;line-height:18px;margin-left:1px;width:auto;}
#top #member ul li a{color:#fff;background:#b5b9ac;display:block;text-decoration:none;padding:0 5px 0 5px; }
#top #member ul li a:hover{color:#787f6a;}

	/* --會員機制 FOR EC*/
	#top_ec #member {width:345px;height:20px;float:right;font-size:11px;margin:15px 5px 0 0;}
	#top_ec #member ul {margin:0;padding:0;list-style:none;}
	#top_ec #member li {float:right;line-height:18px;margin-left:1px;width:auto;}
	#top_ec #member ul li a {color:#fff;background:#b5b9ac;display:block;text-decoration:none;padding:0 5px 0 5px;  font-weight:normal;}
	#top_ec #member ul li a:hover {color:#fff; background-color:#699122; font-weight:normal;}

	/* --會員機制 FOR TWDECO*/
	#top_tw #member{width:345px;height:20px;float:right;font-size:11px;margin:15px 5px 0 0;}
	#top_tw #member ul{margin:0;padding:0;list-style:none;}
	#top_tw #member li{float:right;line-height:18px;margin-left:1px;width:auto;}
	#top_tw #member ul li a{color:#ccc;background:#666;display:block;text-decoration:none;padding:0 5px 0 5px;}
	#top_tw #member ul li a:hover{color:#fff;}

/* --最新消息*/
#top #hotnews{width:350px;height:20px;float:right;margin-top:8px;}
#top #hotnews #newscontent{font-size:12px;font-weight:bold;color:#ff6600;}

	/* --最新消息FOR EC*/
	#top_ec #hotnews{width:230px;height:16px;float:right;margin-top:15px; background:url(/Img/hotnews.gif) no-repeat; padding-left:20px;overflow: hidden;}
	#top_ec #hotnews a{ margin-right:5px; color:#FF6600; font-weight:bold; text-decoration:underline;}
	#top_ec #hotnews #newscontent{font-size:12px;font-weight:bold;color:#ff6600; line-height:16px;}
	/* --促銷活動FOR EC*/
	#top_ec #ecactive{height:16px;float:right;margin-top:15px;}
	#top_ec #ecactive a{ margin-right:10px;color: #FF0000; font-weight:bold; text-decoration:underline; line-height:16px;}
	
	/* --最新消息 FOR TWDECO*/
	#top_tw #hotnews{width:350px;height:20px;float:right;margin-top:8px;}
	#top_tw #hotnews #newscontent{font-size:12px;font-weight:bold;color:#669933;}


/* --目前位置*//*麵包屑*/
#breadcrumb{margin:6px 0px; font-size:12px; color:#999;font-family:sans-serif;}


/* --大買家版權所有*/
#copyright{margin-top:10px;height:30px;width:960px;padding:15px 0px 0px 0px; border-top:2px solid #eee;}
#copyright_ec{margin-top:10px;width:960px;padding:0px; font-size:12px; color:#999; font-family:sans-serif;}
#copyrightT{width:960px;margin:10px 0px;clear:both;color:#999;}

/* --共同元素*/
#floatL {float:left;}
#floatR {float:right;}
#floatB {clear:both; height:1px; margin-top:-1px; overflow:hidden;}

#contents { width:960px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */
hr {clear:both; visibility:hidden; display:none; height:0px; padding:0px; margin:0px; border:0px;}

/*所有按鈕設定
------------------------------------------------------------------------------------------------------------*/
.BTNsend a{background:url(/Img/btn-fuction.png) 0 -320px no-repeat;display:block;width:80px; height:80px;text-indent: -2000px; margin:0px 10px;text-align:center;}
.BTNsend a:hover{background:url(/Img/btn-fuction.png) -100px -320px no-repeat;display:block;text-align:center;}

.BTNsends a{background:url(/Img/btn-fuction.png) 0 0 no-repeat;display:block;width:100px;height:40px;text-indent:-2000px;margin:0px 10px;text-align:center;}
.BTNsends a:hover{background:url(/Img/btn-fuction.png) 0 -40px no-repeat;display:block;text-align:center;}

/*下一步*/
.BTNnext a{ background: url(/Img/btn-fuction.png) -200px 0 no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNnext a:hover{ background: url(/Img/btn-fuction.png) -200px -40px no-repeat; display:block;text-align:center;}

/*回上一頁-灰*/
.BTNback a{ background: url(/Img/btn-fuction.png) -100px -240px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNback a:hover{ background: url(/Img/btn-fuction.png) -100px -280px no-repeat; display:block;text-align:center;}

/*繼續購物*/
.BTNshop a{background: url(/Img/btn-fuction.png) -400px 0 no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNshop a:hover{ background: url(/Img/btn-fuction.png) -400px -40px no-repeat; display:block;text-align:center;}

/*開始結帳*/
.BTNpay a{background: url(/Img/btn-fuction.png) 0 -80px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNpay a:hover{ background: url(/Img/btn-fuction.png) 0 -120px no-repeat; display:block;text-align:center;}

/*回上一頁（訂單查詢）*/
.BTNprev a{background: url(/Img/btn-fuction.png) -300px 0px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNprev a:hover{ background: url(/Img/btn-fuction.png) -300px -40px no-repeat; display:block;text-align:center;}

/*訂閱電子報*/
.BTNnpo a{ background: url(/Img/btn-fuction.png) -100px -80px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNnpo a:hover{ background: url(/Img/btn-fuction.png) -100px -120px no-repeat; display:block;text-align:center;}

/*取消電子報*/
.BTNnpc a{ background: url(/Img/btn-fuction.png) -100px 0 no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNnpc a:hover{ background: url(/Img/btn-fuction.png) -100px -40px no-repeat; display:block;text-align:center;}

/*取消*/
.BTNcancel a{ background: url(/Img/btn-fuction.png) 0 -240px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNcancel a:hover{ background: url(/Img/btn-fuction.png) 0 -280px no-repeat; display:block;text-align:center;}

/*回訂單查詢*/
.BTNbacko a{ background: url(/Img/btn-fuction.png) -200px -80px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNbacko a:hover{ background: url(/Img/btn-fuction.png) -200px -120px no-repeat; display:block;text-align:center;}

/*列印本頁*/
.BTNprint a{background: url(/Img/btn-fuction.png) -300px -80px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNprint a:hover{ background: url(/Img/btn-fuction.png) -300px -120px no-repeat; display:block;text-align:center;}

/*回購物車*/
.BTNbchar a{background: url(/Img/btn-fuction.png) -400px -80px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNbchar a:hover{ background: url(/Img/btn-fuction.png) -400px -120px no-repeat; display:block;text-align:center;}

/*網路ATM*/
.BTNatm a{background: url(/Img/btn-fuction.png) 0 -160px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNatm a:hover{ background: url(/Img/btn-fuction.png) 0 -200px no-repeat; display:block;text-align:center;}

/*關閉*/
.BTNclose a{background: url(/Img/btn-fuction.png) -100px -160px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNclose a:hover{ background: url(/Img/btn-fuction.png) -100px -200px no-repeat; display:block;text-align:center;}

/*重新結帳*/
.BTNerror a{background: url(/Img/btn-fuction.png) -200px -160px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNerror a:hover{ background: url(/Img/btn-fuction.png) -200px -200px no-repeat; display:block;text-align:center;}

/*聯絡我們*/
.BTNcontactus a{background: url(/Img/btn-fuction.png) -300px -160px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNcontactus a:hover{ background: url(/Img/btn-fuction.png) -300px -200px no-repeat; display:block;text-align:center;}

/*留言*/
.BTNmsg a{background: url(/Img/btn-fuction.png) -400px -160px no-repeat; display:block;width:100px; height:40px;text-indent: -2000px;margin:0px 10px;text-align:center;}
.BTNmsg a:hover{ background: url(/Img/btn-fuction.png) -400px -200px no-repeat; display:block;text-align:center;}



/*圖示共用區
----------------------------------------------------------------------------------------------------------------------------------------*/
.IconMemberCenter { background:url(/Img/img-fuctionicon.png) 0 0 no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconHelpCenter { background:url(/Img/img-fuctionicon.png) -150px 0 no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconRegister { background:url(/Img/img-fuctionicon.png) -300px 0 no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconLogin { background:url(/Img/img-fuctionicon.png) -450px 0 no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconRegistercard { background:url(/Img/img-fuctionicon.png) -600px 0 no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconCart { background:url(/Img/img-fuctionicon.png) 0 -200px no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconMyAccount { background:url(/Img/img-fuctionicon.png) -150px -200px no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconPay { background:url(/Img/img-fuctionicon.png) -300px -200px no-repeat; width:150px; height:200px;text-indent: -2000px;}
.IconPay24hr { background:url(/Img/img-fuctionicon.png) -450px -200px no-repeat; width:150px; height:200px;text-indent: -2000px;}