@charset "utf-8";
@import url(reset.css);
@import url(header.css);
@import url(footer.css);

.sub_3{width: 100%;}

.sub_3_section_1{width: 1192px; margin: 100px auto 555px; position: relative; height: 622px;}
.s3_side_menu{width:202px; background-color: #36c; position: absolute}
.s3_side_menu h3{background-color: #36c; color: #fff; height: 65px; text-align: center; line-height: 65px}

.s3_side_list{line-height: 65px; text-align: center;font-size: 24px; }
.s3_side_list > li{background-color: #e5e5e5; line-height: 65px;border-bottom: 1px solid #fff}
.s3_side_list > li > a{color: #36c; font-weight: 700; text-decoration: none; }
.s3_side_list .on{background-color: #fff; border: 5px solid #36c}
.s3_side_list .on a{color: #6eb23d}


.member{width: 970px; position: absolute; right: 0; top: 0; padding-bottom: 40px;}
.member_top{}

.member_intro{width: 970px; height: 20px}
.member_intro ul{}
.member_intro ul li{float:left; padding-left: 12px; background: url(../images/btn_sub_tri.png) no-repeat 5px 8px} 
.member_intro ul li:first-child{background: none; padding-left: 0;}
.member_intro ul li a{font-size: 12px}
.member_intro ul li a strong{color: #6eb23d;}

.member_title{margin-top: 10px; padding-bottom: 20px; border-bottom: 2px solid #36c; position: relative}
.member_title h4{color: #222; height: 30px; width: 110px; font-size: 30px; font-weight: 700; border-bottom: 5px solid #6eb23d; padding-bottom: 5px;}
.member_title span{position: absolute; top: 5px; left: 183px; font-size: 14px;}

.member_top_main{width: 970px; height: 162px; margin: 40px 0 85px 0}
.member_top_main ul{}
.member_top_main ul > li{position: relative; float: left; width: 162px; height: 162px; text-align: center; line-height: 162px; background: url(../images/member_top_main_arr.png) no-repeat 40px 50px; padding-left: 107px}
.member_top_main ul li:first-child{background: none; padding-left: 0}
.member_top_main ul li a{color: #fff; text-decoration: none; width: 162px; height: 162px; position: absolute; top:0; left: 0;}
.member_top_main ul li a span{font-size: 24px}
.member_top_main .joinList_1{background: url(../images/member_top_main_bg_1.png) no-repeat;padding-left: 0}
.member_top_main .joinList_2{background: url(../images/member_top_main_bg_2.png) no-repeat 107px; padding-left: 107px}
.member_top_main .joinList_3{background: url(../images/member_top_main_bg_3.png) no-repeat 107px; padding-left: 107px;}
.member_top_main .joinList_4{background: url(../images/member_top_main_bg_4.png) no-repeat 107px; padding-left: 107px;}
.member_top_main .joinList_3 span{border-bottom: 5px solid #fff; padding-bottom: 4px}


.member_middle{width: 970px; position: relative}
.member_middle_title{padding-bottom: 20px; border-bottom: 2px solid #36c;}
.member_middle_title h4{color: #222; height: 30px; width: 110px; font-size: 30px; font-weight: 700; border-bottom: 5px solid #6eb23d; padding-bottom: 5px;}
.member_middle_title span{position: absolute; top: 5px; left: 183px; font-size: 14px}
.member_middle_title span img{margin: 5px}

.member_middle_main{width: 970px; position: relative; padding-bottom: 85px;}
.member_middle_main table{width: 970px; border-collapse: collapse; border-bottom: 2px solid #36c; box-sizing: border-box}
.member_middle_main table tbody{}
.member_middle_main table tbody tr{border-bottom: 1px solid #36c; height: 42px; line-height: 42px;}
.member_middle_main table tbody tr td{border-left: 1px solid #36c;}
.member_middle_main table tbody tr td:first-child{border-left: none;}
.tb_txt{background-color: #e5e5e5;}
.tb_txt label{background: url(../images/member_middle_dat.png) no-repeat 16px 7px; padding-left: 33px; color: #222; font-size: 18px;}
.tb_txt .off{background: none}

.tb_ip{padding-left: 20px}
.tb_ip input[type="password"],[type="text"]{width: 282px}
.tb_ip input[type="image"]{margin-left: 15px}
.tb_ip label{color: #222; font-size: 14px;}
.tb_ip select{width: 81px;}

#m{margin-left: 120px;}
#fm{margin-left: 70px;}
#userbirth2, #userbirth3{margin-left: 10px}
#sun{margin-left: 84px}
#moon{margin-left: 58px}
#tel1_1, #tel1_2, #tel2_1, #tel2_2{width: 81px; margin-left: 3px}
#email1, #email2{width: 180px}
#add1_2{width: 282px; margin-left: 15px}
#add1_1{width: 81px}

.member_bottom{width: 970px; position: relative}
.member_bottom_title{padding-bottom: 20px; border-bottom: 2px solid #36c;}
.member_bottom_title h4{color: #222; height: 30px; width: 110px; font-size: 30px; font-weight: 700; border-bottom: 5px solid #6eb23d; padding-bottom: 5px;}

.member_bottom_main{width: 970px; padding-bottom: 85px; }
.member_bottom_main table{width: 970px; border-collapse: collapse; border-bottom: 2px solid #36c; box-sizing: border-box}
.member_bottom_main table tbody{}
.member_bottom_main table tbody tr{border-bottom: 1px solid #36c; height: 42px; line-height: 42px;}
.member_bottom_main table tbody tr td{border-left: 1px solid #36c;}
.member_bottom_main table tbody tr td:first-child{border-left: none}
.member_bottom_main .tb_txt label{background: none}

.member_bottom_main .tb_ip label{font-size: 18px;}

#sms1_2, #sms2_2, #sms3_2, #student_2{margin-left: 256px;}
#sms4_2{margin-left: 116px}
#sms4_4{margin-left: 140px}
#sms4_6{margin-left: 154px}
#sms4_8{margin-left: 224px}

.member_bottom_btn{text-align: center;}
.member_bottom_btn a:first-child{padding-right: 15px;}

.footer{padding-top: 305px;}