#spec .shineCol {
  position: relative;
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  z-index: 50;
}
#spec .particle {
  position: absolute;
}
#spec .particle:nth-child(1) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle1 6500ms infinite 4850ms;
  bottom: -10px;
}
@keyframes particle1 {
  0% {
    transform: translate3d(550.4px, -10px, 0);
  }
  95% {
    opacity: 0;
  }
  100% {
    transform: translate3d(-12.8px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(2) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle2 10720ms infinite 6373ms;
  bottom: -5px;
}
@keyframes particle2 {
  0% {
    transform: translate3d(173.6px, -5px, 0);
  }
  95% {
    opacity: 0;
  }
  100% {
    transform: translate3d(-352.8px, -655px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(3) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle3 8544ms infinite 6618ms;
  bottom: -10px;
}
@keyframes particle3 {
  0% {
    transform: translate3d(908.8px, -10px, 0);
  }
  53% {
    opacity: 0;
  }
  100% {
    transform: translate3d(409.6px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(4) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle4 9083ms infinite 128ms;
  bottom: -5px;
}
@keyframes particle4 {
  0% {
    transform: translate3d(563.2px, -5px, 0);
  }
  83% {
    opacity: 0;
  }
  100% {
    transform: translate3d(12.8px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(5) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle5 9128ms infinite 1675ms;
  bottom: -5px;
}
@keyframes particle5 {
  0% {
    transform: translate3d(51.2px, -5px, 0);
  }
  100% {
    opacity: 0;
  }
  100% {
    transform: translate3d(12.8px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(6) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle6 9737ms infinite 5316ms;
  bottom: -10px;
}
@keyframes particle6 {
  0% {
    transform: translate3d(472px, -10px, 0);
  }
  65% {
    opacity: 0;
  }
  100% {
    transform: translate3d(-112.7px, -695px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(7) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle7 9042ms infinite 7575ms;
  bottom: -5px;
}
@keyframes particle7 {
  0% {
    transform: translate3d(12.7px, -5px, 0);
  }
  85% {
    opacity: 0;
  }
  100% {
    transform: translate3d(-341.1px, -674px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(8) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle8 8207ms infinite 1827ms;
  bottom: -10px;
}
@keyframes particle8 {
  0% {
    transform: translate3d(547.6px, -10px, 0);
  }
  58% {
    opacity: 0;
  }
  100% {
    transform: translate3d(11.8px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(9) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle9 8985ms infinite 7035ms;
  bottom: -10px;
}
@keyframes particle9 {
  0% {
    transform: translate3d(601.4px, -10px, 0);
  }
  94% {
    opacity: 0;
  }
  100% {
    transform: translate3d(145.2px, -691px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(10) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle10 10662ms infinite 4186ms;
  bottom: -5px;
}
@keyframes particle10 {
  0% {
    transform: translate3d(243.4px, -5px, 0);
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translate3d(-281.4px, -684px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(11) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle11 8313ms infinite 3278ms;
  bottom: -5px;
}
@keyframes particle11 {
  0% {
    transform: translate3d(1149.2px, -5px, 0);
  }
  57% {
    opacity: 0;
  }
  100% {
    transform: translate3d(984.5px, -674px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(12) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle12 8519ms infinite 9288ms;
  bottom: -5px;
}
@keyframes particle12 {
  0% {
    transform: translate3d(305.2px, -5px, 0);
  }
  71% {
    opacity: 0;
  }
  100% {
    transform: translate3d(253px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(13) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle13 8564ms infinite 7235ms;
  bottom: -5px;
}
@keyframes particle13 {
  0% {
    transform: translate3d(933.4px, -5px, 0);
  }
  99% {
    opacity: 0;
  }
  100% {
    transform: translate3d(882.2px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(14) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle14 10588ms infinite 2541ms;
  bottom: -5px;
}
@keyframes particle14 {
  0% {
    transform: translate3d(1049.6px, -5px, 0);
  }
  51% {
    opacity: 0;
  }
  100% {
    transform: translate3d(588.8px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(15) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle15 10865ms infinite 5262ms;
  bottom: -10px;
}
@keyframes particle15 {
  0% {
    transform: translate3d(1062.4px, -10px, 0);
  }
  71% {
    opacity: 0;
  }
  100% {
    transform: translate3d(934.4px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(16) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle16 8149ms infinite 7105ms;
  bottom: -10px;
}
@keyframes particle16 {
  0% {
    transform: translate3d(12.8px, -10px, 0);
  }
  78% {
    opacity: 0;
  }
  100% {
    transform: translate3d(-217.6px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(17) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle17 9534ms infinite 1325ms;
  bottom: -10px;
}
@keyframes particle17 {
  0% {
    transform: translate3d(985.6px, -10px, 0);
  }
  56% {
    opacity: 0;
  }
  100% {
    transform: translate3d(972.8px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(18) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle18 8367ms infinite 2186ms;
  bottom: -5px;
}
@keyframes particle18 {
  0% {
    transform: translate3d(499.2px, -5px, 0);
  }
  52% {
    opacity: 0;
  }
  100% {
    transform: translate3d(460.8px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(19) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle19 8229ms infinite 4412ms;
  bottom: -5px;
}
@keyframes particle19 {
  0% {
    transform: translate3d(345.6px, -5px, 0);
  }
  51% {
    opacity: 0;
  }
  100% {
    transform: translate3d(12.8px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(20) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle20 8076ms infinite 6945ms;
  bottom: -5px;
}
@keyframes particle20 {
  0% {
    transform: translate3d(1254.4px, -5px, 0);
  }
  67% {
    opacity: 0;
  }
  100% {
    transform: translate3d(819.2px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(21) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle21 8338ms infinite 371ms;
  bottom: -5px;
}
@keyframes particle21 {
  0% {
    transform: translate3d(793.6px, -5px, 0);
  }
  53% {
    opacity: 0;
  }
  100% {
    transform: translate3d(384px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(22) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle22 9835ms infinite 654ms;
  bottom: -10px;
}
@keyframes particle22 {
  0% {
    transform: translate3d(51.2px, -10px, 0);
  }
  92% {
    opacity: 0;
  }
  100% {
    transform: translate3d(-38.4px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(23) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle23 8827ms infinite 5739ms;
  bottom: -5px;
}
@keyframes particle23 {
  0% {
    transform: translate3d(960px, -5px, 0);
  }
  87% {
    opacity: 0;
  }
  100% {
    transform: translate3d(614.4px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(24) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle24 9612ms infinite 729ms;
  bottom: -10px;
}
@keyframes particle24 {
  0% {
    transform: translate3d(460.8px, -10px, 0);
  }
  88% {
    opacity: 0;
  }
  100% {
    transform: translate3d(192px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(25) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle25 10705ms infinite 1735ms;
  bottom: -10px;
}
@keyframes particle25 {
  0% {
    transform: translate3d(883.2px, -10px, 0);
  }
  90% {
    opacity: 0;
  }
  100% {
    transform: translate3d(281.6px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(26) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle26 8452ms infinite 1626ms;
  bottom: -5px;
}
@keyframes particle26 {
  0% {
    transform: translate3d(396.8px, -5px, 0);
  }
  82% {
    opacity: 0;
  }
  100% {
    transform: translate3d(204.8px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(27) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle27 10156ms infinite 4130ms;
  bottom: -10px;
}
@keyframes particle27 {
  0% {
    transform: translate3d(1049.6px, -10px, 0);
  }
  83% {
    opacity: 0;
  }
  100% {
    transform: translate3d(614.4px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(28) {
  width: 2px;
  height: 2px;
  background-color: #efcd55;
  border-radius: 2px;
  box-shadow: 0 0 4px 2px #efcd55;
  animation: particle28 8765ms infinite 7627ms;
  bottom: -10px;
}
@keyframes particle28 {
  0% {
    transform: translate3d(499.2px, -10px, 0);
  }
  67% {
    opacity: 0;
  }
  100% {
    transform: translate3d(384px, -690px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(29) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle29 8338ms infinite 980ms;
  bottom: -5px;
}
@keyframes particle29 {
  0% {
    transform: translate3d(641px, -5px, 0);
  }
  59% {
    opacity: 0;
  }
  100% {
    transform: translate3d(641px, -685px, 0);
    opacity: 0;
  }
}
#spec .particle:nth-child(30) {
  width: 1px;
  height: 1px;
  background-color: #efcd55;
  border-radius: 1px;
  box-shadow: 0 0 2px 1px #efcd55;
  animation: particle29 8317ms infinite 980ms;
  bottom: -5px;
}
@keyframes particle30 {
  0% {
    transform: translate3d(639px, -5px, 0);
  }
  59% {
    opacity: 0;
  }
  100% {
    transform: translate3d(639px, -685px, 0);
    opacity: 0;
  }
}