﻿body {
}

.content_text_a0_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -2% 0 0 -90%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a0_1 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -2% 0 0 -5%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a1_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 0% 0 0 -70%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a1_1 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 1% 0 0 16%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a2_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 1% 0 0 -120%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a2_1 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 0% 0 0 -40%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a2_2 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 0% 0 0 10%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a3_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -50% 0 0 140%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a3_1 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 0% 0 0 160%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a4_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -55% 0 0 135%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a4_1 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -10% 0 0 155%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a5_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -50% 0 0 155%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a5_1 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -20% 0 0 165%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a6_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: -15% 0 0 110%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a7_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 2% 0 0 90%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}

.content_text_a8_0 p {
    border: 0px solid red;
    width: 90px;
    height: auto;
    z-index: 1;
    margin: 2% 0 0 80%;
    position: absolute;
    color: #000;
    font-size: 10pt;
}


#img-border-one {
    width: 30px;
    height: 30px;
    border: 0px solid #0ff;
    z-index: 1;
    margin: -20% 0 0 80%;
    position: absolute;
}

#img-border-two {
    width: 30px;
    height: 30px;
    border: 0px solid #0ff;
    z-index: 1;
    margin: -10% 0 0 20%;
    position: absolute;
}

@media (min-width: 0px) and (max-width: 991px) {
    .prodt-img{
        margin-top:8%;
        margin-bottom:4%
    }
    /*0*/
    #img-border__a0 {
        display: none;
    }
    /*2*/
    #img-border__a2 {
        display: none;
    }
    /*5*/
    #img-border__a5 {
        display: none;
    }
    /*5*/
    #img-border__a6 {
        display: none;
    }
    /*6*/
    #img-border__a7 {
        display: none;
    }
    /*7*/
    #img-border__a8 {
        display: none;
    }
}

@media (min-width: 992px) and (orientation: landscape) {
   
    #img-border__a0 {
        width: 2%;
        height: 2%;
        border: 0px solid #0ff;
        z-index: 2;
        margin-top: -14%;
        margin-left: 3.5%;
        position: fixed;
    }

    .dot {
        border: 10px solid #0ff;
        background: transparent;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        height: 50px;
        width: 50px;
        -webkit-animation: pulse 3s ease-out;
        -moz-animation: pulse 3s ease-out;
        animation: pulse 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        position: absolute;
        animation-iteration-count: 1;
        top: -15px;
        left: -8px;
        z-index: 1;
        opacity: 0;
    }

        .dot:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
            background-color: #0ff
        }

    @-moz-keyframes pulse {
        0% {
            -moz-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -moz-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -moz-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -moz-transform: scale(1);
            opacity: 0.0;
        }
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -webkit-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -webkit-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0.0;
        }
    }

    #img-border__a2 {
        width: 2%;
        height: 2%;
        border: 0px solid #0ff;
        z-index: 2;
        margin-top: -7.3%;
        margin-left: 17.5%;
        position: fixed;
    }
    /*2*/
    .dot-2 {
        border: 10px solid #0ff;
        background: transparent;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        height: 50px;
        width: 50px;
        -webkit-animation: pulse-2 3s ease-out;
        -moz-animation: pulse-2 3s ease-out;
        animation: pulse-2 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: 1;
        animation-delay: 1.8s;
        position: absolute;
        top: -15px;
        left: -8px;
        z-index: 1;
        opacity: 0;
    }

        .dot-2:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
            background-color: #0ff
        }

    @-moz-keyframes pulse-2 {
        0% {
            -moz-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -moz-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -moz-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -moz-transform: scale(1);
            opacity: 0.0;
        }
    }

    @-webkit-keyframes pulse-2 {
        0% {
            -webkit-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -webkit-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -webkit-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0.0;
        }
    }

    /*5*/
    #img-border__a5 {
        width: 2%;
        height: 2%;
        border: 0px solid #0ff;
        z-index: 1;
        margin: -19.5% 0 0 26%;
        position: fixed;
    }
    /*5*/
    .dot-5 {
        border: 10px solid #0ff;
        background: transparent;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        height: 50px;
        width: 50px;
        -webkit-animation: pulse-5 3s ease-out;
        -moz-animation: pulse-5 3s ease-out;
        animation: pulse-5 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: 1;
        animation-delay: 7.5s;
        position: absolute;
        top: -14px;
        left: -6px;
        z-index: 1;
        opacity: 0;
    }

        .dot-5:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
            background-color: #0ff
        }

    @-moz-keyframes pulse-5 {
        0% {
            -moz-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -moz-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -moz-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -moz-transform: scale(1);
            opacity: 0.0;
        }
    }

    @-webkit-keyframes pulse-5 {
        0% {
            -webkit-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -webkit-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -webkit-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0.0;
        }
    }


    /*5*/
    #img-border__a6 {
        width: 2%;
        height: 2%;
        border: 0px solid #0ff;
        z-index: 1;
        margin: -6% 0 0 29%;
        position: fixed;
    }
    /*6*/
    .dot-6 {
        border: 10px solid #0ff;
        background: transparent;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        height: 50px;
        width: 50px;
        -webkit-animation: pulse-6 3s ease-out;
        -moz-animation: pulse-6 3s ease-out;
        animation: pulse-6 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: 1;
        animation-delay: 3.5s;
        position: absolute;
        top: -14px;
        left: -25px;
        z-index: 1;
        opacity: 0;
    }

        .dot-6:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
            background-color: #0ff
        }

    @-moz-keyframes pulse-6 {
        0% {
            -moz-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -moz-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -moz-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -moz-transform: scale(1);
            opacity: 0.0;
        }
    }

    @-webkit-keyframes pulse-6 {
        0% {
            -webkit-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -webkit-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -webkit-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0.0;
        }
    }
    /*6*/
    #img-border__a7 {
        width: 2%;
        height: 2%;
        border: 0px solid #0ff;
        z-index: 1;
        margin: -9% 0 0 31%;
        position: fixed;
    }
    /*7*/
    .dot-7 {
        border: 10px solid #0ff;
        background: transparent;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        height: 50px;
        width: 50px;
        -webkit-animation: pulse-7 3s ease-out;
        -moz-animation: pulse-7 3s ease-out;
        animation: pulse-7 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: 1;
        animation-delay: 5s;
        position: absolute;
        top: -15px;
        left: -25px;
        z-index: 1;
        opacity: 0;
    }

        .dot-7:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
            background-color: #0ff
        }

    @-moz-keyframes pulse-7 {
        0% {
            -moz-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -moz-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -moz-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -moz-transform: scale(1);
            opacity: 0.0;
        }
    }

    @-webkit-keyframes pulse-7 {
        0% {
            -webkit-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -webkit-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -webkit-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0.0;
        }
    }
    /*7*/
    #img-border__a8 {
        width: 2%;
        height: 2%;
        border: 0px solid #0ff;
        z-index: 1;
        margin: -13% 0 0 33.5%;
        position: fixed;
    }
    /*8*/
    .dot-8 {
        border: 10px solid #0ff;
        background: transparent;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        height: 50px;
        width: 50px;
        -webkit-animation: pulse-8 3s ease-out;
        -moz-animation: pulse-8 3s ease-out;
        animation: pulse-8 3s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: 1;
        animation-delay: 6.2s;
        position: absolute;
        top: -20px;
        left: -20px;
        z-index: 1;
        opacity: 0;
    }

        .dot-8:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
            background-color: #0ff
        }

    @-moz-keyframes pulse-8 {
        0% {
            -moz-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -moz-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -moz-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -moz-transform: scale(1);
            opacity: 0.0;
        }
    }

    @-webkit-keyframes pulse-8 {
        0% {
            -webkit-transform: scale(0);
            opacity: 0.0;
        }

        25% {
            -webkit-transform: scale(0);
            opacity: 0.1;
        }

        50% {
            -webkit-transform: scale(0.1);
            opacity: 0.3;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0.5;
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0.0;
        }
    }



    .content_a0 {
        border: 0px solid red;
        width: 105px;
        height: auto;
        z-index: 1;
        margin: -15.3% 0 0 -0.1%;
        position: fixed;
    }

    .circle_a0_0 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: -57%;
        margin-top: 95%
    }

    .cbk_a0_0 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 130px;
        margin-top: -35%;
        margin-left: 18%;
        -webkit-transform: translateX(0) rotate(-110deg);
    }

    hr.a0_0 {
        float: left;
        border-top: 1px solid #0ff;
        width: 50px;
        margin-top: -37.5%;
        margin-left: 0;
        -webkit-transform: translateY(114px) translateX(-91px) rotate(-80deg);
    }

    /*0.1*/
    .circle_a0_1 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 33%;
        margin-top: -42%
    }

    .cbk_a0_1 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 70px;
        margin-top: -105%;
        margin-left: 75%;
        -webkit-transform: translateY(-10px) translateX(0) rotate(-110deg);
    }

    hr.a0_1 {
        float: left;
        border-top: 1px solid #0ff;
        width: 30px;
        margin-top: -56%;
        -webkit-transform: translateX(30px) rotate(-85deg);
    }






    /*2.0*/
    .content_a2 {
        border: 0px solid red;
        width: 110px;
        height: auto;
        z-index: 1;
        margin: -9% 0 0 16%;
        position: fixed;
    }

    .circle_a2_0 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: -76%;
        margin-top: 108%
    }

    .cbk_a2_0 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 110px;
        margin-top: -15%;
        margin-left: -10%;
        -webkit-transform: translateX(0) rotate(-130deg);
    }

    hr.a2_0 {
        float: left;
        border-top: 1px solid #0ff;
        width: 50px;
        margin-top: 14.5%;
        margin-left: 2.8%;
        -webkit-transform: translateY(80px) translateX(-91px) rotate(-65deg);
    }
    /*2.1*/
    .circle_a2_1 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 3%;
        margin-top: -45%
    }

    .cbk_a2_1 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 60px;
        margin-top: -95%;
        margin-left: 50%;
        -webkit-transform: translateY(-15px) translateX(0) rotate(-125deg);
    }

    hr.a2_1 {
        float: left;
        border-top: 1px solid #0ff;
        width: 30px;
        margin-top: -55%;
        -webkit-transform: translateX(8px) rotate(-57deg);
    }
    /*2.2*/
    .circle_a2_2 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 36%;
        margin-top: 35%
    }

    .cbk_a2_2 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 80px;
        margin-top: -79%;
        margin-left: 82%;
        -webkit-transform: translateY(-15px) translateX(0) rotate(-135deg);
    }

    hr.a2_2 {
        float: left;
        border-top: 1px solid #0ff;
        width: 40px;
        margin-top: -14%;
        -webkit-transform: translateX(36px) rotate(-70deg);
    }




    /*5.0*/
    .content_a5 {
        border: 0px solid red;
        width: 110px;
        height: auto;
        z-index: 1;
        margin: -25.6% 0 0 27.1%;
        position: fixed;
    }

    .circle_a5_0 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 130%;
        margin-top: -2%;
    }

    .cbk_a5_0 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 130px;
        margin-top: -12%;
        margin-left: 40%;
        -webkit-transform: translateX(0) rotate(-130deg);
    }

    hr.a5_0 {
        float: left;
        border-top: 1px solid #0ff;
        width: 50px;
        margin-top: -99.2%;
        margin-left: 85%;
        -webkit-transform: translateY(0) translateX(0) rotate(-5deg);
    }
    /*5.1*/
    .circle_a5_1 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 149%;
        margin-top: 51%
    }

    .cbk_a5_1 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 80px;
        margin-top: -42%;
        margin-left: 81%;
        -webkit-transform: translateY(-15px) translateX(0) rotate(-120deg);
    }

    hr.a5_1 {
        float: left;
        border-top: 1px solid #0ff;
        width: 40px;
        margin-top: -68.5%;
        -webkit-transform: translateX(124px) rotate(0deg);
    }



    /*6.0*/
    .content_a6 {
        border: 0px solid red;
        width: 110px;
        height: auto;
        z-index: 1;
        margin: -6% 0 0 29%;
        position: fixed;
    }

    .circle_a6_0 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 101%;
        margin-top: 85%;
    }

    .cbk_a6_0 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 80px;
        margin-top: -10%;
        margin-left: 60%;
        -webkit-transform: translateX(0) rotate(-60deg);
    }

    hr.a6_0 {
        float: left;
        border-top: 1px solid #0ff;
        width: 50px;
        margin-top: 2%;
        margin-left: 76.5%;
        -webkit-transform: translateY(0) translateX(0) rotate(70deg);
    }
    /*7.0*/
    .content_a7 {
        border: 0px solid red;
        width: 110px;
        height: auto;
        z-index: 1;
        margin: -11% 0 0 31.6%;
        position: fixed;
    }

    .circle_a7_0 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 105%;
        margin-top: 110%;
    }

    .cbk_a7_0 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 80px;
        margin-top: 30%;
        margin-left: 43%;
        -webkit-transform: translateX(0) rotate(-75deg);
    }

    hr.a7_0 {
        float: left;
        border-top: 1px solid #0ff;
        width: 50px;
        margin-top: -10%;
        margin-left: 71%;
        -webkit-transform: translateY(0) translateX(0) rotate(50deg);
    }
    /*8.0*/
    .content_a8 {
        border: 0px solid red;
        width: 110px;
        height: auto;
        z-index: 1;
        margin: -13% 0 0 34.8%;
        position: fixed;
    }

    .circle_a8_0 {
        border: 1px solid #0ff;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        margin-left: 94%;
        margin-top: 68%;
    }

    .cbk_a8_0 {
        float: left;
        border-right: 1px solid #0ff;
        width: 1px;
        height: 80px;
        margin-top: -11%;
        margin-left: 35%;
        -webkit-transform: translateX(0) rotate(-75deg);
    }

    hr.a8_0 {
        float: left;
        border-top: 1px solid #0ff;
        width: 50px;
        margin-top: -10.5%;
        margin-left: 62%;
        -webkit-transform: translateY(0) translateX(0) rotate(50deg);
    }

}

    @media (min-width: 992px) and (max-width: 1440px) {
        .content_a0 {
            border: 0px solid red;
            width: 80px;
            height: auto;
            z-index: 1;
            margin: -15.3% 0 0 0.3%;
            position: fixed;
        }
        .circle_a0_0 {
            border: 1px solid #0ff;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-left: -50%;
            margin-top: 71%
        }

        .cbk_a0_0 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 90px;
            margin-top: -29%;
            margin-left: 13%;
            -webkit-transform: translateX(0) rotate(-110deg);
        }

        hr.a0_0 {
            float: left;
            border-top: 1px solid #0ff;
            width: 20px;
            margin-top: -84%;
            margin-left: 46%;
            -webkit-transform: translateY(114px) translateX(-91px) rotate(-80deg);
        }

        /*0.1*/
        .circle_a0_1 {
            border: 1px solid #0ff;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-left: 27%;
            margin-top: -7%
        }

        .cbk_a0_1 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 50px;
            margin-top: -63%;
            margin-left: 49%;
            -webkit-transform: translateY(-10px) translateX(0) rotate(-130deg);
        }

        hr.a0_1 {
            float: left;
            border-top: 1px solid #0ff;
            width: 15px;
            margin-left:-27%;
            margin-top: -16%;
            -webkit-transform: translateX(33px) rotate(-75deg);
        }


        .content_text_a0_0 p {
            border: 0px solid red;
            width: 60px;
            height: auto;
            z-index: 1;
            margin: -2% 0 0 -90%;
            position: absolute;
            color: #000;
            font-size: 9pt;
        }

        .content_text_a0_1 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: -2% 0 0 -10%;
            position: absolute;
            color: #000;
            font-size: 9pt;
        }





        /*2.0*/
        .content_a2 {
            border: 0px solid red;
            width: 110px;
            height: auto;
            z-index: 1;
            margin: -10% 0 0 16%;
            position: fixed;
        }

        .circle_a2_0 {
            border: 1px solid #0ff;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-left: -66%;
            margin-top: 92%
        }

        .cbk_a2_0 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 80px;
            margin-top: -5%;
            margin-left: -18%;
            -webkit-transform: translateX(0) rotate(-120deg);
        }

        hr.a2_0 {
            float: left;
            border-top: 1px solid #0ff;
            width: 50px;
            margin-top: -2%;
            margin-left: 5%;
            -webkit-transform: translateY(80px) translateX(-91px) rotate(-75deg);
        }
        /*2.1*/
        .circle_a2_1 {
            border: 1px solid #0ff;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-left: -1%;
            margin-top: -52.5%
        }

        .cbk_a2_1 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 40px;
            margin-top: -76%;
            margin-left: 20%;
            -webkit-transform: translateY(-15px) translateX(0) rotate(-125deg);
        }

        hr.a2_1 {
            float: left;
            border-top: 1px solid #0ff;
            width: 10px;
            margin-top: -57%;
            -webkit-transform: translateX(0px) rotate(-80deg);
        }
        /*2.2*/
        .circle_a2_2 {
            border: 1px solid #0ff;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-left: 25.5%;
            margin-top: 48%
        }

        .cbk_a2_2 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 50px;
            margin-top: -62%;
            margin-left: 45%;
            -webkit-transform: translateY(-15px) translateX(0) rotate(-150deg);
        }

        hr.a2_2 {
            float: left;
            border-top: 1px solid #0ff;
            width: 40px;
            margin-top: -15.7%;
            -webkit-transform: translateX(15.7px) rotate(-84deg);
        }




        .content_text_a2_0 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: 1% 0 0 -120%;
            position: absolute;
            color: #000;
            font-size: 9pt;
        }

        .content_text_a2_1 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: 2% 0 0 -50%;
            position: absolute;
            color: #000;
            font-size: 9pt;
        }

        .content_text_a2_2 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            position: absolute;
            color: #000;
            font-size: 9pt;
        }





        /*5.0*/
        .content_a5 {
            border: 0px solid red;
            width: 110px;
            height: auto;
            z-index: 1;
            margin: -28% 0 0 25%;
            position: fixed;
        }

        .circle_a5_0 {
            border: 1px solid #0ff;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin-left: 142%;
            margin-top: 1%;
        }

        .cbk_a5_0 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 130px;
            margin-top: -7%;
            margin-left: 52%;
            -webkit-transform: translateX(0) rotate(-130deg);
        }

        hr.a5_0 {
            float: left;
            border-top: 1px solid #0ff;
            width: 50px;
            margin-top: -100%;
            margin-left: 97%;
            -webkit-transform: translateY(0) translateX(0) rotate(-5deg);
        }
        /*5.1*/
        .circle_a5_1 {
            border: 1px solid #0ff;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin-left: 155%;
            margin-top: 50%
        }

        .cbk_a5_1 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 80px;
            margin-top: -43%;
            margin-left: 88%;
            -webkit-transform: translateY(-15px) translateX(0) rotate(-120deg);
        }

        hr.a5_1 {
            float: left;
            border-top: 1px solid #0ff;
            width: 40px;
            margin-top: -68.8%;
            -webkit-transform: translateX(131px) rotate(0deg);
        }





        .content_text_a5_0 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: -60% 0 0 150%;
            position: absolute;
            color: #000;
            font-size: 9pt;
        }

        .content_text_a5_1 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: -20% 0 0 165%;
            position: absolute;
            color: #000;
            font-size: 9pt;
        }



        /*6.0*/
        .content_a6 {
            border: 0px solid red;
            width: 110px;
            height: auto;
            z-index: 1;
            margin: -5% 0 0 27.3%;
            position: fixed;
        }

        .circle_a6_0 {
            border: 1px solid #0ff;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin-left: 102%;
            margin-top: 87%;
        }

        .cbk_a6_0 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 80px;
            margin-top: -10%;
            margin-left: 60%;
            -webkit-transform: translateX(0) rotate(-60deg);
        }

        hr.a6_0 {
            float: left;
            border-top: 1px solid #0ff;
            width: 50px;
            margin-top: 2%;
            margin-left: 76.5%;
            -webkit-transform: translateY(0) translateX(0) rotate(70deg);
        }



        /*7.0*/
        .content_a7 {
            border: 0px solid red;
            width: 110px;
            height: auto;
            z-index: 1;
            margin: -11% 0 0 30.4%;
            position: fixed;
        }

        .circle_a7_0 {
            border: 1px solid #0ff;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin-left: 105%;
            margin-top: 110%;
        }

        .cbk_a7_0 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 80px;
            margin-top: 30%;
            margin-left: 43%;
            -webkit-transform: translateX(0) rotate(-75deg);
        }

        hr.a7_0 {
            float: left;
            border-top: 1px solid #0ff;
            width: 50px;
            margin-top: -10%;
            margin-left: 71%;
            -webkit-transform: translateY(0) translateX(0) rotate(50deg);
        }
        /*8.0*/
        .content_a8 {
            border: 0px solid red;
            width: 110px;
            height: auto;
            z-index: 1;
            margin: -13% 0 0 34.2%;
            position: fixed;
        }

        .circle_a8_0 {
            border: 1px solid #0ff;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin-left: 94%;
            margin-top: 68%;
        }

        .cbk_a8_0 {
            float: left;
            border-right: 1px solid #0ff;
            width: 1px;
            height: 80px;
            margin-top: -11%;
            margin-left: 35%;
            -webkit-transform: translateX(0) rotate(-75deg);
        }

        hr.a8_0 {
            float: left;
            border-top: 1px solid #0ff;
            width: 50px;
            margin-top: -10.5%;
            margin-left: 62%;
            -webkit-transform: translateY(0) translateX(0) rotate(50deg);
        }

        
        .content_text_a6_0 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: -15% 0 0 110%;
            position: absolute;
            color: #000;
            font-size: 10pt;
        }

        .content_text_a7_0 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: 2% 0 0 90%;
            position: absolute;
            color: #000;
            font-size: 10pt;
        }

        .content_text_a8_0 p {
            border: 0px solid red;
            width: 90px;
            height: auto;
            z-index: 1;
            margin: 2% 0 0 80%;
            position: absolute;
            color: #000;
            font-size: 10pt;
        }

    }





