#count_downB1710209050546 .base-countdown-bgimg {
      --img-box-padding-bottom:4.81%;
    }
    @media screen and (max-width: 767px) {
      #count_downB1710209050546 .base-countdown-bgimg {
       --img-box-padding-bottom:35.19%;
      }
    }
  
    #count_downB1710209050546 .base-countdown-content{
      color:#ffffff;
    }
  
  @media screen and (min-width: 768px){
    #count_downB1710209050546 .base-countdown-content {
      left:0px;top:0px;
    }
  }
  #count_downB1710209050546 .base-countdown-main {
    background-color:#dcd8d7;
  }
  #count_downB1710209050546 .base-countdown-content {
    
    
    border-radius:0px;
  }
    #countdown-text1710209067833 {
        margin-top:0px;
    }
        @media screen and (min-width: 1001px){
          #countdown-text1710209067833 {
            --countdown-text-size:18px;
          }
        }
        @media screen and (max-width: 1000px){
          #countdown-text1710209067833 {
            --countdown-text-size:11px;
          }
        }
      #countdown-text1710209067833 {
        
          color:rgba(0, 0, 0, 1);
        
        font-weight:normal;
      }
    #countdown-countdown1710209112810 {
        margin-top:0px;
    }
        .base-countdown-main {
          --countdown-inner-bg:rgba(0, 0, 0, 1);
        }
        #countdown-countdown1710209112810 .base-countdown-item {
          background-color:var(--countdown-inner-bg, transparent);
          border-radius:0px;
        }
        @media screen and (min-width: 1001px){
          #countdown-countdown1710209112810 {
            --countdown-inner-size:18px;
          }
        }
        @media screen and (max-width: 1000px){
          #countdown-countdown1710209112810 {
            --countdown-inner-size:15px;
          }
        }
      #countdown-countdown1710209112810 .base-countdown-inner {
        
          color:rgba(255, 255, 255, 1);
        
        font-weight:normal;
      }

      @media screen and (max-width: 767px) {
        .base-countdown-text {
          
            color:rgba(255, 255, 255, 1) !important;
          
          font-weight:normal;
        }

        .base-countdown-item:not(:last-child)>.base-countdown-inner::after {
          font-size:var(--countdown-inner-size);
          color:#ffffff;
        }
      }

/* index_css  start */
.more-button {
  margin-top: var(--more-button-top,var(--v-space));
  text-align: var(--more-button-text-align,center);
}

.list-more-button {
  margin: calc(var(--list-more-top ,var(--h-space)) - var(--h-space)) 0 var(--h-space);
  text-align:var(--list-more-text-align, center);
}

@media screen and (max-width: 767px) {
  .list-more-button {
    --list-more-top: 15px;
  }
}
/* index_css  end */

  /* index_css count_down start */
  .base-countdown-main {
    position: relative;
  }

  .base-countdown-content {
    z-index: 10;
    max-width: var(--countdown-content-max-w, 80%);
    max-height: var(--countdown-content-max-h, 90%);
    height: fit-content;
    width: fit-content;
    padding:var(--countdown-content-padding, 40px);
    background-color: var(--countdown-content-bg, transparents);
    text-align: center;
  }

  .base-countdown-text {
    white-space: pre-wrap;
    line-height: 1.2;
    font-size:var(--countdown-text-size, var(--font-size-body));
  }

  .base-countdown-line {
    display: inline-grid;
    grid-template-columns: repeat(4, auto);
    gap:var(--countdown-gap, 15px);
    width: fit-content;
  }

  .base-countdown-p {
    margin-top: 4px;
    font-size: var(--countdown-inner-p, 14px);
    text-align: center;
  }

  .base-countdown-inner {
    position: relative;
    display: inline-block;
    padding: var(--countdown-inner-padding, 12px 20px);
    font-size: var(--countdown-inner-size, var(--font-size-body));
    font-family: monaco;
  }

  .base-countdown-item:not(:last-child)>.base-countdown-inner::after {
    content: var(--countdown-inner-sep, ":");
    position: absolute;
    left: calc(100% + var(--countdown-gap, 15px) / 2);
    top: 50%;
    color: var(--countdown-inner-bg);
    transform: translate(-50% , -50%);
    font-size: 24px;
    font-family: var(--main-font-family);
  }

  .base-countdown-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 20px;
  }

  .base-countdown-btn {
    min-height: var(--btn-height);
    height: fit-content;
    font-size: var(--countdown-btn-size, var(--font-size-body));
  }

  .base-countdown-nosort {
    display: flex;
    align-items: center;
    flex-direction:var(--countdown-nosort-flex-direction, row-reverse);
    justify-content: space-around;
  }
  .base-countdown-nosort-hasbg {
    display: flex;
    align-items: center;
    gap: var(--countdown-nosort-hasbg-gap,20px);
    padding: var(--countdown-nosort-hasbg-padding,16px 20px);
    flex-direction: var(--countdown-nosort-hasbg-direction, row);
  }

  .base-countdown-nosort-body {
    padding: var(--countdown-nosort-body-padding, 16px 0);
  }

  @media screen and (max-width: 1000px) {
    .base-countdown-content{
      --countdown-inner-p:11px;
    }
  }

  @media screen and (max-width: 767px) {
    .base-countdown-content{
      --countdown-content-max-w:90%;
      --countdown-content-max-h:100%;
      --countdown-inner-padding:10px;
      --countdown-content-padding:32px 25px;
    }
    .base-countdown-nobg{
      left: 50%;
      transform: translateX(-50%);
    }
    .base-countdown-hasbg{
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .base-countdown-nosort{
      --countdown-nosort-flex-direction:column-reverse;
    }
    .base-countdown-nosort  .base-countdown-nobg {
      left:unset;
      transform: none;
      padding-top: 0;
    }
    .base-countdown-nosort-hasbg{
      flex-direction: column-reverse;
    }
  }
  /* index_css count_down end */

    [data-section-type="count_downB"] {
      --countdown-content-padding: 0;
      --countdown-inner-p: 12px;
      --section-wrapper-padding: 0 0 var(--section-space);
      --countdown-inner-padding: 0;
      --countdown-content-max-w: 28%;
      --countdown-gap:0;
    }
    
    [data-section-type="count_downB"] .base-countdown-main {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      gap: 20px;
    }
    
    [data-section-type="count_downB"] .base-countdown-p {
      margin-top: unset;
    }
    
    [data-section-type="count_downB"] .base-countdown-content {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      justify-content: center;
      padding: 10px;
    }
    
    [data-section-type="count_downB"] .base-countdown-item {
      height: fit-content;
      padding: 4px 10px;
    }
    
    @media screen and (min-width: 767px) {
      .base-countdown-item:not(:last-child)>.base-countdown-inner::after {
        display: none;
      }
    }
    
    @media screen and (max-width: 767px) {
      [data-section-type="count_downB"] {
        --countdown-gap:6px;
        --img-box-object-fit:contain;
      }
      [data-section-type="count_downB"] .base-countdown-item {
        padding: 0;
      }
      .base-countdown-content {
        --countdown-inner-padding:0px;
      }
      [data-section-type="count_downB"] .base-countdown-p {
        display: none;
      }
    
      [data-section-type="count_downB"] .base-countdown-main {
        padding: 5px;
        gap: 5px;
      }
    
      [data-section-type="count_downB"] .base-countdown-content {
        width: fit-content;
        gap: 0;
        --countdown-content-padding: 0px;
        flex-direction: column;
        background-color: var(--countdown-inner-bg);
        padding: 5px;
      }
      .base-countdown-text {
        white-space: nowrap;
      }
      .base-countdown-hasbg {
        transform: none;
      }
    }