html { margin: 0; height: 100%;  background: black url(/images/site/backgrounds/bg.gif) no-repeat center center; background-size: cover; background-attachment: fixed; text-align:center;}
* { font-family:"Ubuntu", sans-serif; color:#474747; font-size:16px; }
#titleimage { margin:auto; display:block; max-width:70%;}
ul.mod-menu { list-style: none;}
ul.mod-menu li { display: inline-block; }
ul.mod-menu a {
	text-decoration:none;
	color: #C8C8C8;
	font-weight:900;
	font-size:small;
	background:url('/images/site/menu_icon.png') no-repeat center center;
	min-width: 5em;
	display: inline-block;
	text-align: center;
	line-height:8em;
	padding: 0 2em 0.8em 2em;
}
ul.mod-menu a:hover {color: #34282C;}
ul.mod-menu a:active {color: #34282C;}
ul.mod-menu li.current a { color: #34282C; }
#mainarea {
	display:inline-block;
	background:rgba(255,255,255,0.6);
	border-radius: 1.5em;
	padding:2em;
	/*text-align:left;*/
	width:50em;
	max-width:70%;
}
/* #mainarea img {width:70%; height:auto;} */
.fc_inactive {width:100px !important; height:auto;}

a { text-decoration: none; color:#006E99; }
a:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
a:active { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.limitbox {display:none;}
.counter {text-align:center; margin-top:1em;}
.pagination ul { list-style: none; text-align:center;}
.pagination li { 
	display: inline-block;
	text-align: center;
	margin:1em;
}

/*for show page display*/
.artthumb {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items: flex-start;
	align-content:center;
}
.card {width:190px; display:inline; margin:10px 5px 10px 5px; /*margin-right:5px; margin-left:5px;*/}
.card img {width:190px; height:300px; margin-bottom:5px;}

#copyright {font-size: small; color:white;}

.shadow {
	box-shadow: 0.625em 0.313em 0.313em #4c4c4c;
}

.storediv {
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.storediv div {margin:auto;width:40%;}
.storediv img {width:100%;}