/* Animation banners
---------------------------------------- */
.captionOrange, .captionBlack, .captionBlue, .captionYellow, .captionPink, .captionTransparentBlack, .captionTransparentWhite
{
	color: #fff;
	font-size: 28px;
	line-height: 38px;
	text-align: center;
	border-radius: 4px;
}
.captionOrange
{
	background: #EB5100;
	background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
	background: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
.captionBlue
{
	background: #3095cd;
	background-color: rgba(48, 149, 205, 0.7);
}
.captionPink
{
	background: #d754c0;
	background-color: rgba(215, 84, 192, 0.7);
}
.captionYellow
{
	background: #E9F915;
	background-color: rgba(233, 249, 21, 0.7);
}
.captionTransparentBlack
{
	color: #000;
	background: transparent;
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited, A.captionBlue:visited,
a.captionTransparentWhite, a.captionTransparentWhite:active, a.captionTransparentWhite:visited
{
	color: #ffffff;
	text-decoration: none;
}
.captionOrange a, .captionBlack a, .captionBlue a, .captionYellow a, .captionPink a, .captionTransparentWhite a
{
	color: #ffffff;
	text-decoration: none;
}
.captionTransparentBlack a
{
	color: #000000;
	text-decoration: none;
}
a.captionTransparentBlack
{
	color: #000000;
	text-decoration: none;
}
a.captionOrange:hover
{
	color: #eb5100;
	text-decoration: underline;
	background-color: #eeeeee;
	background-color: rgba(238, 238, 238, 0.7);
}

/* jssor slider bullet navigator skin 03 css */
/*
.jssorb03 div           (normal)
.jssorb03 div:hover     (normal mouseover)
.jssorb03 .av           (active)
.jssorb03 .av:hover     (active mouseover)
.jssorb03 .dn           (mousedown)
*/
.jssorb03 {
	position: absolute;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
	position: absolute;
	/* size of bullet elment */
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: 21px;
	color: white;
	font-size: 12px;
	background: url(images/b03.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.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)
.jssora20l.jssora20ldn      (mousedown)
.jssora20r.jssora20rdn      (mousedown)
*/
.jssora20l, .jssora20r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(images/a20.png) no-repeat;
	overflow: hidden;
}
.jssora20l { background-position: -3px -33px; }
.jssora20r { background-position: -63px -33px; }
.jssora20l:hover { background-position: -123px -33px; }
.jssora20r:hover { background-position: -183px -33px; }
.jssora20l.jssora20ldn { background-position: -243px -33px; }
.jssora20r.jssora20rdn { background-position: -303px -33px; }
