html,
body {
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

img {
    max-width: 100%;
    height: auto;
}

#BingoContent,
#PageContent {
    max-width: 100%;
}

@media (max-width: 768px) {
    body {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        background: #f4f7fb !important;
        color: #172033;
        font-family: Arial, "Microsoft JhengHei", sans-serif;
    }

    body > div[align="center"],
    table.hk,
    table[width="1000"],
    table[width="995"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
    }

    table.hk > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    table[width="995"] > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #BingoContent,
    #PageContent {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        background: #ffffff;
        border: 1px solid #dbe3ef;
        border-radius: 8px;
    }

    #BingoContent > table:first-child,
    #PageContent > div:first-child table:first-child {
        width: 100% !important;
        max-width: 100% !important;
    }

    #BingoContent table[border="1"],
    #PageContent table[border="1"] {
        width: max-content !important;
        min-width: 760px !important;
        table-layout: auto !important;
    }

    #BingoContent table[border="1"] td,
    #PageContent table[border="1"] td {
        min-width: 18px;
        height: 24px !important;
        padding: 2px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        white-space: nowrap;
    }

    #BingoContent table[border="1"] td:first-child,
    #PageContent table[border="1"] td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        min-width: 58px;
        box-shadow: 1px 0 0 #111827;
    }
}