.su-card-deck{
	position: relative;
}

.su-card-deck .su-glider{
	position: relative;
	overflow: hidden;
}

.su-card-deck .glider-prev {
	left:0.85rem;
}

.su-card-deck .glider-next {
	right:1rem;
}

.su-card-deck .glider-arrow{
	z-index:999;
	position:absolute;
	top: 9.5rem;
	padding:.5rem .95rem;
	border-radius:50%;
	line-height: 0.6;
	background-color:#fff;
	
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.29);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.29);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.29);
}

.su-card-deck .glider-arrow.disabled{
	display:none;
}

.su-card-deck .arrow-icon{
	font-size:1.75rem;
	color: #797979;
	vertical-align: middle;
}

.su-card-deck .card{
	min-width: 160px;
	margin-right: 1rem;
}

.su-card-deck .card-body{
	padding: 0.5rem;
}

.su-card-deck .su-div-title {
	font-weight:600;
	font-size:1.3em;
	border:none;
	margin-bottom:1rem;	
}

.su-card-deck .su-img {
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height:140px;
    object-fit:cover;
}

.su-card-deck .su-name {
	font-size:1.0em;
	font-weight:700;
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	text-overflow: ellipsis;
	line-height:1.4em;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height:4.2em;
	margin-bottom:0.25rem;
	cursor:pointer;
}

.su-card-deck .su-name > a {
	color: #000;
}

.su-card-deck .su-name > a:hover {
	color: var(--system-color);
}

.su-card-deck .su-follow-count {
	cursor:pointer;
	font-size: 0.8rem;
}