@charset "UTF-8";
/* loading image   */
.cssloading, .cssloading_large, .cssloading_small{
  top:0;
  left: 0;
  right:0;
  bottom: 0;
  margin:auto;
  width: 4rem;
  height: 4rem;
  background-color: rgba(0,0,0,0);
  border: 0.67rem solid rgba(40,200,40,255);
  border-top-color: rgba(0,0,0,0);
  border-radius: 10.0rem;
  opacity: 1;
  display: none;
  position: absolute;
  z-index: 910;
  animation: spin 1.0s infinite linear;
  -moz-animation: spin 1.0s infinite linear;
  -webkit-animation: spin 1.0s infinite linear;
}
.cssloading_small{
  width: 2.2rem;
  height: 2.2rem;
  border-width: 0.4rem;
}
.cssloading_large{
  width: 6.2rem;
  height: 6.2rem;
  border-width: 0.9rem;
}
@animation: spin {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
@-moz-keyframes spin {
  0% { -moz-transform:rotate(0deg); }
  100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}

/* mask */
.cssloading_mask{
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  background-color: rgba(0,0,0,0.15);
  color: #fff;
  position: absolute;
  display: none;
  z-index: 900;
  border-radius: inherit;
}