/* .robin-table {
  width: 90%;
  margin: 20px auto;
  border-collapse: collapse;
} */

.robin-table thead th,
.robin-table tbody td {
  /* border: 1px solid;
  padding: 10px;  */
  text-align: center;
  vertical-align: middle;
}

.robin-table th {
  background-color: #f4a460;
  color: white;
}


.match-button {
  background-color: #6c63ff;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
}

.match-button:hover {
  background-color: #534bff;
}

@keyframes border-blink-t {

  0%,
  100% {
    border-top-color: #dc3545;
  }

  50% {
    border-top-color: transparent;
  }
}

@keyframes border-blink-b {

  0%,
  100% {
    border-bottom-color: #dc3545;
  }

  50% {
    border-bottom-color: transparent;
  }
}

/* 分別讓四個邊閃爍 */
.live-border-t {
  border-top: 2px solid #dc3545;
  animation: border-blink-t 1.5s infinite;
}

.live-border-b {
  border-bottom: 2px solid #dc3545;
  animation: border-blink-b 1.5s infinite;
}

@keyframes border-blink-tl {

  0%,
  100% {
    border-top-color: #dc3545;
    border-left-color: #dc3545;
  }

  50% {
    border-top-color: transparent;
    border-left-color: transparent;
  }
}

/* 上邊框與右邊框閃爍 */
.live-border-tl {
  border-top: 2px solid #dc3545;
  border-left: 2px solid #dc3545;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  animation: border-blink-tl 1.5s infinite;
}

@keyframes border-blink-bl {

  0%,
  100% {
    border-bottom-color: #dc3545;
    border-left-color: #dc3545;
  }

  50% {
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
}

/* 上邊框與右邊框閃爍 */
.live-border-bl {
  border-bottom: 2px solid #dc3545;
  border-left: 2px solid #dc3545;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  animation: border-blink-bl 1.5s infinite;
}

@keyframes border-blink-tbr {

  0%,
  100% {
    border-bottom-color: #dc3545;
    border-top-color: #dc3545;
    border-right-color: #dc3545;
  }

  50% {
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
  }
}

/* 上邊框與右邊框閃爍 */
.live-border-tbr {
  border-bottom: 2px solid #dc3545;
  border-left: 1px solid #ddd;
  border-right: 2px solid #dc3545;
  border-top: 2px solid #dc3545;
  animation: border-blink-tbr 1.5s infinite;
}

.robin-table-border {
  border: 1px solid #ddd;
}

.robin_live {
  color: #dc3545;
  animation: live-blink-animation 1.5s infinite;
}

@keyframes live-blink-animation {
  0% {
      opacity: 1;
      /* 完全可見 */
  }

  50% {
      opacity: 0;
      /* 完全透明 */
  }

  100% {
      opacity: 1;
      /* 再次完全可見 */
  }
}