#top-header img{
    max-width: 100%;
    max-height: 100%;
    width: 50px;
    height: 32px;
}
#main-header a{
    font-size: 150%;
}
:root { --nav-h: 64px; }

/* 讓 main-header 這一排元素上下置中 */
#main-header .row {
display: flex;
align-items: center;      /* 垂直置中 */
min-height: var(--nav-h); /* 統一高度 */
}

/* LOGO 與文字也垂直置中，去掉多餘間距 */
#main-header .logo {
display: flex;
align-items: center;
}
#main-header .logo h2 { margin: 0; }

/* 導覽選單：整條在容器內靠右，項目垂直置中 */
#main-header .main-menu {
margin-left: auto;        /* 把選單推到右側 */
}
#main-header .main-menu ul {
display: flex;
align-items: center;      /* 垂直置中所有 <li> 內的 <a> */
gap: 0px;                /* 選單項目水平間距（可調） */
margin: 0; padding: 0; list-style: none;
}

/* 每個連結本身也用 flex 垂直置中，並給固定高度 */
#main-header .main-menu a {
display: flex;
align-items: center;      /* 垂直置中文字 */
height: var(--nav-h);
text-decoration: none;
}

/* 手機版（你原本 <=1000px）下拉時，仍保持好看 */
@media (max-width: 1000px) {
#main-header .main-menu {
    width: 100%;
}
#main-header .main-menu ul {
    flex-wrap: wrap;
    column-gap: 0px;   /* 橫向間距，可依喜好改 */
    row-gap: 6px;      /* 直向間距 */
}
#main-header .main-menu a {
    white-space: nowrap;
    padding: 0 6px;           /* 再縮一點點點擊區 */
    height: var(--nav-h);     /* 保持垂直置中 */
}
}
#testimonails p {
    text-align: center;
    font-size: 22px;
    color: #333;
    max-width: 1100px;
    margin: 0 auto;
    line-height: 1.8;
}

html {
    scroll-behavior: smooth;
}

#top-header container{
    text-align: left;
}

.bottom-footer {
    text-align: center;
}

.main-footer .row {
    display: flex;
    justify-content: center;
}

.centered-footer {
    text-align: center;
}
.slider-caption {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    padding: 0 20px;
}
.slider-caption span {
    font-size: 4vw; /* 改成相對寬度的單位 */
    color: #ffffff;
    display: block;
    margin-top: 10px;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
    word-break: break-word;
}

.flexslider li {
    position: relative;
}

.flexslider li::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4); 
    z-index: 1;
}
.menu-toggle {
display: none;
font-size: 24px;
background: none;
border: none;
color: #333;
cursor: pointer;
margin-left: auto;
}

@media (max-width: 1000px) {
.main-menu {
    display: none;
    width: 100%;
    background-color: #fff;
    margin-top: 10px;
}

.main-menu ul {
    flex-direction: column;
    padding: 10px;
}

.main-menu li {
    margin: 10px 0;
}

.menu-toggle {
    display: block;
}

.main-menu.active {
    display: block;
}
}
/* 每個選單 <li> 固定寬度 */
#main-header .main-menu li {
  flex: 1 1 0;
  max-width: 170px;   /* 最寬限制 */
  text-align: center;
}

/* 超過就自動換行 */
#main-header .main-menu a {
  white-space: normal !important;  /* 允許換行 */
  word-break: break-word;          /* 長字可斷行 */
  line-height: 1.3;                /* 縮短行距，看起來緊湊 */
  padding: 6px 4px;                /* 調整內距 */
  height: auto;                    /* 高度自動依文字 */
}

.flexslider img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 600px;
  margin: 0 auto;
  display: block;
}
.slider-caption {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 3;                   /* 高於遮罩 */
  pointer-events: none;         /* 避免擋到滑動 */
}
.table_environimg{
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}
.table_environimg tr{
    margin-top: 1px;
}
.table_environimg img{
    max-width: 100%;
}