/* Bullet Navigator Skin Begin
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/

@media (min-width: 600px) {.hideondsk {display: none}}
@media (max-width: 599px) {.hideonmob {display: none}}

.slider_container {width: 850px; height: 350px}
@media (max-width:599px) {.slider_container {width: 400px; height: 408px}}

.slideset {width: 850px; height: 450px}
@media (max-width:599px) {.slideset {width: 400px; height: 450px}}

            .jssorb05 {position: absolute; bottom: 7px; right: 6px}
            @media (max-width: 599px) {.jssorb05 {position: absolute; bottom: 0px; right: auto}}

            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                background: url(../images/jssor/b05.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }

            .jssorb05 div {
                background-position: -7px -7px;
                POSITION: absolute; WIDTH: 16px; HEIGHT: 16px;
            }

                .jssorb05 div:hover, .jssorb05 .av:hover {
                    background-position: -37px -7px;
                }

            .jssorb05 .av {
                background-position: -67px -7px;
            }

            .jssorb05 .dn, .jssorb05 .dn:hover {
                background-position: -97px -7px;
            }
/* Navigator Skin Begin
.jssora12l              (normal)
.jssora12r              (normal)
.jssora12l:hover        (normal mouseover)
.jssora12r:hover        (normal mouseover)
.jssora12ldn            (mousedown)
.jssora12rdn            (mousedown)
*/
            .jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
                position: absolute;
                cursor: pointer;
                display: block;
                background: url(../images/jssor/a12.png) no-repeat;
                overflow: hidden;
            }

            .jssora12l {
                background-position: -16px -37px;
                width: 30px; height: 46px; top: 160px; left: 0px;
            }
            @media (max-width: 599px) {.jssora12l {display: none}}

            .jssora12r {
                background-position: -75px -37px;
                width: 30px; height: 46px; top: 160px; right: 0px;
            }
            @media (max-width: 599px) {.jssora12r {display: none}}

            .jssora12l:hover {
                background-position: -136px -37px;
            }

            .jssora12r:hover {
                background-position: -195px -37px;
            }

            .jssora12ldn {
                background-position: -256px -37px;
            }

            .jssora12rdn {
                background-position: -315px -37px;
            }