@charset "utf-8";
body {
	font-family:Arial, Helvetica, sans-serif, Microsoft JhengHei, "微軟正黑體";
	margin:0px;
	font-size:16px;
	line-height:26px;
	color:#3e372f;
	letter-spacing:1px;
}
html { margin: 0; padding: 0; }
#b1 {left: 50%; margin:0 auto; height:100%;; width:1000px; }
a {color:#b12f13;}

.top{ top:0px; position:fixed; z-index:99; height:65px; width:100%; background:#212121;}
.wrap{margin:0 auto; width:100%; *width:100%;  position:relative; background-position:50% 0%;  min-width:1000px; }
.content{margin:0 auto; width:1000px;}
.menu {margin:0 auto; width:100%;*width:100%; margin-left:0px; margin-top:-46px; z-index:10; height:46px; z-index:999; background-color:#29231d; position:fixed;}

.title{ position:absolute; margin-left:0px; margin-top:168px; z-index:10; height:267px; width:643px; background-image:url(../images/index_03.png);}
.recommend{ position:absolute; margin-left:29px; margin-top:447px; z-index:10; height:40px; width:502px; background-image:url(../images/index_07.png);}
.book{ position:absolute; margin-left:592px; margin-top:53px; z-index:10; height:453px; width:363px; }
.book2{ position:absolute; margin-left:653px; margin-top:505px; z-index:10; height:110px; width:270px; font-size:16px; line-height:22px;}

.about{ position:absolute; margin-left:167px; margin-top:197px; z-index:10; height:132px; width:776px;}
.writer{ position:absolute; margin-left:167px; margin-top:409px; z-index:10; height:32px; width:580px; font-size:24px; line-height:26px;}
.st01{ position:absolute; margin-left:44px; margin-top:46px; z-index:10; height:50px; width:150px; background-image:url(../images/st01.png);}
.st02{ position:absolute; margin-left:44px; margin-top:62px; z-index:10; height:50px; width:150px; background-image:url(../images/st02.png);}

.readbook{ position:absolute; margin-left:40px; margin-top:124px; z-index:10; height:420px; width:924px;}

.article01{ position:absolute; margin-left:83px; margin-top:177px; z-index:10; height:500px; width:907px; font-size:18px;letter-spacing:0px;}
.article02{ position:absolute; margin-left:57px; margin-top:128px; z-index:10; height:500px; width:907px;}
.article03{ position:absolute; margin-left:57px; margin-top:133px; z-index:10; height:500px; width:907px;}

.t12 {font-size:12px; line-height:20px;letter-spacing:0px;}
.t14 {font-size:14px; line-height:20px;letter-spacing:0px;}
.t22 {font-size:22px; line-height:26px;letter-spacing:3px;}
.t222 {font-size:22px; line-height:26px;letter-spacing:3px; font-family:"標楷體";}
.red20 {color:#a40001; font-size:20px; font-weight:bold; line-height:22px;}
.red16 {color:#a40001; }
.w24 {color:#fff; font-size:24px; line-height:26px;}
.red16{color:#d42300;}
.yellow32 { color:#f2da7c; font-size:32px; line-height:30px;letter-spacing:3px; font-family:"標楷體";}
.white18 { color:rgba(255, 255, 255, 0.8); font-size:18px; line-height:30px;letter-spacing:1px; font-family:"標楷體";}
.t32 {font-size:32px; line-height:30px;letter-spacing:3px; font-family:"標楷體";}
.t18 { font-size:18px; line-height:30px;letter-spacing:1px; font-family:"標楷體";}


.name{position:absolute; margin-left:0px; margin-top:0px; z-index:10; height:10px; width:10px;}

.img {
  border:1px solid #b4b4b4;
  padding:5px;
  background:#FFF;
}

.table01{
	border:1;
	border-collapse:collapse;
	}
.table01 td{
border:1 solid #383838;
padding:5;
}



.scrollup {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 25px;
    right: 15px;
    display: none;
    text-indent: -9999px;
    background: url(../images/pageup.png) no-repeat;
	z-index:9999;
}