@charset "utf-8";
body{margin:0;padding:0}
#loading{background-color: #3a3a3a;height: 100%;width: 100%;position: fixed;z-index: 1;margin-top: 0px;top: 0px;opacity:0.5;filter:alpha(opacity=50)}
#loading-center{width: 100%;height: 100%;position: relative;}
#loading-center-absolute {position: absolute;left: 50%;top: 50%;height: 150px;width: 150px;margin-top: -75px;margin-left: -75px;-moz-border-radius: 50% 50% 50% 50%;-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;}
.object{width: 20px;height: 20px;background-color: #FFF;position: absolute;-moz-border-radius: 50% 50% 50% 50%;-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;-webkit-animation: animate 0.8s infinite;animation: animate 0.8s infinite;}
#object_1 {top: 19px;left: 19px;}
#object_2 {top: 0px;left: 65px; -webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
#object_3 {top: 19px;left: 111px;-webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
#object_4 {top: 65px;left: 130px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
#object_5 {top: 111px;left: 111px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
#object_6 {top: 130px;left: 65px;-webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
#object_7 {top: 111px;left: 19px;-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
#object_8 {top: 65px;left: 0px;-webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
@-webkit-keyframes animate {
25%{-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.5);}
75%{-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);}
}
@keyframes animate {
50%{-ms-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); transform: scale(1.5,1.5); }
100% {-ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}