header {
	position: sticky;
	top: 0;
	z-index: 40;
	padding: 18px 0;
	background: rgba(255, 252, 248, 0.86);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(111, 90, 72, 0.1);
}

header .header_logo {
	width: min(1120px, calc(100% - 32px));
	margin: 0 auto;
}

header .header_logo a {
	display: inline-flex;
	align-items: center;
	padding: 8px 0;
}

header .header_logo img {
	display: block;
	width: auto;
	height: 38px;
	max-width: min(220px, 48vw);
	object-fit: contain;
}

.three_tiers_body,
.three_tiers_auth_body {
	background:
		radial-gradient(circle at top right, rgba(214, 180, 139, 0.18), transparent 32%),
		linear-gradient(180deg, #f8f4ef 0%, #f3eee7 100%);
	color: #3c332d;
}

#main .inner {
	width: min(1120px, calc(100% - 32px));
	margin: 0 auto;
}

#main .container {
	width: 100%;
}

@media (max-width: 767px) {
	header {
		padding: 14px 0;
	}

	header .header_logo {
		width: min(100% - 20px, 1120px);
	}

	header .header_logo img {
		height: 32px;
		max-width: 180px;
	}

	#main .inner {
		width: min(100% - 20px, 1120px);
	}
}