/*表格 table*/
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table > caption {
	height: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 0;
}
/* 表格 */
.table{
	background: #fff;
	/* border: 1px solid #ddd; */
	/* border-bottom: 0; */
	/* -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; */
	margin-bottom: 20px;
	overflow: hidden;
}
/* row */
.table__row {
	border: solid #ddd;
	border-width: 1px 1px 0 1px;
	font-size: 0.875em;/*14/16*/
	padding: 10px;
}
/* 表頭 */
.table__head {
	display: none;
}
/* 內容區 */
.table__body{

}
/* 內容區-cell */
.table__body .table__cell {
	margin: 12px 0;
	line-height: 1.5;
}
/* first and last child */
.table__body .table__cell:first-child,
.table__body .table__cell:first-child {
	margin: 4px 0;
}
/* 前綴 */
.table__body .table__cell:before {
	content: attr(data-th) "：";
	display: inline-block;
	vertical-align: middle;
	margin: -3px 0 0;
	font-weight: normal;
}
/* 表格-備註 */
.table__tips{
	font-size: 0.875em;
	margin-bottom: 20px;
}
.table + .table__tips{
	margin-top: -10px;
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 css。*/
@media screen and (min-width: 1024px) {
	/*==============================共用樣式==============================*/
	.table__head,
	.table__body{
		display: table;
		width: 100%;
	}
	/* 表頭 */
	.table__head{
		background: #2071aa;
		/*background: var(--blue-main, #002852);*/
		color: #fff;
	}
	/* row */
	.table__row {
		display: table;
		width: 100%;
		padding: 0;
	}
	/* cell */
	.table__head .table__cell,
	.table__body .table__cell{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		padding: 10px 6px;
	}
	.table__head .table__cell{
		padding: 14px 6px;
	}
	/* 前綴 */
	.table__body .table__cell:before{
		display: none;
	}
	/* first and last child */
	.table__body .table__cell:first-child,
	.table__body .table__cell:last-child {
		margin: 0;
	}
}