/* BASIC css start */
.login-form.find-pw{
    padding-top:31px;
}
#wrap{
    padding-bottom:75px;
}
.login-container{
    padding-top:43px;
}
.sub-title{
    padding:0px 15px;
}
.sub-title h2{
    line-height:45px;
    color:#333;
    font-size:30px;
    font-weight:normal;
}
.login-form-container{
    padding:0px 15px;
    padding-top:21px;
}
.find-info-wrap{
    padding-bottom:22px;
}
.find-info-wrap h4{
    line-height:41px;
    color:#333;
    font-size:17px;
    font-weight:bold;
}
.find-info-wrap p{
    line-height:17px;
    color:#b2b2b2;
    font-size:12px;
}
.radio-wrap{
    height:23px;
    line-height:23px;
    font-size:0px;
    padding-bottom:15px;
}
.radio-wrap label {
    position:relative;
    display:inline-block;
    color:#333;
    font-size:12px;
    text-align:left;
    height:23px;
    line-height:23px;
    margin-right:20px;
    padding-left:18px;
}
.radio-wrap label input {
    display:none;
}
.radio-wrap label input + span {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    width:13px;
    height:13px;
    margin-top:5px;
    background:url('/design/huit8/img/mobile/radio_off.png') no-repeat center center;
    background-size:13px 13px;
}
.radio-wrap label input:checked + span {
    background:url('/design/huit8/img/mobile/radio_on.png') no-repeat center center;
    background-size:13px 13px;
}
.login-form .input-wrap{
    padding-bottom:10px;
}
.login-form .input-wrap input{
    width:100%;
    height:43px;
    line-height:43px;
    border:0px !important;
    background:#f7f7f7 !important;
    padding:0px !important;
    padding-left:11px !important;
    color:#333;
    font-size:13px;
}
.login-form .input-wrap input:placeholder{
    color:#b2b2b2;
}
.login-form .check-wrap{
    position:relative;
    height:33px;
    line-height:33px;
    padding-bottom:13px;
}

.login-form .check-wrap label {
    display:inline-block;
    color:#333;
    font-size:12px;
    text-align:left;
    line-height:33px;
}
.login-form .check-wrap label input {
    display:none;
}
.login-form .check-wrap label input + span {
    display:inline-block;
    width:13px;
    height:13px;
    margin-top:10px;
    margin-right:5px;
    background:url('/design/huit8/img/mobile/check_off.png') no-repeat center center;
    background-size:13px auto;
    vertical-align:top;
}
.login-form .check-wrap label input:checked + span {
    background:url('/design/huit8/img/mobile/check_on.png') no-repeat center center;
    background-size:13px auto;
}
.login-form .check-wrap a.btn-find{
    position:absolute;
    top:0;
    right:0;
    height:33px;
    line-height:33px;
    font-size:12px;
    color:#333;
}
.login-form .btn-wrap{
    padding-top:15px;
}
.login-form .btn-wrap a{
    display:block;
    height:43px;
    line-height:43px;
    font-size:13px;
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
    box-sizing:border-box;
}
.login-form .btn-wrap a.login{
    color:#fff;
    background:#333;
}
.login-form .btn-wrap a.join{
    color:#333;
    background:#fff;
    border:1px solid #333;
}
.login-form .btn-wrap a.guest{
    color:#fff;
    background:#d2a7a3;
}
.login-form .btn-wrap p{
    line-height:30px;
    color:#333;
    font-size:12px;
}
.login-form .btn-wrap.second{
    padding-top:15px;
}
.login-form .sns-login-wrap{
    padding-top:15px;
}
.login-form .sns-login-wrap a{
    position:relative;
    display:block;
    height:37px;
    line-height:37px;
    border:1px solid #e5e5e5;
    box-sizing:border-box;
    font-size:12px;
    color:#333;
    text-align:center;
    margin-bottom:10px;
}
.login-form .sns-login-wrap .icon{
    position:absolute;
    top:1px;
    left:1px;
    display:inline-block;
    height:32px;
    line-height:32px;
    text-align:center;
}
.login-form .sns-login-wrap .icon img{
    height:32px;
    vertical-align:middle;
}
/*ÇÏ´Ü ÇýÅà ¸®½ºÆ®*/
.bottom-benefit-wrap{
    padding-top:50px;
}
.bottom-benefit-wrap ul li{
    padding-bottom:5px;
}
.bottom-benefit-wrap ul li a{
    position:relative;
    display:block;
    height:105px;
    line-height:105px;
    background:#f7f7f7;
    font-size:0px;
}
.bottom-benefit-wrap ul li a .txt{
    padding-top:30px;
    padding-left:31px;
}
.bottom-benefit-wrap ul li a .txt h4{
    line-height:24px;
    color:#333;
    font-size:15px;
    font-weight:800;
}
.bottom-benefit-wrap ul li a .txt p{
    line-height:22px;
    color:#333;
    font-size:12px;
}
.bottom-benefit-wrap ul li a .icon{
    position:absolute;
    top:30px;
    right:25px;
    width:45px;
    height:45px;
    line-height:45px;
}
.bottom-benefit-wrap ul li a .icon img{
    width:100%;
}
/* BASIC css end */