@charset "UTF-8";
.kiosk-block {
  width: 1080px !important;
  height: 1919px;
  overflow: hidden; }
  .kiosk-block .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-block .layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .kiosk-block .layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .kiosk-block .layer-block .pause-layer {
      bottom: 0;
      width: 100%;
      height: 767px;
      line-height: 767px;
      font-size: 150px;
      text-align: center;
      position: absolute;
      background-color: #0D47A1;
      opacity: 0.9;
      color: white; }
  .kiosk-block .calling-block {
    height: 545px;
    font-size: 300px;
    text-align: center;
    line-height: 545px; }
    .kiosk-block .calling-block.highlight {
      background-color: #0D47A1 !important;
      color: #FFFFFF !important; }
  .kiosk-block .media-block .image-block {
    background-color: #000000; }
    .kiosk-block .media-block .image-block .image {
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
  .kiosk-block .bottom-block .left-block {
    width: 540px; }
    .kiosk-block .bottom-block .left-block .current-waiting-block {
      height: 383px;
      background-color: #0D47A1;
      color: #FFFFFF;
      text-align: center; }
      .kiosk-block .bottom-block .left-block .current-waiting-block .title {
        font-size: 59px;
        margin-top: 53px;
        letter-spacing: 2px; }
      .kiosk-block .bottom-block .left-block .current-waiting-block .ticket-number {
        font-size: 137px;
        height: 190px;
        line-height: 190px; }
    .kiosk-block .bottom-block .left-block .your-ticket-number-block {
      height: 383px;
      text-align: center; }
      .kiosk-block .bottom-block .left-block .your-ticket-number-block .title {
        font-size: 59px;
        margin-top: 53px;
        letter-spacing: 2px; }
      .kiosk-block .bottom-block .left-block .your-ticket-number-block .ticket-number {
        font-size: 137px;
        height: 190px;
        line-height: 190px; }
  .kiosk-block .bottom-block .right-block {
    width: 540px;
    height: 767px; }
    .kiosk-block .bottom-block .right-block .printing-block {
      background-color: #BBDEFB;
      height: 100%;
      text-align: center;
      padding-top: 190px; }
      .kiosk-block .bottom-block .right-block .printing-block .icon {
        height: 240px !important;
        width: 240px !important; }
      .kiosk-block .bottom-block .right-block .printing-block .text {
        font-size: 80px; }
    .kiosk-block .bottom-block .right-block .invalid-people-block {
      background-color: #E3F2FD;
      height: 100%;
      padding-top: 300px;
      padding-left: 70px; }
      .kiosk-block .bottom-block .right-block .invalid-people-block .text {
        font-size: 60px; }
    .kiosk-block .bottom-block .right-block .people-number-input-block .number-input-block {
      height: 170px;
      position: relative; }
      .kiosk-block .bottom-block .right-block .people-number-input-block .number-input-block .title {
        font-size: 60px;
        position: absolute;
        top: 44px;
        left: 25px; }
      .kiosk-block .bottom-block .right-block .people-number-input-block .number-input-block .number {
        background-color: #E3F2FD;
        position: absolute;
        width: 225px;
        font-size: 100px;
        right: 31px;
        top: 25px;
        text-align: center;
        height: 123px;
        line-height: 123px;
        border: 1px solid #9E9E9E; }
    .kiosk-block .bottom-block .right-block .people-number-input-block .keys-block .key-block {
      padding-left: 5px;
      padding-top: 5px; }
      .kiosk-block .bottom-block .right-block .people-number-input-block .keys-block .key-block:last-child {
        padding-right: 5px; }
      .kiosk-block .bottom-block .right-block .people-number-input-block .keys-block .key-block .key {
        background-color: #9E9E9E;
        height: 143px;
        line-height: 143px;
        font-size: 85px;
        text-align: center;
        color: white; }
        .kiosk-block .bottom-block .right-block .people-number-input-block .keys-block .key-block .key.reset-key {
          font-size: 48px; }
        .kiosk-block .bottom-block .right-block .people-number-input-block .keys-block .key-block .key:active {
          background-color: #424242; }

.kiosk-landscape-container {
  color: #FFFFFF;
  width: 1024px;
  height: 768px;
  font-family: 'DFLiHeiMediumB5';
  background-color: #FFFFFF; }
  .kiosk-landscape-container .country-code-layer {
    position: absolute;
    width: 100%;
    height: 1280px;
    z-index: 100; }
    .kiosk-landscape-container .country-code-layer .layer {
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.6; }
    .kiosk-landscape-container .country-code-layer .country-list-block {
      width: 76%;
      position: absolute;
      left: 93px;
      top: 87px;
      z-index: 100; }
      .kiosk-landscape-container .country-code-layer .country-list-block .code {
        background-color: #424242;
        text-align: center;
        font-size: 180px;
        margin-top: 100px;
        padding: 20px 0; }
  .kiosk-landscape-container .upper-block {
    text-align: center; }
    .kiosk-landscape-container .upper-block .company-logo {
      height: 329px;
      margin-top: 10px; }
    .kiosk-landscape-container .upper-block .company-name-chi {
      font-size: 38px;
      margin-top: 29px;
      color: #FF1744;
      font-weight: bold; }
    .kiosk-landscape-container .upper-block .company-name-en {
      font-size: 22px;
      line-height: 25px;
      color: #FF1744;
      font-weight: bold; }
    .kiosk-landscape-container .upper-block .your-ticket-chi {
      margin-top: 10px;
      font-size: 50px; }
    .kiosk-landscape-container .upper-block .your-ticket-eng {
      font-size: 35px;
      line-height: 31px; }
    .kiosk-landscape-container .upper-block .ticket-number {
      font-size: 135px;
      line-height: 192px; }
    .kiosk-landscape-container .upper-block .bottom-block .invalid-people-block {
      height: 100%;
      text-align: center; }
      .kiosk-landscape-container .upper-block .bottom-block .invalid-people-block .text-chi {
        padding-top: 142px;
        font-size: 120px;
        line-height: 143px;
        text-align: center; }
      .kiosk-landscape-container .upper-block .bottom-block .invalid-people-block .text-en {
        padding-top: 9px;
        font-size: 84px;
        line-height: 84px;
        text-align: center; }
    .kiosk-landscape-container .upper-block .bottom-block .layer-block {
      height: 839px;
      text-align: center;
      color: #000000; }
      .kiosk-landscape-container .upper-block .bottom-block .layer-block .text-chi {
        padding-top: 280px;
        font-size: 100px;
        line-height: 99px; }
      .kiosk-landscape-container .upper-block .bottom-block .layer-block .text-en {
        font-size: 78px;
        line-height: 92px; }
    .kiosk-landscape-container .upper-block .bottom-block .loading-block {
      height: 839px;
      text-align: center; }
      .kiosk-landscape-container .upper-block .bottom-block .loading-block .text-chi {
        padding-top: 250px;
        font-size: 120px;
        line-height: 99px; }
      .kiosk-landscape-container .upper-block .bottom-block .loading-block .text-en {
        font-size: 91px;
        line-height: 125px; }
    .kiosk-landscape-container .upper-block .bottom-block .printing-block {
      height: 839px;
      text-align: center; }
      .kiosk-landscape-container .upper-block .bottom-block .printing-block .icon {
        height: 325px !important;
        width: 325px !important;
        margin-top: 82px;
        color: #FFFFFF !important; }
      .kiosk-landscape-container .upper-block .bottom-block .printing-block .text-chi {
        font-size: 100px;
        line-height: 99px; }
      .kiosk-landscape-container .upper-block .bottom-block .printing-block .text-en {
        font-size: 71px;
        line-height: 80px; }
    .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block {
      margin: 0 60px 0 25px; }
      .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .number-input-block {
        height: 150px;
        position: relative; }
        .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .number-input-block .title {
          position: absolute;
          left: 38px;
          text-align: left;
          top: 2px;
          color: #000000; }
          .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
            font-size: 45px;
            line-height: 120px; }
          .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
            font-size: 45px;
            line-height: 20px; }
        .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .number-input-block .number {
          position: absolute;
          width: 351px;
          font-size: 120px;
          left: 320px;
          top: 10px;
          text-align: center;
          height: 200px;
          line-height: 180px;
          color: #000000; }
      .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keypad-block {
        padding-top: 60px; }
      .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block {
        padding-left: 40px;
        padding-top: 15px;
        color: #000000;
        outline: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
        .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block:last-child {
          padding-right: 2px; }
        .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key {
          background-color: #9E9E9E;
          height: 145px;
          line-height: 145px;
          font-size: 90px;
          text-align: center;
          color: #FFFFFF;
          border-radius: 50px; }
          .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key.reset-key {
            font-size: 50px; }
          .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key:active {
            background-color: rgba(255, 255, 255, 0);
            color: #000000 !important; }
          .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key .icon {
            height: 120px !important;
            width: 120px !important;
            margin-top: 16px !important; }
            .kiosk-landscape-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key .icon.tick-icon {
              color: #76FF03 !important; }
    .kiosk-landscape-container .upper-block .bottom-block .phone-input-block {
      margin: 7px 30px 0 24px; }
      .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .header-block {
        text-align: center; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .header-block .zh-tw {
          font-size: 39px; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .header-block .en {
          font-size: 34px;
          line-height: 30px;
          margin-top: 3px; }
      .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .phone-number-block {
        height: 95px;
        line-height: 95px;
        margin-top: 20px;
        font-size: 64px; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code {
          position: relative;
          border: 5px solid #C0A847;
          width: 260px;
          height: 100%;
          float: left;
          position: relative;
          border-radius: 10px;
          margin-left: 21px; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code .country-code-layer-trigger-block {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 10; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code .code {
            width: 180px; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code .icon {
            right: -1px;
            top: -6px;
            width: 110px !important;
            height: 110px !important;
            position: absolute;
            color: white !important; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .phone-number-block .phone-number {
          border: 5px solid #C0A847;
          margin-left: 10px;
          width: 418px;
          height: 100%;
          float: left;
          border-radius: 10px; }
      .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .country-code-block {
        position: absolute;
        top: 1030px;
        left: 120px; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .country-code-block .code {
          font-size: 34px;
          position: absolute;
          top: 21px;
          right: 100px;
          color: #FFFFFF; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .country-code-block .menu-btn svg {
          color: #FFFFFF !important; }
      .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .number-input-block {
        height: 150px;
        position: relative; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .number-input-block .title {
          position: absolute;
          left: 38px;
          top: 2px; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .number-input-block .title .input-number-of-people-chi {
            font-size: 55px;
            line-height: 91px; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .number-input-block .title .input-number-of-people-en {
            font-size: 55px;
            line-height: 51px; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .number-input-block .number {
          background-color: #FFFFFF;
          position: absolute;
          width: 351px;
          font-size: 120px;
          right: 3px;
          top: 0px;
          text-align: center;
          height: 150px;
          line-height: 150px;
          border: 3px solid #C0A847;
          color: #000000; }
      .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block {
        padding-top: 20px;
        padding-left: 20px; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block {
          overflow: hidden; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block {
            float: left;
            width: 530px; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block {
              padding-left: 6px;
              padding-top: 7px; }
              .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block:last-child {
                padding-right: 2px; }
              .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block .key {
                background-color: #BDBDBD;
                height: 155px;
                line-height: 155px;
                font-size: 95px;
                text-align: center;
                color: #000000; }
                .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block .key.reset-key {
                  font-size: 56px; }
                .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block .key:active {
                  background-color: #424242; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block {
            float: left; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .backspace-key {
              background-color: #C0A847;
              width: 170px;
              height: 155px;
              margin-top: 7px;
              margin-left: 5px; }
              .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .backspace-key .icon {
                width: 80px !important;
                height: 80px !important;
                margin-top: 40px; }
              .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .backspace-key:active {
                background-color: #624723; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key {
              background-color: #C0A847;
              width: 170px;
              height: 317px;
              margin-top: 7px;
              margin-left: 5px;
              color: #000000; }
              .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key .zh-tw {
                font-size: 58px;
                padding-top: 96px; }
              .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key .en {
                font-size: 45px; }
              .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key:active {
                background-color: #624723; }
        .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block {
          overflow: hidden; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key {
            background-color: #C0A847;
            float: left;
            width: 170px;
            margin-left: 6px;
            margin-top: 7px;
            height: 155px;
            color: black; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key .zh-tw {
              font-size: 53px;
              margin-top: 26px; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key .en {
              font-size: 44px; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key:active {
              background-color: #624723; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .zero-key {
            background-color: #BDBDBD;
            float: left;
            width: 170px;
            margin-left: 6px;
            margin-top: 7px;
            height: 155px;
            line-height: 155px;
            color: black;
            font-size: 105px; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .zero-key:active {
              background-color: #424242; }
          .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key {
            background-color: #C0A847;
            float: left;
            width: 347px;
            margin-left: 6px;
            margin-top: 7px;
            height: 155px;
            color: black; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key .zh-tw {
              font-size: 58px;
              margin-top: 23px; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key .en {
              font-size: 47px; }
            .kiosk-landscape-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key:active {
              background-color: #624723; }
    .kiosk-landscape-container .upper-block .bottom-block .sms-language-block {
      margin: 7px 30px 0 24px; }
      .kiosk-landscape-container .upper-block .bottom-block .sms-language-block .header-block {
        text-align: center; }
        .kiosk-landscape-container .upper-block .bottom-block .sms-language-block .header-block .zh-tw {
          font-size: 39px; }
        .kiosk-landscape-container .upper-block .bottom-block .sms-language-block .header-block .en {
          font-size: 34px;
          line-height: 30px;
          margin-top: 3px; }
      .kiosk-landscape-container .upper-block .bottom-block .sms-language-block .zh-tw-button, .kiosk-landscape-container .upper-block .bottom-block .sms-language-block .en-button {
        background-color: #C0A847;
        width: 550px;
        height: 300px;
        line-height: 300px;
        margin: 50px auto 0 auto;
        color: #000000;
        font-size: 110px; }
        .kiosk-landscape-container .upper-block .bottom-block .sms-language-block .zh-tw-button:active, .kiosk-landscape-container .upper-block .bottom-block .sms-language-block .en-button:active {
          background-color: #624723; }

.display-portrait-block {
  width: 1080px;
  height: 1920px;
  overflow: hidden;
  font-family: 'DFLiHeiMediumB5'; }
  .display-portrait-block .not-full-layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .display-portrait-block .not-full-layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .display-portrait-block .not-full-layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
  .display-portrait-block .header-block {
    text-align: center;
    font-size: 40px;
    background: #000000;
    color: #FFFFFF;
    height: 70px;
    line-height: 70px; }
  .display-portrait-block .queues-block {
    height: 660px; }
    .display-portrait-block .queues-block .queue-block {
      float: left;
      width: 540px;
      height: 330px;
      text-align: center;
      color: #FFFFFF; }
      .display-portrait-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .display-portrait-block .queues-block .queue-block .number-of-people {
        font-size: 62px;
        margin-top: 30px;
        line-height: 84px; }
      .display-portrait-block .queues-block .queue-block .ticket-number {
        font-size: 155px;
        line-height: 207px; }
  .display-portrait-block .media-block {
    height: 1120px;
    width: 100%; }
    .display-portrait-block .media-block .image-block {
      background-color: #000000; }
      .display-portrait-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .display-portrait-block .media-block video {
      object-fit: fill !important; }
  .display-portrait-block .bottom-block {
    background-color: #000000;
    height: 70px;
    position: relative; }
    .display-portrait-block .bottom-block .text {
      position: absolute;
      color: #FFFFFF;
      right: 192px;
      top: 13px;
      font-size: 26px;
      line-height: 37px; }
    .display-portrait-block .bottom-block img {
      height: 90%;
      position: absolute;
      right: 15px;
      top: 3px; }

.display-landscape-queue-block {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  font-family: 'DFLiHeiMediumB5'; }
  .display-landscape-queue-block .not-full-layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .display-landscape-queue-block .not-full-layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .display-landscape-queue-block .not-full-layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
  .display-landscape-queue-block .header-block {
    text-align: center;
    font-size: 40px;
    background: #000000;
    color: #FFFFFF;
    height: 70px;
    line-height: 70px; }
  .display-landscape-queue-block .queues-block {
    height: 940px; }
    .display-landscape-queue-block .queues-block .queue-block {
      float: left;
      width: 960px;
      height: 470px;
      text-align: center;
      color: #FFFFFF; }
      .display-landscape-queue-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .display-landscape-queue-block .queues-block .queue-block .number-of-people {
        font-size: 100px;
        margin-top: 40px;
        line-height: 105px; }
      .display-landscape-queue-block .queues-block .queue-block .ticket-number {
        font-size: 250px;
        line-height: 324px; }
  .display-landscape-queue-block .bottom-block {
    background-color: #000000;
    height: 70px;
    position: relative; }
    .display-landscape-queue-block .bottom-block .text {
      position: absolute;
      color: #FFFFFF;
      right: 192px;
      top: 13px;
      font-size: 26px;
      line-height: 37px; }
    .display-landscape-queue-block .bottom-block img {
      height: 90%;
      position: absolute;
      right: 15px;
      top: 3px; }

.display-portrait-calling-block {
  width: 1080px;
  height: 1920px;
  overflow: hidden;
  font-family: 'DFLiHeiMediumB5'; }
  .display-portrait-calling-block .not-full-layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .display-portrait-calling-block .not-full-layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .display-portrait-calling-block .not-full-layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
  .display-portrait-calling-block .header-block {
    text-align: center;
    font-size: 40px;
    background: #000000;
    color: #FFFFFF;
    height: 70px;
    line-height: 70px; }
  .display-portrait-calling-block .queues-block {
    height: 660px; }
    .display-portrait-calling-block .queues-block .queue-block {
      float: left;
      width: 540px;
      height: 330px;
      text-align: center;
      color: #FFFFFF; }
      .display-portrait-calling-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .display-portrait-calling-block .queues-block .queue-block .number-of-people {
        font-size: 62px;
        margin-top: 30px;
        line-height: 84px; }
      .display-portrait-calling-block .queues-block .queue-block .ticket-number {
        font-size: 155px;
        line-height: 207px; }
  .display-portrait-calling-block .call-block {
    width: 100%;
    height: 513px;
    color: #000000;
    position: relative;
    background: linear-gradient(#FFFFFF 10%, #FAFAFA 50%, #BDBDBD 100%); }
    .display-portrait-calling-block .call-block img {
      position: absolute;
      right: 30px;
      top: 20px;
      width: 255px; }
    .display-portrait-calling-block .call-block .sentence-block {
      font-family: 'DFLiHeiMediumB5';
      text-align: left;
      height: 108px;
      padding-left: 30px; }
      .display-portrait-calling-block .call-block .sentence-block .chi-text {
        font-size: 46px;
        padding-top: 15px;
        line-height: 65px; }
      .display-portrait-calling-block .call-block .sentence-block .eng-text {
        font-size: 40px;
        line-height: 20px; }
    .display-portrait-calling-block .call-block .numbers-block {
      height: 383px;
      padding-top: 22px; }
      .display-portrait-calling-block .call-block .numbers-block ul {
        list-style-type: none;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        -webkit-padding-start: 0; }
        .display-portrait-calling-block .call-block .numbers-block ul li {
          display: inline-block; }
          .display-portrait-calling-block .call-block .numbers-block ul li.small-number {
            width: 216px;
            text-align: center;
            font-size: 100px;
            line-height: 120px;
            font-weight: bold; }
          .display-portrait-calling-block .call-block .numbers-block ul li.highlight {
            color: red !important; }
  .display-portrait-calling-block .media-block {
    height: 607px;
    width: 100%; }
    .display-portrait-calling-block .media-block .image-block {
      background-color: #000000; }
      .display-portrait-calling-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .display-portrait-calling-block .media-block video {
      object-fit: fill !important; }
  .display-portrait-calling-block .bottom-block {
    background-color: #000000;
    height: 70px;
    position: relative; }
    .display-portrait-calling-block .bottom-block .text {
      position: absolute;
      color: #FFFFFF;
      right: 192px;
      top: 13px;
      font-size: 26px;
      line-height: 37px; }
    .display-portrait-calling-block .bottom-block img {
      height: 90%;
      position: absolute;
      right: 15px;
      top: 3px; }

.display-portrait-3-queue-calling-adv-block {
  width: 1080px;
  height: 1920px;
  overflow: hidden;
  font-family: 'DFLiHeiMediumB5'; }
  .display-portrait-3-queue-calling-adv-block .not-full-layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .display-portrait-3-queue-calling-adv-block .not-full-layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .display-portrait-3-queue-calling-adv-block .not-full-layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
  .display-portrait-3-queue-calling-adv-block .header-block {
    text-align: center;
    font-size: 40px;
    background: #000000;
    color: #FFFFFF;
    height: 70px;
    line-height: 75px; }
  .display-portrait-3-queue-calling-adv-block .queues-block {
    height: 190px; }
    .display-portrait-3-queue-calling-adv-block .queues-block .queue-block {
      float: left;
      width: 360px;
      height: 100%;
      text-align: center;
      color: #FFFFFF; }
      .display-portrait-3-queue-calling-adv-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .display-portrait-3-queue-calling-adv-block .queues-block .queue-block .number-of-people {
        font-size: 44px;
        margin-top: 15px;
        letter-spacing: 2px; }
      .display-portrait-3-queue-calling-adv-block .queues-block .queue-block .ticket-number {
        font-size: 105px;
        margin-top: 10px;
        letter-spacing: 3px; }
  .display-portrait-3-queue-calling-adv-block .call-block {
    width: 100%;
    height: 510px;
    color: #000000;
    position: relative;
    background: linear-gradient(#FFFFFF 10%, #FAFAFA 50%, #BDBDBD 100%); }
    .display-portrait-3-queue-calling-adv-block .call-block img {
      position: absolute;
      right: 30px;
      top: 20px;
      width: 255px; }
    .display-portrait-3-queue-calling-adv-block .call-block .sentence-block {
      font-family: 'DFLiHeiMediumB5';
      text-align: left;
      height: 108px;
      padding-left: 30px; }
      .display-portrait-3-queue-calling-adv-block .call-block .sentence-block .chi-text {
        font-size: 46px;
        padding-top: 15px;
        line-height: 65px; }
      .display-portrait-3-queue-calling-adv-block .call-block .sentence-block .eng-text {
        font-size: 40px;
        line-height: 20px; }
    .display-portrait-3-queue-calling-adv-block .call-block .numbers-block {
      height: 380px;
      padding-top: 22px; }
      .display-portrait-3-queue-calling-adv-block .call-block .numbers-block ul {
        list-style-type: none;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        -webkit-padding-start: 0; }
        .display-portrait-3-queue-calling-adv-block .call-block .numbers-block ul li {
          display: inline-block; }
          .display-portrait-3-queue-calling-adv-block .call-block .numbers-block ul li.small-number {
            width: 216px;
            text-align: center;
            font-size: 100px;
            line-height: 120px;
            font-weight: bold; }
          .display-portrait-3-queue-calling-adv-block .call-block .numbers-block ul li.highlight {
            color: red !important; }
  .display-portrait-3-queue-calling-adv-block .media-block {
    height: 1080px;
    width: 100%; }
    .display-portrait-3-queue-calling-adv-block .media-block .image-block {
      background-color: #000000; }
      .display-portrait-3-queue-calling-adv-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .display-portrait-3-queue-calling-adv-block .media-block video {
      object-fit: fill !important; }
  .display-portrait-3-queue-calling-adv-block .bottom-block {
    background-color: #000000;
    height: 70px;
    position: relative; }
    .display-portrait-3-queue-calling-adv-block .bottom-block .text {
      position: absolute;
      color: #FFFFFF;
      right: 192px;
      top: 13px;
      font-size: 26px;
      line-height: 37px; }
    .display-portrait-3-queue-calling-adv-block .bottom-block img {
      height: 90%;
      position: absolute;
      right: 15px;
      top: 3px; }

.display-portrait-4-queue-calling-adv-block {
  width: 1080px;
  height: 1920px;
  overflow: hidden;
  font-family: 'DFLiHeiMediumB5'; }
  .display-portrait-4-queue-calling-adv-block .not-full-layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .display-portrait-4-queue-calling-adv-block .not-full-layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .display-portrait-4-queue-calling-adv-block .not-full-layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
  .display-portrait-4-queue-calling-adv-block .header-block {
    text-align: center;
    font-size: 40px;
    background: #000000;
    color: #FFFFFF;
    height: 70px;
    line-height: 75px; }
  .display-portrait-4-queue-calling-adv-block .queues-block {
    height: 480px; }
    .display-portrait-4-queue-calling-adv-block .queues-block .queue-block {
      float: left;
      width: 540px;
      height: 240px;
      text-align: center;
      color: #FFFFFF; }
      .display-portrait-4-queue-calling-adv-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .display-portrait-4-queue-calling-adv-block .queues-block .queue-block .number-of-people {
        font-size: 54px;
        margin-top: 20px;
        letter-spacing: 2px; }
      .display-portrait-4-queue-calling-adv-block .queues-block .queue-block .ticket-number {
        font-size: 126px;
        margin-top: 15px;
        letter-spacing: 3px; }
  .display-portrait-4-queue-calling-adv-block .call-block {
    width: 100%;
    height: 510px;
    color: #000000;
    position: relative;
    background: linear-gradient(#FFFFFF 10%, #FAFAFA 50%, #BDBDBD 100%); }
    .display-portrait-4-queue-calling-adv-block .call-block img {
      position: absolute;
      right: 30px;
      top: 12px;
      width: 100px; }
    .display-portrait-4-queue-calling-adv-block .call-block .sentence-block {
      font-family: 'DFLiHeiMediumB5';
      text-align: left;
      height: 108px;
      padding-left: 30px; }
      .display-portrait-4-queue-calling-adv-block .call-block .sentence-block .chi-text {
        font-size: 46px;
        padding-top: 15px;
        line-height: 65px; }
      .display-portrait-4-queue-calling-adv-block .call-block .sentence-block .eng-text {
        font-size: 40px;
        line-height: 20px; }
    .display-portrait-4-queue-calling-adv-block .call-block .numbers-block {
      height: 380px;
      padding-top: 22px; }
      .display-portrait-4-queue-calling-adv-block .call-block .numbers-block ul {
        list-style-type: none;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        -webkit-padding-start: 0; }
        .display-portrait-4-queue-calling-adv-block .call-block .numbers-block ul li {
          display: inline-block; }
          .display-portrait-4-queue-calling-adv-block .call-block .numbers-block ul li.small-number {
            width: 216px;
            text-align: center;
            font-size: 100px;
            line-height: 120px;
            font-weight: bold; }
          .display-portrait-4-queue-calling-adv-block .call-block .numbers-block ul li.highlight {
            color: red !important; }
  .display-portrait-4-queue-calling-adv-block .media-block {
    height: 790px;
    width: 100%; }
    .display-portrait-4-queue-calling-adv-block .media-block .image-block {
      background-color: #000000; }
      .display-portrait-4-queue-calling-adv-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .display-portrait-4-queue-calling-adv-block .media-block video {
      object-fit: fill !important; }
  .display-portrait-4-queue-calling-adv-block .bottom-block {
    background-color: #000000;
    height: 70px;
    position: relative; }
    .display-portrait-4-queue-calling-adv-block .bottom-block .text {
      position: absolute;
      color: #FFFFFF;
      right: 192px;
      top: 13px;
      font-size: 26px;
      line-height: 37px; }
    .display-portrait-4-queue-calling-adv-block .bottom-block img {
      height: 90%;
      position: absolute;
      right: 15px;
      top: 3px; }

.display-landscape-queue-calling-block {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  font-family: 'DFLiHeiMediumB5'; }
  .display-landscape-queue-calling-block .not-full-layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .display-landscape-queue-calling-block .not-full-layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .display-landscape-queue-calling-block .not-full-layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
  .display-landscape-queue-calling-block .main-block {
    overflow: hidden; }
    .display-landscape-queue-calling-block .main-block .left-block {
      float: left;
      width: 540px; }
      .display-landscape-queue-calling-block .main-block .left-block .header-block {
        text-align: center;
        font-size: 40px;
        background: #000000;
        color: #FFFFFF;
        height: 70px;
        line-height: 70px; }
      .display-landscape-queue-calling-block .main-block .left-block .queues-block {
        height: 940px; }
        .display-landscape-queue-calling-block .main-block .left-block .queues-block .queue-block {
          float: left;
          width: 540px;
          height: 235px;
          text-align: center;
          color: #FFFFFF; }
          .display-landscape-queue-calling-block .main-block .left-block .queues-block .queue-block.calling {
            background-color: #FFFFFF !important;
            color: #EF5350 !important; }
          .display-landscape-queue-calling-block .main-block .left-block .queues-block .queue-block .number-of-people {
            font-size: 52px;
            margin-top: 10px;
            line-height: 74px; }
          .display-landscape-queue-calling-block .main-block .left-block .queues-block .queue-block .ticket-number {
            font-size: 135px;
            line-height: 141px; }
    .display-landscape-queue-calling-block .main-block .right-block {
      float: left;
      width: 1380px; }
      .display-landscape-queue-calling-block .main-block .right-block .call-block {
        width: 100%;
        height: 500px;
        color: #000000;
        position: relative;
        background: linear-gradient(#FFFFFF 10%, #FAFAFA 50%, #BDBDBD 100%); }
        .display-landscape-queue-calling-block .main-block .right-block .call-block img {
          position: absolute;
          right: 30px;
          top: 20px;
          width: 255px; }
        .display-landscape-queue-calling-block .main-block .right-block .call-block .sentence-block {
          font-family: 'DFLiHeiMediumB5';
          text-align: left;
          height: 108px;
          padding-left: 30px; }
          .display-landscape-queue-calling-block .main-block .right-block .call-block .sentence-block .chi-text {
            font-size: 46px;
            padding-top: 15px;
            line-height: 65px; }
          .display-landscape-queue-calling-block .main-block .right-block .call-block .sentence-block .eng-text {
            font-size: 40px;
            line-height: 20px; }
        .display-landscape-queue-calling-block .main-block .right-block .call-block .numbers-block {
          height: 383px;
          padding-top: 22px; }
          .display-landscape-queue-calling-block .main-block .right-block .call-block .numbers-block ul {
            list-style-type: none;
            -webkit-margin-before: 0;
            -webkit-margin-after: 0;
            -webkit-margin-start: 0;
            -webkit-margin-end: 0;
            -webkit-padding-start: 0; }
            .display-landscape-queue-calling-block .main-block .right-block .call-block .numbers-block ul li {
              display: inline-block; }
              .display-landscape-queue-calling-block .main-block .right-block .call-block .numbers-block ul li.small-number {
                width: 230px;
                text-align: center;
                font-size: 100px;
                line-height: 120px;
                font-weight: bold; }
              .display-landscape-queue-calling-block .main-block .right-block .call-block .numbers-block ul li.highlight {
                color: red !important; }
      .display-landscape-queue-calling-block .main-block .right-block .media-block {
        position: relative;
        height: 510px; }
        .display-landscape-queue-calling-block .main-block .right-block .media-block .media-main-block {
          position: absolute;
          height: 100%;
          width: 690px; }
          .display-landscape-queue-calling-block .main-block .right-block .media-block .media-main-block:nth-child(odd) {
            top: 0;
            left: 0; }
          .display-landscape-queue-calling-block .main-block .right-block .media-block .media-main-block:nth-child(even) {
            top: 0;
            left: 690px; }
          .display-landscape-queue-calling-block .main-block .right-block .media-block .media-main-block .image-block {
            width: 100%; }
            .display-landscape-queue-calling-block .main-block .right-block .media-block .media-main-block .image-block .image {
              height: 100%;
              background-repeat: no-repeat;
              background-size: cover;
              background-position: center; }
          .display-landscape-queue-calling-block .main-block .right-block .media-block .media-main-block video {
            object-fit: fill !important; }
  .display-landscape-queue-calling-block .bottom-block {
    background-color: #000000;
    height: 70px;
    position: relative; }
    .display-landscape-queue-calling-block .bottom-block .text {
      position: absolute;
      color: #FFFFFF;
      right: 192px;
      top: 13px;
      font-size: 26px;
      line-height: 37px; }
    .display-landscape-queue-calling-block .bottom-block img {
      height: 90%;
      position: absolute;
      right: 15px;
      top: 3px; }

.display-portrait-adv-queue-block {
  width: 1080px;
  height: 1920px;
  overflow: hidden;
  font-family: 'DFLiHeiMediumB5'; }
  .display-portrait-adv-queue-block .not-full-layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .display-portrait-adv-queue-block .not-full-layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .display-portrait-adv-queue-block .not-full-layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
  .display-portrait-adv-queue-block .header-block {
    text-align: center;
    font-size: 30px;
    background: #000000;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px; }
  .display-portrait-adv-queue-block .queues-block {
    height: 190px; }
    .display-portrait-adv-queue-block .queues-block .queue-block {
      float: left;
      width: 360px;
      height: 100%;
      text-align: center;
      color: #FFFFFF; }
      .display-portrait-adv-queue-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .display-portrait-adv-queue-block .queues-block .queue-block .number-of-people {
        font-size: 44px;
        margin-top: 15px;
        letter-spacing: 2px; }
      .display-portrait-adv-queue-block .queues-block .queue-block .ticket-number {
        font-size: 105px;
        margin-top: 10px;
        letter-spacing: 3px; }
  .display-portrait-adv-queue-block .media-block {
    height: 1630px;
    width: 100%; }
    .display-portrait-adv-queue-block .media-block .image-block {
      background-color: #000000; }
      .display-portrait-adv-queue-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .display-portrait-adv-queue-block .media-block video {
      object-fit: fill !important; }
  .display-portrait-adv-queue-block .bottom-block {
    background-color: #000000;
    height: 50px;
    position: relative; }
    .display-portrait-adv-queue-block .bottom-block .text {
      position: absolute;
      color: #FFFFFF;
      right: 143px;
      top: 5px;
      font-size: 20px;
      line-height: 37px; }
    .display-portrait-adv-queue-block .bottom-block img {
      height: 90%;
      position: absolute;
      right: 15px;
      top: 3px; }

.kiosk-portrait-1280x800-container {
  width: 800px;
  height: 800px;
  transform: rotate(270deg);
  transform-origin: 400px 400px;
  background-color: #FFFFFF;
  font-family: 'DFLiHeiMediumB5'; }
  .kiosk-portrait-1280x800-container .country-code-layer {
    position: absolute;
    width: 100%;
    height: 1280px;
    z-index: 100; }
    .kiosk-portrait-1280x800-container .country-code-layer .layer {
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.6; }
    .kiosk-portrait-1280x800-container .country-code-layer .country-list-block {
      width: 76%;
      position: absolute;
      left: 93px;
      top: 87px;
      z-index: 100; }
      .kiosk-portrait-1280x800-container .country-code-layer .country-list-block .code {
        background-color: #424242;
        text-align: center;
        font-size: 180px;
        margin-top: 100px;
        padding: 20px 0; }
  .kiosk-portrait-1280x800-container .upper-block {
    text-align: center; }
    .kiosk-portrait-1280x800-container .upper-block .company-logo {
      height: 280px;
      margin-top: 10px; }
    .kiosk-portrait-1280x800-container .upper-block .company-name-chi {
      font-size: 38px;
      margin-top: 29px;
      color: #FF1744;
      font-weight: bold; }
    .kiosk-portrait-1280x800-container .upper-block .company-name-en {
      font-size: 22px;
      line-height: 25px;
      color: #FF1744;
      font-weight: bold; }
    .kiosk-portrait-1280x800-container .upper-block .your-ticket-chi {
      margin-top: 10px;
      font-size: 50px; }
    .kiosk-portrait-1280x800-container .upper-block .your-ticket-eng {
      font-size: 35px;
      line-height: 31px; }
    .kiosk-portrait-1280x800-container .upper-block .ticket-number {
      font-size: 135px;
      line-height: 192px; }
    .kiosk-portrait-1280x800-container .upper-block .bottom-block {
      height: 970px;
      padding-top: 20px; }
      .kiosk-portrait-1280x800-container .upper-block .bottom-block .invalid-people-block {
        height: 100%;
        text-align: center; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .invalid-people-block .text-chi {
          padding-top: 180px;
          font-size: 60px;
          line-height: 75px;
          text-align: center; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .invalid-people-block .text-en {
          padding-top: 9px;
          font-size: 41px;
          line-height: 44px;
          text-align: center; }
      .kiosk-portrait-1280x800-container .upper-block .bottom-block .layer-block {
        height: 100%;
        text-align: center; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .layer-block .text-chi {
          padding-top: 200px;
          font-size: 70px;
          line-height: 99px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .layer-block .text-en {
          font-size: 41px;
          line-height: 41px; }
      .kiosk-portrait-1280x800-container .upper-block .bottom-block .loading-block {
        height: 100%;
        text-align: center; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .loading-block .text-chi {
          padding-top: 200px;
          font-size: 70px;
          line-height: 99px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .loading-block .text-en {
          font-size: 41px;
          line-height: 41px; }
      .kiosk-portrait-1280x800-container .upper-block .bottom-block .printing-block {
        height: 839px;
        text-align: center; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .printing-block .icon {
          height: 225px !important;
          width: 225px !important;
          margin-top: 82px;
          color: #000000 !important; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .printing-block .text-chi {
          font-size: 70px;
          line-height: 99px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .printing-block .text-en {
          font-size: 41px;
          line-height: 41px; }
      .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block {
        margin: 30px 30px 0 24px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .number-input-block {
          height: 150px;
          position: relative; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .number-input-block .title {
            position: absolute;
            left: 38px;
            text-align: right;
            top: 2px; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
              font-size: 66px;
              line-height: 91px; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
              font-size: 45px;
              line-height: 34px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .number-input-block .number {
            background-color: #FFFFFF;
            position: absolute;
            width: 351px;
            font-size: 120px;
            right: 3px;
            top: 0px;
            text-align: center;
            height: 150px;
            line-height: 150px;
            border: 3px solid #C0A847;
            color: #000000; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .keypad-block {
          padding-top: 20px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block {
          padding-left: 6px;
          padding-top: 7px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block:last-child {
            padding-right: 2px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key {
            background-color: #C0A847;
            height: 175px;
            line-height: 175px;
            font-size: 105px;
            text-align: center;
            color: #FFFFFF; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key.reset-key {
              font-size: 56px; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .people-number-input-block .keys-block .key-block .key:active {
              background-color: #6a5d27; }
      .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block {
        margin: 7px 30px 0 24px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .header-block {
          text-align: center; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .header-block .zh-tw {
            font-size: 39px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .header-block .en {
            font-size: 34px;
            line-height: 30px;
            margin-top: 3px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .phone-number-block {
          height: 95px;
          line-height: 95px;
          margin-top: 20px;
          font-size: 64px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code {
            position: relative;
            border: 5px solid #C0A847;
            width: 260px;
            height: 100%;
            float: left;
            position: relative;
            border-radius: 10px;
            margin-left: 21px; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code .country-code-layer-trigger-block {
              position: absolute;
              width: 100%;
              height: 100%;
              z-index: 10; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code .code {
              width: 180px; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .phone-number-block .country-code .icon {
              right: -1px;
              top: -6px;
              width: 110px !important;
              height: 110px !important;
              position: absolute;
              color: white !important; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .phone-number-block .phone-number {
            border: 5px solid #C0A847;
            margin-left: 10px;
            width: 418px;
            height: 100%;
            float: left;
            border-radius: 10px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .country-code-block {
          position: absolute;
          top: 1030px;
          left: 120px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .country-code-block .code {
            font-size: 34px;
            position: absolute;
            top: 21px;
            right: 100px;
            color: #FFFFFF; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .country-code-block .menu-btn svg {
            color: #FFFFFF !important; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .number-input-block {
          height: 150px;
          position: relative; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .number-input-block .title {
            position: absolute;
            left: 38px;
            text-align: right;
            top: 2px; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .number-input-block .title .input-number-of-people-chi {
              font-size: 66px;
              line-height: 91px; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .number-input-block .title .input-number-of-people-en {
              font-size: 45px;
              line-height: 34px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .number-input-block .number {
            background-color: #FFFFFF;
            position: absolute;
            width: 351px;
            font-size: 120px;
            right: 3px;
            top: 0px;
            text-align: center;
            height: 150px;
            line-height: 150px;
            border: 3px solid #C0A847;
            color: #000000; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block {
          padding-top: 20px;
          padding-left: 20px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block {
            overflow: hidden; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block {
              float: left;
              width: 530px; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block {
                padding-left: 6px;
                padding-top: 7px; }
                .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block:last-child {
                  padding-right: 2px; }
                .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block .key {
                  background-color: #BDBDBD;
                  height: 155px;
                  line-height: 155px;
                  font-size: 95px;
                  text-align: center;
                  color: #000000; }
                  .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block .key.reset-key {
                    font-size: 56px; }
                  .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .left-block .keys-block .key-block .key:active {
                    background-color: #424242; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block {
              float: left; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .backspace-key {
                background-color: #C0A847;
                width: 170px;
                height: 155px;
                margin-top: 7px;
                margin-left: 5px; }
                .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .backspace-key .icon {
                  width: 80px !important;
                  height: 80px !important;
                  margin-top: 40px; }
                .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .backspace-key:active {
                  background-color: #624723; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key {
                background-color: #C0A847;
                width: 170px;
                height: 317px;
                margin-top: 7px;
                margin-left: 5px;
                color: #000000; }
                .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key .zh-tw {
                  font-size: 58px;
                  padding-top: 96px; }
                .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key .en {
                  font-size: 45px; }
                .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-upper-block .right-block .enter-key:active {
                  background-color: #624723; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block {
            overflow: hidden; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key {
              background-color: #C0A847;
              float: left;
              width: 170px;
              margin-left: 6px;
              margin-top: 7px;
              height: 155px;
              color: black; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key .zh-tw {
                font-size: 53px;
                margin-top: 26px; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key .en {
                font-size: 44px; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .back-key:active {
                background-color: #624723; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .zero-key {
              background-color: #BDBDBD;
              float: left;
              width: 170px;
              margin-left: 6px;
              margin-top: 7px;
              height: 155px;
              line-height: 155px;
              color: black;
              font-size: 105px; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .zero-key:active {
                background-color: #424242; }
            .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key {
              background-color: #C0A847;
              float: left;
              width: 347px;
              margin-left: 6px;
              margin-top: 7px;
              height: 155px;
              color: black; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key .zh-tw {
                font-size: 58px;
                margin-top: 23px; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key .en {
                font-size: 47px; }
              .kiosk-portrait-1280x800-container .upper-block .bottom-block .phone-input-block .keypad-block .keypad-bottom-block .not-input-key:active {
                background-color: #624723; }
      .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block {
        margin: 7px 30px 0 24px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block .header-block {
          text-align: center; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block .header-block .zh-tw {
            font-size: 39px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block .header-block .en {
            font-size: 34px;
            line-height: 30px;
            margin-top: 3px; }
        .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block .zh-tw-button, .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block .en-button {
          background-color: #C0A847;
          width: 550px;
          height: 300px;
          line-height: 300px;
          margin: 50px auto 0 auto;
          color: #000000;
          font-size: 110px; }
          .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block .zh-tw-button:active, .kiosk-portrait-1280x800-container .upper-block .bottom-block .sms-language-block .en-button:active {
            background-color: #624723; }

.kiosk-portrait-adv-queue-block {
  width: 1080px;
  height: 1919px;
  overflow: hidden;
  font-family: DFLiHeiMediumB5; }
  .kiosk-portrait-adv-queue-block .license-end-layer-block {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    color: #FFFFFF;
    opacity: 0.9;
    z-index: 99;
    font-size: 130px;
    text-align: center;
    line-height: 1920px; }
  .kiosk-portrait-adv-queue-block .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-portrait-adv-queue-block .layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .kiosk-portrait-adv-queue-block .layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .kiosk-portrait-adv-queue-block .layer-block .pause-layer {
      top: 1279px;
      width: 1080px;
      height: 640px;
      font-size: 100px;
      text-align: center;
      position: absolute;
      background-color: #000000;
      opacity: 0.8;
      color: #FFFFFF;
      left: 0; }
      .kiosk-portrait-adv-queue-block .layer-block .pause-layer .zh-tw {
        font-size: 100px;
        margin-top: 150px; }
      .kiosk-portrait-adv-queue-block .layer-block .pause-layer .en {
        font-size: 80px; }
  .kiosk-portrait-adv-queue-block .header-block {
    text-align: center;
    font-size: 40px;
    background: #000000;
    color: #FFFFFF;
    height: 70px;
    line-height: 70px; }
  .kiosk-portrait-adv-queue-block .queues-block {
    height: 190px; }
    .kiosk-portrait-adv-queue-block .queues-block .queue-block {
      float: left;
      width: 360px;
      height: 100%;
      text-align: center;
      color: #FFFFFF; }
      .kiosk-portrait-adv-queue-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .kiosk-portrait-adv-queue-block .queues-block .queue-block .number-of-people {
        font-size: 43px;
        margin-top: 20px;
        letter-spacing: 2px; }
      .kiosk-portrait-adv-queue-block .queues-block .queue-block .ticket-number {
        font-size: 100px;
        margin-top: 10px;
        letter-spacing: 3px; }
  .kiosk-portrait-adv-queue-block .large-media-block {
    height: 1225px;
    width: 100%; }
    .kiosk-portrait-adv-queue-block .large-media-block .image-block {
      background-color: #000000; }
      .kiosk-portrait-adv-queue-block .large-media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .kiosk-portrait-adv-queue-block .large-media-block video {
      object-fit: fill !important; }
  .kiosk-portrait-adv-queue-block .keypad-main-block {
    width: 100%;
    height: 505px;
    background: linear-gradient(#FFFFFF 10%, #FAFAFA 50%, #BDBDBD 100%); }
    .kiosk-portrait-adv-queue-block .keypad-main-block .main-block {
      height: 100%; }
      .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block {
        width: 400px;
        height: 100%; }
        .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .invalid-people-block {
          color: #000000;
          height: 100%;
          text-align: center; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .invalid-people-block .text-chi {
            padding-top: 145px;
            font-size: 70px;
            line-height: 93px;
            text-align: center; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .invalid-people-block .text-en {
            padding-top: 9px;
            font-size: 34px;
            line-height: 44px;
            text-align: center; }
        .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .invalid-people-block {
          height: 100%;
          width: 100%; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .invalid-people-block .text-chi {
            padding-top: 145px;
            font-size: 60px;
            line-height: 80px;
            text-align: center; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .invalid-people-block .text-en {
            padding-top: 9px;
            font-size: 42px;
            line-height: 44px;
            text-align: center; }
        .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .printing-block {
          color: #000000;
          height: 100%;
          text-align: center; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .printing-block .icon {
            height: 220px !important;
            width: 220px !important;
            margin-top: 100px; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .printing-block .text-chi {
            font-size: 57px;
            line-height: 99px; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .printing-block .text-en {
            font-size: 52px;
            line-height: 41px; }
        .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block {
          margin: 7px 15px 0 15px; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .number-input-block {
            height: 90px;
            position: relative;
            margin-top: 30px;
            margin-left: 8px; }
            .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .number-input-block .title {
              position: absolute;
              text-align: right;
              top: 3px; }
              .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
                font-size: 40px; }
              .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
                font-size: 27px;
                line-height: 36px; }
            .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .number-input-block .number {
              background-color: #FAFAFA;
              position: absolute;
              width: 140px;
              font-size: 70px;
              right: 3px;
              top: 0;
              text-align: center;
              height: 80px;
              line-height: 85px;
              border: 1px solid #9E9E9E; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .keys-block .key-block {
            padding-left: 6px;
            padding-top: 7px; }
            .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .keys-block .key-block:last-child {
              padding-right: 2px; }
            .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .keys-block .key-block .key {
              background-color: #9E9E9E;
              height: 85px;
              line-height: 85px;
              font-size: 55px;
              text-align: center;
              color: #FFFFFF; }
              .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .keys-block .key-block .key.reset-key {
                font-size: 35px; }
              .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .left-block .people-number-input-block .keys-block .key-block .key:active {
                background-color: #424242; }
      .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .media-block {
        height: 100%;
        width: 680px; }
        .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .media-block .image-block {
          background-color: #000000; }
          .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .media-block .image-block .image {
            height: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center; }
        .kiosk-portrait-adv-queue-block .keypad-main-block .main-block .media-block video {
          object-fit: fill !important; }

.advertisement-block {
  width: 100%;
  height: 100%; }
  .advertisement-block .media-block {
    height: 100%;
    position: relative; }
    .advertisement-block .media-block .image-block {
      position: absolute; }
      .advertisement-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      .advertisement-block .media-block .image-block .slick-arrow {
        display: none !important; }
    .advertisement-block .media-block .video-block {
      position: absolute; }

.kiosk-portrait-block {
  width: 1080px;
  height: 1919px;
  overflow: hidden;
  font-family: DFLiHeiMediumB5; }
  .kiosk-portrait-block .license-end-layer-block {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    color: #FFFFFF;
    opacity: 0.9;
    z-index: 99;
    font-size: 130px;
    text-align: center;
    line-height: 1920px; }
  .kiosk-portrait-block .layer-block {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%; }
    .kiosk-portrait-block .layer-block .image-block {
      height: 100%;
      background-color: #000000; }
      .kiosk-portrait-block .layer-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .kiosk-portrait-block .layer-block .pause-layer {
      top: 1279px;
      width: 1080px;
      height: 640px;
      font-size: 100px;
      text-align: center;
      position: absolute;
      background-color: #000000;
      opacity: 0.8;
      color: #FFFFFF;
      left: 0; }
      .kiosk-portrait-block .layer-block .pause-layer .zh-tw {
        font-size: 100px;
        margin-top: 150px; }
      .kiosk-portrait-block .layer-block .pause-layer .en {
        font-size: 80px; }
  .kiosk-portrait-block .header-block {
    text-align: center;
    font-size: 40px;
    background: #000000;
    color: #FFFFFF;
    height: 70px;
    line-height: 70px; }
  .kiosk-portrait-block .queues-block {
    height: 624px; }
    .kiosk-portrait-block .queues-block .queue-block {
      float: left;
      width: 540px;
      height: 312px;
      text-align: center;
      color: #FFFFFF; }
      .kiosk-portrait-block .queues-block .queue-block.calling {
        background-color: #FFFFFF !important;
        color: #EF5350 !important; }
      .kiosk-portrait-block .queues-block .queue-block .number-of-people {
        font-size: 55px;
        margin-top: 39px;
        letter-spacing: 2px; }
      .kiosk-portrait-block .queues-block .queue-block .ticket-number {
        font-size: 128px;
        margin-top: 30px;
        letter-spacing: 3px; }
  .kiosk-portrait-block .media-block {
    height: 655px;
    width: 100%; }
    .kiosk-portrait-block .media-block .image-block {
      background-color: #000000; }
      .kiosk-portrait-block .media-block .image-block .image {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
    .kiosk-portrait-block .media-block video {
      object-fit: fill !important; }
  .kiosk-portrait-block .keypad-main-block {
    width: 100%;
    height: 640px;
    background: linear-gradient(#FFFFFF 10%, #FAFAFA 50%, #BDBDBD 100%); }
    .kiosk-portrait-block .keypad-main-block .main-block {
      height: 100%; }
      .kiosk-portrait-block .keypad-main-block .main-block .left-block {
        width: 518px;
        text-align: center;
        height: 100%; }
        .kiosk-portrait-block .keypad-main-block .main-block .left-block .company-logo {
          height: 150px;
          margin-top: 20px; }
        .kiosk-portrait-block .keypad-main-block .main-block .left-block .company-name-chi {
          font-size: 38px;
          color: #FF1744;
          font-weight: bold; }
        .kiosk-portrait-block .keypad-main-block .main-block .left-block .company-name-en {
          font-size: 22px;
          line-height: 25px;
          color: #FF1744;
          font-weight: bold; }
        .kiosk-portrait-block .keypad-main-block .main-block .left-block .your-ticket-chi {
          font-size: 50px;
          margin-top: 24px; }
        .kiosk-portrait-block .keypad-main-block .main-block .left-block .your-ticket-eng {
          font-size: 33px;
          line-height: 38px; }
        .kiosk-portrait-block .keypad-main-block .main-block .left-block .ticket-number {
          font-size: 145px;
          line-height: 166px;
          margin-top: 25px; }
        .kiosk-portrait-block .keypad-main-block .main-block .left-block .ld-block {
          height: 80px; }
          .kiosk-portrait-block .keypad-main-block .main-block .left-block .ld-block .powered-by-block {
            position: relative;
            height: 75px;
            line-height: 75px;
            margin-top: 59px; }
            .kiosk-portrait-block .keypad-main-block .main-block .left-block .ld-block .powered-by-block .powered-by {
              position: absolute;
              right: 279px;
              top: 28px;
              font-size: 28px;
              line-height: 29px; }
            .kiosk-portrait-block .keypad-main-block .main-block .left-block .ld-block .powered-by-block img {
              height: 100%;
              position: absolute;
              right: 59px;
              top: 6px; }
      .kiosk-portrait-block .keypad-main-block .main-block .right-block {
        width: 562px;
        height: 100%; }
        .kiosk-portrait-block .keypad-main-block .main-block .right-block .invalid-people-block {
          color: #000000;
          height: 100%;
          text-align: center; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .invalid-people-block .text-chi {
            padding-top: 145px;
            font-size: 70px;
            line-height: 93px;
            text-align: center; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .invalid-people-block .text-en {
            padding-top: 9px;
            font-size: 34px;
            line-height: 44px;
            text-align: center; }
        .kiosk-portrait-block .keypad-main-block .main-block .right-block .invalid-people-block {
          height: 100%;
          width: 100%; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .invalid-people-block .text-chi {
            padding-top: 145px;
            font-size: 60px;
            line-height: 80px;
            text-align: center; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .invalid-people-block .text-en {
            padding-top: 9px;
            font-size: 42px;
            line-height: 44px;
            text-align: center; }
        .kiosk-portrait-block .keypad-main-block .main-block .right-block .printing-block {
          color: #000000;
          height: 100%;
          text-align: center; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .printing-block .icon {
            height: 220px !important;
            width: 220px !important;
            margin-top: 100px; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .printing-block .text-chi {
            font-size: 57px;
            line-height: 99px; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .printing-block .text-en {
            font-size: 52px;
            line-height: 41px; }
        .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block {
          margin: 7px 18px 0 24px; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .number-input-block {
            height: 109px;
            position: relative;
            margin-top: 30px; }
            .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .number-input-block .title {
              position: absolute;
              text-align: right;
              top: 3px; }
              .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .number-input-block .title .input-number-of-people-chi {
                font-size: 45px; }
              .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .number-input-block .title .input-number-of-people-en {
                font-size: 31px;
                line-height: 46px; }
            .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .number-input-block .number {
              background-color: #FAFAFA;
              position: absolute;
              width: 250px;
              font-size: 70px;
              right: 3px;
              top: 0px;
              text-align: center;
              height: 90px;
              line-height: 90px;
              border: 1px solid #9E9E9E; }
          .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .keys-block .key-block {
            padding-left: 6px;
            padding-top: 7px; }
            .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .keys-block .key-block:last-child {
              padding-right: 2px; }
            .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .keys-block .key-block .key {
              background-color: #9E9E9E;
              height: 114px;
              line-height: 114px;
              font-size: 65px;
              text-align: center;
              color: #FFFFFF; }
              .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .keys-block .key-block .key.reset-key {
                font-size: 43px; }
              .kiosk-portrait-block .keypad-main-block .main-block .right-block .people-number-input-block .keys-block .key-block .key:active {
                background-color: #424242; }

.keypad-container {
  background-color: #212121;
  position: relative;
  color: #FFFFFF;
  width: 1280px; }
  .keypad-container .ticket-histories-block {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100; }
    .keypad-container .ticket-histories-block .layer {
      width: 100%;
      height: 100%;
      background-color: #000000;
      opacity: 0.6; }
    .keypad-container .ticket-histories-block .close-icon {
      width: 50px !important;
      height: 50px !important;
      right: 26px;
      position: absolute;
      top: 20px;
      background-color: #FFCA28 !important;
      border-radius: 14px;
      padding: 4px; }
    .keypad-container .ticket-histories-block .histories-block {
      width: 96%;
      position: absolute;
      left: 24px;
      top: 87px;
      z-index: 100;
      background-color: #424242; }
      .keypad-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table {
        background-color: transparent !important; }
        .keypad-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table th {
          color: #FFFFFF !important;
          font-size: 17px !important;
          text-align: center !important; }
        .keypad-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr {
          color: #FFFFFF !important; }
          .keypad-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr:nth-child(odd) {
            background-color: #616161; }
          .keypad-container .ticket-histories-block .histories-block .tabs-block .contents-block .content-block table tbody tr td {
            font-size: 17px !important;
            text-align: center !important; }
  .keypad-container .stop-mode-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 10;
    background-color: #000000; }
  .keypad-container .stop-mode-button-block {
    position: absolute !important;
    z-index: 11;
    width: 100%;
    height: 100%; }
    .keypad-container .stop-mode-button-block .close-icon {
      width: 80px !important;
      height: 80px !important;
      right: 40px;
      position: absolute;
      top: 35px;
      background-color: #FFCA28 !important;
      border-radius: 14px;
      padding: 10px; }
    .keypad-container .stop-mode-button-block button {
      width: 300px !important;
      height: 200px !important;
      background-color: #FFCA28 !important;
      top: 38%;
      margin-left: 50px !important;
      border-radius: 10px !important; }
      .keypad-container .stop-mode-button-block button:first-of-type {
        margin-left: 327px !important; }
      .keypad-container .stop-mode-button-block button span {
        font-size: 50px !important; }
  .keypad-container .keypad-header {
    height: 55px;
    background-color: #000000;
    width: 100%; }
    .keypad-container .keypad-header .language-block {
      height: 100%;
      color: #FFFFFF !important;
      margin-left: 10px; }
      .keypad-container .keypad-header .language-block .icon {
        color: #FFFFFF !important;
        float: left;
        width: 30px !important;
        height: 30px !important;
        margin: 0 8px 0 8px;
        color: #FFCA28 !important; }
      .keypad-container .keypad-header .language-block .en, .keypad-container .keypad-header .language-block .zhtw {
        float: left;
        width: 40px;
        text-align: center;
        text-decoration: none;
        color: #FFFFFF;
        font-size: 20px;
        line-height: 30px; }
        .keypad-container .keypad-header .language-block .en.active, .keypad-container .keypad-header .language-block .en:hover, .keypad-container .keypad-header .language-block .zhtw.active, .keypad-container .keypad-header .language-block .zhtw:hover {
          color: #FFCA28 !important; }
    .keypad-container .keypad-header .logo-block img {
      height: 50px;
      width: auto;
      margin-left: 20px; }
    .keypad-container .keypad-header .action-button-block {
      height: 100%;
      margin-right: 20px; }
      .keypad-container .keypad-header .action-button-block button {
        margin-left: 10px !important;
        width: 250px !important;
        height: 46px !important;
        line-height: 46px !important;
        background-color: #FFFFFF !important; }
        .keypad-container .keypad-header .action-button-block button.active {
          background-color: #FFCA28 !important; }
        .keypad-container .keypad-header .action-button-block button span {
          font-size: 24px !important; }
    .keypad-container .keypad-header .button-block {
      height: 100%;
      margin-right: 20px; }
      .keypad-container .keypad-header .button-block button {
        height: 44px !important;
        line-height: 44px !important; }
        .keypad-container .keypad-header .button-block button svg {
          height: 34px !important;
          width: 34px !important;
          fill: #FFCA28 !important; }
        .keypad-container .keypad-header .button-block button span {
          font-size: 18px !important;
          color: #FFCA28 !important; }
  .keypad-container .keypad-body {
    height: 673px;
    width: 100%; }
    .keypad-container .keypad-body .license-end-layer-block {
      position: absolute;
      width: 100%;
      height: 673px;
      background-color: #000000;
      opacity: 0.9;
      z-index: 99;
      font-size: 130px;
      text-align: center;
      padding-top: 200px; }
    .keypad-container .keypad-body .keypad-upper-block {
      width: 100%; }
      .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block {
        width: 305px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block {
          height: 265px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block {
            width: 265px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .ticket-mode-block {
              margin-top: 5px;
              margin-left: 15px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .ticket-mode-block .title {
                font-size: 27px;
                padding-top: 4px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block {
                margin-top: 10px; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button {
                  height: 46px !important;
                  line-height: 46px !important;
                  background-color: #FFFFFF !important;
                  min-width: 110px !important;
                  border-radius: 0 !important; }
                  .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button.active {
                    background-color: #FFCA28 !important; }
                  .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button:not(:first-child) {
                    margin-left: 6px !important; }
                  .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .ticket-mode-block .mode-block button span {
                    font-size: 21px !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .refresh-block {
              margin-left: 15px;
              margin-top: 92px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button {
                height: 55px !important;
                line-height: 55px !important;
                background-color: #FFCA28 !important; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button .icon {
                  height: 47px !important;
                  width: 47px !important; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-left-block .refresh-block .refresh-ticket-button span {
                  font-size: 22px !important; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block {
            width: 42px;
            position: relative;
            height: 100%;
            margin-top: 5px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .volume-icon {
              height: 40px !important;
              width: 40px !important;
              position: absolute;
              top: 5px;
              left: 2px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .volume-number {
              position: absolute;
              width: 42px;
              top: 40px;
              font-size: 26px;
              text-align: center; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .icon {
              height: 36px !important;
              width: 36px !important;
              position: absolute;
              z-index: 2;
              background-color: #FFFFFF !important;
              background: linear-gradient(#FFFFFF 40%, #BDBDBD 100%);
              border-radius: 50%;
              border: #FFCA28 solid 3px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .icon:active {
                background: #FFFFFF; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .icon.volume-control-down {
                top: 78px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .icon.volume-control-up {
                top: 204px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .slider {
              position: absolute;
              top: 97px;
              width: 36px;
              border-right: solid 3px #FFCA28;
              border-left: solid 3px #FFCA28; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .function-block .function-right-block .volume-block .slider .filled-bar {
                background-color: #FFE082;
                border-radius: 0 0 17px 17px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .ticket-create-block {
          margin-left: 15px;
          margin-top: 92px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .ticket-create-block .create-ticket-button {
            height: 55px !important;
            line-height: 55px !important;
            background-color: #FFCA28 !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .ticket-create-block .create-ticket-button .icon {
              height: 47px !important;
              width: 47px !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .ticket-create-block .create-ticket-button span {
              font-size: 22px !important; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .ticket-create-block .ticket-detail {
            font-size: 22px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block {
          border-bottom: 3px solid #FFFFFF;
          border-top: 3px solid #FFFFFF; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .number-output-block {
            background-color: #000000;
            border-left: 3px solid #FFFFFF;
            height: 62px;
            color: #FFFFFF;
            padding: 0 19px;
            line-height: 46px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .number-output-block .label {
              float: left;
              font-size: 29px;
              margin-top: 7px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .number-output-block .number {
              float: right;
              font-size: 39px;
              margin-top: 8px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block {
            height: 340px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block {
              width: 350px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block {
                text-align: center;
                background-color: #212121;
                font-size: 33px;
                border-left: 3px solid #FFFFFF;
                border-top: 3px solid #FFFFFF;
                height: 60px;
                line-height: 60px; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:active, .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block:focus {
                  background-color: #FFE082 !important;
                  color: #000000 !important; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keys-block .key-block.clear-btn {
                  font-size: 28px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block {
                border-top: 3px solid white !important;
                border-left: 3px solid white !important;
                height: 85px;
                position: relative; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn {
                  height: 68px !important;
                  width: 280px !important;
                  min-width: 280px !important;
                  background-color: #FFCA28 !important;
                  border-radius: 0 !important;
                  position: absolute !important;
                  top: 9px;
                  left: 11px; }
                  .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn .icon {
                    width: 55px !important;
                    height: 55px !important;
                    margin: 0 !important; }
                  .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-left-block .keyboard-block .keyboard-keypad-block .keyboard-body-block .keyboard-bottom-block .print-btn span {
                    font-size: 29px !important; }
      .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block {
        width: 972px;
        border-left: 3px solid #FFFFFF; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block {
          margin-top: 10px;
          height: 117px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list {
            float: left; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block {
              display: inline-block;
              background-color: white !important;
              width: 170px;
              height: 100px;
              text-align: center;
              border: 3px solid #FFCA28;
              border-radius: 7px;
              color: black;
              overflow: hidden;
              margin-left: 10px;
              opacity: 0.5; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block.highlight {
                opacity: 1; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info {
                height: 100%; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .ticket-number {
                  font-size: 35px;
                  height: 49px; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .number-of-people-block {
                  border-top: 1px solid #000000; }
                  .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .number-of-people-block .ticket-number-of-people {
                    width: 38%;
                    float: left;
                    position: relative; }
                    .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .number-of-people-block .ticket-number-of-people .icon {
                      position: absolute;
                      top: 10px;
                      left: 3px;
                      height: 30px !important;
                      width: 30px !important; }
                    .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .number-of-people-block .ticket-number-of-people .number {
                      font-size: 22px;
                      float: right;
                      position: absolute;
                      top: 10px;
                      right: 8px;
                      width: 30px; }
                  .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .number-of-people-block .icon-name-block {
                    float: right;
                    border-left: 1px solid #000000;
                    width: 110px; }
                    .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .number-of-people-block .icon-name-block .icon {
                      float: left !important;
                      height: 36px !important;
                      width: 36px !important;
                      margin-top: 7px;
                      margin-left: 4px; }
                    .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .queue-header-block .queue-item-list .queue-item-block .queue-info .number-of-people-block .icon-name-block .number {
                      float: left;
                      font-size: 22px;
                      margin-top: 10px;
                      margin-left: 2px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block {
          border-top: 3px solid #FFFFFF;
          padding: 8px 10px 0 10px;
          height: 62px;
          text-align: center;
          background-color: #000000; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .status-item-block {
            width: 140px;
            text-align: center;
            height: 50px;
            position: relative;
            display: inline-block; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .status-item-block:not(:first-child) {
              margin-left: 50px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .status-item-block.disabled:not(.active) .status-name {
              opacity: 0.5 !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .status-item-block.disabled:not(.active) .status-badge span {
              opacity: 0.5; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .status-item-block .status-name {
              font-size: 27px;
              display: inline-block;
              color: #EEEEEE; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .status-item-block .status-badge {
              margin-top: 12px;
              padding: 0 !important; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .refresh-all-tickets-block {
            float: right; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .refresh-all-tickets-block button {
              color: #000000 !important;
              height: 55px !important;
              line-height: 55px !important;
              background-color: #FFCA28 !important; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .refresh-all-tickets-block button .icon {
                height: 47px !important;
                width: 47px !important; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-status-selection-block .refresh-all-tickets-block button span {
                font-size: 22px !important; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .pending-tickets-block {
          height: 504px;
          overflow-y: scroll;
          white-space: nowrap;
          padding-top: 5px;
          padding-left: 5px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .pending-tickets-block .pending-tickets-row {
            margin-top: 10px;
            height: 99px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .pending-tickets-block .pending-tickets-row:not(:first-child) {
              border-top: 2px solid #FFFFFF;
              padding-top: 10px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .pending-tickets-block .pending-tickets-row .ticket-queue-block {
              float: left;
              text-align: center;
              width: 80px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .pending-tickets-block .pending-tickets-row .ticket-queue-block .queue-code {
                font-size: 65px;
                line-height: 50px;
                margin-top: 7px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .pending-tickets-block .pending-tickets-row .ticket-queue-block .queue-number-of-people {
                font-size: 30px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .pending-tickets-block .tickets-block {
            float: left;
            width: 865px;
            overflow-x: scroll; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block {
          width: 145px;
          height: 92px;
          text-align: center;
          border: 3px solid;
          border-radius: 7px;
          color: black;
          display: inline-block;
          overflow: hidden;
          margin-left: 5px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block.disabled {
            opacity: 0.3 !important; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block.active {
            background-color: white !important; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-number {
            font-size: 33px;
            height: 50px;
            line-height: 50px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-info {
            height: 43px;
            line-height: 32px;
            border-top: 1px solid black; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-info .ticket-number-of-people {
              width: 38%;
              height: 100%;
              float: left;
              position: relative; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-info .ticket-number-of-people .icon {
                position: absolute;
                top: 9px;
                left: 5px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-info .ticket-number-of-people .number {
                font-size: 20px;
                float: right;
                position: absolute;
                top: 6px;
                right: 1px;
                width: 30px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-info .ticket-created-time {
              width: 61%;
              height: 100%;
              border-left: 1px solid black;
              float: right;
              font-size: 20px;
              position: relative; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-info .ticket-created-time .icon {
                position: absolute;
                top: 9px;
                left: 5px;
                height: 27px !important;
                width: 27px !important;
                background-color: #ececec !important;
                border-radius: 5px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .ticket-block .ticket-info .ticket-created-time .time {
                font-size: 20px;
                float: right;
                position: absolute;
                top: 7px;
                right: 2px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block {
          text-align: center;
          height: 80px;
          padding-top: 11px;
          background-color: #000000; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block.zhTW button {
            padding: 0 13px !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block.zhTW button span {
              font-size: 31px !important; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block.en button span {
            font-size: 27px !important; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block button {
            height: 71px !important;
            border-radius: 3px !important;
            color: #000000 !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block button:not(:first-child) {
              margin-left: 10px !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block button:disabled {
              opacity: 0.5; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block button:disabled span {
                opacity: 0.3; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .queue-body-right-block .result-button-block button .icon {
              width: 52px !important;
              height: 52px !important; }
      .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-body-block .selected-ticket-block {
        width: 325px; }
      .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block {
        height: 92px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block:not(:first-child) {
          margin-top: 10px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-code-block {
          width: 100px;
          text-align: center;
          line-height: 48px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-code-block .queue-code {
            font-size: 63px;
            margin-top: 4px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-code-block .queue-name {
            font-size: 31px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block {
          width: 900px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .calling-ticket-block {
            display: inline-block;
            padding-right: 8px;
            border-right: 2px solid #FFFFFF;
            width: 151px;
            height: 98px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .pending-tickets-block {
            display: inline-block;
            margin-left: 8px;
            width: 723px;
            overflow: auto;
            white-space: nowrap; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block {
            width: 145px;
            height: 92px;
            text-align: center;
            border: 3px solid;
            border-radius: 7px;
            color: black;
            display: inline-block;
            overflow: hidden; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block:not(:first-child) {
              margin-left: 5px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block.current-calling {
              background-color: white !important; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block.current-calling.called {
                opacity: 0.3 !important; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-number {
              font-size: 33px;
              height: 50px;
              line-height: 50px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-info {
              height: 43px;
              line-height: 32px;
              border-top: 1px solid black; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-info .ticket-number-of-people {
                width: 38%;
                height: 100%;
                float: left;
                position: relative; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-info .ticket-number-of-people .icon {
                  position: absolute;
                  top: 9px;
                  left: 5px; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-info .ticket-number-of-people .number {
                  font-size: 20px;
                  float: right;
                  position: absolute;
                  top: 6px;
                  right: 1px;
                  width: 30px; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-info .ticket-created-time {
                width: 61%;
                height: 100%;
                border-left: 1px solid black;
                float: right;
                font-size: 20px;
                position: relative; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-info .ticket-created-time .icon {
                  position: absolute;
                  top: 9px;
                  left: 5px;
                  height: 27px !important;
                  width: 27px !important;
                  background-color: #ececec !important;
                  border-radius: 5px; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-tickets-block .ticket-block .ticket-info .ticket-created-time .time {
                  font-size: 20px;
                  float: right;
                  position: absolute;
                  top: 7px;
                  right: 2px; }
        .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-button-block {
          width: 280px;
          height: 98px; }
          .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-button-block .calling-button-block {
            height: 100%;
            margin-left: 10px; }
            .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-button-block .calling-button-block button {
              height: 100% !important;
              border-radius: 3px !important;
              color: #000000 !important; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-button-block .calling-button-block button:disabled {
                opacity: 0.5; }
                .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-button-block .calling-button-block button:disabled span {
                  opacity: 0.3; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-button-block .calling-button-block button .icon {
                height: 42px !important;
                width: 42px !important; }
              .keypad-container .keypad-body .keypad-upper-block .queue-block .queue-rows-block .queue-row-block .queue-button-block .calling-button-block button span {
                font-size: 25px !important; }
      .keypad-container .keypad-body .keypad-upper-block .call-keypad-body {
        height: 100%;
        width: 100%; }
        .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block {
          float: left;
          padding: 0 5px;
          height: 100%;
          width: 815px; }
          .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .header {
            text-align: center;
            font-size: 21px;
            padding-top: 7px;
            color: #FFCA28 !important; }
          .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block {
            padding-top: 7px;
            text-align: center;
            letter-spacing: 2px;
            height: 628px;
            overflow: scroll; }
            .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul {
              list-style-type: none;
              -webkit-margin-before: 0;
              -webkit-margin-after: 0;
              -webkit-padding-start: 0;
              text-align: left; }
              .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li {
                display: inline-block;
                width: 240px;
                text-align: center;
                margin: 10px 15px; }
                .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li .call-block {
                  background: linear-gradient(#616161, #000000);
                  height: 75px;
                  line-height: 75px; }
                  .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li .call-block .call-number {
                    font-size: 50px;
                    width: 160px;
                    float: left; }
                    .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li .call-block .call-number:active {
                      background: #000000; }
                    .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li .call-block .call-number.hv-ticket-block {
                      font-size: 60px !important; }
                  .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li .call-block .icon-block {
                    float: left;
                    width: 78px;
                    top: 10px;
                    border-left: 2px solid white;
                    height: 100%; }
                    .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li .call-block .icon-block:active {
                      background: #000000; }
                    .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .displaying-block .tickets-block ul li .call-block .icon-block .icon {
                      height: 50px !important;
                      width: 50px !important;
                      color: #FFCA28 !important;
                      padding-top: 12px; }
        .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block {
          float: left;
          width: 450px;
          height: 100%;
          border-left: 3px solid #FFFFFF; }
          .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .next-ticket-block {
            border-top: 3px white solid;
            height: 295px;
            border-left: 3px solid #FFFFFF;
            border-right: 3px solid #FFFFFF; }
            .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .next-ticket-block .header {
              text-align: center;
              font-size: 55px;
              margin-top: 20px;
              color: #FFCA28 !important; }
            .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .next-ticket-block .ticket-number {
              text-align: center;
              font-size: 150px;
              margin-top: 7px; }
          .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block {
            border-right: 3px solid #FFFFFF;
            height: 375px; }
            .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-left-block {
              width: 550px; }
              .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-left-block .keys-block:last-child {
                border-bottom: 3px solid #FFFFFF; }
            .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block {
              width: 250px;
              border-bottom: 3px solid #FFFFFF; }
              .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-without-audio-block {
                border-top: 3px solid #FFFFFF;
                border-left: 3px solid #FFFFFF; }
                .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-without-audio-block .call-btn {
                  height: 89px !important;
                  line-height: 89px !important;
                  padding: 0 10px !important;
                  background-color: #E0E0E0 !important;
                  border-radius: 0 !important; }
                  .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-without-audio-block .call-btn .icon {
                    width: 80px !important;
                    height: 80px !important;
                    margin: 0 !important; }
                  .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-without-audio-block .call-btn span {
                    font-size: 41px !important;
                    display: block;
                    padding: 2px 0 !important; }
              .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-with-audio-block {
                border-top: 3px solid #FFFFFF;
                border-left: 3px solid #FFFFFF; }
                .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-with-audio-block .call-btn {
                  height: 184px !important;
                  line-height: 47px !important;
                  padding: 0 10px !important;
                  background-color: #FFCA28 !important;
                  border-radius: 0 !important; }
                  .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-with-audio-block .call-btn .icon {
                    width: 80px !important;
                    height: 80px !important;
                    margin: 0 !important; }
                  .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .keyboard-right-block .call-with-audio-block .call-btn span {
                    font-size: 41px !important;
                    display: block;
                    padding: 2px 0 !important; }
            .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .key-block {
              text-align: center;
              background-color: #212121;
              font-size: 41px;
              border-left: 3px solid #FFFFFF;
              border-top: 3px solid #FFFFFF;
              height: 90px;
              font-weight: 300;
              line-height: 90px; }
              .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .key-block:active, .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .key-block:focus {
                background-color: #FFE082 !important;
                color: #000000 !important; }
              .keypad-container .keypad-body .keypad-upper-block .call-keypad-body .right-keyboard-block .keyboard-block .keyboard-keypad-block .key-block.clear-btn {
                height: 90px !important;
                line-height: 90px !important; }

.admin-panel-block .admin-panel-login-block .login-block .login-form {
  margin-top: 10px; }
  .admin-panel-block .admin-panel-login-block .login-block .login-form .title {
    background-color: #E0E0E0;
    color: rgba(0, 0, 0, 0.4);
    padding: 11px 0;
    font-size: 17px; }
  .admin-panel-block .admin-panel-login-block .login-block .login-form .content {
    padding: 0 15px; }

.admin-panel-block .admin-panel-panel-block .main-panel {
  padding-left: 200px; }
  .admin-panel-block .admin-panel-panel-block .main-panel .panel-block {
    padding: 20px; }

.admin-panel-block .admin-panel-panel-block .menu-item-container a {
  text-decoration: none; }
  .admin-panel-block .admin-panel-panel-block .menu-item-container a.active {
    background-color: rgba(0, 0, 0, 0.2) !important; }

.admin-panel-block .admin-panel-panel-block .license-key-block {
  height: 48px;
  width: 170px;
  position: absolute;
  bottom: 10px;
  left: 15px; }
  .admin-panel-block .admin-panel-panel-block .license-key-block .row {
    line-height: 22px; }
    .admin-panel-block .admin-panel-panel-block .license-key-block .row .label {
      float: left; }
    .admin-panel-block .admin-panel-panel-block .license-key-block .row .text {
      font-size: 15px;
      font-style: italic;
      font-weight: bold;
      margin-left: 5px; }

.admin-panel-block .admin-panel-panel-block .back-btn {
  margin: 10px 0 16px 50px; }

.admin-display-block {
  max-width: 1024px; }
  .admin-display-block .devices-block {
    overflow: hidden; }
    .admin-display-block .devices-block .title {
      color: rgba(0, 0, 0, 0.3);
      font-size: 13px;
      margin-top: 10px; }
    .admin-display-block .devices-block .device-selection-block {
      float: left;
      width: auto !important;
      margin-left: 30px;
      margin-top: 10px; }
      .admin-display-block .devices-block .device-selection-block label {
        width: auto !important; }
  .admin-display-block .media-block {
    border: #BDBDBD 1px solid;
    margin-top: 20px; }
    .admin-display-block .media-block .tool-bar {
      background-color: #2196F3 !important;
      height: 46px !important; }
    .admin-display-block .media-block .tool-bar-title {
      color: #FFFFFF !important;
      line-height: 46px !important;
      font-size: 16px !important; }
  .admin-display-block .divider {
    margin-top: 20px !important; }
  .admin-display-block .photo-block {
    padding-top: 18px; }
    .admin-display-block .photo-block .photos-grid-list {
      margin-top: 10px; }
  .admin-display-block .video-block {
    padding-top: 18px; }
    .admin-display-block .video-block .video-row {
      margin-left: 18px;
      margin-top: 5px; }
      .admin-display-block .video-block .video-row .video-name {
        color: #000000;
        line-height: 33px; }
      .admin-display-block .video-block .video-row .delete-btn {
        vertical-align: middle;
        margin-left: 10px !important; }
        .admin-display-block .video-block .video-row .delete-btn svg {
          fill: #9E9E9E !important; }
  .admin-display-block .adv-add-btn {
    margin-top: 10px; }
  .admin-display-block .adv-update-btn {
    margin-left: 10px; }
  .admin-display-block .adv-config-block {
    margin-top: 10px; }
    .admin-display-block .adv-config-block .adv-visual-block {
      position: relative;
      box-shadow: 0 0 0 2px #757575 inset;
      margin-top: 20px; }
      .admin-display-block .adv-config-block .adv-visual-block .zone-block {
        position: absolute;
        text-align: center;
        font-size: 14px;
        color: #757575;
        box-shadow: 0 0 0 2px #757575 inset;
        cursor: pointer; }
        .admin-display-block .adv-config-block .adv-visual-block .zone-block.active {
          background-color: #BBDEFB; }
    .admin-display-block .adv-config-block .config-block {
      padding-left: 30px;
      width: 750px; }
      .admin-display-block .adv-config-block .config-block .scheduling-group-block {
        border: 2px solid #1976D2;
        margin-top: 15px; }
        .admin-display-block .adv-config-block .config-block .scheduling-group-block .header {
          background-color: #1976D2;
          color: white;
          font-size: 20px;
          padding: 5px 10px;
          height: 38px;
          line-height: 35px; }
          .admin-display-block .adv-config-block .config-block .scheduling-group-block .header .text {
            float: left; }
          .admin-display-block .adv-config-block .config-block .scheduling-group-block .header .remove-schedule-group-btn {
            float: right; }
        .admin-display-block .adv-config-block .config-block .scheduling-group-block .body {
          padding-bottom: 10px; }
          .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .days-of-week-block {
            padding: 10px 10px;
            height: 48px; }
          .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .week-selection-block {
            width: 145px !important;
            float: left !important; }
          .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .scheduling-block {
            border-top: 1px solid #BDBDBD;
            margin: 10px;
            border: 1px solid #BDBDBD; }
            .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .scheduling-block .scheduling-header {
              height: 50px;
              line-height: 50px;
              background-color: #E0E0E0;
              padding: 0 10px; }
              .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .scheduling-block .scheduling-header .text {
                float: left; }
              .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .scheduling-block .scheduling-header .remove-scheduling-btn {
                float: right;
                margin-top: 6px; }
            .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .scheduling-block .scheduling-body {
              padding: 10px; }
          .admin-display-block .adv-config-block .config-block .scheduling-group-block .body .add-scheduling-block .add-scheduling-btn {
            margin-top: 10px;
            margin-left: 10px; }
      .admin-display-block .adv-config-block .config-block .add-schedule-group-btn {
        margin-top: 10px; }

.photo-dialog, .video-dialog {
  padding: 0 !important;
  height: 75%;
  max-height: 75%;
  border-bottom: 1px solid #e0e0e0 !important; }

.photo-actions-block .delete-btn, .video-actions-block .delete-btn {
  color: #EF5350 !important;
  float: left; }
  .photo-actions-block .delete-btn:disabled, .video-actions-block .delete-btn:disabled {
    color: rgba(0, 0, 0, 0.3) !important; }

.photo-upload .dropzone {
  width: 100%;
  height: 100px;
  line-height: 100px;
  border-width: 3px;
  border-color: #666666;
  border-style: dashed;
  margin: 20px 35px;
  cursor: pointer; }
  .photo-upload .dropzone label {
    font-size: 20px; }

.photo-upload .dropzone-active {
  border-color: #C0A847;
  background-color: #FFECB3; }

.photo-upload .dropzone-reject {
  border-color: #F44336;
  background-color: #FFECB3; }

.photo-upload .image-col {
  text-align: center;
  margin-top: 20px; }
  .photo-upload .image-col .image-container {
    height: 150px;
    display: inline-block;
    margin-left: 20px; }
    .photo-upload .image-col .image-container .image {
      max-width: 100%;
      max-height: 100%; }

.photo-upload .function-col {
  padding-top: 18px; }

.photo-upload .upload-btn {
  margin-top: 10px;
  margin-bottom: 15px; }

.video-upload .dropzone {
  width: 100%;
  height: 100px;
  line-height: 100px;
  border-width: 3px;
  border-color: #666666;
  border-style: dashed;
  margin: 20px 35px;
  cursor: pointer; }
  .video-upload .dropzone label {
    font-size: 20px; }

.video-upload .dropzone-active {
  border-color: #C0A847;
  background-color: #FFECB3; }

.video-upload .dropzone-reject {
  border-color: #F44336;
  background-color: #FFECB3; }

.video-upload .video-row {
  height: 40px;
  margin-top: 20px;
  padding: 0 25px; }
  .video-upload .video-row .video-info-container {
    position: relative; }
    .video-upload .video-row .video-info-container .video-icon {
      fill: #757575 !important;
      position: absolute;
      width: 45px !important;
      height: 45px !important; }
    .video-upload .video-row .video-info-container .video-info {
      left: 65px;
      top: 4px;
      position: absolute; }
      .video-upload .video-row .video-info-container .video-info .video-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 170px;
        color: #000000; }
      .video-upload .video-row .video-info-container .video-info .delete-btn {
        vertical-align: middle;
        margin-left: 10px !important; }
        .video-upload .video-row .video-info-container .video-info .delete-btn svg {
          fill: #9E9E9E !important; }
      .video-upload .video-row .video-info-container .video-info .video-size {
        font-size: 14px; }

.video-upload .upload-btn {
  margin-top: 30px;
  margin-bottom: 15px; }

body {
  margin: 0;
  font-family: PingFang TC, 儷黑 Pro, Microsoft JhengHei, 微軟正黑體, STHeiti, Heiti TC Medium, Apple LiGothic, Helvetica, Helvetica Neue, Arial, PMingLiu, 新細明體 !important;
  /* Disable highlight */
  user-select: none;
  -moz-user-select: none; }

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
  color: white; }

.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3); }

@font-face {
  font-family: MencoBold;
  src: url(91714043b37edd186a7d3aea6e89b63e.otf) format("opentype"); }

@font-face {
  font-family: DFLiHeiMediumB5;
  src: url(e29a32e9d05378280197853d5cea1e2e.ttf) format("opentype"); }

@font-face {
  font-family: MuseoSans300;
  src: url(bdb59b808cfc4fb88f3963fa06e6c79b.otf) format("opentype"); }
.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(e79bfd88537def476913f3ed52f4f4b3.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(570eb83859dc23dd0eec423a49e147fe.woff2) format('woff2'),
       url(012cf6a10129e2275d79d6adac7f3b02.woff) format('woff'),
       url(a37b0c01c0baf1888ca812cc0508f6e2.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.react-flex-view {
  box-sizing: 'border-box';
  min-width: 0;
  min-height: 0;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex-wrap: nowrap;
  -moz-box-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align-items: stretch;
  -ms-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }
  .react-flex-view.flex-column {
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; }
  .react-flex-view.flex-wrap {
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .react-flex-view.align-content-start {
    -ms-flex-align: start;
    flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align-items: flex-start;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .react-flex-view.align-content-center {
    -ms-flex-align: center;
    flex-align: center;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center; }
  .react-flex-view.align-content-end {
    -ms-flex-align: end;
    flex-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align-items: flex-end;
    -ms-align-items: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
  .react-flex-view.justify-content-start {
    -ms-flex-pack: start;
    flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .react-flex-view.justify-content-center {
    -ms-flex-pack: center;
    flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .react-flex-view.justify-content-end {
    -ms-flex-pack: end;
    flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(c5cd7f5300576ab4c88202b42f6ded62.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(ced611daf7709cc778da928fec876475.eot);
    src: url(ced611daf7709cc778da928fec876475.eot?#iefix) format('embedded-opentype'), url(b7c9e1e479de3b53f1e4e30ebac2403a.woff) format('woff'), url(d41f55a78e6f49a5512878df1737e58a.ttf) format('truetype'), url(f97e3bbf73254b0112091d0192f17aec.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

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