@font-face {
  font-family: MP-Medium;
  src: url("https://kenh14cdn.com/web_font/MP-Medium.otf"); }
@font-face {
  font-family: SuisseI-Bold;
  src: url("https://kenh14cdn.com/web_font/SuisseI-Bold.otf"); }
@font-face {
  font-family: SuisseI-Regular;
  src: url("https://kenh14cdn.com/web_font/SuisseI-Regular.otf"); }
@font-face {
  font-family: SuisseI-Medium;
  src: url("https://kenh14cdn.com/web_font/SuisseI-Medium.otf"); }
@font-face {
  font-family: SuisseI-RItalic;
  src: url("https://kenh14cdn.com/web_font/SuisseI-RItalic.otf"); }
a {
  text-decoration: none; }
  a:hover, a:focus {
    outline: none; }

.fancybox-bg {
  background-color: rgba(0, 0, 0, 0.9) !important; }

.fullpage-wrapper {
  transition: all 1500ms cubic-bezier(0.77, 0, 0.175, 1) 0s !important; }

.body_wca-top20 {
  position: relative; }
  .body_wca-top20 .popup_list {
    display: flex;
    justify-content: center;
    top: 44px;
    left: 30px;
    position: fixed;
    flex-direction: column;
    align-items: center;
    z-index: 999999;
    box-sizing: border-box;
    height: calc(100vh - 45px); }
    .body_wca-top20 .popup_list li {
      display: none;
      position: relative;
      padding-bottom: 40px;
      width: 100%; }
      .body_wca-top20 .popup_list li:nth-child(1), .body_wca-top20 .popup_list li:nth-child(2), .body_wca-top20 .popup_list li:nth-child(4), .body_wca-top20 .popup_list li:nth-child(7), .body_wca-top20 .popup_list li:nth-child(9), .body_wca-top20 .popup_list li:nth-child(12), .body_wca-top20 .popup_list li:nth-child(16), .body_wca-top20 .popup_list li:nth-child(22), .body_wca-top20 .popup_list li:nth-child(25), .body_wca-top20 .popup_list li:nth-child(35) {
        display: block; }
      .body_wca-top20 .popup_list li:nth-child(35):before {
        display: none; }
      .body_wca-top20 .popup_list li:before {
        width: 1px;
        height: calc(100% - 17px);
        background-color: #fff;
        left: 8px;
        display: block;
        content: '';
        position: absolute;
        top: 17px;
        opacity: 0.5; }
      .body_wca-top20 .popup_list li:hover a span {
        opacity: 1; }
      .body_wca-top20 .popup_list li:hover a .circle-bg {
        background-color: #ffffff;
        transition: background-color 0.8s ease-in-out 0.2s; }
      .body_wca-top20 .popup_list li:hover a .border-circle {
        opacity: 1;
        transition: opacity 0.6s ease-in-out 0.5s; }
      .body_wca-top20 .popup_list li a {
        color: #ffffff;
        display: block;
        padding-left: 30px;
        text-transform: uppercase;
        text-decoration: none;
        position: relative; }
        .body_wca-top20 .popup_list li a .border-circle {
          opacity: 1;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 15px;
          height: 15px;
          border: 1px solid #fff;
          border-radius: 18px;
          transition: opacity 0.6s ease-in-out; }
        .body_wca-top20 .popup_list li a .circle-bg {
          border: 1px solid #ffffff;
          transition: background-color 0.6s ease-in-out;
          display: block;
          opacity: 1;
          position: absolute;
          content: "";
          border-radius: 50%;
          width: 9px;
          height: 9px;
          top: 4px;
          box-sizing: border-box;
          left: 4px; }
        .body_wca-top20 .popup_list li a .txt {
          transition: all 0.5s ease;
          opacity: 0.5;
          font-family: SuisseI-Regular;
          font-size: 12px; }
  .body_wca-top20 .btn-popup {
    position: fixed;
    z-index: 2;
    width: 1.5vw;
    right: 2.5%;
    top: calc(44px + 4.4%); }
  .body_wca-top20 .section.fp-completely .fadeinRight {
    opacity: 1;
    visibility: visible;
    transition: all 1s ease-in 200ms; }
  .body_wca-top20 .section.fp-completely .info {
    opacity: 1 !important;
    visibility: visible !important;
    transform: matrix(1, 0, 0, 1, 0, -40);
    transition: all 1500ms cubic-bezier(0.77, 0, 0.175, 1) 200ms !important;
    transition-delay: 3s; }
  .body_wca-top20 .section.fp-completely .pin-smartphone img {
    opacity: 1 !important;
    visibility: visible !important;
    transform: matrix(1, 0, 0, 1, 0, -40);
    transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1) 100ms !important;
    transition-delay: 3s; }
  .body_wca-top20 .section.fp-completely .total .date, .body_wca-top20 .section.fp-completely .total .title, .body_wca-top20 .section.fp-completely .total .sub-title {
    opacity: 1 !important;
    visibility: visible !important;
    transform: matrix(1, 0, 0, 1, 0, -40);
    transition: all 1500ms cubic-bezier(0.77, 0, 0.175, 1) 200ms !important;
    transition-delay: 3s; }
  .body_wca-top20 .section.fp-completely .total p {
    opacity: 1 !important;
    visibility: visible !important;
    transform: matrix(1, 0, 0, 1, 0, -40);
    transition: all 900ms linear 700ms !important;
    transition-delay: 5s; }
  .body_wca-top20 .section.fp-completely .total .note {
    opacity: 0.3 !important;
    visibility: visible !important;
    transform: matrix(1, 0, 0, 1, 0, -40);
    transition: all 900ms linear 700ms !important;
    transition-delay: 5s; }
  .body_wca-top20 .slide-character {
    background-color: #000000;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: relative; }
    .body_wca-top20 .slide-character i {
      width: 53.9%;
      height: calc(100vh - 45px);
      margin-top: 45px;
      display: block;
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat; }
      .body_wca-top20 .slide-character i.fadeinRight {
        width: 53.9%;
        opacity: 0;
        visibility: hidden;
        transition: all 1s ease-in 200ms; }
    .body_wca-top20 .slide-character .watch {
      left: 12.7vw;
      top: 40px;
      position: absolute;
      height: 100vh;
      width: 250px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      z-index: 3; }
      .body_wca-top20 .slide-character .watch img {
        opacity: 0;
        visibility: visible;
        width: 250px;
        display: block;
        height: auto; }
    .body_wca-top20 .slide-character .cover {
      width: 100%;
      position: relative; }
      .body_wca-top20 .slide-character .cover .thumb {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        display: block; }
      .body_wca-top20 .slide-character .cover .pin-smartphone {
        width: 95.83vw;
        position: absolute;
        bottom: -18%;
        left: 6.2vw;
        display: block; }
        .body_wca-top20 .slide-character .cover .pin-smartphone img {
          transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1) 100ms !important;
          opacity: 0;
          width: 100%;
          display: block; }
      .body_wca-top20 .slide-character .cover .info {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        width: 33.25vw;
        right: 29.11vw;
        top: 36.59%;
        display: block; }
        @media screen and (max-width: 1366px) {
          .body_wca-top20 .slide-character .cover .info {
            width: 35.25vw; } }
        .body_wca-top20 .slide-character .cover .info .head-title {
          font-family: MP-Medium;
          font-size: 1.35vw;
          line-height: 1.7vw;
          color: #ffffff;
          letter-spacing: -0.3px; }
        .body_wca-top20 .slide-character .cover .info .credit {
          flex-wrap: wrap;
          display: flex;
          margin-bottom: 2.4vw;
          justify-content: flex-start; }
          .body_wca-top20 .slide-character .cover .info .credit span {
            width: calc((100% - 90px) / 2);
            letter-spacing: 0.5px;
            display: block;
            font-family: SuisseI-Regular;
            font-size: 0.9vw;
            line-height: 1.5vw;
            color: #ffffff; }
        .body_wca-top20 .slide-character .cover .info .title {
          text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          font-size: 4.7vw;
          color: #ffffff;
          font-family: MP-Medium;
          margin-bottom: 2.4vw;
          line-height: 4vw; }
        .body_wca-top20 .slide-character .cover .info p {
          text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          font-family: SuisseI-Regular;
          font-size: 0.9vw;
          line-height: 1.5vw;
          color: #ffffff;
          margin-bottom: 0 !important; }
    .body_wca-top20 .slide-character .total {
      margin-top: 74px;
      padding-top: 3.9vw;
      padding-left: 6.25vw;
      padding-bottom: 2.23vw;
      padding-right: 6.5vw;
      flex-direction: column;
      width: 46.1vw;
      display: flex;
      align-items: flex-start;
      box-sizing: border-box;
      justify-content: flex-start;
      min-width: 607px;
      height: calc(100% - 74px); }
      @media screen and (max-width: 1440px) {
        .body_wca-top20 .slide-character .total {
          padding-left: 3.25vw; } }
      .body_wca-top20 .slide-character .total .date {
        display: flex;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transform: matrix(1, 0, 0, 1, 0, 0);
        transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        font-family: SuisseI-Regular;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 20px;
        color: #ffffff; }
        @media screen and (max-width: 1440px) {
          .body_wca-top20 .slide-character .total .date {
            font-size: 14px;
            margin-bottom: 15px; } }
        @media screen and (min-width: 2200px) {
          .body_wca-top20 .slide-character .total .date {
            font-size: 15px; } }
        .body_wca-top20 .slide-character .total .date span {
          display: block; }
          .body_wca-top20 .slide-character .total .date span + span {
            margin-left: 10px; }
      .body_wca-top20 .slide-character .total .sub-title {
        transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        opacity: 0;
        font-family: SuisseI-Regular;
        font-size: 15px;
        line-height: 26px;
        color: #c8c8c8;
        margin-bottom: 60px; }
        @media screen and (max-width: 1440px) {
          .body_wca-top20 .slide-character .total .sub-title {
            font-size: 14px; } }
        @media screen and (min-width: 2200px) {
          .body_wca-top20 .slide-character .total .sub-title {
            font-size: 16px; } }
      .body_wca-top20 .slide-character .total .title {
        opacity: 0;
        visibility: hidden;
        transform: matrix(1, 0, 0, 1, 0, 0);
        transition: all 200ms cubic-bezier(0.77, 0, 0.175, 1) 0s !important;
        color: #ffffff;
        margin-bottom: 60px;
        font-family: SuisseI-Regular;
        font-size: 38px;
        line-height: 50px;
        letter-spacing: -0.1px; }
        .body_wca-top20 .slide-character .total .title sup {
          vertical-align: super;
          font-size: initial; }
        .body_wca-top20 .slide-character .total .title + .title {
          margin-bottom: 30px; }
        @media screen and (max-width: 1440px) {
          .body_wca-top20 .slide-character .total .title {
            font-size: 28px;
            line-height: 35px; } }
        @media screen and (min-width: 2200px) {
          .body_wca-top20 .slide-character .total .title {
            font-size: 32px;
            line-height: 41px; } }
      .body_wca-top20 .slide-character .total sup {
        vertical-align: super;
        font-size: x-small; }
      .body_wca-top20 .slide-character .total .note {
        opacity: 0; }
        .body_wca-top20 .slide-character .total .note b {
          display: block;
          font-family: SuisseI-Bold;
          font-size: 16px;
          line-height: 26px;
          color: #ffffff; }
          @media screen and (max-width: 1440px) {
            .body_wca-top20 .slide-character .total .note b {
              font-size: 14px; } }
          @media screen and (min-width: 2200px) {
            .body_wca-top20 .slide-character .total .note b {
              font-size: 17px; } }
        .body_wca-top20 .slide-character .total .note span {
          font-family: SuisseI-RItalic;
          display: block;
          font-size: 16px;
          line-height: 26px;
          color: #ffffff; }
          @media screen and (max-width: 1440px) {
            .body_wca-top20 .slide-character .total .note span {
              font-size: 14px; } }
          @media screen and (min-width: 2200px) {
            .body_wca-top20 .slide-character .total .note span {
              font-size: 17px; } }
      .body_wca-top20 .slide-character .total p {
        margin-bottom: 30px !important;
        opacity: 0;
        visibility: hidden;
        transform: matrix(1, 0, 0, 1, 0, 0);
        transition: all 100ms linear 0s !important;
        font-family: SuisseI-Regular;
        font-size: 17px;
        line-height: 28px;
        color: #ffffff;
        text-align: justify; }
        @media screen and (min-width: 2200px) {
          .body_wca-top20 .slide-character .total p {
            font-size: 16px;
            line-height: 28px; } }
        @media screen and (max-width: 1440px) {
          .body_wca-top20 .slide-character .total p {
            font-size: 14px;
            line-height: 25px; } }
        @media screen and (max-width: 1366px) {
          .body_wca-top20 .slide-character .total p {
            font-size: 13px;
            line-height: 24px; } }
  .body_wca-top20 .main {
    position: relative; }

/*# sourceMappingURL=style.css.map */