.html-box {
  text-align: center;
  width: 100%;
}

.html-box .html-caption{
	text-align: center;
}

.html-icon {
	display: inline-block;
	cursor: pointer;
}

.html-icon img {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	object-fit: cover;
	aspect-ratio: 1;
}

.html-icon img.html-loading {
	border:0px;
	top:32px;
	left:32px;
	width:64px;
	height:64px;
}

.html-icon div {
	position: relative;
	margin: 0px;
}

.html-caption {
	padding-top: 8px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: black;
}

.html-clear {
	clear: both;
}

.html-paging {
	clear: both;
	width: 100%;
	table-layout: fixed;
}

.html-paging span {
	margin: 0px 1px 0px 1px;
}
.html-paging a {
	margin: 0px 1px 0px 1px;
}

div.fancy_box {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
}

span#fancy_right_ico {
	right: -9999px;
}

a#fancy_left:hover span, a#fancy_left span.mobile {
	left: 10px; 
}

a#fancy_right:hover span, a#fancy_right span.mobile {
	right: 10px; 
}

div#fancy_title {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 8px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}