/*
Template Name: Xlcookie
Template URI: http://www.wide.com.tw/
Description: The xlcookie template.
Version: 2.6.1
Author: Garyea
Author URI: http://www.garyea.com/
Logo filename: logo.gif
*/

/* body */
body{margin:0 auto; background:url(images/bg.jpg) repeat-y center #7D5E2C; font-size:12px; color:#393631; line-height:18px}
.input{height:15px; border:#4A2F0D solid 1px; color:#2E1207; font-size:12px; background-color:#D4B58B; padding:3px 5px 0; width:115px}
#main{margin:0 auto; width:1000px}
#main_left{margin:0; float:left; width:211px}
#main_right{margin:0; float:left; width:789px}
#main_banner{margin:0; float:left; width:789px; height:331px; background:url(images/banner-bg.jpg) no-repeat left top}
.cart{margin:0 0 5px 0; float:left; width:149px; height:45px; background:url(images/cart.jpg) no-repeat; padding:81px 30px 25px 32px; text-align:center}
.cart a{color:#7B572C; text-decoration:none}
.cart a:hover{color:#000000; text-decoration:underline}
.yellow{text-decoration:none; color:#ECE6A4}
.yellow:hover{text-decoration:underline; color:#FFFFFF}
.yellow2{text-decoration:none; color:#DAD387}
.yellow2:hover{text-decoration:underline; color:#FFFFFF}
#float_div{float:left; width:90%}
#float_div2{float:left; width:82%}
#floa{float:right; width:10%; padding:3px 5px 0 0}

/* left */
#left_content{width:196px; float:left; margin:0; text-align:left; padding:0 0 0 12px}

#login_left{width:30px; font-weight:bold; color:#000000; height:17px; float:left; padding:3px 0 0 13px}
#login_right{width:120px; float:left; height:20px}
.bt{width:39px; height:19px; background:url(images/button/bt.gif) no-repeat; color:#FFFFFF; cursor:hand; border:none; font-size:12px; padding:3px 0 0}
#member{width:148px; float:left; margin:0; padding:0 0 0 12px; background:url(images/member-bg-center.jpg) repeat-y 12px; padding:0 15px 0 33px}
.red{color:#990000; text-decoration:none}
.red:hover{color:#FFFFFF; text-decoration:underline}

#product{width:196px; float:left; margin:0; text-align:left; padding:0 0 0 12px; margin:0}
#product dl{margin:0; text-align:left; list-style:none}
#product dl dt{margin:0; text-align:left; color:#FFFFFF; background:url(images/line.jpg) bottom 13px no-repeat; height:22px; padding:5px 0 0 20px; text-indent:5px}
#product dl dt a{margin:0; text-align:left; color:#FFFFFF; text-decoration:none}
#product dl dt a:hover{margin:0; text-align:left; color:#F2DB7F; text-decoration:underline}
#product dl dt dd{margin:0; text-align:left; color:#FFFFFF; background:url(images/line.jpg) bottom 13px no-repeat; height:22px; padding:5px 0 0 20px; text-indent:5px}
#product dl dt dd a{margin:0; text-align:left; color:#FFFFFF; text-decoration:none}
#product dl dt dd a:hover{margin:0; text-align:left; color:#F2DB7F; text-decoration:underline}
#product ul{margin:0; text-align:left; list-style:none}
#product ul li{margin:0; text-align:left; color:#FFFFFF; background:url(images/line.jpg) bottom 13px no-repeat; height:22px; padding:5px 0 0 20px; text-indent:5px}
#product ul li a{margin:0; text-align:left; color:#FFFFFF; text-decoration:none}
#product ul li a:hover{margin:0; text-align:left; color:#F2DB7F; text-decoration:underline}
#search{float:left; width:88%; margin-top:7px; padding:0 0 0 16px}
.go{ width:21px; height:20px; background:url(images/button/go.gif) no-repeat; cursor:hand; border:none}
#service{margin:0; float:left; width:201px; padding:10px 0 0 10px}

/* right */
#shopwindow{width:744px; float:left; padding:0 0 0 13px}
#win_left{float:left; width:118px; background:url(images/shopwindow.jpg) no-repeat; height:103px}
#win_right{float:left; width:613px; background:url(images/shop_back.jpg) no-repeat; height:103px}
#position{width:599px; float:left; color:#872000; text-align:right; padding-top:3px}
#cell-nav {height: 35px; padding-left: 15px; font-size: 14px; color: white;}
#cell-nav ul {padding: 0px; margin: 0px; list-style-type: none; }
#cell-nav li {float: left; padding: 2px 30px; border-right: 1px dotted #FFF;}
#cell-nav a:visited, #cell-nav a:link {color: white;}
#cell-nav a:hover {color: #F2F2F2;}
#position a{ color:#4E4629; text-decoration:none}
#position a:hover{color:#F33900; text-decoration:underline}
#win_marquee{float:left; width:570px; padding:15px 0 0 15px}

/* 最新消息及公告 */
#news_main{width:673px; float:left; padding:10px 0 0 43px}
#news{width:336px; float:left}

#news_c{width:296px; float:left; text-align:left; padding:0 0 0 22px; margin:0}
#news_c ul{margin:0; text-align:left; list-style:none}
#news_c ul li{margin:0; text-align:left; color:#75624B; background:url(images/news_bg.gif) bottom repeat-x; height:18px; padding:2px 0 3px 0; text-indent:5px}
#news_c ul li a{margin:0; text-align:left; color:#75624B; text-decoration:none}
#news_c ul li a:hover{margin:0; text-align:left; color:#000000; text-decoration:underline}

#notice{width:269px; float:left; text-align:left; padding:0px 5px; color:#7B572C; background:url(images/news_bg.gif) bottom repeat-x; height:105px; line-height:21px}

/* 最新，最熱，店長推薦 */
#hotmain,#vipmain{width:717px; float:left; padding:10px 0 5px 40px}

#hottt{width:679px; float:left; background:url(images/tt-bg.jpg) no-repeat bottom; height:65px}
#hottt_l{width:465px; float:left; padding:0 0 0 5px}
#hottt_r{width:100px; float:right; padding:35px 51px 0 0; text-align:right}
#hotcontentmain{width:684px; float:left; padding:10px 0 0 24px}
#hotpicmain{width:181px; float:left; margin:0 39px 0 0}
#hotpic{width:162px; float:left; margin:0; padding:8px 10px 8px 9px; background:url(images/hotpic-bg.jpg) no-repeat}
#hotpictt,#listpictt{width:151px; float:left; margin:0; padding:8px 0 0 30px; background:url(images/icon/icon4.jpg) no-repeat 4px; height:20px}
#hotpictt a{color:#025A00; font-size:12px; font-weight:bold; text-decoration:none}
#hotpictt a:hover{color:#E10000; font-size:12px; font-weight:bold; text-decoration:underline}
#hotpicword{width:151px; float:left; padding:0 0 5px 30px}
#hotpicbutton{width:166px; float:left; padding:0 0 0 15px}
.price{color:#FF0000}

/* 友情連接 */
#sitelinkmain{width:689px; float:left; padding:30px 0 0 34px}
#sitelinkcontent{width:690px; float:left}
#sitelinkcontent_l{width:101px; float:left}
#sitelinkcontent_r{width:107px; float:right}
#sitelinkcontent_top{width:61px; float:right; padding-left:45px}
#sitelinkcontent_c{width:482px; float:left; background:url(images/sitelink-3.jpg) no-repeat; height:54px; padding:41px 0 20px}

#sitelinkbottom{width:680px; float:left; color:#161004; padding:5px 0 0 10px}
#sitelinkbottom a{color:#161004; text-decoration:none}
#sitelinkbottom a:hover{color:#AA1000; text-decoration:underline}

/* 內頁開始 */
#locatwindow{width:727px; float:left; padding:0 0 0 30px}
#location,#location2{width:700px; float:left; color:#872000; text-align:right; padding-top:3px; background:url(images/location_line.gif) repeat-x bottom}
#location a{ color:#4E4629; text-decoration:none}
#location a:hover{color:#F33900; text-decoration:underline}

/* 商品詳細購買頁面 */
#producttt{width:679px; float:left; background:url(images/tt-bg.jpg) no-repeat bottom; height:50px}
#producttt_l{width:75px; float:left}
#producttt_r{width:550px; float:left; padding:23px 0 0 8px; font-size:15px; font-weight:bold}
#productmain{width:660px; float:left; padding:10px 0 20px 12px}
#productpic{width:346px; height:259px; float:left; background:url(images/pic_bg.jpg) no-repeat; padding:9px 9px 9px 10px}
#product_r{width:270px; float:left; padding:5px 0 0 25px}
.tdred{color:#7B572C}
.tdgray{color:#5B5A57; font-family:"Arial",細明體}
#productword{height:21px}
.cart_bt{width:97px; height:32px; background:url(images/button/cart.jpg) no-repeat; border:none; cursor:hand}
.add_bt{width:75px; height:32px; background:url(images/button/clect.jpg) no-repeat; border:none; cursor:hand}
.inputform{background-color:#F6EED8; border:#AF9B5F solid 1px; height:14px; width:40px}
#productcontt{width:647px; float:left; padding:10px 0 0 25px; background:url(images/goods_line.jpg) no-repeat top}
#productconword,#cartword{width:600px; float:left; color:#6D4F43; padding:10px 30px 20px}
.black{color:#000000; text-decoration:none}
.black:hover{color:#CC0000; text-decoration:underline}
.picmargin{margin-left:10px}
.inputform2{background-color:#F6EED8; border:#AF9B5F solid 1px; height:14px}
#kuang{border:1px solid #CEC9B9; background-color:#FBF8EA; width:562px; float:left; padding:10px; color:#6F6A60}
#star{float:left; width:80px; padding:5px 0 0}
.proline{background:url(images/discuss_line.gif) bottom right no-repeat; height:22px}
.inputform3{background-color:#F6EED8; border:#AF9B5F solid 1px}
.probutton{background:url(images/button/bt-bg.jpg) no-repeat; width:84px; height:23px; border:none; padding:3px 0 0; cursor:hand}
#aboutmain{width:181px; float:left; margin:0 19px 15px 0}

/* 田字商品列表頁面 */
#listbutton{width:176px; float:left; padding:0 0 15px 5px}
#listword,#listword2,#listword3,#listword4{width:166px; float:left; padding:0 0 0 15px; color:#7B572C}
#listword a{text-decoration:none; color:#7B572C}
#listword a:hover{color:#0000FF;text-decoration:underline}
#page{width:640px; float:left; padding:10px 0 0 24px; text-align:center}
#page a{color:#390404; font-weight:bold; text-decoration:none}
#page a:hover{color:#8E5006; font-weight:bold; text-decoration:underline}
#list_l{width:190px; float:left; padding:0 0 0 10px}
#list_r1{width:90px; float:left; padding:22px 0 0 125px}
#list_r2{width:180px; float:left; padding:20px 0 0}
#list_r3{width:30px; float:left; padding:20px 0 0}
.formlist{font-size:12px}
#tianpictt{width:151px; float:left; margin:0; padding:8px 0 0 30px; background:url(images/icon/icon4.jpg) no-repeat 4px; height:20px}
#tianpictt a{color:#025A00;width:151px; font-size:12px; font-weight:bold; text-decoration:none}
#tianpictt a:hover{color:#E10000;width:151px; font-size:12px; font-weight:bold; text-decoration:underline}

/* 一字商品列表頁面 */
#listmain{width:645px; float:left; margin:0 39px 0 0; padding:15px 0 15px 15px; background:url(images/location_line.gif) bottom repeat-x}
#listpic{width:162px; float:left; margin:0; padding:8px 10px 8px 9px; background:url(images/hotpic-bg.jpg) no-repeat}
#listright{width:444px; float:left; padding:0 0 0 20px}
#listpictt{width:390px}
#listpictt a{color:#025A00; font-size:13px; font-weight:bold; text-decoration:none}
#listpictt a:hover{color:#E10000; font-size:13px; font-weight:bold; text-decoration:underline}
#listword2{width:410px}
#listpicbutton,#listwordbutton{width:435px; float:left; text-align:right}

/* 文字商品列表頁面 */
#listright2{width:650px; float:left}
#listword3{width:620px}
#listwordbutton{width:630px}

/* 會員登入 */
.bt_bg{ background:url(images/button/4bt-bg.jpg) no-repeat; width:73px; height:30px; cursor:hand; color:#4D3309; font-size:12px; border:none; padding:2px 0 0 2px}
.getpassword{color:#7B572C; text-decoration:none}
.getpassword:hover{color:#0000FF; text-decoration:underline}

/* 文章列表/詳細頁面 */
#article{width:615px; float:left; color:#6D4F43; padding:10px 30px 10px}
#article_tt{width:660px; float:left; color:#6D4F43; padding:30px 0 10px; color:#000000; font-size:18px; font-weight:bold; text-align:center; line-height:23px}
.admin{color:#999999; font-size:12px}
#article_con{width:625px; float:left; color:#7B572C; padding:30px 5px 10px 30px; line-height:22px}
#pre{float:left; width:47%}
#next{float:right; width:45%; float:right; text-align:right; padding:0 7px 0 0}

#listword4{height:23px; width:410px}
#listword5{width:410px; padding:0 0 10px 15px}

/* 信息返回框 */
#reback{border:5px solid #E7E1CA; background-color:#FBF8EA; width:507px; float:left; padding:30px; color:#000000; font-size:16px; font-weight:bold; text-align:center; margin:30px 0 0 15px; line-height:25px}

/* 優惠活動 */
.bortop{border-top:solid 4px #AF9B5F; margin-bottom:15px}
.red15{color:#FF0000; font-weight:bold; font-size:15px; text-decoration:none}
.red15:hover{color:#1CA501; text-decoration:none}

/* 購物流程頁面 */
.borbottom{border-bottom:solid #C7C0A7 1px}
#cartword{width:620px; color:#7B572C}
.bt_bg2{ background:url(images/button/5bt-bg.jpg) no-repeat; width:88px; height:30px; cursor:hand; color:#4D3309; font-size:12px; border:none; padding:2px 0 0 2px}

/* 會員中心 */
.rd15{color:#990000; font-size:16px; font-weight:bold}
#vipnotice{border:5px solid #E7E1CA; background-color:#FBF8EA; width:92%; float:left; padding:20px; color:#000000; margin:5px 0 0; font-size:13px; color:#5C4F34}
#vipword{width:291px; float:left; padding:5px 20px 0 25px; color:#7B572C}
.green2{color:#339900; text-decoration:none}
.green2:hover{color:#000000; text-decoration:underline}
#location2{background:none}
#location2 a{ color:#4E4629; text-decoration:none}
#location2 a:hover{color:#F33900; text-decoration:underline}
#viptt{width:600px; height:20px; background:url(images/viptitle.jpg) top no-repeat; padding:14px 0 0 74px}
#vipmain{padding-top:0}
.bt_bg3{ background:url(images/button/10bt-bg.jpg) no-repeat; width:164px; height:30px; cursor:hand; color:#4D3309; font-size:12px; border:none; padding:2px 0 0 2px}

/* 我的收藏 */
#cloeet{width:580px; float:left; padding-bottom:10px}

/* 商品比較 */
#compare{width:658px; float:left; color:#7B572C; padding:10px 10px 20px; overflow:auto}
.marpic{margin-bottom:5px}

.bt_bg4{ background:url(images/button/6bt-bg.jpg) no-repeat; width:110px; height:30px; cursor:hand; color:#4D3309; font-size:12px; border:none; padding:2px 0 0 2px}

/*購物流程*/
#paytt{width:685px; font-size:15px; color:#000000; font-weight:bold; float:left;padding:10px 10px 0}
#paytt a{font-size:12px; color:#830101; float:left; text-decoration:none}
#paytt a:hover{font-size:12px; color:#830101; float:left; text-decoration:underline}
#payfloat{float:left}
#payttword{width:70px; float:left; padding:8px 0 0 7px}
#payttword2{width:200px; float:left; padding:8px 0 0 0}
.bla{color:#000000; font-size:13px; height:25px}
#paycount{width:671px; background:url(images/repeat.gif) left repeat-y; float:left; color:#61605E; margin:2px 0 0; padding:2px 7px 1px}
#paymain{width:694px; float:left; padding:0 0 0 50px}
#payright{padding:0 0 0 20px; float:left; font-size:13px; font-family:"Arial",細明體; color:#000000; line-height:22px}

/*留言列表*/
#left_message{float:left; width:85%; color:#000000; font-size:16px; font-weight:bold}
#message_tt{width:620px; color:#7B572C; margin:20px 0 0}
#messageword{width:610px; float:left; color:#6D4F43; padding:10px 0 20px 50px}

/*查詢訂單*/
#order_tt{width:590px; color:#7B572C; padding:0 0 0 30px}

/* ======商品比較浮動塊 ====== */
#compareBox {
 width:128px;
 background:url(images/compareBg.jpg) no-repeat top center;
 background-color:#F9F4E0;
 padding:35px 0 8px 0;
 border: 1px solid #835E31;
 position: absolute;
 right:1px;
 top:200px;
}

#compareBox input {
	width:52px; height:13px;
	border:none;
	background:url(images/compareSub.gif) no-repeat;
}

#compareList {
 margin:0px 0px 8px 0px;
 padding:0px;
 width:120px;
 background:#FFFFFF;
 border:1px solid #CDBCA1;
}

#compareList li {
 color: #333;
 text-align:left;
 background: #fff;
 padding: 3px 5px;
 margin: 3px 0;
 border-bottom:#E5DDCF dotted 1px
}

#compareList li img {
 float:right;
 padding-top:4px;
}