/*
html {
}
*/

body {
    /*
    height: auto;
    background-image: url(../img/all/dotBG.png);
    background-repeat: repeat;
*/
    background-image: url(../img/all/.png),
    background-repeat: repeat, no-repeat;
    height: auto;

}

.banner_wg {
    background: url("../img/register/bennerbg.png") top center;
    background-size:cover;
	min-width: 1000px

}

.banner_wg_bk img.pagett {
    margin-top: 10px;
}

.banner_wg_bk img.tv {
    margin-top: 35px;
    width: 24%;
    margin-right: 5%;
}

.pagetitle {
    width: 600px;
    margin-top: 180px;
}

.pstext {
    color: #000;
    font-size: 23px;
    text-align: center;
    width: 100%;
    line-height: 1.5;
    margin-bottom: 30px;
    font-weight: bold;
}

.ac02 {
    top: 45%;
    width: 60px;
    height: 60px;
}

@keyframes change02 {
    from {
        width: 0px;
        height: 0px;
        opacity: 1;
    }

    to {
        width: 60px;
        height: 60px;
        opacity: 1;
    }
}

.ac03 {
    width: 152px;
    height: 152px;
    left: 62%;
    top: 12%;
    animation: change03 1s;
    -moz-animation: change03 1s;
    -webkit-animation: change03 1s;
    -o-animation: change03 1s;
}

@keyframes change03 {
    from {
        width: 0px;
        height: 0px;
        opacity: 1;
    }

    to {
        width: 150px;
        height: 150px;
        opacity: 1;
    }
}

.ac04 {
    top: 42%;
    width: 80px;
    height: 80px;
}

@keyframes change04 {
    from {
        width: 0px;
        height: 0px;
        opacity: 1;
    }

    to {
        width: 80px;
        height: 80px;
        opacity: 1;
    }
}

.ac05 {
    left: 90%;
    top: 30%;
}


@media screen and (max-width: 1600px) {
    .banner_wg_bk {
        width: 100%;
		height: 100%;
    }

    .banner_wg_bk img.pagett {
        margin-top: 0px;
    }

    .ac01 {
        top: 33%;
    }

    .ac02 {
        top: 42%;
        width: 60px;
        height: 60px;
    }

    .ac03 {
        top: 12%;
    }

    .ac04 {
        top: 40%;
        width: 70px;
        height: 70px;
    }

    @keyframes change04 {
        from {
            width: 0px;
            height: 0px;
            opacity: 1;
        }

        to {
            width: 70px;
            height: 70px;
            opacity: 1;
        }
    }
}

@media screen and (max-width: 1500px) {
    .ac02 {
        top: 39%;
    }

    .ac04 {
        top: 38%;
        left: 72%;
    }

    .ac03 {
        top: 12%;
    }
}

@media screen and (max-width: 1400px) {
}

@media screen and (max-width: 1300px) {
    .ac02 {
        top: 36%;
    }

    .ac03 {
        top: 36%;
    }

    .ac04 {
        top: 35%;
    }

    .ac05 {
        top: 26%;
    }
}

@media screen and (max-width: 1100px) {
    .ac01 {
        top: 26%;
    }

    .ac02 {
        top: 31%;
        left: 26%;
    }

    .ac03 {
        top: 31%;
    }

    .ac04 {
        top: 30%;
        left: 74%;
        width: 50px;
        height: 50px;
    }

    @keyframes change04 {
        from {
            width: 0px;
            height: 0px;
            opacity: 1;
        }

        to {
            width: 50px;
            height: 50px;
            opacity: 1;
        }
    }

    .ac05 {
        top: 26%;
    }

    .pagetitle {
        margin-top: 135px;
    }
}

@media screen and (max-width: 850px) {
    .banner_wg_bk {
        width: 83%;
    }

    .ac03 {
        top: 12%;
        left: 66%;
        width: 110px;
        height: 110px;
    }

    @keyframes change03 {
        from {
            width: 0px;
            height: 0px;
            opacity: 1;
        }

        to {
            width: 110px;
            height: 110px;
            opacity: 1;
        }
    }

    .ac05 {
        top: 23%;
        left: 93%;
    }
}

@media screen and (max-width: 750px) {
    .banner_wg_bk {
        width: 86%;
    }

    .pagetitle {
        width: 450px;
        margin-top: 115px;
    }

    .ac01 {
        top: 22%;
    }

    .ac02 {
        top: 28%;
        left: 23%;
    }

    .ac03 {
        top: 26%;
        left: 58%;
    }

    .ac04 {
        top: 27%;
        left: 77%;
    }
}

@media screen and (max-width: 650px) {
    .ac02 {
        display: block;
        top: 26%;
    }

    .pstext {
        font-size: 21px;

    }

    .pagetitle {
        width: 410px;
    }

    .ac03 {
        top: 12%;
        left: 67%;
        width: 110px;
        height: 110px;
    }

    @keyframes change03 {
        from {
            width: 0px;
            height: 0px;
            opacity: 1;
        }

        to {
            width: 110px;
            height: 110px;
            opacity: 1;
        }
    }

}

@media screen and (max-width: 550px) {
    .banner_wg_bk img.pagett {
        width: 70%;
    }

    .ac01 {
        top: 20%;
    }

    .ac03 {
        top: 12%;
        width: 100px;
        height: 100px;
    }

    @keyframes change03 {
        from {
            width: 0px;
            height: 0px;
            opacity: 1;
        }

        to {
            width: 100px;
            height: 100px;
            opacity: 1;
        }
    }

    .ac04 {
        top: 24%;
    }

    .ac05 {
        top: 18%;
        left: 95%;
    }

    .pstext {
        font-size: 19px;
    }

}

@media screen and (max-width: 450px) {
    .pagetitle {
        margin-top: 70px;
    }

    .banner_wg_bk img.tv {
        margin-top: -12px;
    }

    .ac01 {
        top: 18%;
    }

    .ac02 {
        top: 22%;
    }

    .ac03 {
        top: 10%;
        width: 70px;
        height: 70px;
    }

    @keyframes change03 {
        from {
            width: 0px;
            height: 0px;
            opacity: 1;
        }

        to {
            width: 70px;
            height: 70px;
            opacity: 1;
        }
    }

    .ac04 {
        top: 21%;
    }

    .ac05 {
        width: 60px;
        height: 60px;
    }

    @keyframes change05 {
        from {
            width: 0px;
            height: 0px;
            opacity: 1;
        }

        to {
            width: 60px;
            height: 60px;
            opacity: 1;
        }
    }

    p.pstext {
        font-size: 16px;
    }

    .bt {
        margin-top: -15px;
    }

    .pagetitle {
        width: 370px;
    }
}