.login {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 48.5625rem;
	margin: 1.375rem auto 0;
}

.login > h2 {
	margin-top: 3.0625rem !important;
}

.login > h3 {
	text-align: center;
}

.login > form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

input[name="USER_LOGIN"],
input[name="USER_PASSWORD"]{
	width: 44.375rem;
	padding-left: 5.1875rem;
}

.login-form-user_login {
	position: relative;
	margin-top: 1.3125rem;
}

.login-form-user_login > p:first-of-type {
	position: absolute;
	font-size: 0.875rem;
	left: 0.4375rem;
	top: -0.75rem;
}

.login-form-password {
	position: relative;
	margin-top: 3.25rem;
}

.login .btn_eg {
	width: 8.875rem;
	height: 3.25rem;
	margin-top: 3.6875rem;
	font-size: 0.9375rem;
}

.input_eg-container .login-placeholder {
	position: absolute;
	font-size: 1.25rem;
	font-style: italic;
	top: -0.0625rem;
	left: 5.3125rem;
	opacity: .6;
	letter-spacing: -.03em;
	display: none;
}

.login noindex a {
	color: #000;
	font-size: 1.1875rem;
	text-decoration: underline;
}

.login noindex a:hover {
	text-decoration: none;
}

.login noindex a:active {
	text-decoration: none;
}

.login noindex:first-of-type {
	margin-top: 1.1875rem;
}

.login noindex:nth-of-type(2) {
	margin: 1.3125rem 0 6.5625rem;
}

@media (max-width: 820px) {

	.login > h2 {
		margin-top: 60px !important;
	}

	.login > form {
		margin-top: -26px;
	}

	.input_eg-container > p:first-of-type {
		font-size: 22px !important;
		left: 22px !important;
		top: 0px !important;
	}

	.login-form-user_login {
		position: relative;
		margin-top: 43px;
	}

	.login-form-password {
		position: relative;
		margin-top: -3px;
	}

	.login .btn_eg {
		width: 712px;
		height: 128px;
		margin-top: 60px;
		font-size: 32px;
	}

	.login noindex:first-of-type {
		margin-top: 56px;
	}

	.login noindex:nth-of-type(2) {
		margin: 54px 0 92px;
	}

	.login noindex a {
		font-size: 31px;
	}

	.input_eg-container > input::placeholder{
		font-size: 25px
	}

}