/* CSS Document */
html{scrollbar-face-color:#00deff; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#e5e6e7; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-base-color:#00deff;}
body,td,th{
	font-size:12px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
body{background:#FFFFFF; text-align:center;}
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, label, select, input{margin:0; padding:0;}
input{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
img,a img{border:0;}
p{text-indent:0em;}
a:link{color:#0000FF; text-decoration:underline;}
a:visited{color:#330033; text-decoration:underline;}
a:hover{color:#FF0033; text-decoration:none;}
a:active{color:#999999; text-decoration:none;}

.b{font-weight:bold;}
.i{font-style:italic;}
.lt{text-decoration:line-through;}
.f16{font-size:16px;}

.left{float:left;}
.right{float:right;}
.clear{clear:both; font-size:0; line-height:0; height:0;}
.text{margin:0 0 10px 0; padding:0;}
.scroll{overflow-y:scroll; scrollbar-face-color:#00deff; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#e5e6e7; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-base-color:#00deff;}
.input{ border:#E6E6E6 1px solid; background:#FFF; color:#333;}
.input2{ border:#00DCFE 1px solid; background:#FFF; color:#CECECE; height:20px; line-height:20px; padding-left:3px;}
.submit{background:#00DEFF; color:#FFF; border:none; text-align:center; vertical-align:middle; line-height:18px;}
.line{ font-size:0; line-height:0; height:0; border-top:#D7D7D7 dashed 1px;}

.align_left{ text-align:left;}
.align_right{ text-align:right;}
.align_center{ text-align:center;}


.table1 table{background:#E6E6E6;}
	.table1 tr{background:#FFF; vertical-align:top;}
		.table1 td{padding:7px}

.table2 table{background:#E6E6E6;}
	.table2 tr{background:#FFF; vertical-align:top;}
		.table2 td{padding:3px;}

.pagination{padding:3px; margin:3px; text-align:right; font-family: Verdana, Arial, Helvetica, sans-serif;}
	.pagination a:link,
	.pagination a:visited{padding:2px 3px; margin: 1px;}
	.pagination a:hover,
	.pagination a:active{color: #f00;}
		.pagination span.current{padding:2px 5px; font-weight: bold; margin:2px; color: #000;}
		.pagination span.disabled{padding:2px 5px; margin: 2px; color: #ddd;}

.link{padding:1px 0 1px 20px;}
.pdf{background: url("images/icons/icon_pdf.gif") no-repeat left center; }
.doc{background: url("images/icons/icon_doc.gif") no-repeat .1em 0em;}
.zip{background: url("images/icons/icon_zip.gif") no-repeat left center;}


/* --------------------------- */
#bg_home{position:relative; background:#F4F1E1 url(images/bg_home.gif) no-repeat left top; width:766px; height:458px; margin:28px auto 0; text-align:left;}
	#bg_home #hotnews{position:absolute; top:365px; left:5px; z-index:100; width:215px; height:90px;}
	#bg_home #hotnews li{ float:left; width:190px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding:0 0 2px 3px;}

	#bg_home .home_1{position:absolute; top:261px; left:272px; z-index:50; width:92px; height:92px; background:url(images/home_1.gif) no-repeat left top;}
	#bg_home .home_7{position:absolute; top:40px; left:589px; z-index:50; width:160px; height:160px; background:url(images/home_7.gif) no-repeat left top;}
	#bg_home .home_10{position:absolute; top:247px; left:391px; z-index:50; width:147px; height:147px; background:url(images/home_10.gif) no-repeat left top;}

/* --------------------------- */
.banner_001{background:#E5E5E5 url(images/banner_001.png) no-repeat left top;}
.banner_002{background:#E5E5E5 url(images/banner_002.png) no-repeat left top;}
.banner_003{background:#E5E5E5 url(images/banner_003.png) no-repeat left top;}
.banner_004{background:#E5E5E5 url(images/banner_004.png) no-repeat left top;}

#header{position:relative; width:800px; height:158px; margin:28px auto 0; text-align:left;}
	#header #logo{position:absolute; top:111px; right:0; z-index:100; width:199px; height:47px; background:url(images/logo.gif) no-repeat right top;}
			#header #logo h1 a{width:199px; height:47px; display:block;}
				#header #logo h1 a span{display:none;}

#menu_nav{width:800px; height:22px; line-height:22px; margin:6px auto; background:#FFF; text-align:right;}
#search{text-align:left;}
#search .input2{ font-size:12px; width:150px;}

.nav{ padding-top:3px;}
.nav ul{
	margin:0;
	padding:0;
	line-height: 15px;
}
	.nav li{list-style:none; float:left; margin-right:17px;}

#sub_news{}
	#sub_news dt{margin:0; padding:0 0 5px 0;}
		#sub_news dd{padding-bottom:5px; padding-left:20px; white-space:nowrap; float:left;}


.sub1{ padding:10px 0 0 5px;}
	.sub1 ul{margin:0; padding:0;}
		.sub1 li{list-style:none; padding-bottom:14px;}
	.sub1 dt{margin:0; padding:0 0 14px 0;}
		.sub1 dd{padding-bottom:14px; padding-left:28px;}

.dropmenu{position: absolute; z-index:500; left:0; top:0; clip:rect(auto, auto, auto, auto); background:#FFFFFF; border:#CCCCCC 1px solid; width:550px; padding:10px;}
.dropmenu_search{position: absolute; z-index:500; left:0; top:0; width:200px; text-align:left;}

#contain{width:800px; margin:0 auto;}
#mainbg{width:762px; padding:34px 18px; background:#F8F8F7; float:left; text-align:left;}

#left{float:left; width:180px; background:#FFF;}
#right{float:right; width:550px; background:#FFF;}

.booklistblock{margin:15px 10px;}
.booklisttitle{margin-bottom:15px;}
.booklist{ margin-left:15px;}
.booklistcover{text-indent:0em; float:left; margin-left:15px; margin-bottom:20px; width:130px;}
	.booklistcover img{margin-bottom:5px;}

	.booklistcover a:link,
	.booklistcover a:visited{color:#000; text-decoration:none;}
	.booklistcover a:hover{color:#FF0033;}
	.booklistcover a:active{color:#999999;}

.booktitlelist{ height:140px; margin-bottom:50px;}
.booktitlelist2{ height:650px; margin-bottom:50px;}
	.booktitlelist li,
	.booktitlelist2 li{ float:left; height:14px; width:225px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding:0 0 3px 5px;}


.newstitlelist{
	height:140px;
	margin-bottom:50px;
	line-height: 20px;
}
	.newstitlelist li{ float:left; width:470px; font-size:12px; overflow:hidden; white-space:normal;}
		.newstitlelist li .date{ float:right; font-size:11px; font-weight:normal; font-style:italic; color:#CCCCCC; margin-top:-15px;}
	.newstitlelist a:link,
	.newstitlelist a:visited{text-decoration:none;}
	.newstitlelist a:hover{ text-decoration:underline;}
	.newstitlelist a:active{}


.bookinfo{}

.bookcover{float:left;}
	.bookcover img{margin-bottom:5px;}

.bookcoverinfo{float:right; width:345px;}
		.bookcoverinfo table td{padding-bottom:0px;}
.btn_buy{padding-top:5px;}

.bookdetail{ line-height:20px;}
	.bookdetail h3{font-size:12px; font-weight: bold; margin:10px 0;}
	.bookdetail p{ margin:10px 0;}

.introduction{}
	.introduction li{ list-style:none;}

.directory{}
	.directory ol{ margin-left:45px;}

.preamble{}
	.preamble .newstitle{ text-align:center; font-weight:bold;}
		.preamble p img{ margin-bottom:10px;}

.check{ background:#FFF; padding:40px 38px 100px;}

	.linkdetail li{margin-left:20px; line-height:25px;}


.searchnewstitlelist{ margin-bottom:50px;}
	.searchnewstitlelist li{ width:570px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; list-style:none; padding:0 0 3px 5px;}
		.searchnewstitlelist li .date{ float:right; font-size:11px; font-weight:normal; font-style:italic; color:#CCCCCC; margin-top:-15px;}

.searchdescription{height:30px; padding-bottom:5px; font-weight:bold;}

	.searchnewstitlelist a:link,
	.searchnewstitlelist a:visited{text-decoration:none;}
	.searchnewstitlelist a:hover{text-decoration:underline;}
	.searchnewstitlelist a:active{}

.searchbookinfo{}
.searchbookinfo .booklistcover{ width:330px;}
.searchbookinfo .booklistcover .f16{ font-family:"ºÚÌå"; font-weight:normal;}

.dropmenu .booklistcover{text-indent:0em; float:left; margin:15px; width:130px;}
.dropmenu .introduction{ line-height:20px; float:left; width:340px;}


#copyright{
	width:800px;
	margin:24px auto 14px;
	text-align:left;
	line-height: 22px;
}

/* --------------------- */

.col_ff32cb{ color:#FF32CB;}

.col_1 a:link, .col_1 a:visited,
.col_2 a:link, .col_2 a:visited,
.col_3 a:link, .col_3 a:visited,
.col_4 a:link, .col_4 a:visited,
.col_5 a:link, .col_5 a:visited,
.col_6 a:link, .col_6 a:visited,
.col_7 a:link, .col_7 a:visited,
.col_8 a:link, .col_8 a:visited,
.col_9 a:link, .col_9 a:visited,
.col_10 a:link, .col_10 a:visited,
.col_11 a:link, .col_11 a:visited,
.col_12 a:link, .col_12 a:visited,
.col_13 a:link, .col_13 a:visited,
.col_14 a:link, .col_14 a:visited,
.col_15 a:link, .col_15 a:visited,
.col_16 a:link, .col_16 a:visited,
.col_17 a:link, .col_17 a:visited,
.col_18 a:link, .col_18 a:visited,
.col_19 a:link, .col_19 a:visited,
.col_20 a:link, .col_20 a:visited,
.col_21 a:link, .col_21 a:visited,
.col_22 a:link, .col_22 a:visited,
.col_23 a:link, .col_23 a:visited,
.col_24 a:link, .col_24 a:visited,
.col_25 a:link, .col_25 a:visited,
.col_26 a:link, .col_26 a:visited,
.col_27 a:link, .col_27 a:visited,
.col_28 a:link, .col_28 a:visited{text-decoration:none;}

.col_1 a:hover, .col_1 a:active,
.col_2 a:hover, .col_2 a:active,
.col_3 a:hover, .col_3 a:active,
.col_4 a:hover, .col_4 a:active,
.col_5 a:hover, .col_5 a:active,
.col_6 a:hover, .col_6 a:active,
.col_7 a:hover, .col_7 a:active,
.col_8 a:hover, .col_8 a:active,
.col_9 a:hover, .col_9 a:active,
.col_10 a:hover, .col_10 a:active,
.col_11 a:hover, .col_11 a:active,
.col_12 a:hover, .col_12 a:active,
.col_13 a:hover, .col_13 a:active,
.col_14 a:hover, .col_14 a:active,
.col_15 a:hover, .col_15 a:active,
.col_16 a:hover, .col_16 a:active,
.col_17 a:hover, .col_17 a:active,
.col_18 a:hover, .col_18 a:active,
.col_19 a:hover, .col_19 a:active,
.col_20 a:hover, .col_20 a:active,
.col_21 a:hover, .col_21 a:active,
.col_22 a:hover, .col_22 a:active,
.col_23 a:hover, .col_23 a:active,
.col_24 a:hover, .col_24 a:active,
.col_25 a:hover, .col_25 a:active,
.col_26 a:hover, .col_26 a:active,
.col_27 a:hover, .col_27 a:active,
.col_28 a:hover, .col_28 a:active{text-decoration:underline;}


.col_1 a:link, .col_1 a:visited, .col_1 a:hover, .col_1 a:active{
	color:#333;
}
.col_2 a:link, .col_2 a:visited, .col_2 a:hover, .col_2 a:active{
	color:#333;
}
.col_3 a:link, .col_3 a:visited, .col_3 a:hover, .col_3 a:active{
	color:#333;
}
.col_4 a:link, .col_4 a:visited, .col_4 a:hover, .col_4 a:active{
	color:#333;
}
.col_5 a:link, .col_5 a:visited, .col_5 a:hover, .col_5 a:active{
	color:#333;
}
.col_6 a:link, .col_6 a:visited, .col_6 a:hover, .col_6 a:active{
	color:#333;
}
.col_7 a:link, .col_7 a:visited, .col_7 a:hover, .col_7 a:active{
	color:#333;
}
.col_8 a:link, .col_8 a:visited, .col_8 a:hover, .col_8 a:active{
	color:#333;
}
.col_9 a:link, .col_9 a:visited, .col_9 a:hover, .col_9 a:active{
	color:#333;
}
.col_10 a:link, .col_10 a:visited, .col_10 a:hover, .col_10 a:active{
	color:#333;
}
.col_11 a:link, .col_11 a:visited, .col_11 a:hover, .col_11 a:active{
	color:#333;
}
.col_12 a:link, .col_12 a:visited, .col_12 a:hover, .col_12 a:active{
	color:#333;
}
.col_13 a:link, .col_13 a:visited, .col_13 a:hover, .col_13 a:active{
	color:#333;
}
.col_14 a:link, .col_14 a:visited, .col_14 a:hover, .col_14 a:active{
	color:#333;
}
.col_15 a:link, .col_15 a:visited, .col_15 a:hover, .col_15 a:active{
	color:#333;
}
.col_16 a:link, .col_16 a:visited, .col_16 a:hover, .col_16 a:active{
	color:#333;
}
.col_17 a:link, .col_17 a:visited, .col_17 a:hover, .col_17 a:active{
	color:#333;
}
.col_18 a:link, .col_18 a:visited, .col_18 a:hover, .col_18 a:active{
	color:#333;
}
.col_19 a:link, .col_19 a:visited, .col_19 a:hover, .col_19 a:active{
	color:#333;
}
.col_20 a:link, .col_20 a:visited, .col_20 a:hover, .col_20 a:active{
	color:#333;
}
.col_21 a:link, .col_21 a:visited, .col_21 a:hover, .col_21 a:active{
	color:#333;
}
.col_22 a:link, .col_22 a:visited, .col_22 a:hover, .col_22 a:active{
	color:#333;
}
.col_23 a:link, .col_23 a:visited, .col_23 a:hover, .col_23 a:active{
	color:#333;
}
.col_24 a:link, .col_24 a:visited, .col_24 a:hover, .col_24 a:active{
	color:#333;
}
.col_25 a:link, .col_25 a:visited, .col_25 a:hover, .col_25 a:active{
	color:#333;
}
.col_26 a:link, .col_26 a:visited, .col_26 a:hover, .col_26 a:active{
	color:#333;
}
.col_27 a:link, .col_27 a:visited, .col_27 a:hover, .col_27 a:active{
	color:#333;
}
.col_28 a:link, .col_28 a:visited, .col_28 a:hover, .col_28 a:active{
	color:#333;
}