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

html{
	font-family:montserrat, sans serif;
	font-size:62.5%;
	background:white;
}

body{
	max-width:1920px;
	margin:0 auto;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	background:white;
	position:relative;
}

::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar-track{background: white;}
::-webkit-scrollbar-thumb{background:orange; border-radius:5px;}

a:link, a:hover, a:active, a:visited{
	text-decoration:none;
	outline:none;
}

input, select, textarea{
	outline:none;
	border:none;
}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.store{display:none;}
.clear{clear:both;}

.atops{
	text-align:center;
	margin-top:25px;
	font-size:0;
}

.ati{
	display:inline-block;
	line-height:23px;
	padding:0 14px;
	font-size:12px;
	letter-spacing:1px;
	background:#0099cc;
	color:white;
	border-radius:25px;
	cursor:pointer;
	margin:5px;
}

.aact, .ati:hover{background:darkorange;}

.apan{
	text-align:justify;
	margin-top:14px;
	.background:orange;
}

.aimg{
	display:inline-block;
	margin:14px;
	border-radius:9px;
	filter:drop-shadow(-3px 3px 3px rgba(0,0,0,0.3));
	cursor:pointer;
	position:relative;
	max-width:290px;
	max-height:250px;
}

.imact{border-top:5px solid red;}
.aimg:hover{.filter:sepia();}
.aimg:active{bottom:3px;}

.flag{
	display:none;
	position:fixed;
	z-index:99;
	left:0; top:0;
	width:100%; height:100vh;
	background:rgba(0,0,0,0.7);
	overflow-y:scroll;
	overscroll-behavior: none;
}

.flag::-webkit-scrollbar {
  display: none;
}

.flag{
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.fbtns{
	text-align:center;
}

.fbtn{
	display:inline-block;
	font-size:20px;
	background:#007399;
	color:white;
	padding:7px 11px;
	border:2px solid white;
	border-radius:50%;
	cursor:pointer;
	position:relative;
	margin:0 5px;
}

.fbtn:hover{background:orange;}
.fnext:active{left:2px;}
.fprev:active{right:2px;}

.fimg{
	display:block;
	max-width:90%;
	max-height:90vh;
	margin:0 auto;
	border-radius:9px;
	.filter:drop-shadow3px 3px 3px rgba(0,0,0,0.3));
}

.fstory{
	margin-top:9px;
	color:white;
	line-height:23px;
	font-size:1.6rem;
	letter-spacing:1px;
	background:rgba(0,0,0,0.5);
	padding:9px 20px;
}

.fstory:empty{
	display:none;
}

.fclose{
	position:absolute;
	left:25px; top:25px;
	font-size:29px;
	color:#ddd;
	cursor:pointer;
}

.fclose:hover{color:white;}
.fclose:active{left:22px;}

.mcol{
	display:none;
}

.mimg{
	display:block;
	margin:0 auto;
	max-width:90%;
	max-height:54vh;
	border-radius:9px;
}

.mstory{
	background:#0099cc;
	color:white;
	font-size:16px;
	letter-spacing:1px;
	padding:9px 20px;
	line-height:21px;
	text-align:center;
}

.mstory:empty{display:none;}

.abottom{height:120px;}

.tip{
	display:none;
	position:fixed;
	z-index:99;
	font-size:13px;
	letter-spacing:1px;
	line-height:27px;
	padding:0 20px;
	background:#007399;
	color:white;
	border:2px solid white;
	border-radius:25px;
}

.gotop{
	display:none;
	position:fixed;
	right:25px; bottom:0;
	font-size:20px;
	background:linear-gradient(#0099cc, #007399);
	color:white;
	padding:5px 9px;
	border:2px solid white;
	border-bottom:none;
	border-radius:14px 14px 0 0;
	cursor:pointer;
}

.gotop:hover{background:#0099cc;}
.gotop:active{bottom:2px;;}


@media only screen and (max-width: 720px){
	.ati{display:block; margin:0 auto; margin-bottom:2px; border-radius:0; line-height:34px;}
	.apan{display:none;}
	.mcol{display:block;}