body{font-family:'Roboto',sans-serif;font-size:16px;font-weight:300;color:#888;line-height:30px;text-align:center}
strong{font-weight:500}
a,a:hover,a:focus{color:#4aaf51;text-decoration:none;-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
h1,h2{margin-top:10px;font-size:38px;font-weight:100;color:#555;line-height:50px}
h3{font-size:22px;font-weight:300;color:#555;line-height:30px}
img{max-width:100%}
::-moz-selection{background:#4aaf51;color:#fff;text-shadow:none}
::selection{background:#4aaf51;color:#fff;text-shadow:none}
.btn-link-1{display:inline-block;height:50px;margin:5px;padding:16px 20px 0 20px;background:#4aaf51;font-size:16px;font-weight:300;line-height:16px;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.btn-link-1:hover,.btn-link-1:focus,.btn-link-1:active{outline:0;opacity:0.6;color:#fff}
.btn-link-1.btn-link-1-facebook{background:#4862a3}
.btn-link-1.btn-link-1-twitter{background:#55acee}
.btn-link-1.btn-link-1-google-plus{background:#dd4b39}
.btn-link-1 i{padding-right:5px;vertical-align:middle;font-size:20px;line-height:20px}
.btn-link-2{display:inline-block;height:50px;margin:5px;padding:15px 20px 0 20px;background:rgba(0,0,0,0.3);border:1px solid #fff;font-size:16px;font-weight:300;line-height:16px;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.btn-link-2:hover,.btn-link-2:focus,.btn-link-2:active,.btn-link-2:active:focus{outline:0;opacity:0.6;background:rgba(0,0,0,0.3);color:#fff}
.inner-bg{padding:138px 0 27px 0}
.top-content .text{color:#fff}
.top-content .text h1{color:#fff}
.top-content .description{margin:20px 0 10px 0}
.top-content .description p{opacity:0.8}
.top-content .description a{color:#fff}
.top-content .description a:hover,.top-content .description a:focus{border-bottom:1px dotted #fff}
.form-box{margin-top:35px}
.form-top{overflow:hidden;padding:0 25px 15px 25px;background:#fff;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;text-align:left}
.form-top-left{float:left;width:100%;padding-top:25px}
.form-top-left h3{margin-top:0}
.form-top-right{float:left;width:25%;padding-top:5px;font-size:66px;color:#ddd;line-height:100px;text-align:right}
.form-bottom{padding:25px 25px 30px 25px;background:#eee;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;text-align:left}
.form-bottom form textarea{height:100px}
.form-bottom form button.btn{width:100%}
.form-bottom form .input-error{border-color:#4aaf51}
.social-login{margin-top:35px}
.social-login h3{color:#fff}
.social-login-buttons{margin-top:25px}
@media (min-width:1200px) and (max-width:1440px){.inner-bg{padding:80px 0 27px 0}}
@media (min-width:992px) and (max-width:1199px){.inner-bg{padding:80px 0 27px 0}}
@media (min-width:768px) and (max-width:991px){}
@media (max-width:767px){.inner-bg{padding:60px 0 110px 0}
}@media (max-width:415px){h1,h2{font-size:32px}
}.body-img-login{background:url('images/login-bg.jpg') no-repeat}


/*admin*/
.form{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-box{
    width: 650px;
    height: 450px;
    border-radius: 30px;
    background: #fff;
    padding: 25px 30px 15px;
}
.logo{text-align: left;display: block;width: 130px;}
.logo img{
    width: 100px
}
.login{
    height: 80%;
    display: flex;
}
.login .login-left{
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}
.login .login-left img{
    width: 90%;
    height: 80%;
}
.login .login-right{
    flex: 0 0 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.login .login-right .login-rightBox{
    width: 80%;
}
.login .login-right .login-rightBox .login-username,.login-password {
    text-align: left;
    display: flex;
    align-items: center;
    border-bottom: #dddddd solid 1px;
    height: 65px;
}
.login .login-right .login-rightBox h3{
    font-size: 22px;
    color: #333333;
    padding-top: 5px;
    text-align: left;
}
.login .login-right .login-rightBox img{height: 30%;}
.login .login-right .login-rightBox #j_username,#j_password{
    border: none;
    color: #333;
    padding-left: 10px;
    font-size: 14px;
}
.login .login-right .login-rightBox hr{
    background: #eeeeee;
    height: 2px;
    margin: 35px 0;
}
.login .login-button{
    width: 100%;
    background: #4f93fe;
    color: #fff;
    height: 36px;
    border-radius: 33px;
    font-size: 14px;
    border: none;
    margin-top: 20px;
    line-height: 36px;
    cursor: pointer;
}
.login .login-button:hover{
    background-color: #4281e4;
}
.login-bottom{
    display: flex;
    justify-content: flex-end;
    height: 10%;
}
.login-bottom .login-bottomBox{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login-bottom .login-bottomBox p{
    font-size: 12px;
    color: #a9a9a9;
    margin: 0;
}