body {
    font-family: Microsoft YaHei,'ËÎÌå', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #ddd;
}

.container {
    width: 900px !important;
    margin-top: 15%;
}

.left {
    width: 500px;
    float: left;
}

.right {
    width: 400px;
    float: right;
}


.form-signin {
    max-width: 330px;
    padding: 20px 20px 30px 20px;
    margin: 0 auto;
    background: #fff;
}

    .form-signin .form-signin-heading {
        color: #333;
    }

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 20px;
    }

    .form-signin .checkbox {
        font-weight: normal;
    }

    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

.flat {
    border-radius: 0;
}

.text-error {
    color: red;
    margin: 5px 0 !important;
}