@charset "utf-8";
/*首頁*/
#membersidewrap { float:left; width:185px; background:url(index/fra_member_01.gif) 0 0 repeat-y; padding:0; margin:10px 0 0 6px;}
#membersidewrap ul { float:left; width:100%; background:url(index/fra_member_02.gif) 0 100% no-repeat; padding:0 0 25px 0; margin:0;}
#membersidewrap li.membertitle { float:left; width:100%; background:url(index/title_side_11.gif) 0 0 no-repeat; height:37px; padding:0; margin:0;}
#membersidewrap li.membertitle span { display:block; width:185px; height:37px; line-height:175px; overflow:hidden; cursor:default;}

#membersidewrap li.memberinput { float:left; width:100%; background:url(index/space.gif) 0 0 no-repeat; padding:0; margin:3px 10px 3px 20px;}

#membersidewrap li.memberbt { float:left; width:87%; *width:100%; background:url(index/space.gif) 0 0 no-repeat; text-align:right; padding:0; margin:0 25px 0 5px;}

/*memberinput*/
#memberinputwrap { float:left; width:100%; background:url(index/space.gif) 0 0 no-repeat; padding:0; margin:0;}
#memberinputwrap ul { float:left; width:100%; display:inline; background:url(index/space.gif) 0 0 no-repeat; padding:2px 0 2px 0; margin:0;}
#memberinputwrap li.title { float:left; width:20%; color:#636363; font-size:11px; line-height:13px; padding:5px 0 0 0;}
#memberinputwrap li.memberinput02 { float:left; width:80%;}




/*會員專區_index*/
#mem_index { float:left; width:100%;}
#mem_index ul { float:left; width:100%; display:inline;}
#mem_index li.mem_p_01 { float:left; width:138px; background:transparent url(member/P_01.jpg) 0 0 no-repeat; height:294px;}/*會員功能列表*/
#mem_index li.mem_p_0102 { float:left; width:138px; background:transparent url(company/P_01.jpg) 0 0 no-repeat; height:294px;}/*廠商功能列表*/
#mem_index li.mem_p_02 { float:left; width:138px; background:transparent url(member/P_02.jpg) 0 0 no-repeat; height:294px;}/*登入會員*/
#mem_index li.mem_p_03 { float:left; width:138px; background:transparent url(member/P_03.jpg) 0 0 no-repeat; height:472px;}/*加入會員*/
#mem_index li.mem_p_04 { float:left; width:138px; background:transparent url(member/P_04.jpg) 0 0 no-repeat; height:294px;}/*加入成功*/
#mem_index li.mem_p_05 { float:left; width:138px; background:transparent url(member/P_05.jpg) 0 0 no-repeat; height:294px;}/*忘記密碼*/
#mem_index li.mem_list_01 { float:left; width:77%; padding:0;}
#mem_index li.mem_list_02 { float:left; width:77%; padding:0;}

/*mem_index_list*/
#mem_index_list_wrap { float:left; width:100%;}
#mem_index_list_wrap ul { float:left; width:100%;}
#mem_index_list_wrap li.mem_index_list_wrap_fra_title { float:left; width:100%; padding:0;}
#mem_index_list_wrap li.mem_index_list_wrap_title { float:left; width:100%; background:url(member/line_01.gif) 0 100% repeat-x; color:#666; letter-spacing:1px; padding:0 0 10px 0;}
#mem_index_list_wrap li.mem_index_list_wrap_warp { float:left; width:100%; background:url(member/space.gif) 0 0 no-repeat;}


/*mem_index_list_wrap_warp*/
#mem_menu01 { float:left; width:100%;}
#mem_menu01 ul.filetree01, ul.filetree01 ul { float:left; width:100%;}
#mem_menu01 ul.filetree01 li { float:left; width:100%; background:url(member/line_01.gif) 0 100% repeat-x; height:; *height:40px; min-height:40px; padding:3px 0 3px 0; color:#0088cf;}

#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_01 a {  display:block; width:100%; height:; *height:35px; min-height:35px; background:url(member/ic_title_01.gif) 0 0 no-repeat; color:#000000; font-size:12px; line-height:13px; text-decoration:underline;}
#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_01 a:hover { background:url(member/ic_title_01o.gif) 0 0 no-repeat; color:#7aac03; text-decoration:none;}

#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_02 a {  display:block; width:100%; height:; *height:35px; min-height:35px; background:url(member/ic_title_02.gif) 0 0 no-repeat; color:#000000; font-size:12px; line-height:13px; text-decoration:underline;}
#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_02 a:hover { background:url(member/ic_title_02o.gif) 0 0 no-repeat; color:#7aac03; text-decoration:none;}

#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_03 a {  display:block; width:100%; height:; *height:35px; min-height:35px; background:url(member/ic_title_03.gif) 0 0 no-repeat; color:#000000; font-size:12px; line-height:13px; text-decoration:underline;}
#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_03 a:hover { background:url(member/ic_title_03o.gif) 0 0 no-repeat; color:#7aac03; text-decoration:none;}

#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_04 a {  display:block; width:100%; height:; *height:35px; min-height:35px; background:url(member/ic_title_04.gif) 0 0 no-repeat; color:#000000; font-size:12px; line-height:13px; text-decoration:underline;}
#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_04 a:hover { background:url(member/ic_title_04o.gif) 0 0 no-repeat; color:#7aac03; text-decoration:none;}

#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_05 a {  display:block; width:100%; height:; *height:35px; min-height:35px; background:url(member/ic_title_05.gif) 0 0 no-repeat; color:#000000; font-size:12px; line-height:13px; text-decoration:underline;}
#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_05 a:hover { background:url(member/ic_title_05o.gif) 0 0 no-repeat; color:#7aac03; text-decoration:none;}

#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_06 a {  display:block; width:100%; height:; *height:35px; min-height:35px; background:url(member/ic_title_06.gif) 0 0 no-repeat; color:#000000; font-size:12px; line-height:13px; text-decoration:underline;}
#mem_menu01 ul.filetree01 li.mem_menu01_ic_title_06 a:hover { background:url(member/ic_title_06o.gif) 0 0 no-repeat; color:#7aac03; text-decoration:none;}


#mem_menu01 ul.filetree01 li span { display:block; padding:8px 0 0 35px; white-space:nowrap;}

#mem_menu01 ul.filetree01 li p { *display:inline-block; *position:relative; margin-top:-30px; margin-left:130px;}


/*mem_index_list_wrap_title*/
#fra_title_logout { float:left; width:60px; text-align:right; vertical-align:top;}

/*fra_title_0101*/
#fra_title_0102 { float:left; background:url(member/fra_title_0102.gif) 0 0 repeat-x; height:39px;}
#fra_title_0102 ul { float:left; width:100%; background:url(member/fra_title_0103.gif) 100% 0 no-repeat; height:39px; padding:0;}
#fra_title_0102 li { float:left; width:100%; background:url(member/fra_title_0101.gif) 0 0 no-repeat; height:39px; padding:7px 110px 0 45px; *padding:9px 110px 0 45px; color:#0d8c8f; font-weight:bold;}

#fra_title_0102_com { float:left; background:url(member/fra_title_0102.gif) 0 0 repeat-x; height:39px;}
#fra_title_0102_com ul { float:left; width:100%; background:url(company/fra_title_0103.gif) 100% 0 no-repeat; height:39px; padding:0;}
#fra_title_0102_com li { float:left; width:100%; background:url(member/fra_title_0101.gif) 0 0 no-repeat; height:39px; padding:7px 110px 0 45px; *padding:9px 110px 0 45px; color:#0d8c8f; font-weight:bold;}


/*基本配置*/
#mem_list_wrap { float:left; width:100%;}
#mem_list_wrap ul { float:left; width:100%;}
#mem_list_wrap li.mem_list_wrap_title_01 { float:left; width:100%; background:url(member/title_01.gif) 0 0 no-repeat; height:42px;}/*會員登入*/
#mem_list_wrap li.mem_list_wrap_title_01 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_0102 { float:left; width:100%; background:url(company/title_01.gif) 0 0 no-repeat; height:42px;}/*廠商登入*/
#mem_list_wrap li.mem_list_wrap_title_0102 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_02 { float:left; width:100%; background:url(member/title_02.gif) 0 0 no-repeat; height:42px;}/*加入會員需知*/
#mem_list_wrap li.mem_list_wrap_title_02 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_03 { float:left; width:100%; background:url(member/title_03.gif) 0 0 no-repeat; height:42px;}/*填寫會員資料*/
#mem_list_wrap li.mem_list_wrap_title_03 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_0302 { float:left; width:100%; background:url(member/title_0302.gif) 0 0 no-repeat; height:42px;}/*修改會員資料*/
#mem_list_wrap li.mem_list_wrap_title_0302 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_0303 { float:left; width:100%; background:url(company/title_0302.gif) 0 0 no-repeat; height:42px;}/*修改廠商資料*/
#mem_list_wrap li.mem_list_wrap_title_0303 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_04 { float:left; width:100%; background:url(member/title_04.gif) 0 0 no-repeat; height:42px;}/*加入成功*/
#mem_list_wrap li.mem_list_wrap_title_04 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_0402 { float:left; width:100%; background:url(member/title_0402.gif) 0 0 no-repeat; height:42px;}/*修改成功*/
#mem_list_wrap li.mem_list_wrap_title_0402 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_05 { float:left; width:100%; background:url(member/title_05.gif) 0 0 no-repeat; height:42px;}/*忘記會員密碼*/
#mem_list_wrap li.mem_list_wrap_title_05 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_wrap_title_0502 { float:left; width:100%; background:url(company/title_05.gif) 0 0 no-repeat; height:42px;}/*忘記廠商密碼*/
#mem_list_wrap li.mem_list_wrap_title_0502 span { display:block; width:100%; height:10px; line-height:42px; overflow:hidden;}

#mem_list_wrap li.mem_list_warp_wrap_01 { clear:both; float:left; width:100%; background:url(member/line_01.gif) 0 0 repeat-x; padding:15px 15px 10px 15px;}
#mem_list_wrap li.mem_list_warp_wrap_02 { clear:both; float:left; width:94%; *width:100%; background:url(member/line_01.gif) 0 0 repeat-x; padding:15px 5px 10px 15px;}/*加入會員需知*/
#mem_list_wrap li.mem_list_warp_wrap_0301 { clear:both; float:left; width:94.3%; *width:100%; background:url(member/space.gif)0 0 no-repeat; padding:0 15px 10px 35px;}/*會員註冊*/
#mem_list_wrap li.mem_list_warp_wrap_0302 { clear:both; float:left; width:100%; background:url(member/space.gif)0 0 no-repeat; padding:0 15px 10px 25px; *padding:0 15px 10px 15px;}/*會員註冊*/


#mem_list_wrap li.mem_list_warp_input_01 { float:left; width:100%; background:url(member/line_01.gif) 0 0 repeat-x; padding:15px 0 0 0; text-align:center;}
#mem_list_wrap li.mem_list_warp_input_02 { float:left; width:100%; padding:8px 0 0 0; text-align:center;}/*會員註冊*/


.bt_mem_agree { background:transparent url(member/bt_agree.gif) 0 0 no-repeat; width:184px; height:24px; border:none; color:#FFFFFF; padding:0; margin:0; cursor:pointer;}
.bt_mem_noagree { background:transparent url(member/bt_noagree.gif) 0 0 no-repeat; width:184px; height:24px; border:none; color:#FFFFFF; padding:0; margin:0; cursor:pointer;}


/*會員登入_login*/
#mem_login_warp { float:left; width:100%;}
#mem_login_warp ul { float:left; width:100%; display:inline;}
#mem_login_warp li.mem_login_warp_0101 { float:left; width:320px;}
#mem_login_warp li.mem_login_warp_0102 { float:left; width:100px; padding:5px 0 0 0;}


/*mem_login_warp_0101*/
#mem_login_warp_02 { float:left; width:100%;}
#mem_login_warp_02 ul { float:left; width:100%;}
#mem_login_warp_02 li.mem_login_word_01 { float:left; width:225px; *width:100%; background:url(member/word_01.gif) 0 0 no-repeat; padding:7px 0 5px 95px; *padding:5px 0 5px 95px;}
#mem_login_warp_02 li.mem_login_word_0102 { float:left; width:225px; *width:100%; background:url(company/word_01.gif) 0 0 no-repeat; padding:7px 0 5px 95px; *padding:5px 0 5px 95px;}

#mem_login_warp_02 li.mem_login_word_02 { float:left; width:225px; *width:100%; background:url(member/word_02.gif) 0 0 no-repeat; padding:8px 0 5px 95px;}
#mem_login_warp_02 li.mem_login_word_0202 { float:left; width:225px; *width:100%; background:url(company/word_02.gif) 0 0 no-repeat; padding:8px 0 5px 95px;}

#mem_login_warp_02 li.mem_login_word_03 { float:left; width:225px; *width:100%; background:url(member/word_03.gif) 0 0 no-repeat; padding:8px 0 5px 95px;}



/*加入會員_join*/
#mem_join_wrap { float:left; width:100%; height:420px; overflow:scroll; overflow-x:hidden; padding:0 20px 0 0;
scrollbar-highlight-color :#fff;
scrollbar-3dlight-color   :#eeeeee;
scrollbar-darkshadow-color:#eeeeee;
scrollbar-shadow-color    :#fff;
scrollbar-arrow-color     :#000000;
scrollbar-face-color      :#fff;
scrollbar-track-color     :#cccccc;
}



/*會員註冊_register*/
#mem_reg_fra09_con_01 { float:left; width:100%;}
#mem_reg_fra09_con_01 ul { float:left; width:100%;}
#mem_reg_fra09_con_01 li { float:left; width:100%; text-align:center; font-size:12px; padding:0 0 5px 0;}
#mem_reg_fra09_con_01 li span { color:#0088cf;}

#mem_reg_fra09_con_02 { width:94%; *width:100%;}
#mem_reg_fra09_con_02 ul { background:url(member/line_02.gif) 0 100% repeat-x;}
#mem_reg_fra09_con_02 li.mem_reg_word { float:left; width:70px; *width:80px; text-align:right; vertical-align:top; font-size:12px; line-height:14px; padding:8px 1px 10px 0;}
#mem_reg_fra09_con_02 li.mem_reg_word_02 { float:left; width:100px; text-align:right; vertical-align:top; font-size:12px; line-height:14px; padding:8px 1px 10px 0;}/*pro_pag4*/
#mem_reg_fra09_con_02 li.mem_reg_word_03 { float:left; width:100px; text-align:right; vertical-align:top; font-size:12px; line-height:14px; padding:4px 1px 10px 0;}/*pro_pag5*/
#mem_reg_fra09_con_02 li.mem_reg_input { float:left; width:390px; text-align:left; font-size:12px; line-height:14px; padding:3px 0 10px 1px;}
#mem_reg_fra09_con_02 li.mem_reg_input_02 { float:left; width:390px; text-align:left; font-size:12px; line-height:14px; padding:8px 1px 10px 0; color:#C00;}/*pro_pag4*/



/*忘記會員密碼_forget*/
#mem_forget_warp { float:left; width:100%;}
#mem_forget_warp ul { float:left; width:100%;}
#mem_forget_warp li.mem_forget_word { float:left; width:100%; color:#0088cf; text-align:center; padding:0 0 5px 0;}
#mem_forget_warp li.mem_forget_word_01 { float:left; width:80%; *width:100%; background:url(member/word_04.gif) 0 0 no-repeat; padding:5px 0 5px 95px;}
#mem_forget_warp li.mem_forget_word_0102 { float:left; width:80%; *width:100%; background:url(company/word_04.gif) 0 0 no-repeat; padding:5px 0 5px 95px;}

#mem_forget_warp li.mem_forget_word_02 { float:left; width:80%; *width:100%; background:url(member/word_05.gif) 0 0 no-repeat; padding:5px 0 5px 95px;}
#mem_forget_warp li.mem_forget_input { float:left; width:100%; text-align:center; padding:0; *padding:5px 0 0 0;}

#mem_forget_warp li.mem_success { float:left; width:100%; font-size:15px; line-height:50px; text-align:center; padding:10px 0 0 0;}/*加入會員成功*/
#mem_forget_warp li.mem_success span { color:#F00; font-weight:bold;}
#mem_forget_warp li.mem_success a { color:#0f6eec; text-decoration:underline;}
#mem_forget_warp li.mem_success a:hover { color:#000;}