body {
    line-height: 1;
    font-size: 1rem;
    font-family: 'Noto Sans TC', sans-serif;
}

.main_content {
    background: #f0f0f0;
}

/* 自訂容器最大寬度並置中 */
.container-custom {
    width: 100%;
    max-width: 1000px;
}

.navbar {
    background: #f9f9f9;
    z-index: 99999;
}

.navbar-nav {
    height: 44px;
}

.main_content {
    background: #f0f0f0;
}

/* 0.875rem 14px */
.navbar, .dropdown-item, .form-select, .btn, .company_info, .copyright {
    font-size: 0.875rem;
}

#mainMenuOptions .offcanvas-body .accordion .accordion-item,
#mainMenuOptions .offcanvas-body .accordion .list-group {
    font-size: 1rem;
}

.sys_logo img,
.game_1_logo img,
.game_2_logo img {
    width: 103px;
}

.sys_logo img:not(:last-child)
.game_1_logo img:not(:last-child),
.game_2_logo img:not(:last-child) {
    margin-right: 3px;
}

.form-control {
    padding: 0.2rem 0.75rem;
}

.icon_global {
    width: 20px;
    height: 20px;
}

.regionTitle-S, .langTitle-S {
    display: none;
}

.loading-mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    opacity: 1;
    z-index: 99999;
    display: flex;
    justify-content: center;
}

/* HTML: <div class="loader"></div> */
.loader {
    align-self: center;
    width: 50px;
    aspect-ratio: 1;
    display:grid;
    -webkit-mask: conic-gradient(from 15deg, #0000, #000);
    animation: l26 1s infinite steps(12);
}

.loader,
.loader:before,
.loader:after{
    background:
    radial-gradient(closest-side at 50% 12.5%, #000 96%, #0000) 50% 0/20% 80% repeat-y,
    radial-gradient(closest-side at 12.5% 50%, #000 96%, #0000) 0 50%/80% 20% repeat-x;
}

.loader:before,
.loader:after {
    content: "";
    grid-area: 1/1;
    transform: rotate(30deg);
}

.loader:after {
    transform: rotate(60deg);
}

.carousel-control-prev, .carousel-control-next {
    width: 10%;
}

.carousel-caption {
    left: 10%;
    right: 10%;
    line-height: 1.2;
}

.game_warn {
    line-height: 1.1;
    font-size: 0.75rem;
}

.game_warn a.highlight_link {
    color: #cc0000;
    text-decoration: none;
}

.game_class img {
    width: 36px;
}

@keyframes l26 {
    100% {transform:rotate(1turn)}
}

footer {
    padding: 20px 0;
}

label:not(.not_pre_select) {
    cursor: pointer;
}

.line {
    background: url('../images/line_arr.png') no-repeat center 0;
    height: 20px;
}

.game_name_info, .nickname_info, .payment_info, .content_info {
    color: #0d6efd;
}

.product_content {
    background: #fff;
}

.buy_item {
    line-height: 1.5rem;
    display: inline-flex;
}

.buy_item input[type="radio"] {
    line-height: 1.5rem;
    margin: auto;
}

.buy_item span {
    line-height: 1.5rem;
    margin-left: 5px;
}

.notice_content {
    background: -webkit-linear-gradient(top, #8f0024, #b4002d);
    line-height: 1.2;
}

.notice_content .highlight {
    color: #66FF66;
}

/* `xxl` 適用於 大型 設備 (大桌面, 小於 1400px) */
@media (max-width: 1399.98px) {

}

/* `xl` 適用於 大型 設備 (桌面, 小於 1200px) */
@media (max-width: 1199.98px) {

}

/* `lg` 適用於 中型 設備 (平板, 小於 992px) */
@media (max-width: 991.98px) {
    .regionTitle, .langTitle {
        display: none;
    }

    .regionTitle-S, .langTitle-S {
        display: inline;
    }

    /* 0.813rem 13px */
    .navbar, .dropdown-item, .form-select, .btn {
        font-size: 0.813rem;
    }

    /* 0.75rem 12px */
    .company_info, .copyright {
        line-height: 1.1;
        font-size: 0.75rem;
    }
}

/* `md` 適用於 小型 設備 (手機-螢幕橫向, 小於 768px) */
@media (max-width: 767.98px) {
    .line {
        background-color: #f0f0f0;
        background-size: 300% auto;
    }

    .sys_logo {
        width: 100%;
    }

    .game_class img {
        width: 30px;
    }

    .copyright {
        text-align: center;
        width: 100%;
    }
}

/* `sm` 適用於 小型 設備 (手機-螢幕直向, 小於 576px) */
@media (max-width: 575.98px) {
    .game_class img {
        width: 26px;
    }
}

/* `xs` returns only a ruleset and no media query*/