@charset "utf-8";
/* CSS Document */

@import "reset.css";
body {
	text-align: left;
	font: 14px/25px Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", Verdana, Helvetica, sans-serif;
	color: #999999;
	background: #a79f9a;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #F90;
	text-decoration: underline;
}
#header {
	width: 1000px;
	margin: 0 auto;
}
.hdRight {
	float: right;
}
.hdLeft {
	float: left;
}
.target{
     position:relative;
     top:-78px;/*-----錨點點跳位置修正，設為menu高度------*/
     display: block; }

/*-----menu------*/
#fixmenu {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 78px;
	position: fixed;
	top: 0em;
	z-index:1;
}
/*-----nav------*/
#nav {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 95px;
	background: url(../img/nav.jpg) no-repeat top left #000;
}
#nav ul {
	/*	padding:0 20px;
*/		float: right;
}
#nav li {
	float: left;
	padding: 0;
	height: 123px;
	text-indent: -5000px;
}
#nav a {
	text-indent: -5000px;
	display: block;
	text-decoration: none;
	height: 123px;
}
.m0 {
	width: 230px;
	background: url(../img/nav.jpg) no-repeat left top;
}
.m1 {
	width: 180px;
	background: url(../img/nav.jpg) no-repeat -230px top;
}
.m2 {
	width: 185px;
	background: url(../img/nav.jpg) no-repeat -410px top;
}
.m3 {
	width: 185px;
	background: url(../img/nav.jpg) no-repeat -595px top;
}
.m4 {
	width: 220px;
	background: url(../img/nav.jpg) no-repeat -780px top;
}
.m0 a {
	background: url(../img/nav.jpg) no-repeat left top;
}
.m1 a {
	background: url(../img/nav.jpg) no-repeat -240px top;
}
.m2 a {
	background: url(../img/nav.jpg) no-repeat -416px top;
}
.m3 a {
	background: url(../img/nav.jpg) no-repeat -584px top;
}
.m4 a {
	background: url(../img/nav.jpg) no-repeat -774px top;
}
.m0 a:hover {
	background: url(../img/nav.jpg) no-repeat left bottom;
}
.m1 a:hover {
	background: url(../img/nav.jpg) no-repeat -240px bottom;
}
.m2 a:hover {
	background: url(../img/nav.jpg) no-repeat -416px bottom;
}
.m3 a:hover {
	background: url(../img/nav.jpg) no-repeat -584px bottom;
}
.m4 a:hover {
	background: url(../img/nav.jpg) no-repeat -774px bottom;
}
/*-----main------for page center*/
#mainContent {
	width: 1000px;
	background: url(../img/mainC_bg.jpg) no-repeat top center;
	margin: 0px auto;
	padding: 0px 0px;
	position: relative;
	/*top:78px;-----menu------for the first picture*/
}
.content {
	text-align: left;
}
.story_block {
	padding: 0px 0px;
}
.author_block {
	background: url(../img/author_bg.jpg) repeat-x top left;
}
.auLeft {
	float: left;
}
.auRight {
	width: 5710px;
	float: right;
}
.read_block {
	background: url(../img/img_10.jpg) no-repeat top center;
	padding: 0 86px 0 90px;
	height:429PX;
	color:#534949;
}
.read_block2 {
	background: url(../img/img_12.jpg) no-repeat top center;
	padding: 0 86px 0 90px;
	height: 336px;
	color:#534949;
}
.scroll-pane {
	width: 95%;
	height: 373px;
	padding: 30px 30px;
	overflow: auto;
	z-index:2;
}

.scroll-pane2 {
	width: 95%;
	height: 316px;
	padding: 30px 30px;
	overflow: auto;
	z-index:3;
}
.scroll_sp {
	font: 14px/25px "新細明體", PMingLiU, sans-serif;
}

.scroll_h3 {
	font: 16px/40px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #682d2d;
}
.scroll_h1 {
	font: 24px/40px YuMincho,Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #4396ca;
}
.scroll_h2 {
	font: 21px/40px YuMincho,Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #d17e1b;
}
.scroll_highlight, .highlight a:hover {
	color: #682d2d;
}
.more_block1 ul, .more_block2 ul {
	width: 150px;
	float: left;
	text-align: center;
	color: #336;
}
/*.more_block li img{
	margin-bottom:0px;
	}*/
.LBook {
	padding-left: 110px;
	/*	margin-top:20px;
*/	margin: 0 auto;
}
.RBook {
	padding-left: 110px;
}
/*-----highlight------*/
.highlight a {
	color: #ff7444;
	text-decoration: underline;
}
.highlight a:hover {
	color: #fc0;
}
.codeTxt {
	font-weight: bold;
	color: #ffd41c;
	font-size: 14px;
}
.topBtn {
	margin: 40px 0px 20px 0px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clear {
	clear: both;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.protectText {
	color: #C8C8C8;
	font: 6px Verdana, Arial, Helvetica, sans-serif;
}