@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設定 */
#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_left{width:150px; float:left; margin-right:22px !important; margin-right:19px;}
/* ↓以下為會員資料 設定 */
.mem_inf{width:150px; margin-bottom:10px !important; margin-bottom:0;}
.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;}
.mem_inf_bg{ width:128px; border-left:#bbbbbb 1px solid; border-right:#bbbbbb 1px solid; padding:10px 10px 5px 10px; background-color: #FFF; position:relative;}
.mem_inf_bg ul{ padding-bottom:8px; margin-bottom:8px; }
.mem_inf_bg ul li{background:url(../images/sidebar/icon_2.jpg) no-repeat left 8px; padding-left:7px; color:#343434; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.mem_inf_bg ul li a{color:#343434; text-decoration:none;}
.mem_inf_bg ul li a:hover{color:#5B5B5B; border-bottom:#999999 1px dotted; margin-left:1px;}
.mem_inf_bg ul li .green_13{color:#2f952f; font-size:13px; font-weight:bold;} 
/* ↓以下為物品分類欄位 設定 */
.type_con{}
.type_con ol { margin-bottom: 0px; }
.type_con ol li{ padding-left:12px; background-image: url(../images/member/icon_7.gif); background-repeat: no-repeat; background-position: left 7px; margin-bottom: 0px; }
.type_con ol li a{color:#306209; font-size:12px; text-decoration:none;}
.type_con ol li a:hover{color:#969894; text-decoration:underline;}
.type_con ol li ul{ border:0; margin-top: 0; margin-right: 0; margin-bottom: 0px; margin-left: 2px; }
.type_con ol li ul li{margin-bottom:3px; background:url(../images/sidebar/icon_2.jpg) no-repeat left 8px; padding-left:6px;}
.type_con ol li ul li a{color:#48a400; font-size:12px; text-decoration:none;}
.type_con ol li ul li a:hover{color:#9da299; text-decoration:underline;}

/* ↓以下為物品分類欄位 設定 */
#mypro_type{ width:150px; background:url(../images/member/mypro_type3.jpg) no-repeat bottom; padding-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
#mypro_type #type_top{background:url(../images/member/mypro_type1.jpg) no-repeat top; padding:8px 0 0 0; height:20px; overflow:hidden; zoom:1;}
#mypro_type #type_top h3{font-size:15px; font-weight:bold; color:#343434; background:url(../images/member/mypro_type_icon.jpg) no-repeat left top; padding:0 0 10px 22px; margin-left:15px;}
#mypro_type #type_con{ background:url(../images/member/mypro_type2.jpg) repeat-y; padding:10px 8px; list-style-type: none; }
#mypro_type #type_con ul li{ background:url(../images/member/type_icon.jpg) no-repeat left 12px; padding-left:5px; font-size: 12px; color: #306209; list-style-type: none; }
#mypro_type #type_con ul li a{color:#306209; font-size:12px; text-decoration:none;}
#mypro_type #type_con ul li a:hover{color:#969894; text-decoration:underline;}

.mem_inf_down{height:8px; background:url(../images/sidebar/login_down.jpg) no-repeat;}

/* 登入會員 */
#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;}



/* ↓以下為中間欄位 設定 */
#content{width:608px; float:left;}
#tag{ position:absolute; float:left; top:0; color:#999999; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; left: 0px; }
#tag a{color:#009933; text-decoration:none;}
#tag a:hover{color:#999999; text-decoration:underline;}

/* 物品分類 */
.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);}/*登入區塊底部*/
.s_select_1{width:130px;}
.s_input_1{width:125px;}

/* 廣告banner */
.ad_ban{width:150px;}
.ad_ban img{margin-bottom:4px;}


.img_pro_my{ color:#969894; border: 1px solid #333; }

