#loadingM {
    z-index: 400;
    width: 415px;
    height: 300px;
}
#loading {
    z-index: 400;
    width: 50px;
    height: 50px;
	position:relative;
    text-align: center;
    font-size: 0.9rem;
    color: #595758;
}
.loadingpic {
    width: 4px;
    height: 4px;
	border-radius: 2px;
	background: #68b2ce;
	position:absolute;
	animation: loadingpic linear 0.8s infinite;
	-webkit-animation: loadingpic linear 0.8s infinite;
}
.loadingpic:nth-child(1){
	left: 24px;
	top: 2px;
	animation-delay: 0s;
}
.loadingpic:nth-child(2){
	left: 40px;
	top: 8px;
	animation-delay: 0.1s;
}
.loadingpic:nth-child(3){
	left: 47px;
	top: 24px;
	animation-delay: 0.2s;
}
.loadingpic:nth-child(4){
	left: 40px;
	top: 40px;
	animation-delay: 0.3s;
}
.loadingpic:nth-child(5){
	left: 24px;
	top: 47px;
	animation-delay: 0.4s;
}
.loadingpic:nth-child(6){
	left: 8px;
	top: 40px;
	animation-delay: 0.5s;
}
.loadingpic:nth-child(7){
	left: 2px;
	top: 24px;
	animation-delay: 0.6s;
}
.loadingpic:nth-child(8){
	left: 8px;
	top: 8px;
	animation-delay: 0.7s;
}

@keyframes loadingpic 
{
	0%,40%,100% {transform: scale(1);}
	20% {transform: scale(3);}
}
@-webkit-keyframes loadingpic 
{
	0%,40%,100% {transform: scale(1);}
	20% {transform: scale(3);}
}