body { color: #333; background: #f5f5f5; padding-top: 0px; }
.navbar-fixed-top { position: relative; margin-bottom: 0px; }
.column { width: 100%; display: flex; min-width: 1170px; min-height: 740px; height: 100vh; margin-top: 0px; font-size: 14px; background: url(../img/login_bg.png) center right no-repeat #03b99f; box-shadow: 0px 0px 0px #c4c4c4; }
.column .column-01 { flex: 1; padding: 30px 30px 10px 30px; display: flex; flex-direction: column; justify-content: space-between; }
.column .column-02 { padding: 0px 50px; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 440px; color: #595959; background-color: #fff; height: 100%; overflow: hidden; }
.column .column-02 form { width: 100%; }

.content-center { display: flex; justify-content: center; flex-direction: column; width: 100%; align-items: center; }
.content-center img { width: 400px; }
.content-desc { width: 400px; color: #fff; text-align: center; font-size: 18px; font-weight: 300; }

.header { border-top: solid 1px #ddd; margin: 40px 0px; position: relative; }
.header span { font-size: 24px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -60px; top: -10px; line-height: 20px; text-align: center; }


/*.column .column-02 .nav-tabs li { width: 50% }
.column .column-02 .nav-tabs li a { text-align: center; border-radius: 0px; padding: 12px 0px; margin-right: 0px; }*/
.column-apply { background: url(../img/register_bg.jpg) no-repeat center #fff; margin: 0px auto; width: 100%; padding-top: 100px; min-height: 740px; padding: 20px 0px; font-size: 14px; }
.column-apply.forresult { background: url(../img/bg_point.png) no-repeat center #fff; margin: 0px auto; width: 100%; padding-top: 100px; min-height: 740px; padding: 20px 0px; font-size: 14px; }
.column-apply.forresult .container { display: flex; align-items: center; justify-content: center; min-height: 740px; padding: 20px 0px; }
.column-apply .container { background-color: rgba(255, 255, 255, 0.63); box-shadow: 0px 0px 4px rgba(0, 0, 9, 0.1); border-radius: 6px;padding:30px 0px; }
.column-apply ul.input { list-style: none; margin-left: 0px; margin-top: 0px; }
.column-apply ul.input li { height: auto; width: 100%; margin: 15px 0px; line-height: initial; position: relative; }
.column-apply ul.input li.lab-title { height: 12px; width: 100%; margin: 0px 0px; line-height: 12px; position: relative; color: #333 }

ul.input { list-style: none; width: 100%; }
ul.input li { height: 36px; margin: 15px 0px; line-height: 36px; position: relative; }
ul.input li.lab-title { height: 12px; margin: 0px 0px; line-height: 12px; position: relative; color: #333 }
ul.input li .input-group-addon { padding: 0px; }
ul.input li .input-group-addon .btn { padding: 6px 10px; border-radius: 0px; border: none; }

ul.input li input[type='text'] { width: 100%; }
ul.input li input[type='password'] { width: 100%; }
ul.input li input.error { border: solid 1px #f1aeae; }
ul.input li select.error { border: solid 1px #f1aeae; }
ul.input li label { color: #bbb; vertical-align: middle; font-size: 12px; }
ul.input li em { line-height: 36px; height: 36px; display: inline-block; padding: 0px 5px; z-index: 200; position: absolute; top: 1px; left: 1px; background-color: #f0f0f0; }
ul.input li span.error { color: #ff0000; margin-left: 10px; }


@media screen and (min-width:768px) {
    /*.navbar-brand { background: url(../img/logo-white.png) no-repeat center left; background-size: auto 40px; width: 225px; font-size: 24px;display:inline-block }*/
}

    @media screen and (max-width:767px) {
        .column { padding: 40px 20px; background-size: cover !important; min-width: 100%; }
        .column .column-01 { display: none; }
        .column .column-02 { float: initial; padding: 0px 20px; flex: 1; width: 100%; margin-right: 0px; }

        ul.input { list-style: none; margin-left: 0px; margin-top: 50px; }
        ul.input li { height: 36px; width: 100%; margin: 20px 0px; line-height: 36px; position: relative; }
        ul.input li.i1 { background: #fff; }
        ul.input li input { width: 100%; }
        ul.input li input.error { border: solid 1px #ff6a00; }
        ul.input li label { color: #bbb; position: absolute; z-index: 5; left: 5px; vertical-align: middle; font-size: 12px; }
        ul.input li em { line-height: 36px; height: 36px; display: inline-block; padding: 0px 5px; z-index: 200; position: absolute; top: 1px; left: 1px; background-color: #f0f0f0; }
        ul.input li a.btn { width: 100%; padding: 8px 0px; border-radius: 3px; }
    }