.captionOrange,.captionBlack{color:#009884;font-size:14px;line-height:23px;text-align:center;border-radius:4px;padding:15px}.captionOrange{background:#FFF;background-color:rgba(235,255,255,0.8)}.captionOrange a{color:rgba(235,255,255,1)!important;background:#00aba5 none repeat scroll 0 0;padding:5px 15px;text-decoration:none;display:inline-block;font-size:16px}.captionOrange p{margin:7px 0}.captionBlack{font-size:16px;background:#000;background-color:rgba(0,0,0,0.4)}a.captionOrange,A.captionOrange:active,A.captionOrange:visited{color:#fff;text-decoration:none}a.captionOrange:hover{color:#eb5100;text-decoration:underline;background-color:#eee;background-color:rgba(238,238,238,0.7)}.bricon{background:url(../images/browser-icons.png)}.share-icon{display:inline-block;float:left;margin:4px;width:32px;height:32px;cursor:pointer;vertical-align:middle;background-image:url(../images/share/share-icons.png)}.share-facebook{background-position:0 0}.share-facebook:hover{background-position:0 -40px}.share-twitter{background-position:-40px 0}.share-twitter:hover{background-position:-40px -40px}.share-pinterest{background-position:-80px 0}.share-pinterest:hover{background-position:-80px -40px}.share-linkedin{background-position:-240px 0}.share-linkedin:hover{background-position:-240px -40px}.share-googleplus{background-position:-120px 0}.share-googleplus:hover{background-position:-120px -40px}.share-stumbleupon{background-position:-360px 0}.share-stumbleupon:hover{background-position:-360px -40px}.share-email{background-position:-320px 0}.share-email:hover{background-position:-320px -40px}.jssorb03{position:absolute}.jssorb03 div,.jssorb03 div:hover,.jssorb03 .av{position:absolute;width:21px;height:21px;text-align:center;line-height:21px;color:#fff;font-size:12px;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}</style>
<!--
bullet navigator container
-->
<div u="navigator" class="jssorb03" style="bottom: 16px; right: 6px;">
<!--
bullet navigator item prototype
-->
<div u="prototype"><div u="numbertemplate"></div></div> </div>
<!--
#endregion Bullet Navigator Skin End
-->
<!--
#region Arrow Navigator Skin Begin
-->
<!--
Help: http://www.jssor.com/development/slider-with-arrow-navigator-jquery.html
-->
<style> /* 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;width:55px;height:55px;cursor:pointer;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}.jssorb03{position:absolute}.jssorb03 div,.jssorb03 div:hover,.jssorb03 .av{position:absolute;width:21px;height:21px;text-align:center;line-height:21px;color:#fff;font-size:12px;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}.jssora20l,.jssora20r{display:block;position:absolute;width:55px;height:55px;cursor:pointer;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}@media only screen and (max-width: 980px){.qr_code{display:none}}