#con{
position: relative;
height: 330px;
  width: 970px;/*390px*/
  margin: 0 auto;
overflow: hidden;
z-index:3;
}

#con a{
position:absolute;
width:109px;
top: 43px;
}
 
#con a img{
width:109px;
cursor: pointer;
overflow: hidden;
}
#con a.big{
width: 176px;
height: 251px;
top: 0;
overflow: visible;
}
#con a.big img{
width: 176px;
max-width: 176px;
} 
#con a div.btn{
	display: none;
	width: 35px;
	height: 35px;
	background: url(/images/plus.png) no-repeat;
	position: absolute;
	bottom: 25px;
	right: -8px;
}
#con a div.name{
	display: none;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	margin-top: 20px;
}
#con a.big div.btn{
	display: block;
}
#con a.big div.name{
	display: block;
}
#carouselRight{
position: absolute !important;
width:14px !important;
height:19px !important;
top: 146px !important;
left: 397px !important;
cursor: pointer !important;
background: url(/images/left_arrow.webp);
z-index: 5;
}
#carouselLeft{
position: absolute !important;
width:14px !important;
height:19px !important;
top: 146px !important;
right: 382px !important;
cursor: pointer !important;
background: url(/images/right_arrow.webp);
z-index: 5;
}
#con-mobile {
	display: none;
}



@media (max-width:1009px){
	#con,
	#carouselRight,
	#carouselLeft
	{
		display: none;
	}
	#con-mobile	{
		display: block;
	}
	div.sert div.sert_list a {
		margin: 0 !important;
		float: none !important;
		height: auto !important;	
    -moz-box-shadow: initial !important;
    -webkit-box-shadow: initial !important;
    box-shadow: initial !important;		
	}
	div.sert div.sert_list a img {
		max-width: 100% !important;
		display: inline;
	}
}



















/*Horizontal Orientation CSS*/
div.sert .jscarousal-horizontal
{
	width: 100%;
	height: 180px;
	margin: 0;
	padding: 0;
	position: relative; /*overflow: hidden;*/
}
div.sert .jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
	width: 14px;
	height: 19px;
	position: absolute;
	top: 80px;
	z-index: 10;
	cursor: pointer;
}
div.sert .jscarousal-horizontal-back
{
	background-image: url(/images/left_arrow.png);
	background-repeat: no-repeat;
	background-position: left;
	left: -3px;
}
div.sert .jscarousal-horizontal-forward
{
	background-image: url(/images/right_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	right: -3px;
}
div.sert .jscarousal-contents-horizontal
{
	width: 100%;
	height: 180px;
	float: left;
	position: relative;
	overflow: hidden;
}
div.sert .jscarousal-contents-horizontal > div
{
	position: absolute;
	width: 100%;
	height: 180px;
}
div.sert .jscarousal-contents-horizontal > div > div
{

}
div.sert .jscarousal-contents-horizontal img
{

}
/*Horizontal Orientation CSS Ends*/

/*Common*/
div.sert .hidden
{
	display: none;
}
div.sert .visible
{
	display: block;
}
div.sert .thumbnail-active
{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
div.sert .thumbnail-inactive
{
	filter: alpha(opacity=20);
	opacity: 0.2;
	cursor: pointer;
}
div.sert .thumbnail-text
{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}