.userloginform-group {
	width: 620px; margin: 40px auto; padding: 10px;
}
.userloginform-group > h2 {
	font-size: 20px; color: #aaa; text-align: center;
	margin: 0 0 20px;
}

.userloginform-group .login-container:after { content: ''; display: block; clear: both; }
.userloginform-group .login-container .input-container {
	float: left; width: calc(100% - 120px); margin-right: 20px;
}
.userloginform-group .login-container .input-container .form-group:nth-of-type(1) {
	margin: 0 0 14px;
}
.userloginform-group .login-container .input-container .form-group .form-control {
	height: auto; border: none;
}
.userloginform-group .login-container .input-container .form-group .form-control:focus {
	border: none !important;
}

.userloginform-group .login-container .login-btn {
	float: left; width: 100px; height: 90px;
}


.userloginform-group .user-joinfind-container:after { content: ''; display: block; clear: both; }
.userloginform-group .user-joinfind-container {
	margin: 20px 0 0;
}
.userloginform-group .user-joinfind-container > a {
	display: block; float: left; position: relative;
	width: 50%;
	font-size: 13px; color: #333; text-align: center;
}
.userloginform-group .user-joinfind-container > a:nth-of-type(1):after {
	content: '|';
	position: absolute; top: 0; right: 10px;
}
.userloginform-group .user-joinfind-container > a:nth-of-type(2) {
	position: relative; top: -3px;
}

@media screen and (max-width: 670px) {
	.userloginform-group {
		width: calc(100% - 20px);
	}
}