#topcarousel{
	background-color:#671c83;
	padding:1% 0%;
	position:relative;
	overflow-x:hidden;
}

#topcarouselbox{
/*
	display:flex;
	width:228.5714285714286%;
*/
	white-space:nowrap;
	transform: translate3d(-25.3%, 0px, 0px);
	position:relative;
	-webkit-transition: transform 0.5s linear;
	   -moz-transition: transform 0.5s linear;
	    -ms-transition: transform 0.5s linear;
	     -o-transition: transform 0.5s linear;
	        transition: transform 0.5s linear;
}
#topcarouselbox.loopmode{
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}

#topcarousel li{
	position:relative;
	display:inline-block;
	margin:0% 0.40%;
	
	width:29.1%;
	border:2px solid #000000;
	border-radius: 5%/10%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
/*
	overflow: hidden;
	flex:1;
*/
}
#topcarousel li:before{
	content:"";
	display:block;
	padding-top:56.25%;
}

#topcarousel li.waitload{
	border-color:transparent;
}
#topcarousel li.tovideo,
#topcarousel li.toimage{
	cursor:pointer;
}

#topcarousel li a{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border-radius: 5%/10%;
	overflow:hidden;
}

#topcarousel li:after{
	content:"";
	display:block;
	position:absolute;
	width:10%;
	padding-top:10%;
	background-repeat:no-repeat;
	background-size:contain;
	top:1.5%;
	right:1%;
	pointer-events: none; 
}
#topcarousel li.icsend:after{
	background-image:url(imgs/icsend.png);
}
#topcarousel li.iccontent:after{
	background-image:url(imgs/iccontent.png);
}
#topcarousel li.icvideo:after{
	background-image:url(imgs/icvideo.png);
}

#topcarousel li>.newicon{
	display:block;
	position: absolute;
	width:24.0625%;
	cursor: pointer;
	user-select: none;
	pointer-events: none; 
	top:-4%;
	/* left:1.5625%;*/
	left:0%;
}

#topcarousel li>.newicon:before{
	content:"";
	display:block;
	padding-top:28.57142857142857%;
	background-image: url(imgs/newicon.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#topenqbanner:hover,
#topbannersbox li:hover,
#topcarousel li:hover{
	-webkit-filter: brightness(1.1);
	   -moz-filter: brightness(1.1);
	    -ms-filter: brightness(1.1);	
	     -o-filter: brightness(1.1);
	        filter: brightness(1.1);
}
/* ie11 */
_:-ms-input-placeholder, :root #topenqbanner:hover:after,
_:-ms-input-placeholder, :root #topbannersbox li:hover a:after,
_:-ms-input-placeholder, :root #topcarousel li:hover a:after{
	position: absolute;
	content:"";
	background-color:#ffffff;
	width:100%;
	height:100%;
	display:block;
	left:0;
	top:0;
	opacity:0.2;
}


#topcarousel li:hover>.newicon{
	opacity: 0;
}


#topcarousel button{
	border:0;
	top:0;
	position:absolute;
	width:5%;
	background-color:rgba(103,28,131,0.5);
	height:100%;
	color:#ff9b87;
	font-weight:bold;
	font-size:3vw;
	text-align:center;
	cursor:pointer;
}
#topcarousel button.exhover{
	background-color:rgba(103,28,131,1.0);
	color:#ffff00;
	font-size:4vw;
}

button#topcarouselback{
	left:0;
	text-align:left;
}
button#topcarouselnext{
	right:0;
	text-align:right;
}
@media screen and (max-width:480px){
	#topcarousel ul{
		transform: translate3d(-82%, 0px, 0px);
	}
	#topcarousel li{
		margin:0% 3%;
		width:80.15%;
	}
	#topcarousel button{
		width:9%;
	}
	
	#topcarousel button{
		font-size:5vw;
	}
	#topcarousel button.exhover{
		font-size:6vw;
	}
}
@media screen and (max-width:480.001px) and (max-width:1200px) {
	
}
@media screen and (min-width:1200.001px) {
	#topcarousel button{
		font-size:38px;
	}
	#topcarousel button.exhover{
		font-size:41px;
	}
}

#topbanners{
	background-color:#9c2881;
}

#topbannersbox{
	text-align:center;
}

#topbannersbox li{
	position:relative;
	display:inline-block;
	border-radius: 5% / 20%;
	overflow:hidden;
	width:48%;
	margin:0.3% 0.4%;
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
	border:2px solid #000000;
}
#topbannersbox li:before{
	display:block;
	content:"";
	padding-top:23.5%;
}
#topbannersbox li a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
#topenqbanner{
	width:100%;
	border-top:2px solid #0b1f56;
	border-bottom:2px solid #0b1f56;
	background-color: #0b1f56;
	cursor:pointer;
	position: relative;
}
#topenqbanner:before{
	content:"";
	display:block;
	padding-top:3.768844221105528%;
	background-image:url(imgs/enq-banner.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: cover;
}


@media screen and (max-width:480px){
	#topbannersbox li{
		width:100%;
		border:0;
		border-radius:0;
		margin:0;
		border-top:2px solid #0b1f56;
	}
	#topenqbanner:before{
		/* padding-top:7.922535211267606%;*/
		padding-top:8.3%;
		background-position: 14.5% 0%;
	}
	
}