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

html{
	background:white;
	padding:0;
}

body{
	max-width:1920px;
	margin:0 auto;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	position:relative;
	background:url('back/00.webp');
	padding-bottom:200px;
}

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

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

.clear{clear:both;}


.smilje{
	font-family:'comic neue';
	font-size:45px;
	letter-spacing:1px;
	color:#8c3590;
	text-align:center;
	margin-top:14px;
}

.ctitle{
	font-family:'comic neue';
	font-size:32px;
	letter-spacing:1px;
	color:#8c3590;
	padding:0 11px;
	text-align:center;
}

.avatwrap{
	text-align:center;
	font-size:0;
	margin-top:11px;
	.background:#ddd;
}

.avat{
	display:inline-block;
	border:2px ridge gold;
	border-radius:50%;
	background:white;
	border-radius:50%;
	width:108px;
	padding:9px 9px 0 9px;
	cursor:pointer;
	filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
	position:relative;
}

.avat:active{
	bottom:2px;
}

.icofb{
	position:fixed;
	right:25px; top:54px;
	font-size:36px;
	cursor:pointer;
	color:#8c3590;
}

.icofb:hover{color:#0099cc;}
.icofb:active{right:23px; top:52px;}

.ains{
	columns:4;
	column-gap:20px;
	padding:0 9vw;
	margin-top:36px;
}

.acard{
	display:block;
	break-inside: avoid;
	margin-bottom:25px;
	text-align:center;
	font-size:0;	
}

.aimgwrap{
	display:inline-block;
	position:relative;
}

.aimg{
	display:block;
  max-width:100%;
	max-height:70vh;
  margin:0 auto;
	border-radius:9px;
	filter:drop-shadow(-2px 2px 2px rgba(0,0,0,0.3));
	position:relative;
	cursor:pointer;
}

.aimg:active{bottom:2px;}

.atitle{
	font-family:'autour one';
	font-size:17px;
	color:#007399;
	margin-top:14px;
	padding:0 10px;
	text-align:center;
	line-height:25px;
}

.vx{
	display:none;
	width:100%;
	max-height:70vh;
	border:none;
	outline:none;
	border-radius:9px;
	cursor:pointer;
}

.icoshare{
	display:none;
	position:absolute;
	z-index:5;
	right:11px; top:0;
	font-size:20px;
	background:#8c3590;
	color:white;
	padding:7px 9px;
	border-radius:0 0 9px 9px;
	cursor:pointer;
}

.icoshare:active{top:-2px;}


@media only screen and (max-width: 1630px){
	.apan{padding:0 7vw; columns:3;}
}

@media only screen and (max-width: 1250px){
	.apan{padding:0 5vw; columns:2;}
}

@media only screen and (max-width: 999px){
	.apan{padding:0 3vw;}
}

@media only screen and (max-width: 740px){
	.ctitle{font-size:20px;}
	.apan{columns:1; padding:0 25px; margin-top:25px;}
	.atitle{font-size:16px;}
}

@media only screen and (max-width: 630px){
	.apan{padding:0 14px;}
}