.center-h1 {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
    text-align: center;
} 
.center-table {
	display: flex;
	justify-content: center; /* �����~�� */
} 

.center {
	display: flex;
	justify-content: center;
} 

.left {
	display: flex;
	justify-content: left;
}

.right {
	display: flex;
	justify-content: right;
}

.indent {
text-indent: 2em;
}


.size32 { font-size: 32px; }
.size24 { font-size: 24px; }
.size20 { font-size: 20px; }
.size16 { font-size: 16px; }

/* .upload-area {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}
.upload-area.dragover {
    background-color: #f0f0f0;
}
.file-upload-area {
	width: 100%;
	position: relative;

	.dropzone {
		background-color: #f5f5f5;
		border: 2px dashed #ddd;
		border-radius: 4px;
		font-size: 18px;
		box-sizing: border-box;
		padding: 20px;
		margin-bottom: 10px;
		transition: background-color 0.3s ease-in-out;
		width: 100%;
		min-height: 180px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;

		// Print selected file names in italics. //
		span ~ span {
			font-style: italic;
		}
	}

	&:hover .dropzone {
		border: 2px dashed #cccccc;
		background: #ffffff;
	}

	#tables-import-file-upload {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		cursor: pointer;
		border: 1px solid transparent;
		border-radius: 4px;

		&:valid + .dropzone,
		+ .dropzone.dragover {
			border-color: rgba(0, 255, 0, 0.4);
			background-color: rgba(0, 255, 0, 0.1);
		}

		// :focus style after :valid style to allow for both. //
		&:focus + .dropzone {
			border-color: #2271b1;
		}
	}

	.postbox:not(.no-validation-highlighting) & #tables-import-file-upload:invalid + .dropzone {
		border-color: #cc0000;
	}
} */

/* 標題行顏色 */
th {
    background-color: #f2f2f2;
}

/* 偶數行底色 */
tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* 奇數行底色 */
tr:nth-child(odd) {
    background-color: #ffffff;
}

/* 提供沒有 template 單純資料範圍 */
@media print {
    body * {
        visibility: hidden;
    }

    .printable-content, .printable-content * {
        visibility: visible;
    }

    .printable-content {
        position: absolute;
        top: 0;
        left: 0;
    }
}