@charset "utf-8";
[hidden] { display: none; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
 @media print {
  @page { margin: 0.5cm; }
}
.ContentL-list {
	font-family: "微軟正黑體", Arial;
	font-size: 14px;
	line-height: 2em;
	font-weight: bold;
	color: #039;
	letter-spacing: .2em;
	text-align: left;
	list-style-type: none;
	padding-left: 0px;
	padding-top: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #039;
	border-bottom-color: #039;
	margin-top: 0px;
	padding-bottom: 15px;
}
#ContentL {
	font-family: "微軟正黑體", Arial;
}

.content-photoBG {
	width: 100%;
	overflow: hidden;
	height: auto;
	border-radius: 50%;
}

.content-TitleS {
	font-family: "微軟正黑體", Arial;
	font-size: 12px;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 2.5%;
	letter-spacing: 0.1em;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5em;
	font-weight: bold;
	margin-top: 5px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #88a533;
	height: 50px;
}

.content-TitleS a {
	color: #333333;
}
.content-TitleS a:link {
	text-decoration: none;
}
.content-TitleS a:visited {
	color: #333333;
}
.content-TitleS a:hover {
	color: #708729;
}
.content-TitleS a:active {
	color: #c40000;
}
.content-Title {
	font-family: "微軟正黑體", Arial;
	font-size: 14px;
	font-weight: bolder;
	color: #FFF;
	padding: 5px;
	width: 100%;
	background-color: #88a533;
}
.content-item {
	font-size: 12px;
	font-weight: bold;
	width: 25%;
	font-family: "微軟正黑體", Arial;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.content-description {
	font-family: "微軟正黑體", Arial;
	font-size: 12px;
	line-height: 1.2em;
	color: #333;
	letter-spacing: 0.2em;
	text-align: left;
	vertical-align: middle;
	width: 75%;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.content-date {
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #88a533;
	width: 100%;
	font-style: italic;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.content-detail {
	font-family: "微軟正黑體", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	width: 100%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	line-height: 1.5em;
	letter-spacing: .2em;
	text-align: left;
	vertical-align: top;
}
.botton-next {
	vertical-align: middle;
}
.botton-page {
	text-align: center;
	vertical-align: middle;
	font-family: "微軟正黑體", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #8CAF23;
	letter-spacing: .2em;
}
.botton-prev {
	vertical-align: middle;
}
.Grow {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 0.5s ease 0s;
}
.Grow:hover {
	border-radius: 5%;
}
#C1a-content {
	width: 90%;
	margin-right: 5%;
}
