.main {
    width: 900px;
    min-height: 450px;
    margin: 0 auto 15px;
}

.layui-clear {
    clear: both;
}

.title {
    margin: 30px 0 20px 0;
    text-align: center;
}

    .title h1 {
        font-size: 38px;
        font-weight: 300;
    }

.layui-form {
    width: 580px;
    margin: 0 auto;
}

    .layui-form form {
        margin-top: 45px;
    }

input {
    font-weight: bold;
}

@media only screen and (max-width:780px) {
    .main {
        width: 95%;
        min-height: 450px;
        margin: 0 auto 15px;
    }

    .title h1 {
        font-size: 28px;
        font-weight: 300;
    }

    .layui-form {
        width: 100%;
        margin: 0 auto;
    }
}