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

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

/* Header 區域 */
.header-box {
    background: #ffffff !important;
}

.header-box .logo .home {
    background: #28a745 !important;
}

.header-box .logo .login .nav-link {
    color: #ffffff !important;
    background: #28a745 !important;
}

.header-box .logo .login .nav-link:first-child {
    background: #218838 !important;
}

.header-box .top-nav {
    background: #28a745 !important;
}

.header-box .top-nav .navbar-nav .nav-link {
    color: #ffffff !important;
}

.header-box .top-nav .navbar-nav .nav-link.on,
.header-box .top-nav .navbar-nav .nav-link:hover {
    background: #218838 !important;
}

.header-box .top-nav .navbar-btn {
    color: #ffffff !important;
}

.header-box .top-nav .navbar-nav {
    background: #218838 !important;
}

.header-box .top-nav .navbar-nav .nav-link {
    border-top: 2px solid #ffffff !important;
}

/* Banner 區域 */
.banner-box .arrow-btn svg {
    stroke: #28a745 !important;
}

.banner-box .slick-dots li.slick-active button {
    background-color: #28a745 !important;
}

.banner-box .slick-dots button {
    background-color: rgba(255, 255, 255, 0.8) !important;
    border: 1px solid #28a745 !important;
}

/* 跑馬燈 */
.marquee-box {
    background: #28a745 !important;
}

.marquee-box .marquee-title > a {
    color: #ffffff !important;
    background: #218838 !important;
}

.marquee-box .new-item {
    color: #ffffff !important;
}

/* 遊戲導航區 */
.gameNav-box {
    background-color: #f8f9fa !important;
}

.gameNav-box .card {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

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

.gameNav-box .card h1 {
    color: #28a745 !important;
}

.gameNav-box .card .icons p {
    color: #333333 !important;
}

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

.eventnav-box .event-title {
    color: #333333 !important;
    border-bottom: 1px dotted #28a745 !important;
}

.eventnav-box .event-title b::before {
    background: #28a745 !important;
}

.eventnav-box .event-title .more {
    color: #333333 !important;
}

.eventnav-box .event-title .more:hover {
    color: #28a745 !important;
}

.eventnav-box .event .event-top1 {
    background: #ffffff !important;
    border-bottom: 3px solid #28a745 !important;
    box-shadow: 0 5px 10px rgba(40, 167, 69, 0.2) !important;
}

.eventnav-box .event .event-top1 .time {
    color: #28a745 !important;
}

.eventnav-box .event .event-top1 .time svg {
    stroke: #28a745 !important;
}

.eventnav-box .event .event-top1 .title {
    color: #333333 !important;
}

.eventnav-box .event .event-top1 h4 {
    color: #666666 !important;
}

.eventnav-box .event .event-top1 .btn {
    color: #ffffff !important;
    background: #28a745 !important;
}

.eventnav-box .event .event-top1 .btn:hover {
    background: #218838 !important;
}

.eventnav-box .event .event-link {
    background: #ffffff !important;
    border-bottom: 3px solid #28a745 !important;
    box-shadow: 0 5px 10px rgba(40, 167, 69, 0.2) !important;
}

.eventnav-box .event .event-link .time {
    color: #28a745 !important;
}

.eventnav-box .event .event-link .time svg {
    stroke: #28a745 !important;
}

.eventnav-box .event .event-link .title {
    color: #333333 !important;
}

/* 網頁活動區 */
.eventweb-box {
    background: #f8f9fa !important;
}

.eventweb-box .event-title {
    color: #333333 !important;
    border-bottom: 1px dotted #28a745 !important;
}

.eventweb-box .event-title b::before {
    background: #28a745 !important;
}

.eventweb-box .event .event-top1 {
    background: #ffffff !important;
    border-bottom: 3px solid #28a745 !important;
    box-shadow: 0 5px 10px rgba(40, 167, 69, 0.2) !important;
}

.eventweb-box .event .event-top1 .time {
    color: #28a745 !important;
}

.eventweb-box .event .event-top1 .time svg {
    stroke: #28a745 !important;
}

.eventweb-box .event .event-top1 .title {
    color: #333333 !important;
}

.eventweb-box .event .event-top1 h4 {
    color: #666666 !important;
}

.eventweb-box .event .event-top1 .btn {
    color: #ffffff !important;
    background: #28a745 !important;
}

.eventweb-box .event .event-top1 .btn:hover {
    background: #218838 !important;
}

.eventweb-box .nav-event a {
    color: #28a745 !important;
    border: 2px solid #28a745 !important;
}

.eventweb-box .nav-event a.on {
    color: #ffffff !important;
    background: #28a745 !important;
}

/* 促銷區塊 */
.promotionweb-box {
    background: #f8f9fa !important;
}

.promotionweb-box .pro-title {
    color: #333333 !important;
    border-bottom: 1px dotted #28a745 !important;
}

.promotionweb-box .pro-title b::before {
    background: #28a745 !important;
}

.promotionweb-box .pro .pro-top1 {
    background: #ffffff !important;
    border-bottom: 3px solid #28a745 !important;
    box-shadow: 0 5px 10px rgba(40, 167, 69, 0.2) !important;
}

.promotionweb-box .pro .pro-top1 .btn {
    color: #ffffff !important;
    background: #28a745 !important;
}

/* 介紹區塊 */
.introduction-box {
    background-color: #ffffff !important;
}

.introduction-box .left p {
    color: #333333 !important;
}

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

.introduction-box .conter p::before {
    background: #28a745 !important;
}

.introduction-box .conter ul li svg {
    stroke: #28a745 !important;
}

.introduction-box .conter ul li:hover {
    color: #28a745 !important;
}

.introduction-box .right {
    color: #333333 !important;
}

.introduction-box .right .btn {
    color: #ffffff !important;
    background: #28a745 !important;
}

.introduction-box .right .btn:hover {
    background: #218838 !important;
}

/* 遊戲盒子 */
.gameh-box {
    border-bottom: 4px solid #28a745 !important;
}

.gameh-box .text {
    color: #333333 !important;
}

.gameh-box .text h1::after {
    background: linear-gradient(90deg, rgba(255,255,255,0), #28a745 50%, rgba(255,255,255,0)) !important;
}

.game-box .game-text h1 {
    color: #28a745 !important;
    text-shadow: -8px 5px 0 #f0f0f0 !important;
}

.game-box .game-text p {
    color: #333333 !important;
}

.game-box .game-text .game-btn {
    color: #ffffff !important;
    background: #28a745 !important;
}

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

.bulletin-box .bulletin-item {
    background: #ffffff !important;
    border-bottom: 3px solid #28a745 !important;
    box-shadow: 0 5px 10px rgba(40, 167, 69, 0.2) !important;
}

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

.bulletin-box .bulletin-item > a:hover .bulletin-into {
    background: #28a745 !important;
}

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

.bulletin-box .bulletin-into {
    color: #ffffff !important;
    background: #218838 !important;
}

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

.bulletin-box .bulletin-date {
    color: #28a745 !important;
}

.bulletin-box .bulletin-date svg {
    stroke: #28a745 !important;
}

.bulletin-box .bulletin-inbox {
    background: #ffffff !important;
    border-bottom: 3px solid #28a745 !important;
    box-shadow: 0 5px 10px rgba(40, 167, 69, 0.2) !important;
}

/* 銀行區塊 */
.banking-box .banking-content {
    color: #333333 !important;
}

/* 內容文字區塊 */
.content-text {
    background-color: #ffffff !important;
}

.content-text .back-btn {
    background: #f8f9fa !important;
}

.content-text .back-btn a {
    color: #28a745 !important;
}

.content-text .back-btn p {
    color: #333333 !important;
}

.content-text .content {
    background: #ffffff !important;
    color: #333333 !important;
}

.content-text .title {
    color: #333333 !important;
    border-bottom: 2px solid #28a745 !important;
}

.content-text .togame {
    color: #ffffff !important;
    background: #28a745 !important;
}

.content-text .togame:hover {
    background: #218838 !important;
}

/* Footer */
.footer-box {
    color: #ffffff !important;
    background: #28a745 !important;
}

.footer-box a {
    color: #ffffff !important;
}

.footer-box a:hover {
    color: #90EE90 !important;
}

/* 通用元素 */
a {
    color: #28a745 !important;
}

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

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

/* 確保文字可讀性 */
.text-white {
    color: #333333 !important;
}

/* 表單元素 */
input, textarea, select {
    background-color: #ffffff !important;
    border: 1px solid #28a745 !important;
    color: #333333 !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #218838 !important;
    box-shadow: 0 0 5px rgba(40, 167, 69, 0.3) !important;
}

/* 按鈕樣式 */
.btn {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border: none !important;
}

.btn:hover {
    background-color: #218838 !important;
}

/* 卡片樣式 */
.card {
    background-color: #ffffff !important;
    border: 1px solid #28a745 !important;
}

/* 分頁樣式 */
.pagination a {
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
}

.pagination a:hover,
.pagination a.active {
    background-color: #28a745 !important;
    color: #ffffff !important;
}