/* 紅白配色主題覆蓋樣式 */

/* 全站背景改為白色 */
body {
    background-color: #ffffff !important;
    color: #333333 !important;
}

/* Header 區域 */
header .top {
    background: #dc3545 !important;
    border-bottom: 1px solid #dc3545 !important;
}

header .navbox {
    background-color: #ffffff !important;
    border-bottom: 2px solid #dc3545 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

header .navbox .nav-item a {
    color: #dc3545 !important;
}

header .navbox .nav-item a:hover {
    color: #ff4757 !important;
    text-decoration: underline;
}

/* 站名樣式 */
header .navbox .imgBox {
    color: #dc3545 !important;
    font-size: 28px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 側邊欄 */
aside > div {
    background-color: #ffffff !important;
    box-shadow: -3px 0 10px rgba(220, 53, 69, 0.3) !important;
}

aside > div ul .nav-item a {
    color: #dc3545 !important;
}

aside > div ul .nav-item a:hover {
    background-color: #dc3545 !important;
    color: #ffffff !important;
}

/* 跑馬燈 */
.marqueeBox {
    background-color: #dc3545 !important;
}

.marqueeBox marquee a {
    color: #ffffff !important;
}

/* 遊戲區塊 */
.gameNav .game-item {
    border-top: 5px solid #dc3545 !important;
    background-color: #f8f9fa !important;
}

.gameNav h2 {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.gameNav .content {
    background-color: transparent !important;
}

.gameNav .content .game-link p {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

/* 遊戲介紹區 */
.gameAbout {
    background-color: #ffffff !important;
}

.gameAbout h1 {
    color: #dc3545 !important;
}

.gameAbout p {
    color: #333333 !important;
}

.gameAbout a {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.gameAbout a:hover {
    background-color: #ff4757 !important;
}

/* 新聞區塊 */
.newsBox {
    background: #f8f9fa !important;
    border-top: 5px solid #dc3545 !important;
}

.newsBox h2 {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.newsBox .title {
    color: #dc3545 !important;
}

.newsBox .left .new-top {
    background-color: #ffffff !important;
    border: 1px solid #dc3545 !important;
}

.newsBox .left .new-top p {
    color: #dc3545 !important;
}

.newsBox .left .new-top .text {
    color: #333333 !important;
}

.newsBox .right .more-news-btn {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.newsBox .right .more-news-btn:hover {
    background-color: #ff4757 !important;
}

.newsBox .new-item {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

.newsBox .new-item:hover {
    border-right: 5px solid #dc3545 !important;
    box-shadow: 0 2px 5px rgba(220, 53, 69, 0.2);
}

.newsBox .new-item .textbox p {
    color: #dc3545 !important;
}

.newsBox .new-item .textbox .text {
    color: #333333 !important;
}

/* 促銷區塊 */
.proBox .pro-item {
    background-color: #ffffff !important;
    border: 2px solid #dc3545 !important;
}

.proBox .pro-img > div {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.proBox .pro-text {
    background-color: #ffffff !important;
}

.proBox .pro-text .pro-title {
    color: #dc3545 !important;
}

.proBox .pro-text .title {
    color: #dc3545 !important;
}

.proBox .pro-text .text {
    color: #333333 !important;
}

.proBox .pro-text a {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

/* 活動區塊 */
.eventsBox {
    background-color: #ffffff !important;
}

.eventsBox .event-item {
    background-color: #ffffff !important;
    border: 2px solid #dc3545 !important;
}

.eventsBox .textBox .title {
    color: #dc3545 !important;
}

.eventsBox .textBox .text {
    color: #333333 !important;
}

.eventsBox .textBox .event-btn {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.eventsBox .event-nav > a {
    color: #dc3545 !important;
    background: #ffffff !important;
    border: 1px solid #dc3545 !important;
}

.eventsBox .event-nav > a.active,
.eventsBox .event-nav > a.on,
.eventsBox .event-nav > a:hover {
    color: #ffffff !important;
    background: #dc3545 !important;
}

/* 活動詳情 */
.event {
    background-color: #ffffff !important;
}

.event .top {
    background-color: #dc3545 !important;
}

.event .top span {
    color: #ffffff !important;
}

.event .content {
    background-color: #ffffff !important;
    border: 2px solid #dc3545 !important;
}

.event .content .title {
    color: #dc3545 !important;
}

.event .content .event-btn {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

/* Footer */
footer {
    color: #333333 !important;
    background-color: #f8f9fa !important;
    border-top: 3px solid #dc3545 !important;
}

footer .project > div h3 {
    color: #dc3545 !important;
    border-left: 3px solid #dc3545 !important;
}

footer .project .left p {
    color: #333333 !important;
}

footer .project .left a {
    color: #dc3545 !important;
}

footer .project .left a:hover {
    color: #ff4757 !important;
}

footer .nav-item > a {
    color: #333333 !important;
}

footer .nav-item > a:hover {
    color: #dc3545 !important;
}

footer .footer {
    color: #666666 !important;
}

footer .footer a {
    color: #666666 !important;
}

footer .footer a:hover {
    color: #dc3545 !important;
}

/* 按鈕樣式 */
.btn.login {
    color: #ffffff !important;
    background-color: #dc3545 !important;
    border: 2px solid #dc3545 !important;
}

.btn.login:hover {
    background-color: #ff4757 !important;
    border-color: #ff4757 !important;
}

.btn.register {
    color: #dc3545 !important;
    background-color: #ffffff !important;
    border: 2px solid #dc3545 !important;
}

.btn.register:hover {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.btn.to-new {
    color: #ffffff !important;
    background-color: #dc3545 !important;
}

.btn.more-new {
    color: #ffffff !important;
    background-color: #ff4757 !important;
}

/* 回到頂部按鈕 */
.back-top {
    color: #ffffff !important;
    background: #dc3545 !important;
}

.back-top:hover {
    background: #ff4757 !important;
}

/* 公告區塊 */
.bulletin-box {
    background-color: #ffffff !important;
    border: 2px solid #dc3545 !important;
}

.bulletin-box:hover {
    border: 2px solid #ff4757 !important;
    box-shadow: 0 2px 10px rgba(220, 53, 69, 0.2);
}

.bulletin-box a {
    color: #333333 !important;
}

.bulletin-box .bulletin-title {
    color: #333333 !important;
}

.bulletin-inbox .top {
    background-color: #dc3545 !important;
}

.bulletin-inbox .top span {
    color: #ffffff !important;
}

.bulletin-inbox .content {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 2px solid #dc3545 !important;
}

.bulletin-inbox .bulletin-title {
    color: #333333 !important;
}

.bulletin-inbox .bulletin-text {
    color: #333333 !important;
}

.bulletin-inbox .bulletin-date {
    color: #dc3545 !important;
}

/* 通用文字區塊 */
.common-outBox {
    background-color: #ffffff !important;
}

.common-outBox .common-Box {
    background-color: #ffffff !important;
    border: 2px solid #dc3545 !important;
}

.common-outBox .common-title {
    color: #dc3545 !important;
    border-left: 4px solid #dc3545 !important;
}

.common-outBox .common-text {
    color: #333333 !important;
}

.common-outBox .common-text a {
    color: #dc3545 !important;
}

.common-outBox .common-text a:hover {
    color: #ff4757 !important;
}

.common-outBox .common-policy {
    color: #333333 !important;
}

.common-outBox .common-policy .policy-title {
    color: #dc3545 !important;
    border-left: 3px solid #dc3545 !important;
}

/* 表格樣式 */
.banking-text table .tr1,
.affiliate-text table .tr1,
.about-text table .tr1 {
    color: #ffffff !important;
    background: #dc3545 !important;
}

.banking-text table td,
.affiliate-text table td,
.about-text table td {
    background-color: #ffffff !important;
    color: #333333 !important;
    border: 1px solid #dc3545 !important;
}

/* 關於頁面導航 */
#aboutNav {
    color: #ffffff !important;
    background: #dc3545 !important;
}

#aboutNav option {
    background: #ffffff !important;
    color: #333333 !important;
}

/* Swiper 分頁 */
.swiper-pagination-bullet {
    background: #cccccc !important;
}

.swiper-pagination-bullet-active {
    background: #dc3545 !important;
}

/* 確保所有連結在白色背景下可見 */
a {
    color: #dc3545 !important;
}

a:hover {
    color: #ff4757 !important;
}

/* 調整容器背景 */
.container {
    background-color: transparent !important;
}