﻿body {
	margin: 0;
}
#activityG {
	width: 100px;
}
.activity {
	background-color: #006298;
	border: 1px solid #253746;
	float: left;
	height: 20px;
	margin-left: 2px;
	width: 20px;
	-webkit-animation-name: bounceG;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
	-webkit-transform: scale(0.5);
	-moz-animation-name: bounceG;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: linear;
	-moz-transform: scale(0.5);
	-o-animation-name: bounceG;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: linear;
	-o-transform: scale(0.5);
	-ms-animation-name: bounceG;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: linear;
	-ms-transform: scale(0.5);
	opacity: 0.1;
}
#blockG_1 {
	-webkit-animation-delay: 0.27s;
	-moz-animation-delay: 0.27s;
	-o-animation-delay: 0.27s;
	-ms-animation-delay: 0.27s;
}
#blockG_2 {
	-webkit-animation-delay: 0.36s;
	-moz-animation-delay: 0.36s;
	-o-animation-delay: 0.36s;
	-ms-animation-delay: 0.36s;
}
#blockG_3 {
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	-ms-animation-delay: 0.45s;
}
@-webkit-keyframes bounceG{
0%{
-webkit-transform:scale(1.0);
opacity:1}

100%{
-webkit-transform:scale(0.5);
opacity:0.1}

}
@-moz-keyframes bounceG{
0%{
-moz-transform:scale(1.0);
opacity:1}

100%{
-moz-transform:scale(0.5);
opacity:0.1}

}
@-o-keyframes bounceG{
0%{
-o-transform:scale(1.0);
opacity:1}

100%{
-o-transform:scale(0.5);
opacity:0.1}

}
@-ms-keyframes bounceG{
0%{
-ms-transform:scale(1.0);
opacity:1}

100%{
-ms-transform:scale(0.5);
opacity:0.1}

}
