/**
	member skin css
*/

.access .panel-footer{overflow:hidden;}
.search form{padding:20px;}
.search textarea {padding: 15px;background: #f7f7f7;font-size: 12px;}
.final .btn_final{margin-top:20px; text-align:center;}

.jn-register-page {
	max-width: 1088px;
	margin: 76px auto 118px;
	padding: 0 20px;
	color: #111;
	font-family: inherit;
}
.jn-register-page .alert {
	margin-bottom: 18px;
}
.jn-register-head h1 {
	margin: 0 0 34px;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 0;
}
.jn-register-head p {
	margin: 0 0 8px;
	font-size: 16px;
	line-height: 1.5;
	color: #111;
}
.jn-register-head p span,
.jn-register-head p strong,
.jn-register-row > label span {
	color: #f33b31;
	font-weight: 700;
}
.jn-register-table {
	border-top: 1px solid #cfcfcf;
}
.jn-register-row {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	align-items: center;
	min-height: 82px;
	border-bottom: 1px solid #cfcfcf;
}
.jn-register-row > label {
	margin: 0;
	padding-left: 20px;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 800;
	color: #111;
}
.jn-register-control {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
.jn-register-control .form-control,
.jn-register-control input[type="text"],
.jn-register-control input[type="email"],
.jn-register-control input[type="password"] {
	width: 424px;
	max-width: 100%;
	height: 58px;
	border: 1px solid #d5d5d5;
	border-radius: 20px;
	background: #f3f3f3;
	box-shadow: none;
	padding: 0 22px;
	font-size: 15px;
	font-weight: 500;
	color: #111;
}
.jn-register-control--wide .form-control,
.jn-register-control--wide input {
	width: 506px;
}
.jn-register-control .form-control:focus,
.jn-register-control input:focus {
	border-color: #111;
	background: #fff;
	box-shadow: none;
	outline: 0;
}
.jn-register-check {
	flex: 0 0 auto;
	height: 58px;
	min-width: 96px;
	border: 0;
	border-radius: 16px;
	background: #000;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	padding: 0 21px;
}
.jn-register-help {
	margin: 0;
	font-size: 15px;
	line-height: 1.4;
	color: #8e8e8e;
	white-space: nowrap;
}
.jn-register-row--policy {
	align-items: start;
	min-height: 0;
	padding: 20px 0 24px;
}
.jn-register-row--policy > label {
	padding-top: 14px;
}
.jn-register-control--full {
	display: block;
}
.jn-register-policy {
	width: 100%;
	min-height: 104px;
	max-height: 132px;
	overflow: auto;
	border: 1px solid #d5d5d5;
	border-radius: 18px;
	background: #f3f3f3;
	padding: 22px 24px;
	font-size: 13px;
	line-height: 1.75;
	color: #8a8a8a;
}
.jn-register-policy--document {
	color: #555;
	word-break: keep-all;
}
.jn-register-policy--document * {
	max-width: 100%;
	box-sizing: border-box;
}
.jn-register-policy--document .etc_layout,
.jn-register-policy--document .summary_box,
.jn-register-policy--document .text_box,
.jn-register-policy--document .inner,
.jn-register-policy--document .vertical_middle {
	width: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}
.jn-register-policy--document h1,
.jn-register-policy--document h2,
.jn-register-policy--document h3,
.jn-register-policy--document h4 {
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 800;
	color: #111;
	letter-spacing: 0;
}
.jn-register-policy--document h1:not(:first-child),
.jn-register-policy--document h2:not(:first-child),
.jn-register-policy--document h3:not(:first-child),
.jn-register-policy--document h4:not(:first-child) {
	margin-top: 18px;
}
.jn-register-policy--document p,
.jn-register-policy--document li,
.jn-register-policy--document dd,
.jn-register-policy--document dt {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.75;
	color: #555;
}
.jn-register-policy--document ul,
.jn-register-policy--document ol {
	margin: 8px 0 12px;
	padding-left: 18px;
}
.jn-register-policy--document table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	font-size: 12px;
	line-height: 1.55;
	color: #555;
}
.jn-register-policy--document th,
.jn-register-policy--document td {
	border: 1px solid #ddd;
	padding: 7px 8px;
	vertical-align: top;
}
.jn-register-policy--document th {
	background: #fafafa;
	font-weight: 800;
	color: #111;
}
.jn-register-policy--document img {
	height: auto;
}
.jn-register-consent {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 800;
	color: #111;
}
.jn-register-control input[type="checkbox"] {
	width: 14px;
	height: 14px;
	margin: 0;
	vertical-align: middle;
}
.jn-register-row--options {
	min-height: 84px;
}
.jn-register-control--checks {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 42px;
	row-gap: 10px;
}
.jn-register-control--checks label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	font-size: 16px;
	font-weight: 800;
	color: #111;
}
.jn-register-control--checks span {
	margin-left: -24px;
	font-size: 15px;
	color: #9b9b9b;
}
.jn-register-row--captcha {
	min-height: 78px;
}
.jn-register-captcha img {
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
}
.jn-register-captcha .form-control {
	width: 180px;
	height: 44px;
	border-radius: 12px;
}
.jn-register-actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 68px;
}
.jn-register-actions a,
.jn-register-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 216px;
	height: 56px;
	border-radius: 6px;
	font-size: 17px;
	line-height: 1;
	font-weight: 800;
	text-decoration: none;
}
.jn-register-cancel {
	border: 1px solid #111;
	background: #fff;
	color: #111;
}
.jn-register-submit {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
.jn-register-page label.error {
	display: block;
	margin: 7px 0 0;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
	color: #f33b31;
}
.jn-register-page .jn-register-control label.error {
	position: absolute;
	transform: translateY(41px);
}
.jn-register-page .jn-register-row--policy label.error,
.jn-register-page .jn-register-row--options label.error,
.jn-register-page .jn-register-row--captcha label.error {
	position: static;
	transform: none;
}

@media (min-width: 992px) {
	.jn-register-control {
		position: relative;
	}
	.jn-register-row:not(.jn-register-row--policy):not(.jn-register-row--options):not(.jn-register-row--captcha):has(> .jn-register-control > input.error) {
		min-height: 108px;
		padding-bottom: 26px;
	}
	.jn-register-page .jn-register-control label.error {
		left: 0;
		top: 100%;
		transform: none;
	}
}

@media (max-width: 991px) {
	.jn-register-page {
		margin: 46px auto 76px;
		padding: 0 24px;
	}
	.jn-register-head h1 {
		font-size: 30px;
		margin-bottom: 24px;
	}
	.jn-register-row {
		grid-template-columns: 1fr;
		gap: 10px;
		min-height: 0;
		padding: 18px 0;
	}
	.jn-register-row > label {
		padding-left: 0;
	}
	.jn-register-control {
		align-items: stretch;
		flex-wrap: wrap;
	}
	.jn-register-control .form-control,
	.jn-register-control input[type="text"],
	.jn-register-control input[type="email"],
	.jn-register-control input[type="password"],
	.jn-register-control--wide .form-control,
	.jn-register-control--wide input {
		width: 100%;
		height: 54px;
		border-radius: 17px;
	}
	.jn-register-row--id .form-control {
		flex: 1 1 220px;
		width: auto;
	}
	.jn-register-check {
		height: 54px;
		border-radius: 15px;
	}
	.jn-register-help {
		flex-basis: 100%;
		white-space: normal;
	}
	.jn-register-control--checks {
		column-gap: 18px;
	}
	.jn-register-control--checks span {
		margin-left: 0;
		flex-basis: 100%;
	}
	.jn-register-actions {
		margin-top: 44px;
	}
	.jn-register-page .jn-register-control label.error {
		position: static;
		transform: none;
		flex-basis: 100%;
	}
}

@media (max-width: 520px) {
	.jn-register-page {
		margin: 34px auto 58px;
		padding: 0 18px;
	}
	.jn-register-head h1 {
		font-size: 28px;
	}
	.jn-register-head p,
	.jn-register-row > label,
	.jn-register-consent,
	.jn-register-control--checks label {
		font-size: 14px;
	}
	.jn-register-row--id .form-control {
		flex-basis: 100%;
	}
	.jn-register-check {
		width: 100%;
	}
	.jn-register-policy {
		min-height: 118px;
		padding: 18px;
	}
	.jn-register-actions {
		gap: 8px;
	}
	.jn-register-actions a,
	.jn-register-actions button {
		width: 50%;
		height: 52px;
		font-size: 16px;
	}
}
