﻿/*  ... Slider Css ...   */
/*  ............. Css By Websaz Group ... www.websaz.info .............   */


/*...Public.....................*/


.slide1{
position: relative; margin: 0 auto;
top: 0px; left: 0px; width: 1300px; height: 485px; overflow: hidden;
}

.slide2{
position: absolute; top: 0px; left: 0px;
}

.slide3{
filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block;
top: 0px; left: 0px; width: 100%; height: 100%;
}

.slide4{
position: absolute; display: block; background: url(graphic/slide/img/loading.gif) no-repeat center center;
top: 0px; left: 0px; width: 100%; height: 100%;
}

.slide5{
cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
 height: 485px; overflow: hidden;
}


/*...Slide1.....................*/




/*...Slide2.....................*/





/*...Slide2-text.....................*/








div.btnmoreslide {
	padding:2px 10px ; background-color:#a3cd39;color:#000;width:200px;margin:auto;margin-top:35px ; margin-bottom:10px;text-align:center;
	font-size:large;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

div.btnmoreslide a{
color:#000;
}

div.btnmoreslide a:hover{
color:#fff;
}

div.btnmoreslide:hover {
	background-color:#f00000;color:white;
	-webkit-animation: effect6 1s ; 
    animation: effect6 1s ;

}

/*...bullet navigator.....................*/


.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    background: url(img/b21.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.slide12{ position: absolute; bottom: 6px; left: 6px;}


/*...arrow navigator.....................*/

.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(img/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }


            

