#loadingbox{position: absolute; width: 170px; height: 170px; z-index: 3; top: 100px; left: 50%; margin-left:-85px;}
 #msg{position: absolute; width:100%; height: 24px; z-index: 3; top: 75px; left:0px; text-align:center; font-size:14px; font-weight:100;}
 .dot{position: absolute; width: 5px; height: 5px; z-index: 4; background-color:#0001ff;border-radius:2.5px 2.5px 2.5px 2.5px / 2.5px 2.5px 2.5px 2.5px;}
 #dot01{ top: 35%; left: 48.2%;animation: flash_a 1s 0s linear infinite;}
 #dot02{ bottom: 35%; left: 48.2%;animation: flash_a 1s 0.5s linear infinite;}
 #core{position: absolute; width: 100px; height: 100px; z-index: 2; top: 35px; left: 35px;animation: spin 3s linear infinite;}
  .ball{position: absolute; width: 30%; height: 30%; z-index: 2;border-radius:50% 50% 50% 50% / 50% 50% 50% 50%; opacity:0.5; }	
  #ball001{top: -35%; left: 35%; background-color:#515151;}
  #ball002{top: -26%; left: 70%; background-color:#5b5b5b;}
  #ball003{top: 0%; left: 96%;background-color:#5b5b5b;}
  #ball004{top: 35%; left: 105%;background-color:#656565;}
  #ball005{top: 70%; left: 96%;background-color:#6f6f6f;}
  #ball006{top: 96%; left: 70%;background-color:#797979;}
  #ball007{top: 105%; left: 35%;background-color:#838383;}
  #ball008{top: 96%; left: 0%;background-color:#8d8d8d;}
  #ball009{top: 70%; left: -26%;background-color:#979797;}
  #ball010{top: 35%; left: -35%;background-color:#a1a1a1;}
  #ball011{top: 0%; left: -26%;background-color:#ababab;}
  #ball012{top: -26%; left: 0%;background-color:#b5b5b5;}
   
@keyframes spin {from{transform: rotate(360deg);}to{transform: rotate(0);}}
@keyframes flash_a {0%{opacity:0;}15% {opacity:1;}35%{opacity:1;}100%{opacity:0;}}