@charset "utf-8";
/* CSS Document */
#area_0{width:100%; border-right:1px solid #8ac80d; border-left:1px solid #8ac80d; border-bottom:1px solid #8ac80d; padding:0 5px 25px 5px; margin-bottom:20px;}
#mem_top{background:url(../images/member/mem_topbg.gif) no-repeat top center; width:590px; margin:10px 0 0 175px; padding-top:65px; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif;}
#mem_top_2{ width:760px; padding-top:65px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 175px; _margin-left: 172px; position: relative; background-image: url(../images/member/mem_topbg.gif); background-repeat: no-repeat; background-position: left top; }
#wellcom{position:absolute; float:right; top:18px; right:0; color:#6ca00d; font-size:13px;}
#tag{position:absolute; float:right; top:0; right:0; color:#999999; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#tag a{color:#009933; text-decoration:none;}
#tag a:hover{color:#999999; text-decoration:underline;}
#foreword{background:url(../images/member/icon_2.gif) no-repeat left 3px; color:#646464; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px;}
#foreword h3{background:url(../images/member/icon_2.gif) no-repeat left 3px; color:#f65700; font-size:15px; font-weight:bold; padding-left:18px; margin-bottom:8px;}

/* 會員登入頁面 */
#login_area{
	margin:0 0 20px 83px;
	width:430px;
	height:180px;
	background:url(../images/member/login_bigicon.jpg) no-repeat right 11px;
}
/* ↓以下為會員登入 */
.log_form{font-family: "Courier New", Courier, monospace; font-size: 12px; background: url(../images/member/login_t.jpg) no-repeat left top; padding-top: 36px; width:265px;}/*表單區塊*/
.log_form .input_id, .log_form .input_pd{padding: 2px; margin-bottom:5px; width:197px;}/*帳號密碼區塊*/
.log_form .input_id label, .log_form .input_pd label{line-height: 150%; margin-right:5px;}/*欄位名稱*/
.log_form .log_input{width:150px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} /*表單欄位樣式*/
.log_form .log_input_n{width:50px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} /*表單欄位樣式(驗證碼)*/
.log_form .input_button{float:right; width:54px; height:54px;}/*按鈕*/
.log_form .line{background:url(../images/member/line_1.jpg) repeat-x; height:1px; margin:12px !important; margin:0px; width:265px;}
.log_form .forgot{float:right; margin-right:5px; background:url(../images/member/icon_1.gif) no-repeat left top; color:#636362; padding-left:20px;}
.log_form .forgot a{color:#636362; text-decoration:none;}
.log_form .forgot a:hover{text-decoration:underline;}

/* ↓以下為加入會員 */
#add_area{background:url(../images/member/add_bg.jpg) repeat-y; width:537px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:10px;}
#add_area #add_t{height:12px; background:url(../images/member/add_t.jpg) no-repeat; overflow:hidden; zoom:1;}
#add_area #add_d{height:40px; background:url(../images/member/add_d.jpg) no-repeat; overflow:hidden; zoom:1;}
#add_area #add_m{margin:5px 0 10px 17px; background:url(../images/member/add_icon.jpg) no-repeat left top; padding:68px 0 0 166px; color:#808080; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; width:321px;}
#add_area #add_m p{line-height:20px; margin-bottom:30px;}
#add_area #add_but{width:234px; height:87px;}


/* 會員條款頁面 */
#article{margin:auto; width:96%;}
#article #art_con{width:476px; padding:10px; color:#2D2D2D; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; margin:15px auto; border:#BCBCBC 1px solid; overflow: auto;}
#article #art_but{margin-left:160px; margin-bottom:20px; overflow:hidden; zoom:1;}
#article #art_but li{margin-right:44px; float:left;}

/* 加入會員頁面 */
.exp{background-color:#86c117; padding:3px 8px; height:18px; color:#FFFFFF; font-size:13px; font-weight:bold; margin-top:10px;}
.line_2{background:url(../images/member/line_1.jpg) repeat-x; height:1px; margin:3px 0;}
.add_form{
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	padding:5px;
}/*表單區塊*/
.add_table{width:100%;}
.add_table tbody th{
	color:#666666;
	text-align:left;
	background-image: url(../images/member/icon_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 16px;
}
.add_table tbody td{
	color:#666;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
.box_1{
	width:150px;
	height:16px;
	border-right:#9f9f9f 1px solid;
	border-bottom:#9f9f9f 1px solid;
	border-top:#c7c7c7 1px solid;
	border-left:#c7c7c7 1px solid;
	padding:2px;
	color:#000;
	font-size:12px;
	margin-left: 3px;
}
.box_2{width:250px; height:16px; margin-left:3px; border-right:#9f9f9f 1px solid; border-bottom:#9f9f9f 1px solid;
 border-top:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; padding:2px; color:#000; font-size:12px;}
.box_3{ height:20px; margin-left:3px; border-right:#9f9f9f 1px solid; border-bottom:#9f9f9f 1px solid; border-top:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; padding:2px; color:#000; font-size:12px; }
.box_4{width:120px; height:20px; margin-left:3px; border-right:#9f9f9f 1px solid; border-bottom:#9f9f9f 1px solid;
 border-top:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; padding:2px; color:#000; font-size:12px;}
.box_5{width:400px; height:60px; margin-left:3px; border-right:#9f9f9f 1px solid; border-bottom:#9f9f9f 1px solid;
 border-top:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; padding:2px; color:#000; font-size:12px;}
.box_6{width:40px; height:20px; margin-left:3px; border-right:#9f9f9f 1px solid; border-bottom:#9f9f9f 1px solid;
 border-top:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; padding:2px; color:#000; font-size:12px;}
.box_num{width:60px; height:16px; margin-left:3px; border-right:#9f9f9f 1px solid; border-bottom:#9f9f9f 1px solid;
 border-top:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; padding:2px; color:#000; font-size:12px;}
.add_but{margin:30px 0 20px 200px; overflow:hidden; zoom:1;}
.add_but li{margin-right:44px; float:left;}

/* 訊息-成功(失敗) */
#success{width:341px; height:87px; margin:0 auto 20px auto; background:url(../images/member/success.jpg) no-repeat; padding:66px 10px 0 177px; color:#f65700; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#fail{width:341px; height:87px; margin:0 auto 20px auto; background:url(../images/member/fail.jpg) no-repeat; padding:66px 10px 0 177px; color:#1d58ff; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.suc_but{float:right; margin-right:10px; width:90%; height:24px;}
.suc_but li{background:url(../images/member/icon_4.gif) no-repeat left 7px; float:right; padding-left:14px; margin:0 15px 30px 0;}
.suc_but li a{color:#666666; font-size:13px; text-decoration:none;}
.suc_but li a:hover{text-decoration:underline;}
#verify{width:341px; height:87px; margin:0 auto 20px auto; background:url(../images/member/verify.jpg) no-repeat; padding:66px 10px 0 177px; color:#1d58ff; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}


/* 忘記密碼 */
#forgot{
	width:450px;
	padding-top:26px;
	background-image: url(../images/member/forget_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 70px;
}
#forgot p{color:#5d5d5d; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:5px;}

#ｓｅｎｄ_ｃｈｅｃｋ_ｍａｉｌ{
	width:450px;
	padding-top:26px;
	background-image: url(../images/member/Send_Check_Mail.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 70px;
}
#ｓｅｎｄ_ｃｈｅｃｋ_ｍａｉｌ p{color:#5d5d5d; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:5px;}

.line_3{background:url(../images/member/line_2.jpg) repeat-x; height:1px; margin:3px; overflow:hidden; zoom:1;}
.for_form{font-family: "Courier New", Courier, monospace; font-size: 12px; background: url(../images/member/forget_icon.jpg) no-repeat right top; padding-right: 114px; height:200px; margin-top:10px;}/*表單區塊*/
.for_form .row{padding: 2px; margin-bottom:10px;}/*帳號密碼區塊*/
.for_form .row label{margin-right:5px;}/*欄位名稱*/
.for_form .for_input{width:150px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} 
/*表單欄位樣式*/
.for_form .for_input_n{width:60px; height:18px; margin-right:3px; border:#9f9f9f 1px solid; padding:0px; color:#000; font-size:12px;} 
/*驗證碼欄位樣式*/
.for_form .input_button{width:74px; height:25px; margin:20px 0 0 70px;}/*按鈕*/

.for_succ{color:#0033FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; background: url(../images/member/forget_icon_succ.jpg) no-repeat right top; padding-right: 114px; height:120px; margin-top:10px;}
.for_fail{color:#0033FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; background: url(../images/member/forget_icon_fail.jpg) no-repeat right top; padding-right: 114px; height:120px; margin-top:10px;}



/* 新增物品 */
#area{width:96%; border-right:1px solid #8ac80d; border-left:1px solid #8ac80d; border-bottom:1px solid #8ac80d; padding:0 15px 25px 15px; margin-bottom:20px; overflow:hidden; zoom:1;}
.add_pro_t{background:url(../images/member/icon_6.gif) no-repeat left 3px; margin:0 0 10px 50px; color:#506498; font-size:15px; font-weight:bold; padding-left:18px;}
.pro_add_tab{ width:710px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.pro_add_tab table{ padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#5F5F5F; font-size:12px; line-height:18px; width:100%; }


/* 我的物品 */
#mypro_area{ width:750px; float: left; }
#mypro_right{width:715px; clear: right; }
#mypro_left{float:left; width:138px;}
.add_pro_t2{background:url(../images/member/icon_6.gif) no-repeat left 3px; margin:0 0 10px 20px; color:#506498; font-size:15px; font-weight:bold; padding-left:18px;}
/* ↓以下為注意事項 設定 */
#act{width:699px; background:url(../images/member/mypro_act2.jpg) no-repeat bottom; padding-bottom:8px; margin-bottom:10px; margin-left:15px; color:#606060; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#act #act_top{height:26px; background:url(../images/member/mypro_act1.jpg) no-repeat top;}
#act #act_con{border-left:#c9c9c9 1px solid; border-right:#c9c9c9 1px solid; background:url(../images/member/mypro_act_icon.jpg) no-repeat 10px 20px; padding:12px 12px 12px 120px;}
/* ↓以下為左邊選單 設定 */
#mypro_leftbut{width:113px; margin:auto; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#mypro_leftbut li{height:30px; background:url(../images/member/mypro_but.jpg) no-repeat; padding-top:6px; text-align:center; margin-bottom:8px;}
#mypro_leftbut li a{color:#454545; font-size:13px; text-decoration:none;}
#mypro_leftbut li a:hover{color:#4a6125; text-decoration:underline;}

/* ↓以下為物品列表 設定 */
#mypro_con{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:98%; float:right;}
#mypro_con #list_but{ padding-bottom:12px !important; padding-bottom:6px; height:30px; line-height: 150%; }
#mypro_con #list_but li{background:url(../images/member/icon_7.gif) no-repeat left 5px; padding-left:12px; margin:0 3px 0 10px; float:left; color:#7c563d; font-size:13px;}
#mypro_con #list_but li a{color:#343434; text-decoration:none;}
#mypro_con #list_but li a:hover{color:#ff8400; text-decoration:none;}
#mypro_con #list_but li.action a{color:#ff8400; font-weight:bold;}
.info_area{margin:10px 0; float:right; width:100%;}
.info_area .pro_inf{height:100px; border-bottom:#afe252 3px solid; padding-bottom:5px; margin-bottom:8px; font-size:12px;}
.info_area .pro_inf .pro_pic{width:120px; height:90px; border:#B7B7B7 solid 1px; margin-right:5px; float:left;}
.info_area .pro_inf .pro_name{color:#1a57d3; font-size:13px; font-weight:bold; float:left; margin-bottom:5px;}
.info_area .pro_inf .pro_name a{color:#1a57d3; text-decoration:none;}
.info_area .pro_inf .pro_name a:hover{color:#1a57d3; text-decoration:underline;}
.info_area .pro_inf .pro_change{color:#888989; font-size:12px; float:right;}
.info_area .pro_table{float:right; width:78%;}
.info_area .pro_table table tbody td{color:#595959; text-align:left; letter-spacing:-0.08em;}
.info_area .pro_button{height:24px; text-align:right;}
.info_area .pro_button img{margin-left:8px; width:52px; height:24px;}
/* ↓以下為物品詳細頁 設定 */
#pro_con{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; width:99%; float:right;}
.up_but{height:15px; margin-bottom:20px;}
.up_but ul li{background:url(../images/product/icon_2.gif) no-repeat left 3px; padding-left:15px; margin-left:15px; float:right; font-size:12px;}
.up_but ul li a{color:#4347ff; text-decoration:none;}
.up_but ul li a:hover{color:#4347ff; text-decoration:underline;}
.pro_inf{margin-bottom:15px;}
.pro_inf .photo{ float:left; width:350px; text-align:center; border:#7f7f7f 1px solid; padding: 5px; }
.pro_inf .txt{float:right; width:335px;}
.pro_inf .txt .change_but{margin:10px 0 0 150px; width:118px; height:33px;}
.pro_inf .txt table{}
.pro_inf .txt table thead th{background:#88cb0c; padding:2px 5px; color:#FFF; font-size:18px; font-weight:bold; text-align:left;}
.pro_inf .txt table tbody th{background:#cee89e; padding:2px 5px; color:#333; font-size:13px; border-bottom:#bbd48c 1px solid; text-align:right;}
.pro_inf .txt table tbody .td_d{background:#FFF; padding:2px 5px; color:#333; font-size:13px; border-bottom:#d7d8d5 1px dotted;}
/*#pro_detail{width:100%; float:left; margin-top:15px;}
#pro_detail ul{height:31px; border-bottom:#88cb0c 3px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:15px;}
#pro_detail ul li{background:url(../images/product/but_bg.jpg) repeat-x; padding-top:10px; margin-right:10px; float:left; height:18px; text-align:center; width:80px;}
#pro_detail ul li a{color:#333; font-size:12px; text-decoration:none;}
#pro_detail ul li a:hover{text-decoration:underline;}
#pro_detail ul li.action a{color:#FFF; font-weight:bold;}
#pro_detail ul li.action a:hover{color:#FFF;}*/
/* ↓以下為物品詳細頁-問與答 設定 */
.qa{margin-bottom:10px; border-bottom:#336600 1px dotted; padding-bottom:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003100;}
.qa .que{border:#494949 1px solid; padding:6px; background:#CFDF5E;}
.qa .ans{border-bottom:#494949 1px solid; border-right:#494949 1px solid; border-left:#494949 1px solid; padding:6px; background:#FFF;}
.qa a{color:#0033FF; text-decoration:none;}
.qa a:hover{color:#0033FF; text-decoration:underline;}



/* ↓以下為會員評價 設定 */
#rating_top{background:url(../images/member/mypro_line.jpg) repeat-x bottom; padding-bottom:12px !important; padding-bottom:6px; height:auto;}
.memrating{margin-bottom:8px; font-size:12px; color:#7c563d;}
#rating_top_1{background:url(../images/member/mypro_line.jpg) repeat-x bottom; padding-bottom:3px; margin-bottom:10px;}
.ratingtable{margin-left:15px;}
.black_rating a{color:#405911; text-decoration:none;}
.black_rating a:hover{color:#FF6600; text-decoration:underline;}
#rating_area{ margin-top:0px; }
.rating_block{border-bottom:1px solid #7bab31; padding-bottom:6px; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#47572B; line-height:20px;}
.rating_block a{color:#5a7927; text-decoration:none;}
.rating_block a:hover{text-decoration:underline;}
.rating_block p{background:url(../images/member/icon_7.gif) no-repeat left 5px; font-weight:bold; padding-left:12px;}




#pro_edit{ float: left; background-image: url(../images/product/Pro_Edit_right.gif); background-repeat: no-repeat; background-position: right; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 150%; letter-spacing: 1px; height: 25px; margin-top: 10px; }
#pro_edit ul{  }
#pro_edit ul li{ display: inline; }
#pro_edit ul li.pro_right_1{ background-image: url(../images/product/Pro_Edit_r1.gif); background-repeat: no-repeat; background-position: left; height: 25px; float: left; padding-left: 10px; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 25px; color: #333; }
#pro_edit ul li.pro_right_2 a{ background-image: url(../images/product/Pro_Edit_r2.gif); background-repeat: no-repeat; background-position: left; height: 25px; float: left; padding-left: 14px; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 25px; padding-right: 5px; }
#pro_edit ul li a{ background-image: url(../images/product/Pro_Edit_r3.gif); background-repeat: no-repeat; background-position: left; height: 25px; float: left; padding-left: 10px; font-family: "Courier New", Courier, monospace; font-size: 12px; line-height: 25px; padding-right: 5px; }