body {
	margin: 0;
	background-color: #F8F7EF;
}
html {overflow-y: scroll;}
FORM {
  margin: 0;
} 
.style1 {
	border-style: solid;
	border: 1px;
}
.style3 {
	text-decoration: none;
	font-size: 13px;
	line-height: 1.5;
}
.size14 {
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
}
.style4 {
	text-decoration: none;
	font-size: 14px;
	line-height: 1.5;
}
.style6 {
	text-decoration: none;
	font-size: 15px;
	line-height: 1.5;
}
.title {
	font-size: 15px;
	font-weight: bold;
  text-decoration: none;
  line-height: 1.5;	
}
.style5 {
	vertical-align: middle;
	border-width: 0;
}
.menuTable {
  background-color: #F8F7EF;
	border: 2px #6D6968;
	border-style: none;
	line-height: 1.7;
  text-decoration: none;
  margin: 0;
}
.contentTable {
  background-color: #F8F7EF;
  height: 100%;
}
.headerTable {
  padding: 0 0 0 0;
  width: 900px;
  border: 0;
}
.mainTable {
  padding: 0 0 0 0;
  width: 900px;
  border: 0;
}
.searchTable {
  padding: 0 0 0 0;
  width: 100%;
  border: 0;
}
.footerTable {
  text-align: right;
}
a {
	color: #000080;
	  text-decoration: none;
}
a:visited {
	color: #000080;
	  text-decoration: none;
}
a:hover {
	color: #009900;
	  text-decoration: none;
}

/* 輪播圖片樣式 */
#service-img, #recruit-img, #service-page-img1, #service-page-img2, #recruit-page-img {
    transition: opacity 0.6s ease;
    border-radius: 8px;
}

/* ====================== 手機版響應式設計 ====================== */
@media (max-width: 600px) {
    body, html {
        font-size: 15px;
        line-height: 1.65;
    }

    .headerTable, .mainTable {
        width: 100% !important;
        padding: 0 8px;
        box-sizing: border-box;
    }

    /* ==================== 保留左側選單 ==================== */
    .mainTable tr td[valign="top"].menutable {
        width: 28% !important;
        min-width: 110px;
        padding-right: 10px;
        border-right: 1px solid #ddd;
    }

    .mainTable tr td[width="100%"] {
        width: 72% !important;
        padding-left: 10px;
    }

    /* 左側選單優化 */
    .menutable a {
        display: block;
        margin: 4px 0 !important;
    }

    .menutable br,
    .menutable img[src*="space_001"] {
        display: none !important;
    }

    /* ==================== 一般頁面（如 index.php）單欄 ==================== */
    table[width="98%"], 
    table[width="280"], 
    table.style3 {
        width: 100% !important;
    }

    table[cellpadding="0"] tr td[valign="top"] {
        display: block !important;
        width: 100% !important;
        margin-bottom: 30px;
    }

    /* ==================== sjintro 系列頁面：強制所有表格單欄 ==================== */
    /* 這些頁面主要使用 width="90%" 的表格 */
    table[width="90%"] {
        width: 100% !important;
    }

    table[width="90%"] tr,
    table[width="90%"] td,
    table[width="90%"] td[valign="top"],
    table[width="90%"] td[valign="bottom"] {
        width: 100% !important;
        float: none !important;
        clear: both !important;
        padding: 1px 0 !important;
        box-sizing: border-box;
    }

    /* 文字間距 */
    table[width="90%"] p,
    table[width="90%"] td p {
        margin: 16px 0 !important;
        padding: 0 5px;
        line-height: 1.7;
    }

    /* 通用優化 */
    img {
        max-width: 100% !important;
        height: auto !important;
        margin: 12px auto;
    }

    .style3, .size14, .style4 {
        font-size: 15px !important;
    }

    .title {
        font-size: 17px !important;
    }

    .footerTable {
        text-align: center;
        padding: 10px 10px;
        font-size: 13px;
    }

    object, embed {
        width: 100% !important;
        max-height: 110px;
    }

    br + br {
        display: none;
    }
}