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

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

.mui-input-group label {
	width: 20%;
	padding:8px 15px;
	padding-left: 0px;
}

.mui-input-row label~input,
.mui-input-row label~select,
.mui-input-row label~textarea {
	width: 80%;
}
.regrow label~input{
	width: 44%;
	float: left;
}
.regrow .mui-btn{
	width: 36%;
	float: right;
}
.regrow .mui-icon-clear{
	right: 36% !important;
}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #EE7A39}
.mui-checkbox input[type=checkbox],
.mui-radio input[type=radio] {
	top: 6px;
}

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

.mui-btn {
	padding: 10px;
}

.link-area {
	display: block;
	margin-top: 20px;
	text-align: center;
}

.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-input-group .mui-input-row{
	height: auto;
	/*padding: 10px 0;*/
	margin-bottom: 15px;
}
.mui-input-group .mui-input-row input{
	font-size: 16px;
	color: #EE7A39
}
.mui-content{
	background: #fff;
}

.login-btn{
	border-radius: 8px;
}
.login-top{padding: 15px 20px;font-size: 1.4em;font-weight: 600;letter-spacing: 2px;color: #333}
.login-top .name{
	font-size: 1.2em;
	color: #007aff;
	padding:2rem 0;
	padding-bottom:.8rem;
	font-weight: 600
}
.login-form{
	padding: 0 20px;
}
.login-form .mui-input-row label{
	line-height: 1.4;
}
.mui-input-group::before{
	height: 0;
}
.login-form h5{
	color: #007aff;
	padding-top:30px;
	padding-bottom: 5px;
}
.login-form .mui-input-row .mui-input-password~.mui-icon-eye{
	top: 10px;
}
.mui-input-group .mui-input-row::after{
	left: 0;
	background-color: #A9A9A9;
}
.mui-input-group::after{
	background-color: #A9A9A9;
}
.logo img{
	max-width: 120px;
}
.mui-icon{
	color: #007aff
}
.reg .mui-input-group{
	margin-top: 0px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {    
	color: #CBCBD0;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {      
	color: #CBCBD0;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {     
	color: #CBCBD0;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {    
	color: #CBCBD0;   
}
.foger-div{
	padding: 10px 0 20px 0;
}
.foger-div .register{
	float: left;
}
.foger-div a{
	float: right;
	color: #5E6EF1;
	font-size:15px;
}
.link-area a{
	display: block;
	width: 100%;
	border:1px solid #EE7A39;
	color: #EE7A39;
	padding:10px 0;
	border-radius:30px;
	font-size:14px;
}