body {
    margin:0;
    padding:0;
}

.pad15{padding:15px;}
.padt15{padding-top:15px;}
.padb15{padding-bottom:15px;}
.padl15{padding-left:15px;}
.padr15{padding-right:15px;}

.pad20{padding:20px;}
.padt20{padding-top:20px;}
.padb20{padding-bottom:20px;}
.padl20{padding-left:20px;}
.padr20{padding-right:20px;}

.pad30{padding:30px;}
.padt30{padding-top:30px;}
.padb30{padding-bottom:30px;}
.padl30{padding-left:30px;}
.padr30{padding-right:30px;}

.mart10{margin-top:10px;}

.marl-10{margin-left:-10px;}
.marr-10{margin-right:-10px;}

.marl-15{margin-left:-15px;}
.marr-15{margin-right:-15px;}

.marl15{margin-left:15px;}
.marr15{margin-right:15px;}

.marl30{margin-left:30px;}
.marr30{margin-right:30px;}

/*
* Rewrite  AdminLTE v2.3.8 Css
*/

/*
 * Page: Login & Register
 * ----------------------
 */

.login-page,
.register-page {
    background: #fff;
}

.login-logo,
.register-logo {
    font-size: 24px;
    text-align: center;
    margin: 50px 30px 0px 30px;
    padding-left:58px;
    line-height: 50px;
    background: url(../img/logo.png) 0px 0px no-repeat;
}


.login-box,
.register-box {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

.login-box-body,
.register-box-body {
    width: 320px;
    background: #fff;
    padding: 30px 20px 30px 20px;
    margin: 20px auto;
    border: 0;
    color: #666;
    float:none;
}
    .login-box-body .form-control-feedback,
    .register-box-body .form-control-feedback {
        color: #777;
    }

.login-box-title,
.register-box-title {
    color:#999;
    margin: 0;
    text-align: left;
    padding: 0px 0px 15px 0px;
}
.login-box-msg,
.register-box-msg {
    margin: 0;
    text-align: left;
    color:#dd4b39;
    padding: 10px 0px 0px 0px;
}
    .login-box-msg .btn {
        text-align: left;
    }
.login-copyright {
    margin: 20px;
    text-align: center;
}


@media (min-width: 768px) {
    .login-logo,
    .register-logo {
        font-size: 32px;
        text-align: left;
        line-height: 50px;
        margin: 30px 20px 20px 20px;
        padding-left: 58px;
    }

    .login-box,
    .register-box {
        min-height:450px;
        background: url(../img/loginbg.jpg) top center /cover #fff;
    }

    .login-box-body,
    .register-box-body {
        float:right;
        margin-top:70px;
        margin-right:80px;
    }
}

@media (min-width: 1200px) {
    .login-box-body,
    .register-box-body {
        margin-top: 70px;
        margin-right: 150px;
    }
}

@media (min-width: 1440px) {
    .login-box,
    .register-box {
        min-height: 550px;
    }

    .login-box-body,
    .register-box-body {
        margin-top: 100px;
        margin-right: 150px;
    }
}

/**articleRead**/
.articleTitle {
    font-size: 30px;
    color: #000;
    padding: 20px 20px 20px 20px;
    line-height: 40px;
    text-align: center;
}
.articleAuthor {
    color: #666;
    padding: 2px;
    background: #f2f2f2;
    margin: 10px 16px 15px 20px;
    text-align: center;
}
.articleMain {
    font-size: 14px;
    line-height: 26px;
        margin: 5px 16px 5px 20px;
}
    .articleMain p, .articleMain td, .articleMain div {
        font-size: 14px;
        line-height: 26px;
        margin: 5px 16px 5px 20px;
    }
    .articleMain img {
        display: block;
        margin: 0px auto;
        text-align: center;
        border: 1px solid #efefef;
        background: #ffffff;
        padding: 3px;
        vertical-align: middle;
        overflow: hidden;
    }