.sosc-ann-section {
  border: 1px solid #dee2e6;
  background-color: #68BBDC;
  background-image: url('/devlnx062/sosc.ust.hk/profiles/ust/themes/custom/sosc/images/ann_base.png');
  background-repeat: no-repeat;
  background-position: bottom; 
}

.sosc-ann-container {
  
}

.sosc-ann-carousel {
	position:relative;
}
.sosc-ann-carousel-inner { 
	position:relative;
	overflow:hidden;
	width:100%;
	height: 350px;
}
.sosc-ann-carousel-inner>.sotl-item {
	display:none;
	position:relative;
	-webkit-transition:.6s ease-in-out left;
	-o-transition:.6s ease-in-out left;
	transition:.6s ease-in-out left;
}

@media all and (transform-3d),(-webkit-transform-3d){
	.sosc-ann-carousel-inner>.sotl-item {
		-webkit-transition:-webkit-transform .6s ease-in-out;
		-moz-transition:-moz-transform .6s ease-in-out;
		-o-transition:-o-transform .6s ease-in-out;
		transition:transform .6s ease-in-out;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		backface-visibility:hidden;
		-webkit-perspective:1000;
		-moz-perspective:1000;
		perspective:1000;
	}
}

.sosc-ann-carousel-inner>.slick-dots > li > button {
	display: block;
	width:10px;
	height:10px;
	border:1px solid #000;
	border-radius:10px;
    cursor: pointer;
	background-color:transparent;
   text-indent: -9999px;
}

.sosc-ann-carousel-inner>.slick-dots > li.slick-active button {
	width:12px;
	height:12px;
	background-color:#000;
}

.sosc-ann-carousel#carousel-primary .sotl-item {
	height:400px;
	overflow: hidden;
	position: relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
@media screen and (min-width:768px) and (max-width:991px){
	.sosc-ann-carousel#carousel-primary .sotl-item {
		height:500px;
		overflow: hidden;
		position: relative;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.sosc-ann-carousel#carousel-primary .sotl-item {
		height:500px;
		overflow: hidden;
		position: relative;
	}
}
@media screen and (min-width:1200px){
	.sosc-ann-carousel#carousel-primary .sotl-item {
		height:500px;
		overflow: hidden;
		position: relative;
	}
}

.sosc-ann-carousel-fade .sosc-ann-carousel-inner .active {
	opacity:1;
}
.sosc-ann-carousel-fade .sosc-ann-carousel-inner .active.left,.sosc-ann-carousel-fade .sosc-ann-carousel-inner .active.right {
	left:0;
	opacity:0;
	z-index:1;
}
.sosc-ann-carousel-fade .sosc-ann-carousel-inner .next.left,.sosc-ann-carousel-fade .sosc-ann-carousel-inner .prev.right {
	opacity:1;
}

@media all and (transform-3d),(-webkit-transform-3d){
	.sosc-ann-carousel-fade .sosc-ann-carousel-inner>.sotl-item.active,.sosc-ann-carousel-fade .sosc-ann-carousel-inner>.sotl-item.active.left,.sosc-ann-carousel-fade .sosc-ann-carousel-inner>.sotl-item.active.right,.sosc-ann-carousel-fade .sosc-ann-carousel-inner>.sotl-item.next,.sosc-ann-carousel-fade .sosc-ann-carousel-inner>.sotl-item.next.left,.sosc-ann-carousel-fade .sosc-ann-carousel-inner>.sotl-item.prev,.sosc-ann-carousel-fade .sosc-ann-carousel-inner>.sotl-item.prev.right {
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
}

@media screen and (min-width:768px){

	.sosc-ann-carousel-inner .slick-dots {
		bottom:20px;
	}
	.sosc-ann-carousel-inner.slick-dotted.slick-slider {
		padding-bottom: 50px;
	}
	.sosc-ann-carousel-inner.slick-dotted.slick-slider {
        margin-bottom: 0px;
    }	
}



/*Remove hkust effect*/
.layout.layout--hkust-fullwidth .slick-slide .sosc-ann-item img,
.layout.layout--hkust-fullwidth .slick-slide .sotl-blogs-item img,
.main-visual .slick-slide img {
  min-height: 250px;
  width: auto;
  visibility: visible;
}

	
	.read-more-button, .read-more-button:focus {
		text-transform: uppercase;
		color: #fff !important;
		background-color: #a61e22;
		border-color: #a61e22;		
		border-radius: 2px;  
		padding: 10px;
		font-size: large;
	}
	
	/*.read-more-button:hover, .read-more-button:active {
		color: #fff;
		background-color: #F25800;
		border-color: #F25800;
		font-weight: bold;
	}	
	*/
	
	.sosc-detail-list-container {
		height: 200px;
	}
	
	.sosc-detail-list-tag {
		bottom: 10px;
		margin-top: 20px;
	}
	

	body .region-content .sotl-detail-list-tag a,
	body.cke_editable .sotl-detail-list-tag a {
	  color: white;
	}