.join ul.step{overflow:hidden;margin-top:10px;border-left:1px solid #ccc;}
.join ul.step li{float:left;width:25%;}
.join ul.step li div{padding:14px 0;color:#888;border-top:2px solid #666669;border-bottom:1px solid #ccc;font-size:13px;font-weight:bold;text-align:center;}
.join ul.step li.line div{border-right:1px solid #ccc;}
.join ul.step li.eq1 div{color:#555;background:#f4f4f4;}
.join ul.step li.act div{color:#fff;border-top:2px solid #297BC0;border-bottom:1px solid #297BC0;background:#418ccc;}

/* rules */
.rules .db{max-width:900px;}
.rules .certification_box{margin-top:15px;}
.rules .certification_box .sms_message{padding:0 0 12px 0;margin:8px 0 12px 5px;line-height:18px;color:#888;}
.rules .certification{width:100%;border-collapse:collapse;border:1px solid #e4e4e4;background:#f4f4f4;}
.rules .certification th{padding:14px 0 14px 50px;}
.rules .certification td{padding:14px 0;}
.rules .certification tr.certification_number_box th{padding-top:0;}
.rules .certification tr.certification_number_box td{padding-top:0;}
.rules .certification tr.certification_number_box .btn{background:#fff;}
.rules .certification .certification_number_btn_box{display:inline-block;margin-left:6px;}
.rules .terms_box{overflow-x:hidden;overflow-y:scroll;height:100px;padding:10px;color:#666666;border:1px solid #ddd;}
.rules .agree{margin:12px 0 16px 0;text-align:right;font-weight:bold;}
.rules .rules_message{padding:15px;margin:20px 0 10px 0;line-height:20px;color:#888;border:1px solid #ddd;background:#f8f8f8;}

/* form */
.user_form .db{max-width:900px;}

/* pass */
.form_pass{min-height:400px;text-align:center;}
.form_pass .form{padding:60px 0;text-align:center;border:1px solid #e1e1e1;background:#fff;}
.form_pass .form input[type=password]{width:250px;font-size:13px;padding:13px 12px 12px 12px;}
.form_pass .form input[type=password]:focus{padding:12px 11px 11px 11px;}
.form_pass .form .btn{padding:13px 20px;}
.form_pass .form .msg{margin-top:10px;color:#999;}

/* login */
.login .da{text-align:center;}
.login .db{max-width:740px;text-align:left;}
.login .tab_box{height:37px;padding:70px 0 0 0;}
.login .tab_box .db{position:relative;z-index:2;}
.login .tab_box .tab{overflow:hidden;}
.login .tab_box .tab li{float:left;}
.login .tab_box .tab li a{display:block;padding:12px 35px;background:#f2f2f2;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.login .tab_box .tab a.active{background:#fff;border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #fff;}
.login .tab_box .tab .tab1{border-left:1px solid #ccc;}
.login .cont_box{clear:both;padding:0 0 50px 0;}
.login .cont_box .db{position:relative;z-index:1;}
.login .cont_box .db .cont{overflow:hidden;border:1px solid #ccc;background:#fff;}
.login .cont_box .cont_left{float:left;width:292px;padding:40px 55px 20px 51px;}
.login .cont_box .cont_left .input_box input[type=text], .login .cont_box .cont_left .input_box input[type=password]{width:93%;padding:8px;}
.login .cont_box .cont_left .input_box input[type=text]:focus, .login .cont_box .cont_left .input_box input[type=password]:focus{padding:7px;}
.login .cont_box .cont_left .bottom_input{margin-top:6px;}
.login .cont_box .cont_left .save_id{margin:10px 0 10px 2px;}
.login .cont_box .cont_left .tel{width:76px !important;}
.login .cont_box .cont_left .btn_box .btn{display:block;width:100%;padding:12px 0;margin-top:12px;font-size:14px;line-height:14px;}
.login .cont_box .cont_left .msA{margin-top:6px;}
.login .cont_box .cont_left .sub_bot_box{text-align:right;}
.login .cont_box .cont_left .sub_bot_box .btn{padding:5px 12px;margin-top:12px;}
.login .cont_box .cont_right{float:left;overflow:hidden;width:320px;height:270px;margin:10px;}
.login .banner_box .banner{width:320px;height:270px;}
.login .banner_box .banner_bottom_box{bottom:14px;}

/* point */
.point{}
.point .info{padding:3px 0 8px 0;text-align:right;font-weight:bold;}
.point .list span.type1, .point .list span.type3{display:inline-block;padding:6px 7px;line-height:12px;color:#fff;background:#4A95D5;border-radius:3px;}
.point .list span.type2, .point .list span.type4{display:inline-block;padding:6px 7px;line-height:12px;color:#fff;background:#FA7B48;border-radius:3px;}

/* note */
.note_form{background:#fff;}
.note_form .info{padding:12px 10px;color:#666;font-weight:bold;word-break:break-all;word-wrap:break-word;border-top:1px solid #ddd;border-bottom:1px solid #ddd;
background:#ECECEC;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#ECECEC');
background:-webkit-linear-gradient(top, #FCFCFC, #ECECEC);background:-moz-linear-gradient(top, #FCFCFC, #ECECEC);background:-ms-linear-gradient(top, #FCFCFC, #ECECEC);}
.note_form .cont{padding:22px 0 18px 6px;font-size:13px;line-height:20px;border-bottom:1px solid #E0E4E8;}

/* complete */
.complete .da{padding:60px 0;}
.complete .db{width:600px;}
.complete .completeDv{padding:40px 0;text-align:center;line-height:30px;border:2px solid #e4e4e4;border-radius:8px;
background:#fff;
background:-webkit-linear-gradient(top, #ffffff 80%, #eeeeee 100%);background:-moz-linear-gradient(top, #ffffff 80%, #eeeeee 100%);background:-ms-linear-gradient(top, #ffffff 80%, #eeeeee 100%);}
.complete .des1{margin-top:30px;font-size:15px;}
.complete .des2{margin-top:10px;}

.order_list table.form th{padding:7px 0;}

@media only screen and (max-width:767px) {
.login{padding:0 10px;margin-top:2em;}
.login .tab_box{height:2.6em;padding:0;text-align:center;}
.login .tab_box .db{position:relative;z-index:2;overflow:hidden;}
.login .tab_box .tab li{float:left;width:33.33%;}
.login .tab_box .tab li a{padding:.8em 0;text-align:center;}
.login .tab_box .tab .tab1{border-left:1px solid #ccc;}
.login .cont_box .db{text-align:center;}
.login .cont_box .cont_left{float:none;width:90%;padding:2.6em 5%;}
.login .cont_box .input_box{display:block;width:100%;}
.login .cont_box .cont_left .input_box input[type=text], .login .cont_box .cont_left .input_box input[type=password]{width:100%;padding:9px !important;}
.login .cont_box .cont_left .input_box input[type=text]:focus, .login .cont_box .cont_left .input_box input[type=password]:focus{padding:8px !important;}
.login .cont_box .input_bottom{margin-top:6px;}
.login .cont_box .btn{width:100%;padding:1em 0;}
.login .cont_box .cont_left .tel{width:35% !important;}
.login .cont_box .cont_left .msA{margin-top:2em;}
.login .cont_box .cont_left .sub_bot_box .btn{width:auto !important;padding:.7em 1.2em;margin-top:12px;}
.login .cont_box .cont_right{display:none;}

.join ul.step{margin-top:1em;}
.join ul.step li div{font-size:.8em;background:#fff;}

.rules{padding:0 .5em;}
.rules .da1{padding:0;}
.rules .da1 .db{width:auto;}

.rules .certification{background:#fff;}
.rules .certification col{display:none;}
.rules .certification tr, .rules .certification th, .rules .certification td{display:block;text-align:center;}
.rules .certification th{padding:1em;}
.rules .certification .send_certification_number{width:90%;padding:.8em 0;margin-top:.8em;}
.rules .certification .certification_number_box input[type=text]{width:90%;}
.rules .certification .certification_number_btn_box{display:block;margin:.8em 0 0 0;}
.rules .certification .certification_number_btn_box .btn{display:inline-block;width:44%;padding:.8em 0;}
.rules .terms_box{background:#fff;}
.rules .rules_message{display:none;}

.form_pass{min-height:0px;margin:0 .5em 0 .5em;background:#fff;}
.form_pass .form{padding:1em 1em;margin:0;}
.form_pass .form input[type=password]{width:100%;}
.form_pass .form .btn{width:100%;margin:1em 0;}
.form_pass .msg{display:none;}

.form_pass_edit{padding:0 .5em;}
.form_pass_edit .form col{display:none;}
.form_pass_edit .form tr, .form_pass_edit .form th, .form_pass_edit .form td{display:block;}
.form_pass_edit .form tr:nth-child(1){border-top:1px solid #ddd;}
.form_pass_edit .form th{border-top:none;}
.form_pass_edit .form td{border-top:none;}

.terms .da{padding:0;}
.terms .db{width:100%;}
.terms .inA{font-size:18px;line-height:18px;margin-bottom:-15px;}
.terms dl{line-height:22px;}
.terms dt{margin-top:32px;}
.terms dt span{display:inline-block;padding:3px 10px;color:#fff;background:#88929C;}
.terms dd{padding:8px 9px;margin-top:10px;text-align:justify;color:#777;border-top:1px solid #e4e4e4;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #e4e4e4;background:#fff;}
.terms .dd1{padding-left:6px;}

/* complete */
.complete .inA{padding-bottom:.8em;}
.complete .completeDv{padding:3em 1em;text-align:center;line-height:30px;border:2px solid #e4e4e4;border-radius:8px;
background:#fff;
background:-webkit-linear-gradient(top, #ffffff 80%, #eeeeee 100%);background:-moz-linear-gradient(top, #ffffff 80%, #eeeeee 100%);background:-ms-linear-gradient(top, #ffffff 80%, #eeeeee 100%);}
.complete .des1{margin-top:30px;font-size:15px;}
.complete .des2{margin-top:10px;}

.point .info{margin:1em .5em 0 0;}
.point .list col{display:none;}
.point .list tr, .point .list th, .point .list td{display:block;}
.point .list tr{margin-top:.8em;border-top:1px solid #ddd;}
.point .list tr:nth-child(1){display:none;}
.point .list tr:nth-child(2){margin-top:0;}
.point .list td{padding-left:.8em;text-align:left;}
.point .list td:nth-child(1){display:none;}
.point .list td:before{content:attr(rel)' :';display:inline-block;width:32%;}
.point .list td.no_rel:before{display:none;}
.point .list td.date{font-size:12px;color:#555;}

.note_list .src{display:none;}
.note_list .list col{display:none;}
.note_list .list tr{display:box;display:-webkit-box;display:-moz-box;box-orient:vertical;-webkit-box-orient:vertical;-moz-box-orient:vertical;}
.note_list .list th, .note_list .list td{display:block;}
.note_list .list tr{margin-top:.8em;border-top:1px solid #ddd;}
.note_list .list tr:nth-child(1){display:none;}
.note_list .list tr:nth-child(2){margin-top:0;}
.note_list .list td{padding-left:.8em;text-align:left;}
.note_list .list td:nth-child(1){display:none;}
.note_list .list td:nth-child(2){display:none;}
.note_list .list td:nth-child(4){box-ordinal-group:4;-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;}
.note_list .list td:before{content:attr(rel)' :';display:inline-block;width:24%;}
.note_list .list td.no_rel:before{display:none;}
.note_list .list td a{text-decoration:underline;}
}