﻿/*body {
} */
/* <style>  */
        /* jssor slider bullet navigator skin 01 css */
        /*
        .borb01 div           (normal)
        .borb01 div:hover     (normal mouseover)
        .borb01 .av           (active)
        .borb01 .av:hover     (active mouseover)
        .borb01 .dn           (mousedown)
        */
        .borb01 {
            position: absolute;
        }

            .borb01 div, .borb01 div:hover, .borb01 .av {
                position: absolute;
                /* size of bullet elment */
                width: 12px;
                height: 12px;
                filter: alpha(opacity=70);
                opacity: .7;
                overflow: hidden;
                cursor: pointer;
                border: #000000 3px solid;
            }

            .borb01 div {
                background-color: black;
           /*     background-color: gray;  */
            }

                .borb01 div:hover, .borb01 .av:hover {
                    background-color: #d3d3d3;
                }

            .borb01 .av {
                background-color: #f3172d;
          /*      background-color: #fff;  */
            }

            .borb01 .dn, .borb01 .dn:hover {
                background-color: #555555;
            }

        /* jssor slider arrow navigator skin 02 css */
        /* 
        .arro02l                  (normal);
        .arro02r                  (normal);
        .arro02l:hover            (normal mouseover);
        .arro02r:hover            (normal mouseover);
        .arro02l.arro02ldn      (mousedown);
        .arro02r.arro02rdn      (mousedown);
         */

        .arro02l, .arro02r {
            display:block;
            align-content:initial;       
            position: absolute;
            /* size of arrow element */
            width: 35px;
            height: 35px;
            cursor: pointer;
            background: url('img/a02.png') no-repeat;
            overflow: hidden;
        }

        .arro02l {
            background-position: -3px -33px;
        }

        .arro02r {
            background-position: -63px -33px;
        }

        .arro02l:hover {
            background-position: -123px -33px;
        }

        .arro02r:hover {
            background-position: -183px -33px;
        }

        .arro02l.arro02ldn {
            background-position: -3px -33px;
        }

        .arro02r.arro02rdn {
            background-position: -63px -33px;
        }
   /* </style> */