@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body {
	margin: 0;
	height: 100%;
	font-family:"微軟正黑體";
	background-color: #FFFFFF;
	background-image: url(../../bg/bg27.png);
	width: 100%;
 
}
#gotop{
	width:102px;
	/*height:110px;*/
	position:fixed;
	_position: absolute; /* position fixed for IE6 */


  _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-10);
	z-index:1;
	bottom: 25%;
	text-align: center;
	margin-right: -555px;
	right: 50%;
	background-color: #000;
	color: #FFF;
	border-radius: 10px;
	opacity: 0.8;
	font-size: 16px;
}
#gotop a {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 18px;
	width: 102px;
	padding-top: 9px;
	padding-bottom: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #626262;

}
#gotop a:visited {
	color: #FFF;
	text-decoration: none;
}
#gotop a:hover {
	color: #FF0;
	text-decoration: none;
}
#gotop a:active {
	color: #FF0;
	text-decoration: none;
}
#gotop a:last-child {
	border-bottom-style: none;
}
#header-share {
	text-align: center;
	width: 900px;
}

#header-rwd {
	display: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#noie{
	color: #FFF;
	width: 100%;
	height: 70px;
	text-align: center;
	border: 1px solid #006699;
	background-color: #669933;
	_z-index: 9999;
	z-index: 9999;
	position: fixed;

	 _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/
	left: 0;
	top: 0;
}
#noie a{
	color: #FC0;
}
#BodyContent {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 900px;
}
.logo {
	margin: 0px;
	padding: 0px;
}


.logo img {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}
#content {
	background: #e6ecf8; /* Old browsers */
	/*background-image: url(img_02.jpg);*/

	font-size: 15px;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 0px;
	padding-bottom: 20px;
	margin: 0px;
				}
#content h2 {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	display: block;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 4%;
	padding-bottom: 30px;
	padding-left: 4%;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last:justify; /*Firefox*/
	-webkit-text-align-last:justify; /*Chrome*/
	bord-break: normal;
}
#content h2::first-letter {font-weight:bold;
  font-size:36px;
  color:#FF0;line-height:26px;
  float:left;
  padding:10px 3px 0 0;}

#content h3 {
	font-size: 21px;
	font-weight: bold;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4%;
	padding: 0px;
}
#content h3 span {
	margin-left: 5px;
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
}
#content h3 a {
	font-size: 15px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #C00;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
	margin-left: 10px;
	border-radius: 5px;
	text-decoration: none;
	display:inline-block;
}

#content ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#content ul li {
	padding: 2%;
	width: 42%;
	margin-right: 2%;
	margin-left: 2%;
	_margin-right: 1%;
	_margin-left: 1%;
	float: left;
	background-color: #fff;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 190px \9;
	_height: 200px;
}
#content ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content ol li {
	padding: 2%;
	width: 25%;
	height: 235px \9;
	margin-right: 2%;
	margin-left: 2%;
	_margin-right: 1%;
	_margin-left: 1%;
	float: left;
	background-color: #f3f5f8;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content ul li:nth-child(odd) {
	clear: left;
}
#content ol li:nth-child(3n+1) {
	clear: left;
}

#content ul li div {
	float: left;
	width: 60%;
}
#content ul li .book_img {
	width: 35%;
	margin-right: 2%;
	padding-right: 2%;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	float: left;
	height: auto;
}
#content ul li img  {
	/*border: 1px solid #134D41;*/
	width: 100%;
	height: 173px;
}
#content ol li img {
	width: 100%;
	border: 1px solid #d0d0d0;
}
#content ul li div h4 , #content ol li div h4 {
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	*line-height: 22px;
}
#content ul li div h4 a , #content ol li div h4 a {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#content ul li div h4 a:visited , #content ol li div h4 a:visited {
	color: #000;
}
#content ul li div h4 a:hover, #content ol li div h4 a:hover {
	color: #900;
}
#content ul li div h5 , #content ol li div h5 {
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	color: #27517f;
	font-weight: normal;
}
#content ol li div h4 , #content ol li div h5, #content ol li div p{
	text-align: center;
}
#content h4 strong {
	color: #C00;
}


#content ul li div p {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	text-indent: 30px;
}
#content ul li div p a {
	font-size: 13px;
	color: #27517f;
	text-decoration: none;
}
#content ul li div p a:visited {
	color: #27517f;
	text-decoration: none;
}
#content ul li div p a:hover {
	color: #C00;
}
#content ol li div h5 {
	margin-bottom: 5px;
}

#content ol li div p {
	margin: 0px;
	padding: 0px;
}
#content ol li div p a {
	color: #FFF;
	background-color: #975f7a;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-radius: 5px;
}
#content ol li div p a:visited {
	color: #FFF;
	text-decoration: none;
}
#content ol li div p a:hover {
	background-color: #C00;
	transition: 0.5s;
}


#content ul li div h6 {
	font-size: 15px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	text-align: right;
	color: #900;
	font-weight: normal;
}
#content ul li div h6 del {
	font-weight: normal;
	color: #999;
	margin-left: 5px;
}
#content table {
	margin-top: 10px;
}

#content th {
	padding: 5px;
	font-size: 16px;
	color: #FFF;
	background-color: #27517f;
	text-align: center;
}
#content td {
	padding: 5px;
	font-size: 16px;
	font-weight: normal;
	background-color: #f3f5f8;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #27517f;
	word-break: normal;
}
#content td a {
	color: #000;
	text-decoration: none;
}
#content td a:visited {
	color: #000;
	text-decoration: none;
}
#content td a:hover {
	color: #C00;transition: 0.5s;
}
#content table tr td span {
	font-size: 13px;
	color: #FFF;
	background-color: #900;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}










.more {
	width: 80%;
	max-width: 900px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #900;
	clear: both;
	float: none;
	padding-right: 10%;
	padding-left: 10%;
}
.more ul {
	clear: both;
	float: none;
}
.more p {
	font-size: 18px;
	font-weight: normal;
	color: #FF0;
	margin: 0px;
	padding: 0px;
}
.more ul {
	margin: 0px;
	list-style-position: outside;
	list-style-type: disc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.more .NewsStyle {
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.more .NewsStyle a {
	font-size: 15px;
	line-height: 1.5em;
	color: #FFF;
	text-decoration: none;
}
.more .NewsStyle a:visited {
	color: #FFF;
	text-decoration: none;
}
.more .NewsStyle a:hover {
	color: #FFF;
	text-decoration: underline;
}
.more .NewsStyle a:active {
	color: #FFF;
	text-decoration: underline;
}