textarea{
    width: 100%;
}
@font-face{
    font-family:fzht;
    src:url('/static/fonts/fzht.TTF');
}
.form-control{
    float: left;
    width: 89%;
}
label.error {
    color: #666;
    font-style: normal;
    font-weight: normal;
    font-family: "fzht";
    background-color: #fef2f2;
    border: 1px solid #ffb8b8;
    padding: 0 10px 0 10px/*0 10px 0 25px;*/;
    margin-left: 1px/*10px*/;
    float: left;
}

label.valid {
    background-image: url(_files/img/valid.png);
    background-color: inherit;
    border: none;
    margin-left: 5px;
    float: right;
    height: 20px;
    margin-top: 5px;
    background-size: contain;
}

input.error {
    border-color: red !important;
}

form .line {
    margin-top: 30px;
    overflow: hidden;
}

form .label {
    float: left;
    color: #666;
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
}

form .input {
    float: left;
    width: auto;
    margin-left: 20px;
}

form .prompt {
    float: left;
    width: 280px;
    margin-left: 48px;
    color: #999;
    display: none;
}

input.text {
    padding: 4px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #ccc;
}

input.text:focus {
    border-color: #7abd54;
}

.regtab {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-family: "fzht";
}

.regtab-item {
    float: left;
    padding: 0px 15px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    margin-left: 8px;
    margin-bottom: -1px;
    cursor: pointer;
}

.regtab-item-curr {
    font-weight: bold;
    border-bottom-color: #fff;
    background-color: #fff;
}
#area{width: 75%;}
#captcha1,#smsCaptchaInput{width: 52%;float: left}  /*57%*/
@media(max-width: 1199px) {
    #captcha1,#smsCaptchaInput{width: 43%;float: left} /*48%*/
}
@media(max-width: 991px) {
    #area {width: 97%;}
    #captcha1,#smsCaptchaInput{width: 53%;float: left} /*58%*/
}
@media(max-width: 733px) {
    #captcha1,#smsCaptchaInput{width: 66%;float: left} /*71%*/
}
@media(max-width: 685px) {
    #captcha1,#smsCaptchaInput{width: 63%;float: left} /*68%*/
}
@media(max-width: 640px) {
    #area {width: 98%;}
    .form-control{
        float: left;
        width: 79%;
    }
}
@media(max-width: 625px) {
    #captcha1,#smsCaptchaInput{width: 62%;float: left} /*67%*/
}
@media(max-width: 608px) {
    #captcha1,#smsCaptchaInput{width: 61%;float: left} /*66%*/
}
@media(max-width: 592px) {
    #captcha1,#smsCaptchaInput{width: 60%;float: left} /*65%*/
}
@media(max-width: 576px) {
    #captcha1,#smsCaptchaInput{width: 59%;float: left} /*64%*/
}
@media(max-width: 562px) {
    #captcha1,#smsCaptchaInput{width: 50%;float: left} /*58%*/
    #smsCaptchaInput-error { clear: both;}
}