#special {
  opacity: 0;
  width: 100%;
  max-width: 960px;
  height: 410px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(../image/effect.png) no-repeat;
  background-position: 0% 0%;
}

#special[data-sq="0"] {
  background-position-y: 0%;
}

#special[data-sq="1"] {
  background-position-y: 2.041%;
}

#special[data-sq="2"] {
  background-position-y: 4.082%;
}

#special[data-sq="3"] {
  background-position-y: 6.123%;
}

#special[data-sq="4"] {
  background-position-y: 8.164%;
}

#special[data-sq="5"] {
  background-position-y: 10.205%;
}

#special[data-sq="6"] {
  background-position-y: 12.246%;
}

#special[data-sq="7"] {
  background-position-y: 14.287%;
}

#special[data-sq="8"] {
  background-position-y: 16.328%;
}

#special[data-sq="9"] {
  background-position-y: 18.369%;
}

#special[data-sq="10"] {
  background-position-y: 20.41%;
}

#special[data-sq="11"] {
  background-position-y: 22.451%;
}

#special[data-sq="12"] {
  background-position-y: 24.492%;
}

#special[data-sq="13"] {
  background-position-y: 26.533%;
}

#special[data-sq="14"] {
  background-position-y: 28.574%;
}

#special[data-sq="15"] {
  background-position-y: 30.615%;
}

#special[data-sq="16"] {
  background-position-y: 32.656%;
}

#special[data-sq="17"] {
  background-position-y: 34.697%;
}

#special[data-sq="18"] {
  background-position-y: 36.738%;
}

#special[data-sq="19"] {
  background-position-y: 38.779%;
}

#special[data-sq="20"] {
  background-position-y: 40.82%;
}

#special[data-sq="21"] {
  background-position-y: 42.861%;
}

#special[data-sq="22"] {
  background-position-y: 44.902%;
}

#special[data-sq="23"] {
  background-position-y: 46.943%;
}

#special[data-sq="24"] {
  background-position-y: 48.984%;
}

#special[data-sq="25"] {
  background-position-y: 51.025%;
}

#special[data-sq="26"] {
  background-position-y: 53.066%;
}

#special[data-sq="27"] {
  background-position-y: 55.107%;
}

#special[data-sq="28"] {
  background-position-y: 57.148%;
}

#special[data-sq="29"] {
  background-position-y: 59.189%;
}

#special[data-sq="30"] {
  background-position-y: 61.23%;
}

#special[data-sq="31"] {
  background-position-y: 63.271%;
}

#special[data-sq="32"] {
  background-position-y: 65.312%;
}

#special[data-sq="33"] {
  background-position-y: 67.353%;
}

#special[data-sq="34"] {
  background-position-y: 69.394%;
}

#special[data-sq="35"] {
  background-position-y: 71.435%;
}

#special[data-sq="36"] {
  background-position-y: 73.476%;
}

#special[data-sq="37"] {
  background-position-y: 75.517%;
}

#special[data-sq="38"] {
  background-position-y: 77.558%;
}

#special[data-sq="39"] {
  background-position-y: 79.599%;
}

#special[data-sq="40"] {
  background-position-y: 81.64%;
}

#special[data-sq="41"] {
  background-position-y: 83.681%;
}

#special[data-sq="42"] {
  background-position-y: 85.722%;
}

#special[data-sq="43"] {
  background-position-y: 87.763%;
}

#special[data-sq="44"] {
  background-position-y: 89.804%;
}

#special[data-sq="45"] {
  background-position-y: 91.845%;
}

#special[data-sq="46"] {
  background-position-y: 93.886%;
}

#special[data-sq="47"] {
  background-position-y: 95.927%;
}

#special[data-sq="48"] {
  background-position-y: 97.968%;
}

#special[data-sq="49"] {
  background-position-y: 100.009%;
}
/*# sourceMappingURL=gun-effect.css.map */