/*Caption Style */
.captionOrange, .captionBlack {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
}
.captionOrange {
	background: #EB5100;
	background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack {
	font-size:16px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited {
	color: #ffffff;
	text-decoration: none;
}
a.captionOrange:hover {
	color: #eb5100;
	text-decoration: underline;
	background-color: #eeeeee;
	background-color: rgba(238, 238, 238, 0.7);
}

/* this line can be removed, but it really helps in case of css conflicts in your page */
            .slider1 div {
	position: relative;
	margin: 0px;
	padding: 0px;
}
.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	overflow:hidden;
	background-image: url(../images/homepage/slider/a20.png);
	background-repeat: no-repeat;
}
Arrow Navigator Skin Begin .jssora20l {
	background-position: -3px -33px;
}
.jssora20r {
	background-position: -63px -33px;
}
.jssora20l:hover {
	background-position: -123px -33px;
}
.jssora20r:hover {
	background-position: -183px -33px;
}
.jssora20ldn {
	background-position: -243px -33px;
}
.jssora20rdn {
	background-position: -303px -33px;
}
/* Bullet Navigator Skin Begin */

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
	overflow:hidden;
	cursor: pointer;
	background-image: url(../images/homepage/slider/b03.png);
	background-repeat: no-repeat;
}
.jssorb03 div {
	background-position: -5px -4px;
}
.jssorb03 div:hover, .jssorb03 .av:hover {
	background-position: -35px -4px;
}
.jssorb03 .av {
	background-position: -65px -4px;
}
.jssorb03 .dn, .jssorb03 .dn:hover {
	background-position: -95px -4px;
}
/* jssor slider arrow navigator skin 20 css */
            /*
            .jssora20l              (normal)
            .jssora20r              (normal)
            .jssora20l:hover        (normal mouseover)
            .jssora20r:hover        (normal mouseover)
            .jssora20ldn            (mousedown)
            .jssora20rdn            (mousedown)
            */
            .jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
            {
	position: absolute;
	cursor: pointer;
	display: block;
	overflow:hidden;
	background-image: url(../images/homepage/slider/a20.png);
	background-repeat: no-repeat;
            }
            .jssora20l { background-position: -3px -33px; }
            .jssora20r { background-position: -63px -33px; }
            .jssora20l:hover { background-position: -123px -33px; }
            .jssora20r:hover { background-position: -183px -33px; }
            .jssora20ldn { background-position: -243px -33px; }
            .jssora20rdn { background-position: -303px -33px; }