/*-----------------------------------
    走馬燈
------------------------------------*/
section.mq-section{
  background: #cd974e;
  padding: 12px 0px;
  height: 45px;
  box-shadow: 0px 4px 7px 0px rgb(122 122 122 / 50%);
  position: relative;
}

  .mq-icon{
    color: fff;
  }
  .top-bar {
    width: 100%;
    padding: 0px 10px;
    margin-top: -8px;
  }
  .marquee {
    /* width: 90%;
    height: 26px; */
    margin: 5px auto !important;
    padding: 0px !important;
    white-space: nowrap;
    overflow: hidden;
  }
  .marquee li {
    display: inline-block;
    height: 20px;
    line-height: 20px;
  }
  .marquee li a{
    color:  #fff;
    font-size: 16px;
    letter-spacing: .5px;
  }

  @media only screen and (max-width: 768px) {
        section.mq-section {
            padding: 5px 0px;
            height: 28px;
        }
        .top-bar {
          width: 100%;
          padding: 0px 10px;
          margin-top: -9px;
      }
      .marquee li a {
        font-size: 14px;
      }
  }