@charset "utf-8";
.pl_load {
  opacity: 0;
}
.pl_load.scrollin {
  opacity: 1;
}

.pl_true {
  transition:
    opacity 1.5s,
    transform 1.5s;
}

.pl_fade {
  opacity: 0;
}
.pl_fade.scrollin,
.scrollin .pl_fade {
  opacity: 1;
}

.pl_top,
.pl_bottom,
.pl_left {
  opacity: 0;
}
.pl_top {
  transform: translate(0, -50px);
}
.pl_bottom {
  transform: translate(0, 50px);
}
.pl_left {
  transform: translate(-50px, 0);
}
.pl_top.scrollin,
.scrollin .pl_top,
.pl_bottom.scrollin,
.scrollin .pl_bottom,
.pl_left.scrollin,
.scrollin .pl_left {
  opacity: 1;
  transform: translate(0, 0);
}

.pl_2n,
.scrollin .pl_2n {
  transition:
    opacity 1.5s 0.5s,
    transform 1.5s 0.5s;
}
.pl_3n,
.scrollin .pl_3n {
  transition:
    opacity 1.5s 1s,
    transform 1.5s 1s;
}
.pl_4n,
.scrollin .pl_4n {
  transition:
    opacity 1.5s 1.5s,
    transform 1.5s 1.5s;
}
.pl_5n,
.scrollin .pl_5n {
  transition:
    opacity 1.5s 2s,
    transform 1.5s 2s;
}
.pl_6n,
.scrollin .pl_6n {
  transition:
    opacity 1.5s 2.5s,
    transform 1.5s 2.5s;
}

.pl_roll {
  transform: scale(0) rotateZ(0deg);
}
.pl_roll.scrollin,
.scrollin .pl_roll {
  transform: scale(1) rotateZ(360deg);
}