/* ST list */
#st-list {margin:auto;padding:0;}
#st-list .catbox {color:#555; padding:0 0 5px 0; min-height:35px;}
#st-list .catbox .info {min-height:30px; line-height:30px; vertical-align:middle;}
#st-list .catbox .info img {position:relative; top:-2px;}
#st-list table {width:100%; border-spacing:0px; border-collapse:collapse; margin-bottom:10px; }
#st-list table img {position:relative; top:-2px;}
#st-list table caption {display:none;}
#st-list thead th {text-align:center; min-height:40px; /*border-top:2px solid #aaa;*/ border-bottom:1px solid #ddd; /*background:#fcfcfc;*/ font-weight:bold; color:#555; padding:10px 5px;}
/*#st-list thead th {text-align:center; min-height:40px; border-top:2px solid #aaa; border-bottom:1px solid #aaa; background:#fcfcfc; font-weight:bold; color:#555; padding:10px 5px;}*/
#st-list thead th.left {text-align:left;}
#st-list tbody .noticetr {background-color: #f5f5f5;}
#st-list tbody .noticetr a {font-weight:bold;}
#st-list tbody tr:last-child {border-bottom:#aaa solid 1px;}
#st-list tbody td {text-align:center; min-height:45px; color:#888; padding:12px 5px;}
#st-list tbody td.name {width:100px; max-width:100px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#st-list .now {color:#ff0000;}
#st-list .sbj {text-align:left;}
#st-list .sbj .label {font-family:arial;padding:.2em .6em;position:relative;top:-1px;}
#st-list .sbj .imgpos {margin-bottom:-1px;}
#st-list .sbj a {color:#222222;text-decoration:none;line-height:150%;}
#st-list .sbj a:hover {text-decoration:underline;}
#st-list .sbj .new {font:normal 90% arial;color:#ff0000;}
#st-list .sbj .comment {font:normal 90% arial;color:#ff0000;}
#st-list .sbj .trackback {font:normal 90% arial;color:#02ACD6;}
#st-list .buttons {margin:0 0 20px; text-align: center;}
#st-list .buttons .left-side {float:left; text-align:left;}
#st-list .buttons .right-side {float:right; text-align:right;}
#st-list .buttons .pagebox {margin: -30px 0 0 0; padding: 0 145px;}
#st-list .buttons .pagebox .btn-skip { margin: 0 4px; }
#st-list .buttons .pagebox .btn-page { margin: 0 2px; }
#st-list .searchbox {text-align:center; padding:10px 0 20px;}
#st-list .searchbox select {display:inline-block; max-width:110px; margin-bottom:5px;}
#st-list .searchbox .input-group {margin-bottom:5px;}
#st-list .searchbox .input-search {display:inline-block; min-width:190px;}

/** for getPageLinkClassicST() style **/
#st-list .buttons .pagebox.classic {margin: -22px 0 0 0;}
#st-list .buttons .pagebox.classic .selected, .pagebox.classic .notselected:hover {padding:0 4px 0 4px;font-family:arial;font-weight:bold;color:#FF5B01;}
#st-list .buttons .pagebox.classic .notselected {padding:0 4px 0 4px;text-decoration:none;font-family:arial;color:#222;font-weight:bold;}
#st-list .buttons .pagebox.classic img {padding:0 3px;}

@media (max-width: 991px) { 
	#st-list .buttons {margin-bottom: 0;}
	#st-list .buttons .pagebox {margin:0; padding: 20px 0;}
	#st-list .buttons .pagebox.classic {margin:0; padding: 20px 0;}
	#st-list .searchbox {padding-top: 10px;}
}
@media (max-width: 480px) {
	#st-list .hidden-xs-v {display: none;}
}


/* ST Block */
#st-block {
	border-top: 1px solid #ddd;
	padding-top: 15px;
}
#st-block .row-block {
	margin-right: 0px;
	margin-left: 0px;
	/***
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	***/
}
#st-block .col-block {
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #333;
	/***
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	***/
}
#st-block .item-block {
	position: relative;
	width: 100%;
	height: 210px;
	text-align: center;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
#st-block .item-block .hover {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10;
}
#st-block .item-block .hover:hover {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out; 	
    transition: opacity 0.3s ease-in-out; 	
}
#st-block .item-block .hover .hover-caption {
	position: absolute;
	top: 50%;
	left: 30px;
	right: 30px;
	padding: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
	color: white;
	font-weight: bold;
	font-size: 17px;
}
#st-block .item-block .inner-caption {
	position: absolute;
	top: 50%;
	left: 30px;
	right: 30px;
	padding: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
	color: white;
	font-weight: bold;
	font-size: 17px;
	background-color: rgba(0, 0, 0, 0.8);
	display: none;
}
#st-block .item-none {
	width: 100%;
	padding: 10px 15px; 
}


#st-block .buttons {margin:15px 0 20px; text-align: center; padding-top: 15px; border-top: 1px solid #ddd;}
#st-block .buttons .left-side {float:left; text-align:left;}
#st-block .buttons .right-side {float:right; text-align:right;}
#st-block .buttons .pagebox {margin: -30px 0 0 0; padding: 0 145px;}
#st-block .buttons .pagebox .btn-skip { margin: 0 4px; }
#st-block .buttons .pagebox .btn-page { margin: 0 2px; }

#st-block .searchbox {text-align:center; padding:10px 0 20px;}
#st-block .searchbox select {display:inline-block; max-width:110px; margin-bottom:5px;}
#st-block .searchbox .input-group {margin-bottom:5px;}
#st-block .searchbox .input-search {display:inline-block; min-width:190px;}

/** for getPageLinkClassicST() style **/
#st-block .buttons .pagebox.classic {margin: -22px 0 0 0;}
#st-block .buttons .pagebox.classic .selected, .pagebox.classic .notselected:hover {padding:0 4px 0 4px;font-family:arial;font-weight:bold;color:#FF5B01;}
#st-block .buttons .pagebox.classic .notselected {padding:0 4px 0 4px;text-decoration:none;font-family:arial;color:#222;font-weight:bold;}
#st-block .buttons .pagebox.classic img {padding:0 3px;}

@media (max-width: 991px) { 
	#st-block .buttons {margin-bottom: 0;}
	#st-block .buttons .pagebox {margin:0; padding: 20px 0;}
	#st-block .buttons .pagebox.classic {margin:0; padding: 20px 0;}
	#st-block .searchbox {padding-top: 10px;}
}
@media (max-width: 480px) {
	#st-block .hidden-xs-v {display: none;}
}