@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: 12px !important;
    height: 12px !important;
    background-color: #fffff0;
    border-radius: 99em;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 0 5px #000000;
}

.jssorb05 div {
    background-position: left;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
    background-color: #fff67e;
}

.jssorb05 .av {
    background-position: center;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
    background-color: #a3a3a3;
}

/* 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;
}