/* 全局樣式 */
body {
    background-color: #FFFFCC; /* 背景顏色：淡黃色 */
}

footer {
    font-size: 10px;
    position:relative;
    left:10px
}

/* 表格相關樣式 */
.highlight {
    background-color: #99FF99; /* 背景顏色：淡綠色 */
}

.center {
    text-align: center; /* 文字對齊：居中 */
}

.right {
    text-align: right; /* 文字對齊：右對齊 */
}

.nowrap {
    white-space: nowrap; /* 禁止換行 */
}

/* 文字樣式 */
.highlight-text {
    color: #FF0000; /* 文字顏色：紅色 */
}

.input-container {
    color: #0000FF; /* 文字顏色：藍色 */
}

.small-text {
    font-size: 10px; /* 字體大小：10px */
    position: relative; /* 相對定位 */
    left: 10px; /* 向左偏移10px */
}
.incomplete {
    color: red; /* 未完成部分的颜色 */
}
.warning {
    color: red;
    font-weight: bold;
    display: none;
}

/* 按鈕樣式 */
.buttonsave, .buttonlogout, .buttonpart { /*所有按鈕通用設定*/
    padding: 10px 22px; /* 內邊距：10px上/下 和 22px左/右 */
    font-size: 18px; /* 字體大小：18px */
    cursor: pointer; /* 指針樣式：指針 */
    border-radius: 12px; /* 邊框圓角：12px */
    text-align: center; /* 文字對齊：居中 */
    text-decoration: none; /* 無文字裝飾 */
    display: inline-block; /* 行內塊級顯示 */
    margin: 4px 2px; /* 外邊距：4px上/下 和 2px左/右 */
    -webkit-transition-duration: 0.4s; /* Safari過渡時間：0.4秒 */
    transition-duration: 0.4s; /* 過渡時間：0.4秒 */
}

.buttonsave, .buttonlogout { /*只限儲存資料及登出按鈕*/
    background-color: white; /* 背景顏色：白色 */
    color: black; /* 文字顏色：黑色 */
    border: 2px solid #f44336; /* 邊框：紅色，寬度2px */
}

.buttonpart { /*只限導航按鈕*/
    background-color: white; /* 背景顏色：白色 */
    color: black; /* 文字顏色：黑色 */
    border: 2px solid #4CAF50; /* 邊框：綠色，寬度2px */
}

/* 輸入框樣式 */
.text-input { /*單行文字輸入*/
    padding: 5px 6px; /* 內邊距：5px上/下 和 6px左/右 */
    border: 2px solid black; /* 邊框：黑色，寬度2px */
    font-size: 18px; /* 字體大小：18px */
    cursor: pointer; /* 指針樣式：指針 */
    -webkit-border-radius: 5px; /* Safari邊框圓角：5px */
    border-radius: 5px; /* 邊框圓角：5px */
    width: 40ch; /* 寬度：40個字符 */
}

textarea { /*多行文本輸入框*/
    padding: 5px 6px; /* 內邊距：5px上/下 和 6px左/右 */
    border: 2px solid black; /* 邊框：黑色，寬度2px */
    font-size: 18px; /* 字體大小：18px */
    cursor: pointer; /* 指針樣式：指針 */
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    height: 5.5rem;
    word-break:keep-all;
}