@charset "utf-8";

.neon_member	{}
.neon_member .mb_hd	{height: 0; overflow: hidden;}
.neon_member .mb_hd3	{padding: 0 15px; height: 40px; line-height: 40px; background-color: #FFF; border-bottom: 1px solid #e5e5e5; font-weight: bold;}

.mb_pf	{padding: 30px 0 40px; text-align: center; color: #FFF;}
.mb_pf a	{color: #FFF;}
.mb_pf .pf,
.mb_pf .pf_img	{display: block; margin: 0 auto; width: 80px; height: 80px;}
.mb_pf .nickname,
.mb_pf .level	{display: inline-block; margin: 10px 5px;}
.mb_pf .level	{opacity: 0.7;}
.mb_pf li	{display: inline-block; position: relative; margin-right: 1px; overflow: hidden; z-index: 1;}
.mb_pf li:first-child	{border-radius: 15px 0 0 15px;}
.mb_pf li:last-child	{border-radius: 0 15px 15px 0;}
.mb_pf li::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.1; z-index: -1;}
.mb_pf li a	{display: inline-block; padding: 10px 15px;}
.mb_pf li .role_bt	{display: inline-block; padding: 10px 15px;}
.mb_pf li i	{font-size: 0.9em;}
.mb_pf .new_layer	{display: none;}

.mb_tab	{position: relative; height: 41px; overflow: hidden; z-index: 1;}
.mb_tab::before	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFF; opacity: 0.5; z-index: -1;}
.mb_tab ul	{padding-bottom: 50px; margin-bottom: -50px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.mb_tab li	{display: inline-block; }
.mb_tab li.active	{background-color: #FFF; font-weight: bold;}
.mb_tab li a	{display: inline-block; padding: 13px;}

.mb_body	{padding: 15px; background-color: #FFF;}

.mb_table	{border: 1px solid #e5e5e5; overflow: hidden;}
.mb_table table	{width: 100%; border-collapse: collapse;}
.mb_table caption	{display: none;}
.mb_table tr	{border-bottom: 1px solid #e5e5e5;}
.mb_table tr:last-child	{border-bottom: none;}
.mb_table th,
.mb_table td	{padding: 10px; line-height: 1.2em;}
.mb_table th	{min-width: 110px; border-right: 1px solid #e5e5e5; background-color: #f7f7f7; text-align: left;}
.mb_table em,
.mb_modify em	{font: 1.2em/0.8em "Verdana"; vertical-align: middle; color: #E20F00 !important;}

.bt_leave	{display: block; width: 100%; margin-top: 15px; padding: 10px 0;}

/* sign up */
.agreement	{margin-bottom: 30px;}
.agreement_box	{height: 150px; padding: 15px; margin-bottom: 15px; border: 1px solid #e5e5e5; background-color: #FFF; overflow: auto; line-height: 1.4em;}
.agreement label	{color: #888;}

/* modify info */
.mb_modify {background-color: #f7f7f7;}
.mb_modify>div	{max-width: 450px; margin: 15px auto; overflow: hidden;}
.mb_modify li	{position: relative; margin-bottom: 30px;}
.mb_modify .lb	{margin-bottom: 10px; font-weight: bold;}
.mb_modify input[type=text],
.mb_modify input[type=email],
.mb_modify input[type=url],
.mb_modify input[type=file],
.mb_modify input[type=password],
.mb_modify textarea	{width: 100%; padding: 8px 10px; box-sizing: border-box; background-color: #FFF; border: 1px solid #DDD;}
.mb_modify textarea	{height: 100px;}
.mb_modify input[type=tel]	{padding: 8px 10px; background-color: #FFF; border: 1px solid #DDD;}
.mb_modify input:focus,
.mb_modify textarea:focus	{padding: 7px 9px;}
.mb_modify .help-block	{margin-top: 10px; font-size: 0.9em; line-height: 1.4em; color: #888;}

.allow_msg label	{margin-right: 5px;}
.modify_msg	{padding: 10px; margin-bottom: 15px; border: 1px dotted #CCC; background-color: #EEE; font-size: 0.85em; line-height: 1.2em;}
.ip_area input[type=email]	{width: calc(100% - 60px); padding: 0 10px; line-height: 34px;}
.ip_area .bt	{width: 60px; line-height: 36px;}

#find_account_answer	{margin-top: 5px;}
#find_account_answer + label	{position: absolute; right: 0; top: 25px;}

#profile_imagetag	{display: block; padding-bottom: 10px;}
#profile_imagetag img	{vertical-align: bottom;}
#profile_imagetag button	{display: inline-block; padding: 10px 15px; margin-left: 7px; background-color: #DDD; vertical-align: bottom; color: #888;}

.bt_area2 .bt	{width: calc(50% - 5px); padding: 10px 0;}
.bt_area2 .bt:first-child	{margin-right: 10px;}

.m_login	{width: 200px; margin: 20px auto 40px; text-align: center; color: #FFF;}
.m_login a	{color: #FFF;}
.m_login_icon	{opacity: 0.8;}
.m_login_form	{margin-top: 30px;}
.m_login_form input:not([type=checkbox])	{display: block; width: 100%; padding-bottom: 3px; margin-bottom: 15px; border: none; border-bottom: 1px solid #FFF; background-color: transparent; opacity: 0.5; color: #FFF;}
.m_login_form input::-webkit-input-placeholder	{opacity: 1; color: #FFF;}
.m_login_form input:-ms-input-placeholder	{opacity: 1; color: #FFF;}
.m_login_form input::-moz-placeholder	{opacity: 1; color: #FFF;}
.m_login_form input:-moz-placeholder	{opacity: 1; color: #FFF;}
.m_login_form label	{opacity: 0.8;}
.m_login_help	{margin: 15px -50px 0; line-height: 1.4em; font-size: 0.9em; text-align: justify;}
.m_login .bt_login	{display: block; width: 100%; padding: 10px 0; margin-top: 15px; background-color: #FFF; opacity: 0.6;}
.m_login .bt_area	{margin-top: 15px; opacity: 0.8;}
.m_login .bt_area a	{margin: 0 10px;}

.m_login .error_msg	{margin: 15px -60px 0; padding: 10px; border: 1px dotted #FFF; opacity: 0.6; line-height: 1.4em;}

/* recheck pass */
.ask_pass	{width: 300px; padding: 30px 0; margin: 0 auto; text-align: center; color: #AAA;}
.ask_pass i	{margin-bottom: 12px; color: #CCC;}
.ask_pass p	{line-height: 1.4em;}
.ask_pass .ip_bs	{margin-top: 15px; line-height: 34px;}
.ask_pass .bt_area	{margin-top: 15px;}

/* find account */
.find_account h2	{font-size: 1.2em; margin-bottom: 15px;}
.find_account select	{margin-top: 15px;}
.find_account_unit	{width: 100%; height: 1px; background-color: #EEE;}

/* member header2 */
.mb_hd2	{padding: 30px 0 50px; text-align: center;}
.mb_mark	{display: inline-block; width: 80px; height: 80px; background-color: #FFF; border-radius: 50%;}
.mb_mark i	{line-height: 80px;}

/* list basic */
.list_d>ul>li	{position: relative; padding: 13px 60px 14px 15px; border-bottom: 1px solid #eee;}
.list_d>ul>li:last-child	{border-bottom: none;}
.list_d .list_link	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.list_d .list_board	{line-height: 1.2em; font-size: 1.05em; color: #616baf;}
.list_d .list_title	{line-height: 1.2em; font-size: 1.05em; font-weight: 500;}
.list_d .list_thumb	{position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; z-index: 1;}
.list_d .list_thumb::after	{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box; opacity: 0.2;}
.list_d .list_thumb img	{width: 50px; height: 50px;}
.list_d .has_thumb	{min-height: 43px; padding-left: 70px;}
.list_d .list_info	{margin-top: 5px; font-size: 0.8em; color: #999;}
.list_d .list_info:empty	{display: none;}
.list_d .list_info>div	{display: inline-block; margin-right: 10px;}
.list_d .list_info i	{color: #DDD;}
.list_d .bt_list_del	{position: absolute; right: 0; top: 0; width: 50px; height: 100%; background-color: #f7f7f7; font-size: 24px; color: #AAA; z-index: 3;}

/* saved list */
.mb_saved>ul>li	{padding: 0;}
.mb_saved_unit	{position: relative; padding: 13px 60px 14px 15px;}
.mb_saved_content	{display: none; border-top: 1px solid #EEE; padding: 15px;}
.mb_saved_content .xe_content	{line-height: 1.4em; font-size: 1.0em;}

/* document list */
.mb_document>ul>li	{padding-right: 15px;}

/* pagination */
.pagination	{position: relative; height: 40px; padding: 0 50px; border-top: 1px solid #e5e5e5; text-align: center; line-height: 40px; overflow: hidden;}
.pagination .bt	{position: absolute; top: 0; width: 50px;}
.pagination .page_prev	{left: 0; border-right: 1px solid #e5e5e5;}
.pagination .page_next	{right: 0; border-left: 1px solid #e5e5e5;}
.pagination .second	{margin-left: -10px;}

.pagination_num	{padding-bottom: 50px; margin-bottom: -50px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.pagination_num a	{display: inline-block; padding: 0 15px; box-sizing: border-box; color: #AAA;}
.pagination_num a.active	{color: #333;}


.add_friend	{padding: 15px;}
.add_friend .target	{position: relative; min-height: 38px; padding: 2px 0 15px 55px;}
.add_friend .pf	{position: absolute; left: 0; top: 0;}
.add_friend .target .text	{display: block; margin-top: 5px;}
.add_friend .custom_select	{width: 100%; height: 36px; line-height: 36px;}
.add_friend .custom_select select	{width: calc(100% - 70px); margin-left: 10px; font-size: 1.0em;}
.add_friend .bt_area	{position: relative; margin-top: 15px; text-align: right;}
.add_friend .bt_group	{position: absolute; left: 0; bottom: 0;}
.add_friend button	{padding: 10px 15px;}

.add_group	{margin-top: 30px;}
.add_group .ip_bs	{display: block; margin-top: 10px; width: 100%; height: 36px;}

.atc_success	{padding-top: 30px; line-height: 1.6em; text-align: center; color: #AAA;}
.atc_success i	{margin-bottom: 15px; color: #DDD;}
.atc_success .bt	{margin: 15px 3px 0; line-height: 1.0em;}

/* custom select */
.custom_select	{position: relative; display: inline-block; padding-left: 10px; border: 1px solid #e5e5e5; background-color: #FFF; box-sizing: border-box; text-align: left;}
.custom_select::after	{content: '\25BE'; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 0.7em; color: #AAA;}
.custom_select select	{width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0 box-shadow: none; border: 0 !important; background: none; background-image: none; padding: 0; margin: 0; color: #AAA;}