@import url("https://fonts.googleapis.com/css?family=Playfair+Display");
*, *:before, *:after {
  margin: 0;
  padding: 0;
  text-decoration: none; }

body {
  background-color: #1e1e28; }

.cm_head {
  width: 100%;
  height: 150px;
  background-image: url("../img/cm_head.png");
  background-position: center center; }

.cm_nav {
  width: 100%;
  height: 150px;
  background-image: url("../img/cm_nav.png");
  background-position: center center; }

.purpleBox {
  position: absolute; }
  .purpleBox .cm_stripe {
    width: 110%;
    height: 110%;
    position: absolute;
    top: -40px;
    left: -40px;
    background-image: url("../img/pdp-info-bg.png");
    background-position: left top;
    background-size: 150%; }
  .purpleBox .cm_gradual {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#1E1E28), to(#84329B));
    background-image: -webkit-linear-gradient(bottom, #1E1E28, #84329B);
    background-image: -o-linear-gradient(bottom, #1E1E28, #84329B);
    background-image: linear-gradient(0deg, #1E1E28, #84329B); }
  .purpleBox .wordBox {
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
  .purpleBox .purple_title {
    font-family: 'Teko', sans-serif;
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #fff; }
  .purpleBox .purple_content {
    font-family: 'Noto Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    color: #fff; }

@media (min-width: 1400px) {
  .purpleBox {
    width: 50%;
    height: 90%;
    top: 10%;
    left: 50%; }
    .purpleBox .wordBox {
      width: 60%;
      top: 80px;
      left: 50%; } }

@media (min-width: 1200px) and (max-width: 1439px) {
  .purpleBox {
    width: 50%;
    height: 90%;
    top: 10%;
    left: 50%; }
    .purpleBox .wordBox {
      width: 70%;
      top: 50px;
      left: 50%; }
    .purpleBox .purple_content {
      padding-top: 50px;
      font-size: 24px;
      line-height: 40px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .purpleBox {
    width: 50%;
    height: 90%;
    top: 10%;
    left: 50%; }
    .purpleBox .wordBox {
      width: 80%;
      top: 50px;
      left: 50%; }
    .purpleBox .purple_content {
      padding-top: 50px;
      font-size: 24px;
      line-height: 40px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .purpleBox {
    width: 100%;
    height: 40%;
    left: 0;
    bottom: 0; }
    .purpleBox .cm_stripe {
      background-size: 105%;
      top: -10%;
      left: -5%; }
    .purpleBox .wordBox {
      width: 95%;
      top: 30px;
      left: 50%; }
    .purpleBox .purple_title {
      font-size: 80px;
      font-weight: 500; }
    .purpleBox .purple_content {
      padding-top: 30px;
      font-size: 20px;
      line-height: 30px; } }

@media (min-width: 576px) and (max-width: 767px) {
  .purpleBox {
    width: 97%;
    height: 50%;
    bottom: 0;
    left: 3%; }
    .purpleBox .cm_stripe {
      background-size: 103%;
      top: -6%;
      left: -3%; }
    .purpleBox .wordBox {
      width: 95%;
      top: 30px;
      left: 50%; }
    .purpleBox .purple_title {
      font-size: 60px;
      font-weight: 500; }
    .purpleBox .purple_content {
      padding-top: 30px;
      font-size: 20px;
      line-height: 30px; } }

@media (max-width: 575px) {
  .purpleBox {
    width: 97%;
    height: 60%;
    bottom: 0;
    left: 3%; }
    .purpleBox .cm_stripe {
      background-size: 103%;
      top: -3%;
      left: -3%; }
    .purpleBox .wordBox {
      width: 90%;
      top: 40px; }
    .purpleBox .purple_title {
      font-size: 60px; }
    .purpleBox .purple_content {
      padding-top: 30px;
      font-size: 20px;
      line-height: 30px; } }

.title {
  font-family: 'Teko', sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 1;
    line-height-margin-bottom: 1.8rem;
  text-transform: uppercase;
  color: #fff; }

.content {
  font-family: "Noto Sans", Verdana;
  font-size: 24px;
    font-size-font-weight: 300;
  line-height: 1.8;
  text-align: left;
  color: #fff; }

.s0101, .s0201, .s0301, .s0401, .speaceLine1, .speaceLine2 {
  max-width: 1200px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -o-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .s0101 .wordBox, .s0201 .wordBox, .s0301 .wordBox, .s0401 .wordBox, .speaceLine1 .wordBox, .speaceLine2 .wordBox {
    width: 300px;
    height: 160px;
    position: absolute;
    left: 0;
    bottom: 0; }
    .s0101 .wordBox .title, .s0201 .wordBox .title, .s0301 .wordBox .title, .s0401 .wordBox .title, .speaceLine1 .wordBox .title, .speaceLine2 .wordBox .title {
      font-size: 24px;
      color: #00efe4;
      font-weight: normal; }
    .s0101 .wordBox .content, .s0201 .wordBox .content, .s0301 .wordBox .content, .s0401 .wordBox .content, .speaceLine1 .wordBox .content, .speaceLine2 .wordBox .content {
      font-size: 14px; }
  .s0101 .L, .s0101 .R, .s0201 .L, .s0201 .R, .s0301 .L, .s0301 .R, .s0401 .L, .s0401 .R, .speaceLine1 .L, .speaceLine1 .R, .speaceLine2 .L, .speaceLine2 .R {
    height: 100%;
    position: relative; }
  .s0101 .L, .s0201 .L, .s0301 .L, .s0401 .L, .speaceLine1 .L, .speaceLine2 .L {
    -ms-flex-preferred-size: 340px;
    flex-basis: 340px; }
  .s0101 .R, .s0201 .R, .s0301 .R, .s0401 .R, .speaceLine1 .R, .speaceLine2 .R {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.logo {
  width: 100%;
  height: 150px;
  max-width: 1440px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -o-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  background-image: url("../img/gen2_logo.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-position: left 0px top 0px; }

.s0000 {
  width: 100%;
  height: 200px;
  max-width: 1000px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -o-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0); }
  .s0000 .imgBG {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../img/cm_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 0 bottom 0;
    background-size: 100% auto; }
  .s0000 .wordBox {
    width: 100%;
    height: 180px;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 20px;
    top: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#00EFE4), to(#FF008B));
    background-image: -webkit-linear-gradient(left, #00EFE4, #FF008B);
    background-image: -o-linear-gradient(left, #00EFE4, #FF008B);
    background-image: linear-gradient(90deg, #00EFE4, #FF008B);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .s0000 .wordBox .title {
      font-size: 80px;
      text-align: center;
      color: #1E1E28;
      line-height: .9; }

@media (min-width: 768px) and (max-width: 991px) {
  .s0000 {
    width: 100%;
    height: 200px;
    max-width: 1000px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
    .s0000 .imgBG {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-image: url("../img/cm_bg.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 0 bottom 0;
      background-size: 100% auto; }
    .s0000 .wordBox {
      width: 100%;
      height: 180px;
      position: absolute;
      left: 0;
      top: 0;
      margin-left: 20px;
      top: 0;
      background-image: -webkit-gradient(linear, left top, right top, from(#00EFE4), to(#FF008B));
      background-image: -webkit-linear-gradient(left, #00EFE4, #FF008B);
      background-image: -o-linear-gradient(left, #00EFE4, #FF008B);
      background-image: linear-gradient(90deg, #00EFE4, #FF008B);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s0000 .wordBox .title {
        font-size: 60px;
        text-align: center;
        color: #1E1E28;
        line-height: .9; } }

@media (min-width: 576px) and (max-width: 767px) {
  .s0000 {
    width: 100%;
    height: 200px;
    max-width: 1000px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
    .s0000 .imgBG {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-image: url("../img/cm_bg.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 0 bottom 0;
      background-size: 100% auto; }
    .s0000 .wordBox {
      width: 100%;
      height: 180px;
      position: absolute;
      left: 0;
      top: 0;
      margin-left: 20px;
      top: 0;
      background-image: -webkit-gradient(linear, left top, right top, from(#00EFE4), to(#FF008B));
      background-image: -webkit-linear-gradient(left, #00EFE4, #FF008B);
      background-image: -o-linear-gradient(left, #00EFE4, #FF008B);
      background-image: linear-gradient(90deg, #00EFE4, #FF008B);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s0000 .wordBox .title {
        font-size: 50px;
        text-align: center;
        color: #1E1E28;
        line-height: .9; } }

@media (max-width: 575px) {
  .s0000 {
    width: 100%;
    height: 200px;
    max-width: 1000px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0); }
    .s0000 .imgBG {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-image: url("../img/cm_bg.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 0 bottom 0;
      background-size: 100% auto; }
    .s0000 .wordBox {
      width: 100%;
      height: 180px;
      position: absolute;
      left: 0;
      top: 0;
      margin-left: 20px;
      top: 0;
      background-image: -webkit-gradient(linear, left top, right top, from(#00EFE4), to(#FF008B));
      background-image: -webkit-linear-gradient(left, #00EFE4, #FF008B);
      background-image: -o-linear-gradient(left, #00EFE4, #FF008B);
      background-image: linear-gradient(90deg, #00EFE4, #FF008B);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .s0000 .wordBox .title {
        font-size: 40px;
        text-align: center;
        color: #1E1E28;
        line-height: .9; } }

.speace {
  width: 100%;
  height: 100px;
  position: relative; }

@media (min-width: 992px) {
  .speace {
    width: 100%;
    height: 50px;
    position: relative; } }

@media (min-width: 768px) and (max-width: 991px) {
  .speace {
    width: 100%;
    height: 50px;
    position: relative; } }

@media (min-width: 576px) and (max-width: 767px) {
  .speace {
    width: 100%;
    height: 50px;
    position: relative; } }

@media (max-width: 575px) {
  .speace {
    width: 100%;
    height: 50px;
    position: relative; } }

.s0101 {
  width: 100%;
  height: 330px; }
  .s0101 .L {
    background-image: url("../img/gen2_01_01.png");
    background-position: center center;
    background-repeat: no-repeat; }
    .s0101 .L .title {
      font-size: 20px; }
    .s0101 .L .p9, .s0101 .L .v5, .s0101 .L .cb {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-weight: normal;
      font-size: 20px; }
    .s0101 .L .p9, .s0101 .L .v5 {
      color: #1e1e28; }
    .s0101 .L .p9 {
      width: 160px;
      height: 30px;
      position: absolute;
      left: 0;
      top: 0;
      left: 0;
      top: 0; }
    .s0101 .L .v5 {
      width: 200px;
      height: 30px;
      position: absolute;
      left: 0;
      top: 0;
      left: 101px;
      top: 40px; }
    .s0101 .L .cb {
      width: 300px;
      height: 200px;
      position: absolute;
      left: 0;
      top: 0;
      left: 0px;
      top: 90px;
      color: #fff;
      font-size: 30px; }
  .s0101 .R {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative; }
    .s0101 .R .wordBox {
      width: 100%;
      height: 200px;
      position: absolute;
      left: 0;
      bottom: 40px;
      border: solid 2px #00efe4;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .s0101 .R .wordBox .title {
        font-size: 22px;
        font-weight: normal;
        line-height: 1.5;
        color: #00efe4;
        text-transform: none; }

@media (min-width: 768px) and (max-width: 991px) {
  .s0101 {
    width: 100%;
    height: 550px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .s0101 .L {
      -ms-flex-preferred-size: 330px;
      flex-basis: 330px;
      width: 340px;
      left: 30px;
      position: relative; }
      .s0101 .L .cb {
        width: 300px;
        height: 200px;
        position: absolute;
        left: 0;
        top: 0;
        left: 50%;
        top: 90px;
        -webkit-transform: translateX(-55%) translateY(0);
        -moz-transform: translateX(-55%) translateY(0);
        -ms-transform: translateX(-55%) translateY(0);
        -o-transform: translateX(-55%) translateY(0);
        transform: translateX(-55%) translateY(0);
        color: #fff;
        font-size: 30px; }
    .s0101 .R {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .s0101 .R .wordBox {
        width: 90%;
        height: 150px;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0); }
        .s0101 .R .wordBox .title {
          font-weight: normal; } }

@media (min-width: 576px) and (max-width: 767px) {
  .s0101 {
    width: 100%;
    height: 650px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .s0101 .L {
      -ms-flex-preferred-size: 330px;
      flex-basis: 330px;
      width: 340px;
      left: 30px;
      position: relative; }
      .s0101 .L .cb {
        width: 300px;
        height: 200px;
        position: absolute;
        left: 0;
        top: 0;
        left: 50%;
        top: 90px;
        -webkit-transform: translateX(-55%) translateY(0);
        -moz-transform: translateX(-55%) translateY(0);
        -ms-transform: translateX(-55%) translateY(0);
        -o-transform: translateX(-55%) translateY(0);
        transform: translateX(-55%) translateY(0);
        color: #fff;
        font-size: 30px; }
    .s0101 .R {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .s0101 .R .wordBox {
        width: 90%;
        height: 250px;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0); }
        .s0101 .R .wordBox .title {
          font-weight: normal; } }

@media (max-width: 575px) {
  .s0101 {
    width: 100%;
    height: 670px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .s0101 .L {
      -ms-flex-preferred-size: 330px;
      flex-basis: 330px;
      width: 340px;
      left: 30px;
      position: relative; }
      .s0101 .L .cb {
        width: 300px;
        height: 200px;
        position: absolute;
        left: 0;
        top: 0;
        left: 50%;
        top: 90px;
        -webkit-transform: translateX(-55%) translateY(0);
        -moz-transform: translateX(-55%) translateY(0);
        -ms-transform: translateX(-55%) translateY(0);
        -o-transform: translateX(-55%) translateY(0);
        transform: translateX(-55%) translateY(0);
        color: #fff;
        font-size: 30px; }
    .s0101 .R {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      .s0101 .R .wordBox {
        width: 90%;
        height: 250px;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0); }
        .s0101 .R .wordBox .title {
          font-weight: normal; } }

@-webkit-keyframes ef_fadeInOut {
  0% {
    opacity: 0; }
  15% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ef_fadeInOut {
  0% {
    opacity: 0; }
  15% {
    opacity: 1; }
  95% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ef_s0201_01 {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes ef_s0201_01 {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes ef_s0201_01_s {
  0% {
    background-position: center top 0px; }
  33% {
    background-position: center top -285px; }
  66% {
    background-position: center top -570px; }
  100% {
    background-position: center top 0px; } }

@keyframes ef_s0201_01_s {
  0% {
    background-position: center top 0px; }
  33% {
    background-position: center top -285px; }
  66% {
    background-position: center top -570px; }
  100% {
    background-position: center top 0px; } }

@-webkit-keyframes ef_s0201_01_01 {
  0% {
    background-position: center top 0px; }
  3.33% {
    background-position: center top -282px; }
  6.66% {
    background-position: center top -564px; }
  9.99% {
    background-position: center top -846px; }
  13.32% {
    background-position: center top -1128px; }
  16.65% {
    background-position: center top -1410px; }
  19.98% {
    background-position: center top -1692px; }
  23.31% {
    background-position: center top -1974px; }
  26.64% {
    background-position: center top -2256px; }
  29.97% {
    background-position: center top -2538px; }
  33.3% {
    background-position: center top -2820px; }
  36.63% {
    background-position: center top -3102px; }
  39.96% {
    background-position: center top -3384px; }
  43.29% {
    background-position: center top -3666px; }
  46.62% {
    background-position: center top -3948px; }
  49.95% {
    background-position: center top -4230px; }
  53.28% {
    background-position: center top -4512px; }
  56.61% {
    background-position: center top -4794px; }
  59.94% {
    background-position: center top -5076px; }
  63.27% {
    background-position: center top -5358px; }
  66.6% {
    background-position: center top -5640px; }
  69.93% {
    background-position: center top -5922px; }
  73.26% {
    background-position: center top -6204px; }
  76.59% {
    background-position: center top -6486px; }
  79.92% {
    background-position: center top -6768px; }
  83.25% {
    background-position: center top -7050px; }
  86.58% {
    background-position: center top -7332px; }
  89.91% {
    background-position: center top -7614px; }
  93.24% {
    background-position: center top -7896px; }
  96.57% {
    background-position: center top -8178px; }
  100% {
    background-position: center top -8460px; } }

@keyframes ef_s0201_01_01 {
  0% {
    background-position: center top 0px; }
  3.33% {
    background-position: center top -282px; }
  6.66% {
    background-position: center top -564px; }
  9.99% {
    background-position: center top -846px; }
  13.32% {
    background-position: center top -1128px; }
  16.65% {
    background-position: center top -1410px; }
  19.98% {
    background-position: center top -1692px; }
  23.31% {
    background-position: center top -1974px; }
  26.64% {
    background-position: center top -2256px; }
  29.97% {
    background-position: center top -2538px; }
  33.3% {
    background-position: center top -2820px; }
  36.63% {
    background-position: center top -3102px; }
  39.96% {
    background-position: center top -3384px; }
  43.29% {
    background-position: center top -3666px; }
  46.62% {
    background-position: center top -3948px; }
  49.95% {
    background-position: center top -4230px; }
  53.28% {
    background-position: center top -4512px; }
  56.61% {
    background-position: center top -4794px; }
  59.94% {
    background-position: center top -5076px; }
  63.27% {
    background-position: center top -5358px; }
  66.6% {
    background-position: center top -5640px; }
  69.93% {
    background-position: center top -5922px; }
  73.26% {
    background-position: center top -6204px; }
  76.59% {
    background-position: center top -6486px; }
  79.92% {
    background-position: center top -6768px; }
  83.25% {
    background-position: center top -7050px; }
  86.58% {
    background-position: center top -7332px; }
  89.91% {
    background-position: center top -7614px; }
  93.24% {
    background-position: center top -7896px; }
  96.57% {
    background-position: center top -8178px; }
  100% {
    background-position: center top -8460px; } }

@-webkit-keyframes ef_s0301_01_s {
  0% {
    background-position: center top 0px; }
  20% {
    background-position: center top -285px; }
  40% {
    background-position: center top -570px; }
  60% {
    background-position: center top -855px; }
  80% {
    background-position: center top -1140px; }
  100% {
    background-position: center top 0px; } }

@keyframes ef_s0301_01_s {
  0% {
    background-position: center top 0px; }
  20% {
    background-position: center top -285px; }
  40% {
    background-position: center top -570px; }
  60% {
    background-position: center top -855px; }
  80% {
    background-position: center top -1140px; }
  100% {
    background-position: center top 0px; } }

@-webkit-keyframes ef_s0301_01_01 {
  0% {
    background-position: center top 0px; }
  2% {
    background-position: center top -433px; }
  4% {
    background-position: center top -866px; }
  6% {
    background-position: center top -1299px; }
  8% {
    background-position: center top -1732px; }
  10% {
    background-position: center top -2165px; }
  12% {
    background-position: center top -2598px; }
  14% {
    background-position: center top -3031px; }
  16% {
    background-position: center top -3464px; }
  18% {
    background-position: center top -3897px; }
  20% {
    background-position: center top -4330px; }
  22% {
    background-position: center top -4763px; }
  24% {
    background-position: center top -5196px; }
  26% {
    background-position: center top -5629px; }
  28% {
    background-position: center top -6062px; }
  30% {
    background-position: center top -6495px; }
  32% {
    background-position: center top -6928px; }
  34% {
    background-position: center top -7361px; }
  36% {
    background-position: center top -7794px; }
  38% {
    background-position: center top -8227px; }
  40% {
    background-position: center top -8660px; }
  42% {
    background-position: center top -9093px; }
  44% {
    background-position: center top -9526px; }
  46% {
    background-position: center top -9959px; }
  48% {
    background-position: center top -10392px; }
  50% {
    background-position: center top -10825px; }
  52% {
    background-position: center top -11258px; }
  54% {
    background-position: center top -11691px; }
  56% {
    background-position: center top -12124px; }
  58% {
    background-position: center top -12557px; }
  60% {
    background-position: center top -12990px; }
  62% {
    background-position: center top -13423px; }
  64% {
    background-position: center top -13856px; }
  66% {
    background-position: center top -14289px; }
  68% {
    background-position: center top -14722px; }
  70% {
    background-position: center top -15155px; }
  72% {
    background-position: center top -15588px; }
  74% {
    background-position: center top -16021px; }
  76% {
    background-position: center top -16454px; }
  78% {
    background-position: center top -16887px; }
  80% {
    background-position: center top -17320px; }
  82% {
    background-position: center top -17753px; }
  84% {
    background-position: center top -18186px; }
  86% {
    background-position: center top -18619px; }
  88% {
    background-position: center top -19052px; }
  90% {
    background-position: center top -19485px; }
  92% {
    background-position: center top -19918px; }
  94% {
    background-position: center top -20351px; }
  96% {
    background-position: center top -20784px; }
  98% {
    background-position: center top -21217px; }
  100% {
    background-position: center top 0px; } }

@keyframes ef_s0301_01_01 {
  0% {
    background-position: center top 0px; }
  2% {
    background-position: center top -433px; }
  4% {
    background-position: center top -866px; }
  6% {
    background-position: center top -1299px; }
  8% {
    background-position: center top -1732px; }
  10% {
    background-position: center top -2165px; }
  12% {
    background-position: center top -2598px; }
  14% {
    background-position: center top -3031px; }
  16% {
    background-position: center top -3464px; }
  18% {
    background-position: center top -3897px; }
  20% {
    background-position: center top -4330px; }
  22% {
    background-position: center top -4763px; }
  24% {
    background-position: center top -5196px; }
  26% {
    background-position: center top -5629px; }
  28% {
    background-position: center top -6062px; }
  30% {
    background-position: center top -6495px; }
  32% {
    background-position: center top -6928px; }
  34% {
    background-position: center top -7361px; }
  36% {
    background-position: center top -7794px; }
  38% {
    background-position: center top -8227px; }
  40% {
    background-position: center top -8660px; }
  42% {
    background-position: center top -9093px; }
  44% {
    background-position: center top -9526px; }
  46% {
    background-position: center top -9959px; }
  48% {
    background-position: center top -10392px; }
  50% {
    background-position: center top -10825px; }
  52% {
    background-position: center top -11258px; }
  54% {
    background-position: center top -11691px; }
  56% {
    background-position: center top -12124px; }
  58% {
    background-position: center top -12557px; }
  60% {
    background-position: center top -12990px; }
  62% {
    background-position: center top -13423px; }
  64% {
    background-position: center top -13856px; }
  66% {
    background-position: center top -14289px; }
  68% {
    background-position: center top -14722px; }
  70% {
    background-position: center top -15155px; }
  72% {
    background-position: center top -15588px; }
  74% {
    background-position: center top -16021px; }
  76% {
    background-position: center top -16454px; }
  78% {
    background-position: center top -16887px; }
  80% {
    background-position: center top -17320px; }
  82% {
    background-position: center top -17753px; }
  84% {
    background-position: center top -18186px; }
  86% {
    background-position: center top -18619px; }
  88% {
    background-position: center top -19052px; }
  90% {
    background-position: center top -19485px; }
  92% {
    background-position: center top -19918px; }
  94% {
    background-position: center top -20351px; }
  96% {
    background-position: center top -20784px; }
  98% {
    background-position: center top -21217px; }
  100% {
    background-position: center top 0px; } }

@-webkit-keyframes ef_s0301_01_02 {
  0% {
    background-position: right 0px top 0px; }
  2% {
    background-position: right -433px top 0px; }
  4% {
    background-position: right -866px top 0px; }
  6% {
    background-position: right -1299px top 0px; }
  8% {
    background-position: right -1732px top 0px; }
  10% {
    background-position: right -2165px top 0px; }
  12% {
    background-position: right -2598px top 0px; }
  14% {
    background-position: right -3031px top 0px; }
  16% {
    background-position: right -3464px top 0px; }
  18% {
    background-position: right -3897px top 0px; }
  20% {
    background-position: right -4330px top 0px; }
  22% {
    background-position: right -4763px top 0px; }
  24% {
    background-position: right -5196px top 0px; }
  26% {
    background-position: right -5629px top 0px; }
  28% {
    background-position: right -6062px top 0px; }
  30% {
    background-position: right -6495px top 0px; }
  32% {
    background-position: right -6928px top 0px; }
  34% {
    background-position: right -7361px top 0px; }
  36% {
    background-position: right -7794px top 0px; }
  38% {
    background-position: right -8227px top 0px; }
  40% {
    background-position: right -8660px top 0px; }
  42% {
    background-position: right -9093px top 0px; }
  44% {
    background-position: right -9526px top 0px; }
  46% {
    background-position: right -9959px top 0px; }
  48% {
    background-position: right -10392px top 0px; }
  50% {
    background-position: right -10825px top 0px; }
  52% {
    background-position: right -11258px top 0px; }
  54% {
    background-position: right -11691px top 0px; }
  56% {
    background-position: right -12124px top 0px; }
  58% {
    background-position: right -12557px top 0px; }
  60% {
    background-position: right -12990px top 0px; }
  62% {
    background-position: right -13423px top 0px; }
  64% {
    background-position: right -13856px top 0px; }
  66% {
    background-position: right -14289px top 0px; }
  68% {
    background-position: right -14722px top 0px; }
  70% {
    background-position: right -15155px top 0px; }
  72% {
    background-position: right -15588px top 0px; }
  74% {
    background-position: right -16021px top 0px; }
  76% {
    background-position: right -16454px top 0px; }
  78% {
    background-position: right -16887px top 0px; }
  80% {
    background-position: right -17320px top 0px; }
  82% {
    background-position: right -17753px top 0px; }
  84% {
    background-position: right -18186px top 0px; }
  86% {
    background-position: right -18619px top 0px; }
  88% {
    background-position: right -19052px top 0px; }
  90% {
    background-position: right -19485px top 0px; }
  92% {
    background-position: right -19918px top 0px; }
  94% {
    background-position: right -20351px top 0px; }
  96% {
    background-position: right -20784px top 0px; }
  98% {
    background-position: right -21217px top 0px; }
  100% {
    background-position: right 0px top 0px; } }

@keyframes ef_s0301_01_02 {
  0% {
    background-position: right 0px top 0px; }
  2% {
    background-position: right -433px top 0px; }
  4% {
    background-position: right -866px top 0px; }
  6% {
    background-position: right -1299px top 0px; }
  8% {
    background-position: right -1732px top 0px; }
  10% {
    background-position: right -2165px top 0px; }
  12% {
    background-position: right -2598px top 0px; }
  14% {
    background-position: right -3031px top 0px; }
  16% {
    background-position: right -3464px top 0px; }
  18% {
    background-position: right -3897px top 0px; }
  20% {
    background-position: right -4330px top 0px; }
  22% {
    background-position: right -4763px top 0px; }
  24% {
    background-position: right -5196px top 0px; }
  26% {
    background-position: right -5629px top 0px; }
  28% {
    background-position: right -6062px top 0px; }
  30% {
    background-position: right -6495px top 0px; }
  32% {
    background-position: right -6928px top 0px; }
  34% {
    background-position: right -7361px top 0px; }
  36% {
    background-position: right -7794px top 0px; }
  38% {
    background-position: right -8227px top 0px; }
  40% {
    background-position: right -8660px top 0px; }
  42% {
    background-position: right -9093px top 0px; }
  44% {
    background-position: right -9526px top 0px; }
  46% {
    background-position: right -9959px top 0px; }
  48% {
    background-position: right -10392px top 0px; }
  50% {
    background-position: right -10825px top 0px; }
  52% {
    background-position: right -11258px top 0px; }
  54% {
    background-position: right -11691px top 0px; }
  56% {
    background-position: right -12124px top 0px; }
  58% {
    background-position: right -12557px top 0px; }
  60% {
    background-position: right -12990px top 0px; }
  62% {
    background-position: right -13423px top 0px; }
  64% {
    background-position: right -13856px top 0px; }
  66% {
    background-position: right -14289px top 0px; }
  68% {
    background-position: right -14722px top 0px; }
  70% {
    background-position: right -15155px top 0px; }
  72% {
    background-position: right -15588px top 0px; }
  74% {
    background-position: right -16021px top 0px; }
  76% {
    background-position: right -16454px top 0px; }
  78% {
    background-position: right -16887px top 0px; }
  80% {
    background-position: right -17320px top 0px; }
  82% {
    background-position: right -17753px top 0px; }
  84% {
    background-position: right -18186px top 0px; }
  86% {
    background-position: right -18619px top 0px; }
  88% {
    background-position: right -19052px top 0px; }
  90% {
    background-position: right -19485px top 0px; }
  92% {
    background-position: right -19918px top 0px; }
  94% {
    background-position: right -20351px top 0px; }
  96% {
    background-position: right -20784px top 0px; }
  98% {
    background-position: right -21217px top 0px; }
  100% {
    background-position: right 0px top 0px; } }

@-webkit-keyframes ef_s0501_01_s {
  0% {
    background-position: left 0px top 0px; }
  50% {
    background-position: left 0px top -410px; }
  100% {
    background-position: left 0px top 0px; } }

@keyframes ef_s0501_01_s {
  0% {
    background-position: left 0px top 0px; }
  50% {
    background-position: left 0px top -410px; }
  100% {
    background-position: left 0px top 0px; } }

@-webkit-keyframes ef_s0501_02_s {
  0% {
    background-position: left 0px top 0px; }
  50% {
    background-position: left 0px top -240px; }
  100% {
    background-position: left 0px top 0px; } }

@keyframes ef_s0501_02_s {
  0% {
    background-position: left 0px top 0px; }
  50% {
    background-position: left 0px top -240px; }
  100% {
    background-position: left 0px top 0px; } }

.s0201 {
  width: 100%;
  height: 515px; }
  .s0201 .L {
    background-image: url("../img/gen2_line_30.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .s0201 .L .bImgBg {
      width: 100%;
      height: 282px;
      position: absolute;
      left: 0;
      bottom: 0;
      background-image: url("../img/gen2_line_21.png");
      background-position: center center;
      background-repeat: no-repeat; }
  .s0201 .R .bImgScreenShot {
    width: 507px;
    height: 285px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-animation: ef_fadeInOut 3s infinite;
    animation: ef_fadeInOut 3s infinite; }
    .s0201 .R .bImgScreenShot:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("../img/gen2_02_s.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center top 0px;
      -webkit-animation: ef_s0201_01_s 9s infinite step-end;
      animation: ef_s0201_01_s 9s infinite step-end; }
  .s0201 .R .bImgLiquid {
    width: 551px;
    height: 282px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("../img/gen2_02_01_01.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: center top 0px;
    -webkit-animation: ef_s0201_01_01 1s infinite step-end;
    animation: ef_s0201_01_01 1s infinite step-end; }
  .s0201 .R .bImgLiquidMask {
    width: 551px;
    height: 282px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url("../img/gen2_02_01.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: center top 0px;
    -webkit-animation: ef_s0201_01 5s infinite;
    animation: ef_s0201_01 5s infinite;
    opacity: 1; }
  .s0201 .R .wordBox {
    width: 300px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0; }
    .s0201 .R .wordBox .title {
      font-size: 24px;
      color: #00efe4; }

@media (min-width: 768px) and (max-width: 991px) {
  .s0201 {
    width: 100%;
    height: 800px;
    overflow: hidden;
    background-image: url("../img/gen2_line_30.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px center;
    background-size: 340px 100%; }
    .s0201 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0201 .R {
      background-image: url("../img/gen2_line_20.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 300px;
      background-position: left 30px bottom -10px; }
      .s0201 .R .bImgScreenShot {
        width: 90%;
        height: 285px;
        position: absolute;
        left: 5%;
        top: 50px;
        opacity: 0.95;
        -webkit-animation: ef_fadeInOut 3s infinite;
        animation: ef_fadeInOut 3s infinite; }
        .s0201 .R .bImgScreenShot:before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-image: url("../img/gen2_02_s.jpg");
          background-position: center center;
          background-repeat: no-repeat;
          background-position: center top 0px;
          -webkit-animation: ef_s0201_01_s 9s infinite step-end;
          animation: ef_s0201_01_s 9s infinite step-end; }
      .s0201 .R .bImgLiquid {
        width: 551px;
        height: 282px;
        position: absolute;
        left: 5%;
        top: 400px;
        background-image: url("../img/gen2_02_01_01.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01_01 1s infinite step-end;
        animation: ef_s0201_01_01 1s infinite step-end; }
      .s0201 .R .bImgLiquidMask {
        width: 551px;
        height: 282px;
        position: absolute;
        left: 5%;
        top: 400px;
        background-image: url("../img/gen2_02_01.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01 5s infinite;
        animation: ef_s0201_01 5s infinite;
        opacity: 1; }
      .s0201 .R .wordBox {
        width: 90%;
        height: 70px;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 5%;
        bottom: 30px;
        background-color: rgba(0, 0, 0, 0.8); }
        .s0201 .R .wordBox .title {
          font-size: 24px;
          color: #00efe4; } }

@media (min-width: 576px) and (max-width: 767px) {
  .s0201 {
    width: 100%;
    height: 800px;
    overflow: hidden;
    background-image: url("../img/gen2_line_30.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px center;
    background-size: 340px 100%; }
    .s0201 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0201 .R {
      background-image: url("../img/gen2_line_20.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 300px;
      background-position: left 30px bottom -10px; }
      .s0201 .R .bImgScreenShot {
        width: 90%;
        height: 285px;
        position: absolute;
        left: 5%;
        top: 50px;
        opacity: 0.95;
        background-image: url("../img/gen2_02_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01_s 9s infinite step-end;
        animation: ef_s0201_01_s 9s infinite step-end; }
      .s0201 .R .bImgLiquid {
        width: 551px;
        height: 282px;
        position: absolute;
        left: 5%;
        top: 400px;
        background-image: url("../img/gen2_02_01_01.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01_01 1s infinite step-end;
        animation: ef_s0201_01_01 1s infinite step-end; }
      .s0201 .R .bImgLiquidMask {
        width: 551px;
        height: 282px;
        position: absolute;
        left: 5%;
        top: 400px;
        background-image: url("../img/gen2_02_01.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01 5s infinite;
        animation: ef_s0201_01 5s infinite;
        opacity: 1; }
      .s0201 .R .wordBox {
        width: 90%;
        height: 70px;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 5%;
        bottom: 30px;
        background-color: rgba(0, 0, 0, 0.8); }
        .s0201 .R .wordBox .title {
          font-size: 24px;
          color: #00efe4; } }

@media (max-width: 575px) {
  .s0201 {
    width: 100%;
    height: 800px;
    overflow: hidden;
    background-image: url("../img/gen2_line_30.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px center;
    background-size: 340px 100%; }
    .s0201 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0201 .R {
      background-image: url("../img/gen2_line_20.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 300px;
      background-position: left 30px bottom -10px; }
      .s0201 .R .bImgScreenShot {
        width: 90%;
        height: 285px;
        position: absolute;
        left: 5%;
        top: 50px;
        opacity: 0.95;
        background-image: url("../img/gen2_02_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01_s 9s infinite step-end;
        animation: ef_s0201_01_s 9s infinite step-end; }
      .s0201 .R .bImgLiquid {
        width: 551px;
        height: 282px;
        position: absolute;
        left: 5%;
        top: 400px;
        background-image: url("../img/gen2_02_01_01.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01_01 1s infinite step-end;
        animation: ef_s0201_01_01 1s infinite step-end; }
      .s0201 .R .bImgLiquidMask {
        width: 551px;
        height: 282px;
        position: absolute;
        left: 5%;
        top: 400px;
        background-image: url("../img/gen2_02_01.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0201_01 5s infinite;
        animation: ef_s0201_01 5s infinite;
        opacity: 1; }
      .s0201 .R .wordBox {
        width: 90%;
        height: 70px;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 5%;
        bottom: 30px;
        background-color: rgba(0, 0, 0, 0.8); }
        .s0201 .R .wordBox .title {
          font-size: 24px;
          color: #00efe4; } }

.speaceLine1 {
  width: 100%;
  height: 100px; }
  .speaceLine1 .L {
    background-image: url("../img/gen2_line_20.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }

@media (min-width: 768px) and (max-width: 991px) {
  .speaceLine1 {
    width: 100%;
    height: 100px; }
    .speaceLine1 .L {
      background-image: url("../img/gen2_line_20.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 120%;
      background-position: 30px center; } }

@media (min-width: 576px) and (max-width: 767px) {
  .speaceLine1 {
    width: 100%;
    height: 100px; }
    .speaceLine1 .L {
      background-image: url("../img/gen2_line_20.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 120%;
      background-position: 30px center; } }

@media (max-width: 575px) {
  .speaceLine1 {
    width: 100%;
    height: 100px; }
    .speaceLine1 .L {
      background-image: url("../img/gen2_line_20.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 120%;
      background-position: 30px center; } }

.s0301 {
  width: 100%;
  height: 530px; }
  .s0301 .L {
    background-image: url("../img/gen2_line_20.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .s0301 .L .bImgBg {
      width: 100%;
      height: 431px;
      position: absolute;
      left: 0;
      bottom: 0px;
      background-image: url("../img/gen2_line_11.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 341px 430px;
      background-position: left 0px bottom 0px; }
  .s0301 .R .bImgScreenShot {
    width: 507px;
    height: 285px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: ef_fadeInOut 3s infinite;
    animation: ef_fadeInOut 3s infinite; }
    .s0301 .R .bImgScreenShot:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("../img/gen2_03_s.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center top 0px;
      -webkit-animation: ef_s0301_01_s 15s infinite step-end;
      animation: ef_s0301_01_s 15s infinite step-end; }
  .s0301 .R .bImgFan {
    width: 100%;
    height: 432px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .s0301 .R .bImgFan .FanLine {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 100%;
      background-image: url("../img/gen2_03_02.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center bottom; }
    .s0301 .R .bImgFan .Fan {
      -ms-flex-preferred-size: 523px;
      flex-basis: 523px;
      height: 100%;
      background-image: url("../img/gen2_03_01_01.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 0px top 0px;
      -webkit-animation: ef_s0301_01_01 3s infinite step-end;
      animation: ef_s0301_01_01 3s infinite step-end; }

@media (min-width: 768px) and (max-width: 991px) {
  .s0301 {
    width: 100%;
    height: 1200px;
    background-image: url("../img/gen2_line_20.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px top 0;
    background-size: 340px 350px; }
    .s0301 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0301 .R {
      background-image: url("../img/gen2_line_10.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 30px top 340px;
      background-size: 340px 100%; }
      .s0301 .R .bImgScreenShot {
        width: 90%;
        height: 285px;
        position: absolute;
        left: 5%;
        top: 30px;
        opacity: 0.95;
        background-image: url("../img/gen2_03_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0301_01_s 15s infinite step-end;
        animation: ef_s0301_01_s 15s infinite step-end; }
      .s0301 .R .bImgFan {
        width: 432px;
        height: 600px;
        position: absolute;
        left: 180px;
        top: 348px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .s0301 .R .bImgFan:after {
          content: "";
          display: block;
          width: 200px;
          height: 8px;
          position: absolute;
          left: 16px;
          top: -8px;
          border-radius: 0 5px 0 5px;
          background-color: #fff; }
        .s0301 .R .bImgFan .FanLine {
          display: none;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          height: 100%;
          background-image: url("../img/gen2_03_02.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-position: center bottom; }
        .s0301 .R .bImgFan .Fan {
          width: 431px;
          height: 523px;
          background-image: url("../img/gen2_03_01_02.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-position: right 0px top 0px;
          -webkit-animation: ef_s0301_01_02 3s infinite step-end;
          animation: ef_s0301_01_02 3s infinite step-end; }
      .s0301 .R .wordBox {
        width: 90%;
        height: 200px;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 5%;
        bottom: 100px;
        background-color: rgba(0, 0, 0, 0.8); }
        .s0301 .R .wordBox .title {
          font-size: 24px;
          color: #00efe4; } }

@media (min-width: 576px) and (max-width: 767px) {
  .s0301 {
    width: 100%;
    height: 1200px;
    background-image: url("../img/gen2_line_20.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px top 0;
    background-size: 340px 350px; }
    .s0301 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0301 .R {
      background-image: url("../img/gen2_line_10.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 30px top 340px;
      background-size: 340px 100%; }
      .s0301 .R .bImgScreenShot {
        width: 90%;
        height: 285px;
        position: absolute;
        left: 5%;
        top: 30px;
        opacity: 0.95;
        background-image: url("../img/gen2_03_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0301_01_s 15s infinite step-end;
        animation: ef_s0301_01_s 15s infinite step-end; }
      .s0301 .R .bImgFan {
        width: 432px;
        height: 600px;
        position: absolute;
        left: 100px;
        top: 348px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .s0301 .R .bImgFan:after {
          content: "";
          display: block;
          width: 120px;
          height: 8px;
          position: absolute;
          left: 96px;
          top: -8px;
          border-radius: 0 5px 0 5px;
          background-color: #fff; }
        .s0301 .R .bImgFan .FanLine {
          display: none;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          height: 100%;
          background-image: url("../img/gen2_03_02.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-position: center bottom; }
        .s0301 .R .bImgFan .Fan {
          width: 431px;
          height: 523px;
          background-image: url("../img/gen2_03_01_02.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-position: right 0px top 0px;
          -webkit-animation: ef_s0301_01_02 3s infinite step-end;
          animation: ef_s0301_01_02 3s infinite step-end; }
      .s0301 .R .wordBox {
        width: 90%;
        height: 200px;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 5%;
        bottom: 100px;
        background-color: rgba(0, 0, 0, 0.8); }
        .s0301 .R .wordBox .title {
          font-size: 24px;
          color: #00efe4; } }

@media (max-width: 575px) {
  .s0301 {
    width: 100%;
    height: 1200px;
    background-image: url("../img/gen2_line_20.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px top 0;
    background-size: 340px 350px; }
    .s0301 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0301 .R {
      background-image: url("../img/gen2_line_10.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 30px top 340px;
      background-size: 340px 100%; }
      .s0301 .R .bImgScreenShot {
        width: 90%;
        height: 285px;
        position: absolute;
        left: 5%;
        top: 30px;
        opacity: 0.95;
        background-image: url("../img/gen2_03_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0301_01_s 15s infinite step-end;
        animation: ef_s0301_01_s 15s infinite step-end; }
      .s0301 .R .bImgFan {
        width: 432px;
        height: 600px;
        position: absolute;
        left: 30px;
        top: 348px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .s0301 .R .bImgFan:after {
          content: "";
          display: block;
          width: 50px;
          height: 8px;
          position: absolute;
          left: 166px;
          top: -8px;
          border-radius: 0 5px 0 5px;
          background-color: #fff; }
        .s0301 .R .bImgFan .FanLine {
          display: none;
          -webkit-box-flex: 1;
          -ms-flex: 1;
          flex: 1;
          height: 100%;
          background-image: url("../img/gen2_03_02.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-position: center bottom; }
        .s0301 .R .bImgFan .Fan {
          width: 431px;
          height: 523px;
          background-image: url("../img/gen2_03_01_02.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-position: right 0px top 0px;
          -webkit-animation: ef_s0301_01_02 3s infinite step-end;
          animation: ef_s0301_01_02 3s infinite step-end; }
      .s0301 .R .wordBox {
        width: 90%;
        height: 200px;
        padding: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 5%;
        bottom: 100px;
        background-color: rgba(0, 0, 0, 0.8); }
        .s0301 .R .wordBox .title {
          font-size: 24px;
          color: #00efe4; } }

.speaceLine2 {
  width: 100%;
  height: 100px; }
  .speaceLine2 .L {
    background-image: url("../img/gen2_line_10.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }

@media (min-width: 768px) and (max-width: 991px) {
  .speaceLine2 {
    width: 100%;
    height: 100px; }
    .speaceLine2 .L {
      background-image: url("../img/gen2_line_10.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 120%;
      background-position: 30px center; } }

@media (min-width: 576px) and (max-width: 767px) {
  .speaceLine2 {
    width: 100%;
    height: 100px; }
    .speaceLine2 .L {
      background-image: url("../img/gen2_line_10.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 120%;
      background-position: 30px center; } }

@media (max-width: 575px) {
  .speaceLine2 {
    width: 100%;
    height: 100px; }
    .speaceLine2 .L {
      background-image: url("../img/gen2_line_10.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 340px 120%;
      background-position: 30px center; } }

.s0401 {
  width: 100%;
  height: 530px; }
  .s0401 .L {
    background-image: url("../img/gen2_line_10.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .s0401 .L .bImgBg {
      width: 100%;
      height: 431px;
      position: absolute;
      left: 0;
      bottom: 0px;
      background-image: url("../img/gen2_line_01.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 341px 430px;
      background-position: left 0px bottom 0px; }
  .s0401 .R .bImgScreenShot {
    width: 507px;
    height: 270px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: ef_fadeInOut 3s infinite;
    animation: ef_fadeInOut 3s infinite; }
    .s0401 .R .bImgScreenShot:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("../img/gen2_04_s.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center top 0px;
      -webkit-animation: ef_s0301_01_s 15s infinite step-end;
      animation: ef_s0301_01_s 15s infinite step-end; }
  .s0401 .R .bImgFan {
    width: 100%;
    height: 432px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .s0401 .R .bImgFan .FanLine {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      height: 100%;
      background-image: url("../img/gen2_04_02.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center bottom; }
    .s0401 .R .bImgFan .Fan {
      -ms-flex-preferred-size: 523px;
      flex-basis: 523px;
      height: 100%;
      background-image: url("../img/gen2_04_01_01.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: left 0px top 0px; }

@media (min-width: 768px) and (max-width: 991px) {
  .s0401 {
    width: 100%;
    height: 1200px;
    background-image: url("../img/gen2_line_10.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px top 0;
    background-size: 340px 350px; }
    .s0401 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0401 .R .bImgScreenShot {
      width: 90%;
      height: 285px;
      position: absolute;
      left: 5%;
      top: 30px;
      opacity: 0.95;
      background-image: url("../img/gen2_04_s.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center top 0px;
      -webkit-animation: ef_s0301_01_s 15s infinite step-end;
      animation: ef_s0301_01_s 15s infinite step-end; }
    .s0401 .R .bImgFan {
      width: 432px;
      height: 600px;
      position: absolute;
      left: 180px;
      top: 348px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .s0401 .R .bImgFan:after {
        content: "";
        display: block;
        width: 272px;
        height: 8px;
        position: absolute;
        left: -54px;
        top: -8px;
        border-radius: 0 5px 0 5px;
        background-color: #fff; }
      .s0401 .R .bImgFan .FanLine {
        display: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        background-image: url("../img/gen2_03_02.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center bottom; }
      .s0401 .R .bImgFan .Fan {
        width: 431px;
        height: 523px;
        background-image: url("../img/gen2_04_01_02.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: right 0px top 0px; }
    .s0401 .R .wordBox {
      width: 90%;
      height: 200px;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      left: 5%;
      bottom: 100px;
      background-color: rgba(0, 0, 0, 0.8); }
      .s0401 .R .wordBox .title {
        font-size: 24px;
        color: #00efe4; } }

@media (min-width: 576px) and (max-width: 767px) {
  .s0401 {
    width: 100%;
    height: 1200px;
    background-image: url("../img/gen2_line_10.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px top 0;
    background-size: 340px 350px; }
    .s0401 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0401 .R .bImgScreenShot {
      width: 90%;
      height: 285px;
      position: absolute;
      left: 5%;
      top: 30px;
      opacity: 0.95;
      background-image: url("../img/gen2_04_s.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center top 0px;
      -webkit-animation: ef_s0301_01_s 15s infinite step-end;
      animation: ef_s0301_01_s 15s infinite step-end; }
    .s0401 .R .bImgFan {
      width: 432px;
      height: 600px;
      position: absolute;
      left: 100px;
      top: 348px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .s0401 .R .bImgFan:after {
        content: "";
        display: block;
        width: 190px;
        height: 8px;
        position: absolute;
        left: 26px;
        top: -8px;
        border-radius: 0 5px 0 5px;
        background-color: #fff; }
      .s0401 .R .bImgFan .FanLine {
        display: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        background-image: url("../img/gen2_03_02.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center bottom; }
      .s0401 .R .bImgFan .Fan {
        width: 431px;
        height: 523px;
        background-image: url("../img/gen2_04_01_02.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: right 0px top 0px; }
    .s0401 .R .wordBox {
      width: 90%;
      height: 200px;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      left: 5%;
      bottom: 100px;
      background-color: rgba(0, 0, 0, 0.8); }
      .s0401 .R .wordBox .title {
        font-size: 24px;
        color: #00efe4; } }

@media (max-width: 575px) {
  .s0401 {
    width: 100%;
    height: 1200px;
    background-image: url("../img/gen2_line_10.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-position: left 30px top 0;
    background-size: 340px 350px; }
    .s0401 .L {
      -webkit-box-flex: 0;
      -ms-flex: 0;
      flex: 0; }
    .s0401 .R .bImgScreenShot {
      width: 90%;
      height: 285px;
      position: absolute;
      left: 5%;
      top: 30px;
      opacity: 0.95;
      background-image: url("../img/gen2_04_s.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-position: center top 0px;
      -webkit-animation: ef_s0301_01_s 15s infinite step-end;
      animation: ef_s0301_01_s 15s infinite step-end; }
    .s0401 .R .bImgFan {
      width: 432px;
      height: 600px;
      position: absolute;
      left: 30px;
      top: 348px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .s0401 .R .bImgFan:after {
        content: "";
        display: block;
        width: 120px;
        height: 8px;
        position: absolute;
        left: 96px;
        top: -8px;
        border-radius: 0 5px 0 5px;
        background-color: #fff; }
      .s0401 .R .bImgFan .FanLine {
        display: none;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        background-image: url("../img/gen2_03_02.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center bottom; }
      .s0401 .R .bImgFan .Fan {
        width: 431px;
        height: 523px;
        background-image: url("../img/gen2_04_01_02.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: right 0px top 0px; }
    .s0401 .R .wordBox {
      width: 90%;
      height: 200px;
      padding: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      left: 5%;
      bottom: 100px;
      background-color: rgba(0, 0, 0, 0.8); }
      .s0401 .R .wordBox .title {
        font-size: 24px;
        color: #00efe4; } }

.s0501 {
  width: 100%;
  height: 450px;
  max-width: 1200px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -o-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .s0501 .L, .s0501 .R {
    height: 100%;
    position: relative; }
  .s0501 .L {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px; }
    .s0501 .L .wordBox {
      width: 90%;
      height: 200px;
      position: absolute;
      left: 0;
      top: 0;
      padding: 20px;
      border: solid 2px #00efe4;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .s0501 .L .wordBox .title {
        font-size: 24px;
        color: #00efe4;
        font-weight: normal; }
      .s0501 .L .wordBox .content {
        font-size: 14px; }
  .s0501 .R {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative; }
    .s0501 .R .bImgScreenShot {
      width: 100%;
      height: 410px;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-animation: ef_fadeInOut 3s infinite;
      animation: ef_fadeInOut 3s infinite; }
      .s0501 .R .bImgScreenShot:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-image: url("../img/gen2_05_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: center top 0px;
        -webkit-animation: ef_s0501_01_s 6s infinite step-end;
        animation: ef_s0501_01_s 6s infinite step-end; }

@media (min-width: 768px) and (max-width: 991px) {
  .s0501 {
    width: 100%;
    height: 550px;
    max-width: 1200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .s0501 .L {
      -ms-flex-preferred-size: 150px;
      flex-basis: 150px; }
      .s0501 .L .wordBox {
        width: 90%;
        height: 135px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        padding: 20px;
        border: solid 2px #00efe4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .s0501 .L .wordBox .title {
          font-size: 24px;
          color: #00efe4;
          font-weight: normal; }
        .s0501 .L .wordBox .content {
          font-size: 14px; }
    .s0501 .R {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .s0501 .R .bImgScreenShot {
        width: 90%;
        height: 410px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        background-image: url("../img/gen2_05_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: left 0 top 0; } }

@media (min-width: 576px) and (max-width: 767px) {
  .s0501 {
    width: 100%;
    height: 550px;
    max-width: 1200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .s0501 .L {
      -ms-flex-preferred-size: 150px;
      flex-basis: 150px; }
      .s0501 .L .wordBox {
        width: 90%;
        height: 135px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        padding: 20px;
        border: solid 2px #00efe4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .s0501 .L .wordBox .title {
          font-size: 24px;
          color: #00efe4;
          font-weight: normal; }
        .s0501 .L .wordBox .content {
          font-size: 14px; }
    .s0501 .R {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .s0501 .R .bImgScreenShot {
        width: 90%;
        height: 410px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        background-image: url("../img/gen2_05_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: left 0 top 0; } }

@media (max-width: 575px) {
  .s0501 {
    width: 100%;
    height: 600px;
    max-width: 1200px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -ms-transform: translateX(-50%) translateY(0);
    -o-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .s0501 .L {
      -ms-flex-preferred-size: 150px;
      flex-basis: 150px; }
      .s0501 .L .wordBox {
        width: 90%;
        height: 135px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        padding: 20px;
        border: solid 2px #00efe4;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
        .s0501 .L .wordBox .title {
          font-size: 24px;
          color: #00efe4;
          font-weight: normal; }
        .s0501 .L .wordBox .content {
          font-size: 14px; }
    .s0501 .R {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative; }
      .s0501 .R .bImgScreenShot {
        width: 90%;
        height: 410px;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
        background-image: url("../img/gen2_05_s.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-position: left 0 top 0;
        background-size: 450px auto;
        -webkit-animation: ef_s0501_02_s 6s infinite step-end;
        animation: ef_s0501_02_s 6s infinite step-end; } }

.footer {
  width: 100%;
  height: 50px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
  -moz-transform: translateX(-50%) translateY(0);
  -ms-transform: translateX(-50%) translateY(0);
  -o-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
  background-image: url("../img/gen2_fotter_bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .footer .title {
    font-size: 24px;
    font-weight: normal;
    color: #fff; }