body, a, div, p, ul, ol, li {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	background-image: url('/Public/images/bg.svg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #111;
}
a {
	cursor: pointer;
	text-decoration: none;
}
#logo {
	width: 260px;
	height: 64px;
	background: url("/Public/images/logo.png") no-repeat center;
	display: block;
}
hr {
	border-bottom: 1px solid #fffc;
	border-top: 1px solid #0003
}
.w {
	width: 1200px;
	margin: 0 auto;
	overflow-x: hidden;
}
.c {
	text-align: center;
}
#main {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
#main > aside {
	flex: 0 1 0;
	min-width: 10vw;
}
nav {
	background: #0361;
	ul.w {
		text-align: center;
		padding: 10px 0;
		list-style: none;
		display: flex;
		justify-content: space-evenly;
		gap: 10px;
		> li {
			min-width: 5rem;
		}
	}
	a.switch {
		display: none;
	}
}
@media (max-width: 1199px) {
	.w {
		width: 1000px;
	}
}
@media (max-width: 991px) {
	.w {
		width: 100vw;
	}
}
@media (max-width: 767px) {
	#logo {
		width: 260px;
		height: 64px;
		background: url("/Public/images/logo.png") no-repeat center;
		display: block;
	}
	.w {
		width: 100vw;
	}
	nav {
		min-width: 5rem;
		background: 0000;
		position: fixed;
		top: 0;
		right: 0;
		a.switch {
			display: block;
			position: absolute;
			top: 1vh;
			right: 1vw;
			background: #fff9;
			font-size: 1.5em;
			line-height: 3rem;
			text-align: center;
			width: 3rem;
			height: 3rem;
			overflow: hidden;
		}
		ul.w {
			background: #fffe;
			padding: .5rem;
			min-width: 8rem;
			width: 8rem;
			max-width: 50vw;
			list-style: none;
			display: none;
			position: absolute;
			top: 8vh;
			right: 1px;
			border: 1px solid #0006;
			box-shadow: 0 2vh 3vh #0003;
			> li {
				min-width: 5rem;
				text-align: center;
				padding: 1vh 0;
			}
		}
	}
}