.m-primary{
	background:blue;
}
.m-default {
	background: rgb(160, 160, 160);
}
.m-btn{
	color:white;
	padding:0.25em 1.25em;
	font-size:0.8em;
	display:inline-block;
}
.login-form{
	width:400px;
	height:350px;
	margin: 8em auto 0 auto;
	-moz-box-shadow: 0px 0px 15px 10px #EBE2B9;
	-webkit-box-shadow: 0px 0px 15px 10px #EBE2B9;
	box-shadow: 0px 0px 24px 3px #EBE2B9;
	border-radius: 5px;
	border: none;
}
.login-form h2{
	padding:1.8em 0 1em 0;
	text-align: center;
	font-size:1.5em;
}
.login-form input,.login-form img{
	height: 2em;
	margin:0.2em 0;
}
.login-form input{
	padding-left:0.3em;
	border-radius:0.2em;
}
.login-form input[name='validateCode']{
	width:6.8em;
	border-radius:0.2em 0 0 0.2em; 
}
.login-form div{
	margin: 0 0 4px 52px;
}
.login-form label{
	vertical-align: middle;
	line-height:2em;
	min-width:3em;
	display: inline-block;
}
.login-form img {
	height: 2em;
	cursor: pointer;
}
.login-form span{
	font-size:0.7em;
	color:#C00;
	display: block;
	margin-left:5em;
}
.login-form i{
	vertical-align: middle;
	line-height:2em;
    font-size: 1.2em;
}
.login-form .t-btn-group {
	float: right;
	width: 200px;
	margin-right: 50px;
}
@MEDIA (max-width:479px) {
	.login-form{
		width:340px;
		height: 380px;
	}
	.login-form label{
		font-size:0.8em
	}
	.login-form .t-btn-group {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		position: fixed;
		font-size: 0;
		bottom: 20px;
		left: 0;
		right: 0;
	}
	.login-form input{
		max-width: 160px;
	}
	.login-form .t-btn-group button#loginBtn,
	.login-form .t-btn-group button#reset{
		width: 50%;
		letter-spacing: 15px;
		font-size: 13px;
		padding-top: 12px;
		display: inline-block;
		padding-bottom: 12px;
	}
}
