html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
}

.hkball {
    display: inline-block;
    line-height: 25px;
    width: 25px;
    color: white;
    font-size: 2rem;
    height: 25px;
    background-color: #990000;
    border-radius: 50%;
    text-align: center;
}

#date-time-now {
    color: #ff1111;
    font-weight: bold;
    font-size: 1.6rem;
}

.btn-livedraw, .btn-aboutus, .btn-contactus {
    text-align: center;
    font-size: 1.2rem;
    background-color: #f00;
    color: white;
    font-weight: bold;
    border-radius: 1px;
}
.btn-livedraw {
    color: #0000EE;
}

.btn-menu {
    text-align: center;
    font-size: 1.2rem;
    background-color: #f00;
    color: white;
    font-weight: bold;
    border-radius: 14px 14px 0 0;
}
.btn-menu.active, .btn:hover {
    background-color: #2600BB;
    color: white;
}

.result-table-header th {
    text-align: center;
    background-color: #0000a0;
    color: #FFFF00;
    font-weight: bold;
    font-size: 1.4rem;
}

.result-table-row td {
    text-align: center;
    background-color: #ffffff;
    color: #000000;
    font-weight: 600;
    font-size: 1.4rem;
}

.table-hover>tbody>tr:hover>* {
    background-color: #FFB7B7;
}


.page-navigation-link nav {
    display: flex;
    justify-content:space-around;
    padding-bottom: 10px;
    z-index: 1000;
}

.page-navigation-link nav span {
    border: 0 solid var(--gray) !important;
    background-color:rgba(0, 0, 0, 0.5) !important;
    color: #0000a0;
    display: block;
    border-radius: 3px;
    font-weight: 700;
}

.page-navigation-link nav a {
    border: 0px solid #000 !important;
    background-color:red !important;
    color: #0000a0;
    font-weight: 700;
    border-radius: 3px;
    text-decoration: none;
}