/*body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 86px;
}*/

:root {
    /*--theme-background-2: rgb(255, 136, 0);*/ /* 預設主題色 */
    /*--main-bg-light: #f0f0f0;*/

    /* 所有主題的備用變數，方便用來設 theme 類別 */
    /*--text-bg1: rgb(0, 166, 255);
    --text-bg2: #00A295;*/

}

/* === 二、自動產生主題切換（透過 body class） === */
/*body.theme-c1{
    --theme-background-2: var(--text-bg1);
}
body.theme-c2{
    --theme-background-2: var(--text-bg2);
}*/

main{
    flex-grow: 1;
}

.header .logo-box h1 {
  font-size: 0;
}

/* 快速連結 */
.right-button {
    display: flex;
    position: fixed;
    align-items: center;
    line-height: 100%;
    top: 30%;
    right: 0;
    width: 40px;
    writing-mode: vertical-rl;
    z-index: 1050;
    padding: 10px 0 10px 0 ;
    color: white;
    font-weight: bold;
    background-color: #71cf1e;
}

.right-button:hover{
    cursor: pointer;
}

/* Navbar */
.navbar{
    min-height: 4rem;
}
.navbar img{
    max-height: 4rem;
}
    
#top-img {
    display: block;
    width: 100%;
    height: 7rem;
    object-fit: cover;
}

.main{
    overflow: hidden;
}
    
/* 左側選單 */
.site-left {
    float: left;
    width: 22.5%;
    overflow-y: auto;
    
}
/* 主選單標題 */
.menu-title {
    background-color: white;
    color: var(--theme-background-2) !important;
    padding: 8px 12px;
    display: block;
    font-weight: bold;
    border-radius: 8px;
    text-decoration: none;
    transition: border-radius 0.3s ease;
    border: 1px solid var(--theme-background-2);
}

.menu-title.active {
    background-color: var(--theme-background-2);
    color: white !important; 
}

/* 子選單 */
.submenu {
    border-left: 1px solid var(--theme-background-2);
    border-right: 1px solid var(--theme-background-2);
    border-bottom: 1px solid var(--theme-background-2);
    border-radius: 0 0 8px 8px;
    padding: 0;
    margin: 0;
    padding-left: 0; /* 取消原本的 padding-left，改用 li 的 padding 來控制 */
    list-style: none; /* 移除預設圓點 */
}

.submenu li {
    position: relative;
    color: var(--theme-background-2); /* 改變圓點和文字顏色 */
    border-top: 1px solid var(--theme-background-2);
    padding-left: 24px; /* 預留空間給自訂圓點 */
    list-style: none; /* 確保無預設圓點 */
}

.submenu li::before {
    content: '■'; /* 方形圓點，你想要圓形就改成 '•' */
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--theme-background-2);
    /*font-size: 16px;*/
	font-size: 1.000em;
    line-height: 1;
}

/* 子選單連結 */
.submenu li a {
    display: block;
    padding: 6px 12px;
    color: black;
    font-weight: normal;
    text-decoration: none;
}

/* hover 效果 */
.submenu li a:hover {
    background-color: #f0f0f0;
}

    
.site-right {
    float: right;
    width: 77.5%;
}

.news-title{
    color: var(--theme-background-2);
    border-bottom: 1px solid var(--theme-background-2);
}

.news-title a{
    color: var(--theme-background-2);
}

.news-content {
    max-height: 250px;
    overflow-y: auto;
}

.content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-img {
    height: auto;
}

@media (min-width: 768px) {

  .col-md-8 {
    width: 66.66666667% !important;
  }

  .col-md-4 {
    width: 33.33333333% !important;
  }

}

.swiper-button-prev, .swiper-button-next {
  color: var(--theme-background-2);
}

.swiper-pagination-bullet-active {
  background:  var(--theme-background-2);
}

@media (max-width: 767px) {

    .sm-mt-8 {
        margin-top: 32px;
    }

}