*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html{
	background:#223344;
	overflow-y:hidden;
}

body{
	max-width:1920px;
	margin:0 auto;
	user-select: none;
}

::-webkit-scrollbar{width:9px;}
::-webkit-scrollbar-track{background:#1a2733;}
::-webkit-scrollbar-thumb{background:#334d66; border-radius:5px; cursor:pointer;}

.clear{clear:both;}

.apan{
	height:calc(100vh - 32px);
	overflow-y:scroll;
	padding-bottom:25vh;
}

.cname{
	font-family:'autour one';
	font-size:19px;
	letter-spacing:1px;
	color:#aaa;
	text-align:center;
}

.gotop{
	position:fixed;
	z-index:9;
	right:25px;
	bottom:0;
	font-size:20px;
	padding:7px 11px;
	border:2px solid #999;
	border-bottom:none;
	border-radius:14px 14px 0 0;
	cursor:pointer;
	background:#223344;
	color:#bbb;
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color: transparent;
}

.gotop:active{bottom:3px;}

@media screen and (max-width: 1250px){
	.mbars{display:block;}
	.sbwrap{display:none; left:25px; top:63px;}
	.rlogo{display:none;}
}

@media screen and (max-width: 630px){
	.mlogo{display:none;}
	.mbars{left:50%; transform:translatex(-50%);}
	.sbwrap{display:none; left:50%; transform:translatex(-50%);}
	.cname{margin-top:14px;}
	
}