table.POST {
    width:100%;
    border-collapse:collapse;
}
table.POST caption {
    padding:10px;
    font-size:24px;
    background-color:#f3f6f9;
}
table.POST thead th {
    padding:5px 0px;
    color:#fff;
    background-color:#915957;
}
table.POST tbody td {
    padding:5px 0px;
    color:#555;
    text-align:left;
    background-color:#fff;
    border-bottom:1px solid #915957;
}
table.POST tfoot td {
    padding:5px 0px;
    text-align:center;
    background-color:#d6d6a5;
}

.custom-div{
    border:1px solid;background-color:#eff7ff;padding: 10px;
 }
.title-div{
    border:1px solid;background-color:#66b3ff;padding: 10px;
}
.section-div{
    border:1px solid;background-color:#d2e9ff;padding: 10px;
}
.centent-div{
    border:1px solid;background-color:#ffdf7e;padding: 10px;
}

.check-div{
    border:1px solid;background-color:lightpink;padding: 10px;
}

.image-button {
	border: 2px solid #ccc;       /* 邊框 */
	border-radius: 10px;          /* 圓角 */
	padding: 4px;                 /* 內距讓圖片不貼邊 */
	transition: 0.3s ease-in-out; /* 平滑過渡效果 */
	display: inline-block;
}

.image-button:hover {
	border-color: #007bff;        /* hover 邊框顏色 */
	box-shadow: 0 0 10px rgba(0,123,255,0.4); /* hover 陰影 */
	transform: scale(1.03);       /* 微微放大 */
}

.image-button img {
	border-radius: 10px; /* 圖片本身也圓角 */
	display: block;
}