.ui-page-login,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#header div {
    padding: 0.26666667rem;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-size: 0.42rem;
    line-height: 0.533rem;
    color: #666;
}
#login-form{
    margin-top:1.6rem;
}
/*.mui-bar {
    background-color: #fe6331;
}*/

/*.mui-title {
    color: #fff;
}*/

.mui-switch.mui-active {
    border-color: #E84D55;
    background-color:#E84D55;
}

.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff;
    border: 1px solid #E84D55;
    background-color: #E84D55;
}

.reg {
    color: #E84D55;
}

#forgetPassword {
    color: #E84D55;
}

.mui-content {
    height: 100%;
}

.area {
    margin: 20px auto 0px auto;
}

.mui-input-group {
    margin-top: 10px;
}

    .mui-input-group:first-child {
        margin-top: 20px;
    }

    .mui-input-group label {
        width: 30%;
        font-size: 15px;
    }

.mui-input-row label ~ input,
.mui-input-row label ~ select,
.mui-input-row label ~ textarea {
    width: 70%;
}

.mui-checkbox input[type=checkbox],
.mui-radio input[type=radio] {
    top: 6px;
}

.mui-content-padded {
    margin-top: 25px;
}

.mui-btn {
    padding: 10px;
}

.link-area {
    display: block;
    margin-top: 10px;
    text-align: center;
     font-size:14px;
}

.spliter {
    color: #bbb;
    padding: 0px 8px;
}

.oauth-area {
    position: absolute;
    bottom: 20px;
    left: 0px;
    text-align: center;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .oauth-area .oauth-btn {
        display: inline-block;
        width: 50px;
        height: 50px;
        background-size: 30px 30px;
        background-position: center center;
        background-repeat: no-repeat;
        margin: 0px 20px;
        /*-webkit-filter: grayscale(100%); */
        border: solid 1px #ddd;
        border-radius: 25px;
    }

        .oauth-area .oauth-btn:active {
            border: solid 1px #aaa;
        }

        .oauth-area .oauth-btn.disabled {
            background-color: #ddd;
        }
.mui-table-view-cell {
    font-size: 14px;
}
/*.mui-bar {
    height:1.4rem;
}
.mui-bar .mui-title{
    font-size:0.4rem;
    line-height:1.4rem;
}
.mui-bar-nav~.mui-content{
    padding-top:0;
    margin-top:1.4rem;
}
.mui-input-group .mui-input-row{
    height:1.4rem;
}
.mui-input-group label{
    font-size:0.37rem;
    line-height:1.2rem;
}
.mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea{
    font-size:0.37rem;
     line-height:1.4rem;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{
    height:1.4rem;
   
}
.mui-table-view-cell{
    height:1.2rem;
    line-height:1.0rem;
    font-size:0.37rem;
}
.mui-switch{
    width:1.2rem;
    height:0.53rem;
}
.mui-switch .mui-switch-handle{
    width:0.5rem;
    height:0.5rem;
}
.mui-switch.mui-active:before{
    font-size:0.3rem;
    line-height:0.4rem;
    left:0;
}
.mui-switch:before{
    font-size:0.3rem;
    line-height:0.4rem;
    right:0;
}
.mui-btn{
    height:1.2rem;
    font-size:0.4rem;
    line-height:1.0rem;
}
.link-area{
    font-size:0.37rem;
}
.mui-bar .mui-icon{
    margin-top:0.2rem;
    font-size:0.64rem;
}
.mui-input-group .mui-input-row{
    height:1.2rem;
}
 #sendcode {
    color: #fff;
    border: 1px solid #fe6331;
    background-color: #fe6331;
    float: left;
    position: absolute;
    right:0;
    width: 30%;
    height: 100%;
    border-radius: 2px;
    line-height:1.2rem;
}
 mui-btn mui-btn-block mui-btn-primary{
     color:#fff;
 }
 .mui-popup{
     width:6rem;
     height:4rem;
 }
 .mui-popup-title{
     font-size:0.4rem;
     line-height:1rem;
 }
 .mui-popup-title+.mui-popup-text{
     font-size:0.37rem;
      line-height:1rem;
 }
 .mui-popup-button{
     height:1rem;
      line-height:1rem;
     font-size:0.4rem;
 }
.mui-toast-message{
     font-size:0.4rem;
 }
}*/