/* Minification failed. Returning unminified contents.
(54,24): run-time error CSS1046: Expect comma, found '32'
(54,30): run-time error CSS1046: Expect comma, found '/'
 */
#unlobby-title {
    display: none;
}

#un-lobby {
    flex-direction: column;
}

/*#region 遊戲分類樣式 */
ul.navtab {
    margin: 10px 0 30px;
}

    ul.navtab li {
        float: left;
        text-align: center;
        display: inline-block;
        height: 49px;
        margin-right: 10px;
        min-width: 200px;
        padding: 0 10px;
        color: #fff;
        font-size: 20px;
        line-height: 47px;
        background: transparent;
        border: 2px solid #ffb452;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        box-shadow: 4px 3px 7.6px 0.4px rgba(0,0,0,.3);
        border: 3px solid #84a0d2;
    }

        ul.navtab li.tab,
        ul.navtab li:hover {
            color: #fff;
            background: linear-gradient(to right,#327ee5,#1e2b76);
            border-color: #327ee5;
        }
/*#endregion 遊戲分類樣式 */

.category-item {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}

/*#region 優惠區塊 */
ul.discount {
    font-size: 0;
    width: 100%;
    padding: 20px;
    border: 1px solid #327ee5;
    background: rgb(28 32 55 / 70%);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

    ul.discount > li {
        width: 100%;
    }

        ul.discount > li:first-child {
        }

            ul.discount > li:first-child > img {
                width: 100%;
                max-width: 420px;
                max-height: 250px;
            }

        /*優惠內文顏色*/
        ul.discount > li.content {
            color: #999;
            text-align: justify;
            overflow-x: auto;
        }

li.content img {
    /*li.content padding多少  就要margin負多少 */
}

li.content h3 {
}

li.content h4 {
}

li.content h5 {
}

li.content p {
}

li.content dd {
    margin-left: 0;
}

li.content table {
    width: 100%;
}

    li.content table tr,
    li.content table th,
    li.content table td {
        line-height: 2em;
        text-align: center;
    }

    li.content table th {
    }

li.content ol {
    padding-left: 20px;
    list-style-type: decimal;
}

li.content ul {
    padding-left: 20px;
    list-style-type: disc;
}

li.content ol li {
}

li.content .highlight {
    color: #f00;
}

/*#endregion 優惠區塊 */

.promotion-detail-modal .promotion-content {
    max-height: 80vh;
    overflow: auto;
}

    .promotion-detail-modal .promotion-content::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    .promotion-detail-modal .promotion-content::-webkit-scrollbar-track {
        background: rgba(32,187,228,.2);
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
    }

    .promotion-detail-modal .promotion-content::-webkit-scrollbar-thumb {
        background-color: #20bbe4;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        height: 10px;
    }

    .promotion-detail-modal .promotion-content::-webkit-scrollbar-corner {
        background: #0b1e3e;
    }

.promotion-detail-modal .action-btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    gap: 15px;
}

    .promotion-detail-modal .action-btn-wrap .action-btn {
        border: none;
        padding: 8px 20px;
        color: #fff;
        background: #14d5c3;
        border-color: #14d5c3;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

        .promotion-detail-modal .action-btn-wrap .action-btn:hover {
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .promotion-detail-modal .action-btn-wrap .action-btn:active {
            -moz-transform: scale(.9);
            -ms-transform: scale(.9);
            -o-transform: scale(.9);
            -webkit-transform: scale(.9);
            transform: scale(.9);
        }

    .promotion-detail-modal .action-btn-wrap .promotion-module-apply-btn {
        border: none;
        padding: 8px 20px;
        color: #fff;
        background: #14d5c3;
        border-color: #14d5c3;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -moz-transition: all .4s;
        -o-transition: all .4s;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

.promotionModuleModal .action-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .promotionModuleModal .action-btn-wrap .action-btn {
        color: #fff;
        background: #175a23;
        border: none;
        padding: 8px 20px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: linear-gradient(to right, #f2621d 0%,#ffb43d 100%);
        -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
    }