@charset "utf-8";

.member-tab {;}
.member-tab .tab-item{float: left; width: 50%; text-align: center; border: 1px solid #d4d4d4; border-bottom: 4px solid #000; }
.member-tab .tab-item:last-child {border-left: 0px;}
.member-tab .tab-item button,
.member-tab .tab-item a {color: #5d5d5d; padding: 10px; display: block; font-size: 15px; font-weight: 900; width: 100%; background: inherit;border:0}
.member-tab .tab-item.on {background-color: #000; border-color: #000}
.member-tab .tab-item.on button,
.member-tab .tab-item.on a{color: #fff;background-color:#000;border:0}

#loginForm{max-width:450px;margin:0 auto;padding:50px 0;}
#loginForm .header{margin-bottom:100px;text-align:center}
#loginForm .header .title{display: inline-block;padding: 0 30px;font-size: 25px;border-bottom: 4px solid #000;font-weight: 900;padding-bottom: 15px;}
#loginForm .content{margin:0}
#loginForm .input-controller .row {margin: 15px 0;}
#loginForm .input-controller .row.btn-place {margin: 0;}
#loginForm .input-controller input {width: 100%; padding: 7px}
#loginForm .input-controller input[type="checkbox"] {width: auto;}
#loginForm .input-controller button[type="submit"] {display: block; width: 100%; font-weight: 900; background-color: #000; color: #fff; border: 0px; padding: 14px}
#loginForm .login_sbtn {margin: 30px 0}
#loginForm .login_sbtn .item {float: left; width: 33.33333333%; text-align: center; border-right: 1px solid #a0a0a0; color: #5d5d5d}
#loginForm .login_sbtn .item:last-child {border-right: 0px; }

#checkForm {max-width: 450px;}
#checkForm .auth-controls {display: none}
.auth-box{ z-index:10; background-color:#fff;}

.login_input{position:relative;}
.login_input .password-guide{display:none;position:absolute;top:90px;z-index:5;width:400px;padding:15px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:12px;line-height:17px;letter-spacing:-1px}
.login_input .password-guide strong{color:#EE253E}
.login_input input { width:384px; height:37px; border:none; font-size:12px; background:url("../images/member/login_box.gif") repeat-x; padding-left:5px; float: left; }
.login_input input.last { margin-top:10px; width:384px; height:37px; padding-left:5px; border:none; background:url("../images/member/login_box.gif") repeat-x; } 
.login_all ul > li > span.on { font-weight:bold; color:#494949; } 
.login_tab_txt { margin-top:15px; font-size:12px; width:278px; height:40px; }
.login_btn { margin-left:404px; margin-top:65px; width:162px; height:84px; text-align:center; background-color:#494949; cursor:pointer; }
.login_btn_txt { padding-top:32px; }
.checkbox { width:566px; height:30px; }
.checkbox input { margin-top:15px; }
.checkbox_txt { padding-left:5px; color:#494949; }
.drugbox { border:1px solid #eeeeee; width:100%; height:200px; margin-top:50px; overflow-y:scroll; }
.drugbox_txt_box { margin-left:10px; margin-top:10px; line-height:18px; font-size:12px; }
.drugbox_tit { font-weight:bold; color:#ee4900; font-size:12px; }
.text { width:100%; margin-top:18px; height:50px; float: left; }
.text_tit { color:#494949; float: left; }
.radio { width:158px; float:right; }
.radio input { margin-right:5px; }
.radio label { padding:0 10px 0 5px; color:#494949; font-weight:bold; font-size:12px; }
.radio_txt {;}
.login_line {clear:both; padding: 5px 0;}
.login_sbtn_b {text-align: center;}
.login_sbtn_b a {display: inline-block; font-weight: 600; border: 1px solid #000; padding: 3px 10px; margin: 0 10px; color: #000;}
.login_sbtn_b a.bg {background-color: #000; color: #fff;}

.login_navi { height:25px; padding-top:25px; }

.check_box { width:874px; border:1px solid #cbcbcb; margin:0 auto; }
.check_box ul{;}
.check_box ul:after{display:block;clear:both;content:''}
.check_box ul > li {float:left;width:218px;padding:13px 0;border-right:1px solid #cbcbcb; text-align:center;font-size:12px;}
.check_box ul > li.last { width:217px; border-right:0px; }
.check_box ul > li.on { font-weight:bold; color:#494949; background: #fbfbfc; }

.check_text {margin: 10px 0; font-size: 15px; font-weight: 500}
.check_text_tit { color:#000; }

.check_radio { width:201px; font-weight:bold; float:right; }
.check_radio input { margin-right:5px; float: left; }
.check_radio label { padding:0 10px 0 5px; font-size:12px; color:#494949; }
.check_radio_txt { width:65px; float:left; }

.check_ipin { width:725px; height:84px; margin-top:91px; margin:0 auto; }
.check_ipin div.txt { width:550px; margin-top:91px; line-height:18px; height:84px; float: left; }
.check_ipin div > span { font-size:12px; } 
.check_ipin_btn { margin-top:91px; width:162px; height:84px; text-align:center; background-color:#494949; float: right; cursor:pointer; }
.check_ipin_txt { padding-top:32px; }
.check_ipin_tit { color:#494949; font-weight:bold; line-height:35px; }

.agree { max-width: 750px; height:780px; margin-bottom:10px; }
.agree_box {padding-bottom:30px; margin:0 auto; }
.agree_box h2 {font-size: 15px; margin: 20px 0;}
.agree_drugbox { border:1px solid #000; width:100%; height:146px; overflow-y:scroll; padding: 15px;}
.agree_drugbox_txt { font-size:12px; }
.agree_drugbox_tit { font-weight:bold; font-size:12px; }

.agree_checkbox { float: right; }
.agree_checkbox input { margin-top:15px; }
.agree_checkbox_txt { padding-left:5px; color:#494949; }
.agree_line { width:876px; height:1px; background-color:#eeeeee; margin-top:50px; }


.bic_btn {text-align: center; margin: 20px 0; margin-left: -5px; margin-right: -5px;}
.bic_btn:after {display: block; content: ''; clear: both;}
.bic_btn a {font-size: 15px; font-weight: 600; float: left; width: 50%; padding: 5px; background-color: inherit; border: 0px;}
.bic_btn a span {border: 1px solid #000; display: block; padding: 10px 0; color: #000;}
.bic_btn a span:hover {background-color: #000; color: #fff; }

.bic_btn .bic_cancel span {;}
.bic_btn .bic_cancel span:hover {color: #ff3366; border-color: #ff3366; background-color: #fff;}
.bic_btn .bic_confirm span { color:#fff; font-weight:bold; background-color: #000}
.bic_btn .bic_confirm span:hover {background-color: #fff; color: #000;}
.bic_cancel span { font-weight:bold; font-size:12px; }

.sbtn_box { border:1px solid #cbcbcb; background-color:#fbfbfc; text-align:center; margin-right: 10px; padding: 3px; font-size: 11px; vertical-align: baseline;}

.join_box { padding-bottom:30px; margin:0 auto; }
.join_box table {width: 100%; table-layout: fixed; border-collapse: collapse; margin: 30px 0;}
.join_box tbody th,
.join_box tbody td {border: 1px solid #eee}
.join_box tbody th {width: 15%; background-color: #fbfbfc; text-align: left; padding-left: 20px;}
.join_box tbody td {width: 85%; padding: 10px;}
.join_box tbody input { margin-right: 10px; }
.join_box tbody input[type="radio"] {margin-right: 0px;}
.join_box tbody p {padding: 3px;}
.join_box tbody p .sbtn_box {;}
.join_box .label.required {background:url("../images/member/check_icon.png") left center no-repeat;padding-left:15px}

.join_box div > span.tit { color:#494949; font-weight:bold; margin-right:10px; font-size:12px; line-height:49px; }
.join_box div > span > img.icon { margin-right:2px; }
.join_table { border:1px solid #eeeeee; }
.join_table ul > li { border-bottom:1px solid #eeeeee; width:874px; height:39px; }
.join_table ul > li.height { height:104px; }
.join_table ul > li > div.tit { border-right:1px solid #eee; background-color:#fbfbfc; width:20%; float: left; padding: 10px; padding-left: 25px;}
.join_table ul > li > div.tit_h { font-size:12px; float: left; padding-bottom: 76px;}
.join_table ul > li > div.tit > img { margin-right:5px; }
.join_table ul > li > div.tit_h > img { margin-right:5px; }
.join_table ul > li > div.form { position: relative; width:80%; float: left; padding: 5px;}
.join_table ul > li > div.form > input { width:170px; margin-right: 10px; border:1px solid #eeeeee; font-size:12px; color:#494949; float:left; padding: 4px;}


.join_table ul > li > div.name > span { font-size:12px; color:#494949; padding-left:10px; line-height:40px; font-weight:bold; }
.join_table ul > li > div.form > input.sform { width:48px; height:25px; padding-left:0; margin-right: 20px; border:1px solid #eeeeee; text-align:center; font-size:12px; color:#494949; float:left; }
.join_table ul > li > div.form > input.sform_last { width:48px; height:25px; padding-left:0; margin-right: 10px; border:1px solid #eeeeee; text-align:center; font-size:12px; color:#494949; float:left; }
.join_table ul > li > div.form > input.sform_b { width:48px; height:25px; padding-left:0; margin-right: 20px; border:1px solid #eeeeee; text-align:center; font-size:12px; font-weight:bold; color:#494949; float:left; }
.join_table ul > li > div.form > input.sform_b_last { width:48px; height:25px; padding-left:0; margin-right: 10px; border:1px solid #eeeeee; text-align:center; font-weight:bold; font-size:12px; color:#494949; float:left; }
.join_hyphen { position: absolute; margin-left:-13px; float:left; }
.join_hyphen_last { position: absolute; margin-left:-13px; }
.join_table ul > li > div.form > input.bform { width:706px; height:25px; padding-left:5px; margin-right: 20px; border:1px solid #eeeeee; font-size:12px; color:#494949; }
.join_table ul > li > div.form > input.bform_mt { width:706px; height:25px; padding-left:5px; margin-top: 5px; border:1px solid #eeeeee; font-size:12px; color:#494949; }
.join_table ul > li > div.form > input.cform { width:189px; height:25px; padding-left:0; margin-right: 20px; border:1px solid #eeeeee; text-align:center; font-size:12px; color:#494949; float:left; }
.join_table ul > li > div.form > input.cform_last { width:100px; height:25px; padding-left:0; margin-right: 10px; border:1px solid #eeeeee; text-align:center; font-size:12px; color:#494949; float:left; }
.join_table ul > li > div.form > select { width:100px; height:27px; padding-left:0; margin-right: 20px; border:1px solid #cbcbcb; text-align:center; font-size:12px; color:#494949; }
.join_table ul > li.mheight { height:62px; border-bottom:0px; }
.join_table ul > li.last { border-bottom:0px; }
.join_table ul > li > div.tit_mh { float: left; padding-bottom: 33px;}
.join_table ul > li > div.tit_mh > img { margin-right:5px; }
.join_table ul > li.mheight > div.txt > span { line-height:30px; margin-left:10px; }
.join_day {;}
.join_day_last {;}
.join_center { height:10px; }
.join_radio input { margin-right:5px; float: left; }
.join_radio label { padding:0 10px 0 0; font-size:12px; }
.join_table ul > li > div.tit_w { border-right:1px solid #eeeeee; background-color:#fbfbfc; padding:13px 0 0 33px; font-size:12px; width:111px; height:26px; float: left; }
.join_radio2 { position: absolute; width:158px; margin-top:6px; }
.join_radio2 input { margin-right:5px; float: left; }
.join_radio2 label { padding:0 10px 0 0; font-size:12px; font-weight:bold; color:#494949; }

.join_table ul > li > div.cs { padding-top:13px; text-align:center; width:874px; height:39px; font-weight:bold; }

#page-member-join-ok{width:980px;margin:0 auto;}
#page-member-join-ok .header{margin-bottom:30px}
#page-member-join-ok .join_ok_img { width:876px;margin:81px 0 44px 0; text-align:center; }
#page-member-join-ok .join_ok_tb { width:874px;margin:0 auto; padding:35px 0;border:1px solid #efefef; background-color:#fbfbfc;line-height:25px; font-size:12px; text-align:center; margin:0 auto; }
#page-member-join-ok .join_ok_tb span.b { color:#494949; font-weight:bold; font-size:12px; margin-right:5px; }
#page-member-join-ok .join_ok_tb span.c { color:#ee4900; font-weight:bold; font-size:12px; margin-right:3px; }
#page-member-join-ok .join_ok_stxt { width:876px;padding:35px 0;font-size:12px; text-align:center; line-height:20px; }
#page-member-join-ok .join_ok_box {width:976px;margin:10px auto;padding:30px;border:2px solid #cbcbcb; border-bottom:2px solid #abadb0;}
#page-member-join-ok .join_ok_stxt span.line { text-decoration: underline; font-size:12px; color:#494949; margin:0 3px 0 10px; }
#page-member-join-ok .join_ok_btn{margin:0 auto;padding:30px 0;text-align:center}
#page-member-join-ok .join_ok_btn .join_ok_confirm {display:inline-block;width:366px;padding:12px 0;text-align:center;background-color:#000;color:#fff;font-size:12px;font-weight:bold;}