@charset "utf-8";

thead, tr, th {
	border-top: 0px;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
	/* Force table to not be like tables anymore */
	table, thead, tbody, tfoot, th, td, tr {
		display: block;
	}

		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		thead th {
		}

		tbody tr {
			border: 1px solid #ccc;
		}

		tbody td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

			tbody td:before {
				/* Now like a table header */
				position: absolute;
				/* Top/left values mimic padding */
				top: 6px;
				left: 6px;
				width: 45%;
				padding-left: 5px;
				padding-right: 100px;
				white-space: nowrap;
			}

		tfoot tr {
			border: 1px solid #ccc;
		}

		tfoot td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

			tfoot td:before {
				/* Now like a table header */
				position: absolute;
				/* Top/left values mimic padding */
				top: 6px;
				width: 45%;
				padding-left: 5px;
				white-space: nowrap;
			}

	.table > :not(caption) > * > * {
		padding: 8px
	}

	a{
		margin-left : 20px;
	}
	/*
		Label the data
		
		*/
	td:nth-of-type(1):before {
		content: "日期";
	}

	td:nth-of-type(2):before {
		content: "淨資產價值";
	}

	td:nth-of-type(3):before {
		content: "每申贖/買回 基數(張)";
	}

	td:nth-of-type(4):before {
		content: "預收 申購價金(%)";
	}

	td:nth-of-type(5):before {
		content: "申購 交易費率(%)";
	}

	td:nth-of-type(6):before {
		content: "買回 交易費率(%)";
	}

	td:nth-of-type(7):before {
		content: "申購 手續費";
	}

	td:nth-of-type(8):before {
		content: "買回 手續費";
	}

	td:nth-of-type(9):before {
		content: "申購/買回 截止時間";
	}

}