@media screen and (min-width: 1200px) {
    .body_box .wrapper {
        width: 80%;
        margin: 0 auto;
    }

    .form-group .col-sm-8 {
        width: 50%;
        /*margin-left: 10px;*/
    }

    .personal {
        width: 68%;
        margin: 0 auto;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        line-height: 30px;
        color: #0C722E;
        margin-left: 200px;
        font-size: 17px;
    }

    .control-label {
        width: 17%;
        text-align: right;
        margin-left: 150px !important;
    }

    .form-group {

    }

    #codeNum {
        width: 100px;
        margin: 0 auto;
    }

    .initial {
        margin-top: 0 !important;
    }

    .tips {

        width: 80%;
        margin: 0 auto;
        text-align: center;

    }

    .tips p {
        color: #00a04e;
        line-height: 30px;
        margin-left: 70px;
    }
}

@media only screen and (max-width: 1279px) {
    .body_box {
        margin-top: 0%;
    }

    body {
        padding-top: 100px;
    }
}