@charset "utf-8";
.loading{
    width: 40px;
    height: 40px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform : translate(-20px,-20px);
	-moz-transform : translate(-20px,-20px);
	-ms-transform : translate(-20px,-20px);
	transform : translate(-20px,-20px);
}
@keyframes auto-circle{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}
@-webkit-keyframes auto-circle{
    from{ -webkit-transform: rotate(0deg);}
    to{ -webkit-transform: rotate(360deg);}
}
@-moz-keyframes auto-circle{
    from{-moz-transform: rotate(0deg);}
    to{-moz-transform: rotate(360deg);}
}
@-ms-keyframes auto-circle{
    from{-ms-transform: rotate(0deg);}
    to{-ms-transform: rotate(360deg);}
}
.loading div{
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-animation: auto-circle 0.8s linear infinite ;
    -moz-animation: auto-circle 0.8s linear infinite ;
	-ms-animation: auto-circle 0.8s linear infinite ;
	animation: auto-circle 0.8s linear infinite ;
}

.loading div span{
    display: block;
    /*background: #04AED9;*/
	/*background: #0085d0;*/
	background: #28ce57;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
    position: absolute;
}
.loading div span:nth-child(1){
    width: 18%;
    height: 18%;
    left: 50%;
    top: 0%;
    margin-left: -9%;
}
.loading div span:nth-child(2){
    width: 16.5%;
    height: 16.5%;
    top: 15%;
    left: 28%;
    margin-left: -8.25%;
    margin-top: -8.25%;
}
.loading div span:nth-child(3){
    width: 15%;
    height: 15%;
    top: 30%;
    left: 12%;
    margin-left: -7.5%;
    margin-top: -7.5%;
}
.loading div span:nth-child(4){
    width: 13.5%;
    height: 13.5%;
    left: 0%;
    top: 50%;
    margin-top: -6.75%;
}
.loading div span:nth-child(5){
    width: 12%;
    height: 12%;
    bottom: 28%;
    left: 12%;
    margin-left: -6%;
    margin-bottom: -6%;
}
.loading div span:nth-child(6){
    width: 10.5%;
    height: 10.5%;
    bottom: 12%;
    left: 28%;
    margin-left: -5.25%;
    margin-bottom: -5.25%;
}
.loading div span:nth-child(7){
    width: 9%;
    height: 9%;
    left: 50%;
    bottom: 0%;
    margin-left: -4.5%;
}
.loading div span:nth-child(8){
    width: 7.5%;
    height: 7.5%;
    right: 25%;
    bottom: 10%;
    margin-right: -3.75%;
    margin-bottom: -3.75%;
}
.loading div span:nth-child(9){
    width: 6%;
    height: 6%;
    bottom: 26%;
    right: 8%;
    margin-right: -3%;
    margin-bottom: -3%;
}
.loading div span:nth-child(10){
    width: 4.5%;
    height: 4.5%;
    top: 50%;
    right: 0%;
    margin-left: -2.25%;
}
.loading div span:nth-child(11){
    width: 3%;
    height: 3%;
    top: 30%;
    right: 9%;
    margin-right: -1.5%;
    margin-top: -1.5%;
}
.loading div span:nth-child(12){
    width: 1.5%;
    height: 1.5%;
    top: 14%;
    right: 26%;
    margin-right: -0.75%;
    margin-top: -0.75%;
}