@charset "utf-8";

        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 { position: absolute; bottom:10px;right:16px; }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../images/b05.png') no-repeat;
			background-size: cover;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: left;  }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: center;  }
        .jssorb05 .av { background-position: center;  }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: right;  }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r { display: block; position: absolute; /* size of arrow element */ cursor: pointer; }


.banner-box {position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; visibility: hidden;}
.banner-box-m {position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; visibility: hidden;}


.banner-box-content {cursor: default; position: relative; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;}
.loading-box {position: absolute; top: 0px; left: 0px;}
.loading-bg {filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.loading-img { position:absolute; display:block; background:url('../images/loading.gif') no-repeat center center; top:0px; left:0px; width:100%; height:100%; }

.arrowleft  {top:0px; left:8px; width:40px; height:60px; background: url(../images/a22.png) left no-repeat; background-size: cover;}
.arrowright {top:0px; right:8px; width:40px; height:60px;background: url(../images/a22.png) right no-repeat; background-size: cover;}
.arrowright:hover, .arrowleft:hover { opacity: 0.5; }


@media screen and (max-device-width: 480px) {
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {  }
	.arrowleft, .arrowright  {  }
}