.userfind:after {
	content: ''; display: block; clear: both;
}

.userfind {
	margin: 7rem auto 0; padding: 0 2rem;
    max-width: 60rem;
}
#find-tab:after {
	content: ''; display: block; clear: both;
}
#find-tab {
}
#find-tab li {
	float: left; width: calc(50% - 1px);
	border-right: 1px solid #f9f9f9;
}
#find-tab li:last-child {
	border-right: 0;
}
#find-tab li a {
	display: block; padding: 20px 0;
	background-color: #f9f9f9; color: #aaa; text-align: center;
	font-size: 1.5rem;
}
#find-tab li a.active {
	background-color: #111; color: #fff;
	/*border-bottom: none;*/
	font-weight: bold;
}

.form-group {
	margin: 15px 0;
}
.form-group input.form-control {
	border: none; border-bottom: 1px solid #ddd;
	width: 100%; padding: 5px 10px;
}
.form-group input.form-control:focus {
	/*border: none !important;*/
	border: none; border-bottom: 1px solid #111;
}

.userfind .find-btn {
	width: 100%; padding: 15px 0;
	background-color: #111; color: #fff;
	font-size: 1.5rem; font-weight: bold;
}

.userfind .result {
	padding: 10px; margin: 10px 0 0; display: none;
	text-align: center; color: #333;
	font-size: 1.5rem;
}
.userfind .result p {
	margin: 10px 0;
	text-align: center; color: #333;
}
.userfind .result .pwreset-btn {
	width: 100px; margin: 10px auto; padding: 10px 0; cursor: pointer;
	font-size: 14px; text-align: center;
	background-color: #1d3338; color: #fff;
}