@charset "utf-8";
/* CSS Document */
 
#wrapper{ width:950px; margin-top: 8px; margin-right: auto; margin-bottom: 8px; margin-left: auto; }

/* header 設定 */
#header{ width:952px; height:91px; margin-bottom: 8px; display: inline; overflow: hidden; }
#header #logo_fla{width:201px; float:left;}
#header #logo_fla h1{ display: none; }
#header #con{width:732px !important;width:732px; height:70px; background:url(../images/header/top_bg.jpg) repeat-x; padding:8px 0 13px 0; float:left;}
#header #right_img{ width:17px; height:91px; background:url(../images/header/top_right.jpg) no-repeat; float:right; }
#header #top_area{ height:27px; margin-bottom:2px; overflow: hidden; background-image: url(../images/header/logo_2.jpg); background-repeat: no-repeat; background-position: 3px top; }
#header #top_area .date{color:#000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:15px; float:right; padding-top:2px;}
#header #top_area .home{background:url(../images/header/icon_home.jpg) no-repeat; height:17px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#686868; padding-left:25px; float:right; padding-top:2px;}
#header #top_area .home a{color:#686868; text-decoration:none;}
#header #top_area .home a:hover{text-decoration:underline;}
#header #top_area .login_top{color:#336600; font-size:12px; float:right; margin:3px 20px 0 0;}/* 會員登入後設定(僅首頁不呈現) */
#header #top_area .login_top a{color:#336600; text-decoration:none;}
#header #top_area .login_top a:hover{color:#336600; text-decoration:underline;}
#header #search_area{height:41px;}
/* ↓以下為選單 設定 */
#header #search_area #nav_bg{float:right; width:299px; background:url(../images/header/nav_bg.jpg) repeat-x;}
#header #search_area #nav_bg #nav_left{ background:url(../images/header/nav_left.jpg) no-repeat; width:12px; height:41px; float:left;}
#header #search_area #nav_bg #nav{margin:8px 0 0 12px; float:left; height:15px;}
#header #search_area #nav_bg #nav li{ background:url(../images/header/nav_line.jpg) no-repeat right 6px; padding-right:8px; float:left; margin-right:8px;}
#header #search_area #nav_bg #nav li a{color:#FFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#header #search_area #nav_bg #nav li a:hover{color:#FFF; text-decoration:underline;}
#header #search_area #nav_bg #nav li.no_img{background-image:none; padding:0;}
/* ↓以下為搜尋列 設定 */
#header #search_area #search{ height:24px; width:428px !important; width:428px; background:url(../images/header/search_bar_bg.jpg) repeat-x; float: left; padding-top: 9px; padding-right: 0; padding-bottom: 10px; padding-left: 5px; }
#header #search_area #search a{color:#506002; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:underline;}
#header #search_area #search a:hover{color:#999999; text-decoration:underline;}
.text_1{width:139px; height:22px; margin-right:3px; border:#9f9f9f 1px solid; padding:3px; color:#000; font-size:12px; float:left;}
.text_2{width:158px; height:13px; margin-right:5px; border:#9f9f9f 1px solid; padding:3px; color:#000; font-size:12px; float:left;}
.buttonbar{float:left; height:21px; margin-right:6px !important; margin-right:4px;}

/* footer設定 */
#footer_area{ width:951px; margin:0 auto; float:left; clear: both; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#footer_area #menu{height:20px; color:#565656; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#footer_area #menu a{color:#565656; text-decoration:none;}
#footer_area #menu a:hover{text-decoration:underline;}
#footer_area #copy{height:20px; padding:10px 0; color:#FFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background-color:#6ea900;}
#footer_area #f_bg{background:url(../images/header/footer_bg.jpg) no-repeat; height:6px;}

/* container設定 */
#container{ width:950px; margin-bottom:10px; float:left; margin-top: 8px; _margin-top: 6px; }
/* ↓以下為右側欄位 設定 */
#sidebar_right{width:150px; float:right;}

/* 登入會員 */
#login{ width:150px; padding-bottom: 10px; _padding-bottom: 0px; overflow: hidden; }
.login_title{height:28px; background-image: url(../images/sidebar/login_top.jpg);}/*標題框*/
.login_title h1{color: #00F; display:none;}/*標題文字(這個要養成習慣，尤其是標題使用圖片時)*/
.login_form{ font-family: "Courier New", Courier, monospace; font-size: 12px; letter-spacing: 2px; text-align: center; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #bbbbbb; border-left-color: #bbbbbb; padding-top: 20px; background-color: #FFF; }/*表單區塊*/
.login_form .input_id, .login_form .input_pd{padding: 2px;}/*帳號密碼區塊*/
.login_form .input_id label, .login_form .input_pd label{line-height: 150%;}/*欄位名稱*/
.login_form .login_input{width:100px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} /*表單欄位樣式*/
.login_form .login_input_n{width:35px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} /*表單欄位樣式(驗證碼)*/
.login_form .input_button{margin-top:3px; text-align: right; padding-right: 10px;}/*按鈕*/
.login_form .member_other{padding-top: 10px; padding-bottom: 10px; display: block;}/*其他(加入會員、忘記密碼)區塊*/
.login_form .member_other ul li{background:url(../images/sidebar/line_1.jpg) repeat-y right 4px; display: inline; letter-spacing: 1px; padding-right: 10px; padding-left: 10px;}/*li設定*/
.login_form .member_other ul li a{color:#55650a; text-decoration:none;}
.login_form .member_other ul li a:hover{text-decoration:underline;}
.login_form .member_other ul li.no_line{background:none; margin-right:0;}/*隱藏右邊線條*/
.login_footer{height:8px; background: url(../images/sidebar/login_down.jpg) no-repeat;}/*登入區塊底部*/
.login_down{height:8px; background:url(../images/sidebar/login_down.jpg) no-repeat;}
/* 會員登入後 */
.sign{ border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; padding:20px 8px 0 8px; overflow:hidden; zoom:1; background-color: #FFF; background-repeat: no-repeat; }
.sign li{background:url(../images/sidebar/icon_5.gif) no-repeat left 5px; padding-left:14px; margin-bottom:6px; color:#2B4516; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.sign strong{font-weight:bold; color:#FF6600;}
.sign li ol{margin-left:px;}
.sign li ol li{background:url(../images/sidebar/icon_2.jpg) no-repeat left 7px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:9px; margin-bottom:2px;}
.sign li ol li a{color:#6D6D6D; text-decoration:none;}
.sign li ol li a:hover{text-decoration:underline;}



/* 最新物品 vs 最新消息 */
.newgoods{ width:150px; margin-bottom:10px !important; margin-bottom:0; list-style-type: none; }
.top_1{height:24px; padding:6px 7px 0 7px; background:url(../images/sidebar/sidebar_top_2.gif) no-repeat;}
.top_1 li{background:url(../images/sidebar/icon_1.gif) no-repeat left; color:#2d4600; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:20px;}
.top_1 li.spa{letter-spacing: -0.06em;}
.newgoods_bg{ width:128px; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding:10px 10px 5px 10px; background-color: #FFF; position:relative;}
.newgoods_bg ul li{
	background:url(../images/sidebar/icon_2.jpg) no-repeat left 12px;
	padding-left:7px;
	list-style-type: none;
	line-height: 150%;
}
.newgoods_bg ul li a{color:#343434; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.newgoods_bg ul li a:hover{color:#5B5B5B; border-bottom:#999999 1px dotted; margin-left:1px;}
.more{margin:6px 2px 0 60px; text-align:right; color:#5061B1; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.more a{color:#5061B1; text-decoration:underline;}
.more a:hover{color:#9A9A9A; text-decoration:underline;}
/* 相關表單下載 */
.download{width:150px; margin-bottom:10px !important; margin-bottom:0;}
.down_top{height:28px; background:url(../images/sidebar/download_top.jpg) no-repeat;}
.down_bg{ width:138px; overflow:visible; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding:10px 5px 5px 5px; background-color: #FFF; background-repeat: no-repeat; }
.down_bg li{
	padding-left:12px;
	margin-left:3px;
	line-height: 150%;
	background-image: url(../images/sidebar/icon_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.down_bg li a{color:#55650a; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.down_bg li a:hover{color:#55650a; text-decoration:underline;}
/* 廣告banner */
.ad_ban{width:150px;}
.ad_ban img{margin-bottom:4px;}


/* ↓以下為左側欄位 設定 */
#sidebar_left{width:150px; float:left; margin-right:22px !important; margin-right:19px;}

/* 物品分類 */
.goods{width:150px; margin-bottom:10px !important; margin-bottom:0;}
.top_2{height:24px; padding:6px 7px 0 7px; background:url(../images/sidebar/sidebar_top_1.gif) no-repeat;}
.top_2 li{background:url(../images/sidebar/icon_4.gif) no-repeat left 5px; color:#2d4600; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:14px; margin-left:2px;}
.goods_bg{ width:138px; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding:10px 5px 5px 5px; background-color: #FFF; background-repeat: no-repeat; background-position: top; }
.goods_bg li{background:url(../images/sidebar/icon_3.gif) no-repeat left 9px; padding-left:12px; margin-left:3px;}
.goods_bg li a{color:#343434; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.goods_bg li a:hover{color:#868686; border-bottom:#999999 1px dotted; margin-left:1px;}

/* 搜尋條件 */
#searchbar{width:150px; padding-bottom: 10px;}
.searchbar_title{height:28px; background-image: url(../images/sidebar/search_top.jpg);}/*標題框*/
.searchbar_title h1{color: #00F; display:none;}/*標題文字(這個要養成習慣，尤其是標題使用圖片時)*/
.searchbar_form{ font-family: "Courier New", Courier, monospace; font-size: 12px; letter-spacing: 0px; text-align: left; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #bbbbbb; border-left-color: #bbbbbb; padding-top: 5px; padding-right: 5px; padding-left: 5px; background-color: #FFF; }/*表單區塊*/

.searchbar_form .select_id{padding: 2px;}/*條件區塊*/
.searchbar_form .select_id label{line-height: 150%;}/*欄位名稱*/
.searchbar_form .searchbar_Select{width:120px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} /*表單欄位樣式*/
.searchbar_form .searchbar_input{width:100px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} /*表單欄位樣式*/
.searchbar_form .input_button{margin-top:3px; text-align: right; padding-right: 10px;}/*按鈕*/
.searchbar_footer{height:8px; background-image: url(../images/sidebar/login_down.jpg);}/*登入區塊底部*/


/* ↓以下為中間欄位 設定 */
#content{width:608px; float:left;}

/* 中間廣告區 設定 */
#ad_bg{ width:590px; height:258px; padding:9px 9px 3px 9px; margin-bottom:8px; float:left; background-image: url(../images/index/ad_bg.jpg); background-repeat: no-repeat; overflow: hidden; }

/* 即時訊息 設定 */
#news_bg{height:32px; width:608px; background:url(../images/index/news_bg.jpg) no-repeat; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:11px; float:left;}
#news_bg .news_t{ position:absolute; left:8px; top:4px; _top:5px; width:54px; padding-left:12px; font-size:13px; color:#000; height: 27px; padding-top: 3px; background-image: url(../images/index/icon_2.gif); background-repeat: no-repeat; background-position: left 7px; _background-position: left 5px; }
#news_bg .news_t a{color:#000; text-decoration:none;}
#news_bg .news_t a:hover{color:#999; text-decoration:underline;}
#news_bg .news{
	position:absolute;
	left:94px;
	top:11px;
	width:504px;
	font-size:12px;
} 
#news_bg .news a{color:#334d02; text-decoration:none;}
#news_bg .news a:hover{text-decoration:underline;}

/* 以物易物 設定 */
#sale_area{ width:608px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; position: relative; overflow: hidden; margin-bottom: 4px; height: 440px; _height: 450px; }
#sale_area .sale_block{width:299px; height:200px; margin-right:10px; background:url(../images/index/sale_down.jpg) no-repeat bottom; margin-bottom:10px; float:left; padding-bottom:10px;}
#sale_area .sale_block_no{ width:299px; height:200x; float:left; margin-bottom:10px; padding-bottom:10px !important; padding-bottom:10px; background-image: url(../images/index/sale_down.jpg); background-repeat: no-repeat; background-position: bottom; }
.sale_top{height:35px; background:url(../images/index/sale_top.gif) no-repeat; position:relative;}
.sale_top .sale_name{ position:absolute; left:25px; top:7px; *top:9px; }
.sale_top .sale_name h2{color:#FFF; font-size:15px; font-weight:bold;}
.sale_top .sale_icon{position:absolute; left:108px; top:9px; width:43px; height:20px;}
.sale_con1{ border-left:1px solid #c2c2a6; border-right:1px solid #c2c2a6; background:url(../images/index/sale_bigicon_3.jpg) no-repeat 211px 85px; height:160px; padding-top: 5px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; }
.sale_con2{ border-left:1px solid #c2c2a6; border-right:1px solid #c2c2a6; background:url(../images/index/sale_bigicon_2.jpg) no-repeat 211px 85px; height:160px; padding-top: 5px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; }
.sale_con3{ border-left:1px solid #c2c2a6; border-right:1px solid #c2c2a6; background:url(../images/index/sale_bigicon_3.jpg) no-repeat 211px 85px; height:160px; padding-top: 5px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; }
.sale_con4{ border-left:1px solid #c2c2a6; border-right:1px solid #c2c2a6; background:url(../images/index/sale_bigicon_4.jpg) no-repeat 211px 85px; height:160px; padding-top: 5px; padding-right: 8px; padding-bottom: 0; padding-left: 8px; }
.sale_pic{ float:left; position: relative; }
.sale_pic .sale_img{ margin-bottom: 2px; border: 1px solid #333; }
.sale_inf{ width:182px; float:right; font-size:12px; position:relative; }
.sale_inf h4{color:#0054ff; font-size:13px; font-weight:bold; margin-bottom:2px;}
.sale_inf h4 a{color:#0054ff; text-decoration:none;}
.sale_inf h4 a:hover{text-decoration:underline;}
.sale_inf p{color:#5e5e5e; line-height:19px; margin-bottom:3px;}
.sale_inf .sale_line{background:url(../images/index/sale_line.jpg) repeat-x; height:1px; margin-bottom:5px; overflow:hidden; zoom:1;}
.sale_inf ul{}
.sale_inf ul li{
	width:100%;
	line-height: 18px;
}
#yauhftr ul li a.showpanel{ DISPLAY: block;PADDING-RIGHT: 2px;background:url(../images/index/icon_1.gif) no-repeat left 3px; padding-left:13px;color:#3678ff; text-decoration:none;}
#yauhftr ul li a.showpanel:hover{
	color:#FF0000;
	text-decoration:none;
	background-color: #F5FECB;
}
.save_more{ position:absolute; left:147px; top:140px; width:36px; height:17px; margin-top: 8px; DISPLAY: block; }




/* 換客格子鋪 設定 */
#grid_area{width:608px; float:left; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#grid_area .grid_top{ height:25px; color:#2d4600; font-size:12px; font-weight:normal; overflow:hidden; zoom:1; background-image: url(../images/index/grid_top.gif); background-repeat: no-repeat; padding-top: 6px; padding-right: 0; padding-bottom: 0; padding-left: 28px; }
#grid_area .grid_con{ border-left:1px solid #c2c2a6; border-right:1px solid #c2c2a6; border-bottom:1px solid #c2c2a6; overflow:hidden; zoom:1; padding-top: 0; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.grid_left{ border-right:1px dotted #9a9a9a; border-bottom:1px dotted #9a9a9a; font-size:12px; float:left; width:268px; margin-right: 0px; margin-left: 0px; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 0; height: 140px; }
.grid_right{ border-bottom:1px dotted #9a9a9a; font-size:12px; float:right; width:273px; height: 140px; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 10px; }
.grid_pic{ width:120px; float:left; color:#3a3a3a; text-align:center;}
.grid_pic a{color:#3a3a3a; text-decoration:none;}
.grid_pic a:hover{color:#3a3a3a; text-decoration:underline;}
.grid_pic img{border:#4d4d4d 1px solid; margin-bottom:5px;}
.grid_inf{width:142px; float:right; position:relative;}
.grid_inf ul{margin-bottom:20px;}
.grid_inf li{ background:url(../images/index/icon_1.gif) no-repeat left 3px; padding-left:13px; width: 120px; overflow: hidden;white-space:nowrap; }
.grid_inf li a{color:#4f4f4f; text-decoration:none;}
.grid_inf li a:hover{color:#8A8A8A; text-decoration:underline;}
.grid_inf .grid_inftop{ background:url(../images/index/grid_namebg.gif) repeat-x; border:1px solid #93B103; height:19px; padding:4px 0 0 8px; color:#000; margin-bottom:10px; width:135px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.grid_more{position:absolute; left:104px; top:130px; width:36px; height:17px;}


/* 搜尋 設定 */
.s_select_1{width:130px;}
.s_input_1{width:125px;}