table {
   table-layout: fixed;
   border-collapse: collapse;
   width: 100%;
   text-align: center;
   font-weight: bold;
}

.table {
   border: 2px solid rgb(255, 145, 77) !important;
}

.table .date {
   background: rgb(255, 145, 77);
   background: linear-gradient(90deg,
         rgba(255, 145, 77, 1) 0%,
         rgba(239, 111, 118, 1) 100%);
   color: #fff;
   font-size: 1.4rem;
}

.table .slot td span {
   color: rgba(239, 111, 118, 1);
}

.table .result td {
   color: #63000c;
}

.table .result td span {
   text-align: center;
}

th,
.result td {
   padding: 0.2rem;
   text-align: center;
   white-space: nowrap;
}

.slot td {
   /*transform: rotate(30deg) !important;*/
   /*font-size: 0.55rem;*/
   font-weight: bold;
   padding: 0.2rem 0;
}

@media only screen and (max-width: 767px) {

   th,
   td {
      font-size: 1.6rem;
   }

   .table .result td span#equal {
      font-size: 1.6rem !important;
   }
}

@media only screen and (max-width: 576px) {

   th,
   td {
      font-size: 1rem;
   }

   .table .result td span#equal {
      font-size: 1.1rem !important;
   }
}

@media only screen and (max-width: 375px) {

   th,
   td {
      font-size: 0.7rem;
   }

   .table .result td span#equal {
      font-size: 1rem !important;
   }
}

.table tr.slot td span {
   font-size: 12px;
   line-height: 0px;
   margin: 0;
   padding: 0;
}

/* Live gif */
#liveResult{
   position: relative;
}

#liveGif {
   /* border: 1px solid red; */
   position: absolute;
   top: 305px;
   left: 14px;
   width: 50px;
   height: 50px;
   z-index: 1;
}

.banner-img {
   width: 100%;
   height: auto;
}