.swiper {
    width: 100%;
    height: 100%;
  }

  body {
    margin-bottom: 98px;
    background: #000;
    color : #fff;
    font-family: 'noto';
  }

  .logo {
    width: 175px !important;
  }

  .live-content {
    padding: 15px;
    color: #fff;
  }

.payment-logo {
    width : 300px;
}

.copyright-text {
    font-size: 0.78rem;
    font-weight: bold;
}

.payment-mobile {
    width: 250px;
}
  .card-live {
    width: 38rem;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

@font-face {
    font-family: 'noto';
    src: url("../fonts/NotoSerif-Regular.ttf");
}

.ball-result {
    font-size: 3rem;
    font-weight: bold;
}

  .slideimg {
    width: 100%;
  }

  .result-card {
    background: #1f1f1f;
    color: #fff;
    padding: 10px;
  }

  .topnav {
    background: #f1f1f1;
    padding: 8px;
  }

  .p-num {
    font-size: 1.9rem;
  }

.list-top, .bottom-nav {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.list-top > li , .bottom-nav > li {
    display: inline-block;
    margin-right: 7px;
    font-weight: bold;

}

.list-top > li {
    color: #8d8d8d;
 }

.navbot {
    padding: 10px;
    color: #fff;
}

.bg-card1, .bg-card2, .bg-card3 {
    padding: 10px;
}

.bg-card1 {
    background: #ff9933;
    border: 1px solid #ff9933;
    color: #fff;
}

.bg-card2 {
    border: 1px solid #f7f7f7;
    background: #f1f1f1;
    color : #000 !important;
}

.bg-card3 {
    background: #128807;
    border: 1px solid #128807;
    color: #fff;
}

.time-cur {
    font-size: 0.8rem;
}

.prize-title {
    font-size: 1.1rem;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 1px dashed #fff;
    text-transform: uppercase;
}

.ball-num-1, .ball-num-2, .ball-num-3 {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
}

.ball-num-1 {
    background: #fd7f00;
    border: 1px solid #f17a02;
}

.ball-num-2 {
    background: #dddddd;
    border: 1px solid #cacaca;
}

.ball-num-3 {
    background: #0a6d02;
    border: 1px solid #085f02;
}

.running-blw {
    width: 400px;
    position: relative;
}

.icon-runn {
    position: absolute;
    z-index: 9999;
    top: -5px;
    font-size: 0.9rem;
}

.text-runn{
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
}

@media only screen and (max-width: 1200px) {
    .prize-title, .date-prize {
        text-align: center;
    }

    .card-live {
        width: 100%;
    }
}