@font-face {
  font-family: 'Microsoft JhengHei';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(MS Gothic), local(Yu Gothic), local(PMingLiU);
}
.writer { 
	font-family: 'Microsoft JhengHei', '微軟正黑體', 'STHeiti', '黑體', 'Heiti TC', 'PMingLiU', 新細明體;
}
.writer p, 
.writer div, 
.writer a, 
.writer li, 
.writer td, 
.writer th, 
.writer h1,
.writer h2, 
.writer h3, 
.writer h4, 
.writer h5, 
.writer h6,
.writer span { 
	font-size: 16px; 
	color: #000000; 
	margin: 0px; 
	padding: 0px; 
	word-wrap: break-word; 
	white-space: normal; 
}
.writer p, 
.writer a, 
.writer span {
	line-height: 24px;
}
.writer ol,
.writer ul { 
	padding-left: 25px; 
}
.writer img { 
	border: none; 
}
.writer a, 
.writer a:link, 
.writer a:active, 
.writer a:visited, 
.writer a:hover { 
	color: #000000; 
	text-decoration: none; 
	font-size: inherit; 
}
.writer td, 
.writer th { 
	padding: 3px; 
}
.writer hr { 
	border: none; 
	height: 1px; 
	background-color: #CCCCCC; 
	color: #CCCCCC; 
}
.writer table, 
.writer img { 
	max-width: 100%; 
	height: auto; 
}
.writer table { 
	border-collapse: collapse;
  border-spacing: 0; 
}
.writer table.table-border,
.writer table.table-border td,
.writer table.table-border th {
	border-collapse: collapse; 
	border: 1px solid #000000;
}
.writer .table-box {
	overflow: auto;
	position: relative;
	padding: 0 1px;
}
.writer .text-right {
	float: left;
	margin-right: 20px;
}

.writer .text-left {
	float: right;
	margin-left: 20px;
}

.writer .round-border {
	border-radius: 30px;
}

.writer .two-col,
.writer .three-col,
.writer .four-col,
.writer .five-col {
	font-size: 0;
	white-space: nowrap;
}

.writer .two-col .col,
.writer .three-col .col,
.writer .four-col .col,
.writer .five-col .col {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}

.writer .two-col .col {
	width: 49%;
}

.writer .three-col .col {
	width: 32%;
}

.writer .four-col .col {
	width: 23.5%;
}

.writer .five-col .col {
	width: 18.4%;
}

.writer .two-col .col + .col,
.writer .three-col .col + .col,
.writer .four-col .col + .col,
.writer .five-col .col + .col {
	margin-left: 2%;
}

.writer .subtitle {
	text-align: center;
}

.writer .subtitle h2 {
	display: inline-block;
	font-size: 18px;
	color: #000087;
	border-bottom: 1px solid #b5574d;
	padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
	.writer .text-right,
	.writer .text-left {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}

	.writer .two-col,
	.writer .three-col,
	.writer .four-col,
	.writer .five-col {
		white-space: normal;
	}

	.writer .two-col .col,
	.writer .three-col .col,
	.writer .four-col .col,
	.writer .five-col .col {
		display: block;
		width: 100%;
	}

	.writer .two-col .col + .col,
	.writer .three-col .col + .col,
	.writer .four-col .col + .col,
	.writer .five-col .col + .col {
		margin-top: 20px;
	}

	.writer .two-col .col + .col,
	.writer .three-col .col + .col,
	.writer .four-col .col + .col,
	.writer .five-col .col + .col {
		margin-left: 0;
	}
}