html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #333333;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
* {
	padding:0;
	margin:0;
	font-size:12px;
}
input {
	padding:0px 1px 2px 1px;
	line-height:16px;
}
textarea {
	padding:0px 1px 1px 1px;
	line-height:16px;
}
img {
	border:none;
}
h3 {
	padding-left:24px;
	font-size:12px;
	font-weight:normal;
}
#center {
	width:100%;
	position:absolute;
	top:50%;
	margin:-300px 0 0 0;
	height:600px;
}
#main {
	width:980px;
	height:600px;
	margin:0px auto;
}
#main_media {
	width:980px;
	height:600px;
	margin:0px auto;
	background:url(../images/media_bg.jpg) left bottom no-repeat;
}
#main_collection {
	width:100%;
	height:600px;
	margin:0px auto;
}
#nav {
	position:absolute;
	top:0;
	left:0;
	float:left;
	z-index:10;
}
#nav_media {
	width:100%;
	height:123px;
	text-align:right;
}
#nav_collection {
	width:980px;
	height:123px;
	text-align:right;
	margin:0px auto;
}
#left {
	width:750px;
	height:600px;
	float:left;
	background:url(../images/content_bg.jpg) left bottom no-repeat;
	position:relative;
}
#left_media {
	width:750px;
	float:left;
	position:relative;
}
#left_media_book {
	float:left;
	position:relative;
	width:100%;
}
#left_media_pbr {
	width:766px;
	float:left;
	position:relative;
}
#left_about {
	width:750px;
	height:600px;
	float:left;
	background:url(../images/content_about.jpg) left bottom no-repeat;
	position:relative;
}
#right {
	width:219px;
	height:600px;
	float:right;
}
#right_media {
	width:219px;
	float:right;
	padding-right:10px;
}
#rightUp {
	width:219px;
	height:123px;
	text-align:right;
}
#rightDown {
	width:219px;
	height:245px;
}
#copyright {
	width:100%;
	height:9px;
	text-align:right;
}
.newsTitleL {
	float:left;
	width:85%;
	height:100%;
}
.newsTitleR {
	float:right;
	width:15%;
	height:100%;
	text-align:left;
}
.joinTitleL {
	float:left;
	width:30%;
	height:100%;
}
.joinTitleR {
	float:right;
	width:70%;
	height:100%;
	text-align:right;
	font-size:12px;
}
#content1 {
	position: absolute;
	margin:0;
	padding:0;
	top: 140px;
	left: 55px;
	width: 648px;
	height: 355px;
	line-height: 24px;
	color: #000;
}
#content1_media {
	position: absolute;
	margin:0;
	padding:0;
	top: 17px;
	left: 55px;
	width: 648px;
	height: 355px;
	line-height: 24px;
	color: #000;
}
#content2 {
	position: absolute;
	margin:0;
	padding:0;
	top: 140px;
	left: 55px;
	width: 648px;
	height: 355px;
	line-height: 24px;
	color: #000;
}
/* scroller */
#scrollerContainer {
	position:absolute;
	width:630px;
	height:330px;
	overflow:hidden;
	z-index:6;
	top:20px;
}
#scrollerContent {
	position:absolute;
	left:0;
	top:0;
	width:630px;
}
#scrollerButtons {
	position: absolute;
	top: 0;
	left: 645px;
	width: 30px;
	height: 419px;
}
#scrollerButtons #up {
	position: absolute;
	top: 0px;
	left: 0;
	width: 15px;
	height: 15px;
	z-index: 2;
	cursor:pointer;
}
#scrollerButtons #track {
	position:absolute;
	top: 20px;
	left:3px;
	width:15px;
	height:330px;
	background: url(../images/scrollbar_bg.jpg) top left no-repeat;
	z-index: 3;
}
#scrollerButtons #drag {
	position: absolute;
	top: 20px;
	left:2px;
	width: 9px;
	height: 64px;
	background: url(../images/scrollbar.jpg) top left no-repeat;
	z-index: 4;
	cursor:pointer;
}
#scrollerButtons #down {
	position: absolute;
	top: 330px;
	left: 0;
	width: 15px;
	height: 15px;
	z-index: 5;
	cursor:pointer;
}
/* ±êÌâ */
.title {
	font-size: 14px;
	font-weight: bold;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	padding: 0 5px 0 30px;
	margin-bottom: 10px;
	display:block;
	height:37px;
	line-height:37px;
}
.titleOpen {
	background: url(../images/bg_title_open.gif) center bottom no-repeat;
	cursor: url("../images/close.ico"), n-resize;
}
.titleClose {
	background: url(../images/bg_title_close.gif) center bottom no-repeat;
	cursor: url("../images/open.ico"), n-resize;
}
.defaultTitle {
	font-size: 14px;
	font-weight: bold;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	padding: 3px 5px 1px 20px;
	height:18px;
	background-image: url(../images/titleRight.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}
blockquote {
	margin:15px;
	background:url(../images/point.gif) left bottom repeat-x;
}
.Container {
	position: absolute;
	top: 76px;
	left: 100px;
	width: 630px;
	height: 330px;
	background: #FFF url(../images/container_background.gif);
}
#Scroller-1 {
	position: absolute;
	overflow: hidden;
	width: 630px;
	height: 330px;
}
#Scroller-1 p {
	margin: 0;
	padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 20px;
	color: #6F6048;
}
.Scroller-Container {
	position: absolute;
	top: 0px;
	left: 0px;
}
#Scrollbar-Container {
	position: absolute;
	top: 40px;
	left: 760px;
}
.Scrollbar-Up {
	cursor: pointer;
	position: absolute;
}
.Scrollbar-Track {
	width: 20px;
	height: 330px;
	position: absolute;
	top: 36px;
	left: 4px;
	background: transparent url(../images/scrollbar_bg.jpg) no-repeat center center;
}
.Scrollbar-Handle {
	position: absolute;
	width: 9px;
	height: 64px;
	padding-left:6px;
}
.Scrollbar-Down {
	cursor: pointer;
	position: absolute;
	top: 365px;
}
/* book */

td {
	font-size:12px
}
.rollboder {
	border: #bcbcbc 1px solid;
}
.rollleft {
	float: left;
	width: 577px;
}
.rollleft strong {
	color: #666
}
.rollcenter {
	width: 30px;
}
.rollright {
	float: right;
	width: 137px;
	text-align: center
}
.rollright img {
	vertical-align: middle
}
/* popo_up */
.bg {
	background:url(../images/collection_new_bg.jpg) left top repeat-x;
	border:1px solid #d6d6d6;
}
.collection_pic_border {
	border:#d6d6d6 1px solid;
}
.dashed_border {
	border-bottom:dashed 1px #d5d5d5;
}
.collection_num {
	font-weight:bolder;
	font-size:16px;
}
.white_bg {
	background-color:#ffffff;
}
.recommended_border {
	border:#D6D6D6 1px solid;
}
.font_del_line {
	text-decoration:line-through;
}
#sale {
	position:absolute;
	float:left;
	background:url(../images/icon_sale.gif) left top no-repeat;
	height:55px;
	width:55px;
	z-index:10;
}
#hot {
	position:absolute;
	float:left;
	background:url(../images/icon_hot.gif) left top no-repeat;
	height:55px;
	width:55px;
	z-index:10;
}
#sale {
	position:absolute;
	float:left;
	background:url(../images/icon_new.gif) left top no-repeat;
	height:55px;
	width:55px;
	z-index:10;
}
#normal {
}
.abook {
	color:#868686;
}
.abook:hover {
	color:#868686;
	text-decoration:underline;
}
.abook:visited {
	color:#868686;
	text-decoration:none;
}
.abook:linked {
color:#868686;
text-decoration:none;
}
.abook:active {
	color:#868686;
	text-decoration:none;
}