body {
    font-size: 14pt;
    color: #0b3c15; /* 改為深森林綠，提高文字閱讀性與全站主題一致性 */
    line-height: 24px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f2f9f4; /* 賦予頁面柔和的淡綠底色 */
}

a {    
    font-size: 14pt;
    color: #1b5e20;
}

a:link {    
    color: #2e7d32;
    text-decoration: none;    
}

a:visited {
    color: #2e7d32;
    text-decoration: none;
}

a:hover {
    color: #ff8f00; /* 保留醒目的懸停色（亮橘），或可改為亮綠色系 */
    text-decoration: underline;
}

.menu {        
    color: #1b5e20;
    font-weight: bold;    
}

.menu:link {    
    color: #1b5e20;
    text-decoration: none;
}

.menu:visited {
    color: #1b5e20;    
    text-decoration: none;
}

.menu:hover {
    color: #558b2f; /* 懸停時變為草綠色 */
    text-decoration: none;
}

.menu2 {    
    font-size: 14pt;    
}

.flow {    
    font-size: 14pt;
    color: #1b5e20;
}

.flow:link {    
    color: #1b5e20;
}

.flow:visited {    
    color: #1b5e20;
}

.flow:hover {
    color: #ffffff;
}

/* 將原本的米色系 layoutform 改為柔和清爽的綠色系 */
.layoutform {            
    border-top: 1px solid #a5d6a7;
    border-right: 1px solid #a5d6a7;
    border-bottom: 1px solid #a5d6a7;
    border-left: 1px solid #a5d6a7;
    border-collapse: collapse;     
}

.layoutform th {
    color: #1b5e20;
    vertical-align: top;
    border-right: 1px solid #c8e6c9;
    border-bottom: 1px solid #c8e6c9;
    background-color: #e8f5e9; /* 淡綠色標題背景 */
    font-weight: normal;
}

.layoutform td {
    color: #2e7d32;
    vertical-align: top;
    border-right: 1px dotted #c8e6c9;
    border-bottom: 1px dotted #c8e6c9;
}

/* 讓全站所有的 Button 按鈕都跟著調整並具備綠色系質感 */
input[type="submit"], 
input[type="button"], 
button {
    font-size: 14pt;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #4caf50;
    color: white;
    border: 1px solid #388e3c;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

input[type="submit"]:hover, 
input[type="button"]:hover, 
button:hover {
    background-color: #43a047;
}

/* 如果按鈕放在 GridView 裡面，也可以這樣精準指定 */
.gridview input[type="submit"], 
.gridview input[type="button"], 
.gridview button {
    font-size: 14pt !important;
}

/* 讓全站所有的 DropDownList / 下拉選單跟著調整 */
select {
    font-size: 14pt;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #a5d6a7;
    padding: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #0b3c15;
}

/* 或者更精準：只針對 GridView 裡面的 DropDownList 調整 */
.gridview select {
    font-size: 14pt;
}

.gridview {        
    border-top: 1px solid #08330F;
    border-right: 1px solid #08330F;
    border-bottom: 1px solid #08330F;
    border-left: 1px solid #08330F;
}

.gridview th {
    font-size: 14pt; /* 設定標題文字大小為 14pt */
    color: #08550F;
    vertical-align: top;
    padding: 5px;
    border-right: 1px dotted #19972D;
    border-bottom: 1px dotted #19972D;
    background-color: #93D854;
    font-weight: normal;
}

.gridview td {    
    font-size: 14pt; /* 設定內容文字大小為 14pt */
    color: #08330F;
    vertical-align: top;
    padding: 5px;
    border-right: 1px dotted #19972D;
    border-bottom: 1px dotted #19972D;
}

.formview {            
    border-top: 1px solid #19972D;
    border-right: 1px solid #19972D;
    border-bottom: 1px solid #19972D;
    border-left: 1px solid #19972D;
    border-collapse: collapse;     
}

.formview th {
    color: #08330F;
    vertical-align: top;
    padding: 5px;
    border-right: 1px solid #19972D;
    border-bottom: 1px solid #19972D;
    background-color: #81c784; /* 調整為更柔和的翠綠色 */
    font-weight: normal;
}

.formview td {
    color: #08330F;
    vertical-align: top;
    padding: 5px;
    border-right: 1px dotted #19972D;
    border-bottom: 1px dotted #19972D;
}

.layouttable td {
    border-top: 0px dotted #FFFFFF;
    border-right: 0px solid #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
    border-left: 0px solid #FFFFFF;
    padding: 5px 5px 0px 5px;
}

ul {
    list-style-image: url(tbdot.gif);    
}