a {text-decoration:none}
img {border:0px;}
.container{
	width:100%;
	margin:0 auto;
	top:2px;
	position:absolute;
	height: 3880px;
	overflow: hidden;
	background-image:url(../images/pattern.png);
	left: -9px;
} 
#box{width:1004px; height:3880px	; position: relative; background-repeat:no-repeat;margin:0 auto;overflow: hidden; background-color:#000;}
.mainco {width:1004px; position:relative; background-image:url(../images/top.gif); background-repeat:no-repeat; height:900px; top:0px;}
.mainco li{list-style:none; float:left;}
#header{height:450px; top:10px; position:absolute; }
#footer{height:100px; }

.menu li #ct1,#ct2,#ct3,#ct4,#ct5,#top,#ct6
{	cursor:pointer; list-style:none;}
	
.logo {position:absolute; width:230px; height:520px; left:530px; top:-10px;}
.title {position:relative; width:716px; height:188px; background-image:url(../images/title.png); top:515px; left:300px;}
.menu {position: relative; width:1004px; height:55px; top:850px;float:left; background-color:#e4007f;}
.menu li {list-style:none;float:left; padding:2px; padding-left:15px;}
.aki {position: absolute; width:167px; height:58px; left:800px; top:773px; z-index:999;}
.au_i {
	position:absolute;
	top:70px;
	width:580px;
	height:600px;
	letter-spacing:1pt;
		line-height:1.5em;
		margin:10px;
	text-align:left;
	font-size : 10pt; 
	font-family : 細明體,sans-serif;
}
.au_i a { color:#900;}
.au_i a:hover {border-bottom : 1px dotted #000000;color : #666666}
#main { width:1004px; height:2980px; position: relative; top:0px; background-image:url(../images/main_bg.png);}
#read {width:1004px; height:420px; position: relative; background-image:url(../images/story.png); top:0px;}
#auth {width:1004px; height:230px; position: relative; background-image:url(../images/auth.png); top:0px;}
#book {width:1004px; height:860px; position: relative; background-image: url(../images/book.png);top:0px;}
#comment {width:1004px; height:520px; position: relative; background-image:url(../images/comment.png);top:-50px;}
#comment_i {	position: relative;top:100px;width:900px;height:370px;overflow: auto;
	letter-spacing:0.5pt;line-height:1.8em;margin:50px;text-align:left;font-size : 14px;font-family : 細明體,sans-serif;border: 1px solid #ccc;padding:5px;}
#wp {width:1004px; height:380px; position: relative; background-image: url(../images/wp.png);top:-50px; background-repeat:no-repeat;}
#wpi {width:800px; height:50px; position: relative; top:330px; left:0px;z-index:999;}
#wpi img { padding-left:260px; padding-right:10px;}
#other {width:1004px; height:470px; position: relative; background-image: url(../images/more.png);top:-50px; background-repeat:no-repeat;}
#cmark1 {position: absolute; width:132px; height:14px; top:285px; left:3px; background-image:url(../images/cp1.gif);}
#cmark2 {position:absolute; width:132px; height:14px; top:267px; left:147px; background-image:url(../images/cp2.gif);}
#cmark3 {position:absolute; width:132px; height:14px; top:267px; left:290px; background-image:url(../images/cp3.gif);}
#cmark4 {position:absolute; width:132px; height:14px; top:250px; left:435px; background-image:url(../images/cp4.gif);}
#cmark5 {position:absolute; width:132px; height:14px; top:250px; left:579px; background-image:url(../images/cp5.gif);}
#cmark6 {position:absolute; width:132px; height:14px; top:250px; left:722px; background-image:url(../images/cp6.gif);}

#cp
{position: relative;
	top:-40px;
	width:700px;
	height:150px;	letter-spacing:0.5pt;
	line-height:1.8em;
	text-align: center;
	font-size : 10pt;
	font-family : 細明體,sans-serif;}
.cp_i {
	position:absolute;
	top:0px;
	left:-10px;
	width:1000px;
	height:250px;
	letter-spacing:0.5pt;
	line-height:1.5em;
	margin:10px;
	text-align: center;
	font-size : 9pt;
	color: #000;
	font-family : 'PT Sans Narrow', Arial, sans-serif;;
	padding:0px;
}
.buy { width:93px; height:28px; position:relative; top:610px; left:648px; z-index:999;}
.fbf { width:594px; height:51px; position:relative; top:574px; left:336px; z-index:999;}
.readgo { width:93px; height:28px; position:relative; top:620px; left:647px; z-index:999;}
.booklist { position:relative; width:992px; height:350px; top:100px; margin:0px 10px 0px 55px;}
.booklist p{ font-size:13px; font-family :  tahoma,sans-serif; 	
	line-height:1.4em; text-align: left; padding-top:1px; color:#333;}
.booklist h1{ font-size:13px; font-family : 細明體,sans-serif; 	
	line-height:1.4em; text-align: left; padding-top:10px; color:#333; font-weight:bold;}
.booklist h2{font-size:9px; font-family :  tahoma,sans-serif; 	
	line-height:1.4em; text-align: left; padding-top:1px; color:#333;}
.booklist h2 img {height:14px; width:132px;}	
.booklist a{ text-decoration:none; color:#e4007f; text-align:center;}
.booklist a:hover {text-decoration:underline; color:#333;}
.booklist li {float:left; list-style:none; padding:10px 5px 10px 5px;width:134px; height:230px;}
.booklist li img {width:134px; height:189px;	border:none;
	-moz-box-shadow:2px 2px 4px #999;
	-webkit-box-shadow:2px 2px 4px #999;
	box-shadow:2px 2px 4px #999;
	/*
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	*/}
	.booklist li img:hover {opacity:0.8;}