@charset "utf-8";

/* start css reset*/
html {
	color: #000;
}

body {
	line-height: 1;
	background: #000 url(../images/body_bg.gif) repeat-x;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,select,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline:0;
	/*font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: normal;*/
	vertical-align: baseline;

}

table {
	border-collapse:collapse; /*表格的边框合并为一个单一的边框, separate属性表示边框分开*/
	border-spacing:0; /*相邻单元格的边框间的距离*/
}

:focus {
	outline: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-weight:normal;
	font-style:normal;
}

ol,ul {
	list-style:none;
}

caption,th,td {
	text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
}

blockquote, q {
	quotes: '' '';
}

legend{
	color:#000;
}

/* end css reset*/


/* start site common */
body,input,td,div,span,a,li,label,select,textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a {
	font-size:12px;
	color:#fff;
	text-decoration:none;
	hide-focus: expression(this.hideFocus=true);
}

a:hover {
	color:#FD6804;
	text-decoration:none;
}

/* end site common */


/* start clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden; /*元素仍占据其本来的空间*/
}

/* 这是对非IE6/7的处理，IE6/7并不支持生成元素(不支持伪类:before :after )*/ 
.clearfix {
	display:inline-block;
}

/*  
 这是对 Mac 上的IE浏览器进行的 */ 
 
 
* html .clearfix
{height: 1%;}

/*  
 这是对 win 上的IE6浏览器进行的处理 */ 

.clearfix
{display: block;}
 
/*  
    
这是对display: inline-block;进行的修改，重置为区块元素，因为ie6/7内联元素并不支持 inline-block;写成* *display:block; *zoom:1才会触发haslayout从而有 inline-block;的表征，块元素设为 inline-block;直接会触发haslayout从而有 inline-block;的表征


content 属性与 :befor 及 :after 伪元素配合使用，来生成贴附于某个 CSS 选择器之前或之后的内容。


该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的框类型可以用属性 display 控制。

content:如果在一行中对于浮动元素而言空间太少，则这个元素会跳到下一行，这个过程会持续到有足够空间的一行为止。

注释：行内元素的内容、背景和边框应该出现在浮动元素之前。块级元素的背景和边框应当出现在浮动元素之后，但是块级元素的内容应当在浮动元素的前面。

*/

/* end clearfix */



/* 整体框架设计 */
#wrapper {width:100%;}
	#main {min-width:1014px;}
		#header {height:116px;}
			#inheader {background: url(../images/header_bg.gif) repeat-x 0 0; width:1014px; height:116px; margin:0 auto; position:relative; border:0px solid red}
			#content {width:1014px; margin:0 auto; min-height:700px;  _height:700px; background: url(../images/content_bg.png) repeat-y 0 0; 
			_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/content_bg.png'); _background-image: none;}
#footer {}
	#infooter {width:1002px; height:70px; background: url(../images/footer_bg.gif) no-repeat 0 0; margin:0 auto; position:relative; font-size:12px}		

a#logo {position:absolute; display:block; right:65px; top:12px}


#left_main {width:308px; min-height:678px; _height:678px; float:left; margin-left:45px; margin-top:22px; display:inline; border:0px solid red}

#right_main {width:600px; min-height:700px; _height:700px; float:left; display:inline; background:url(../images/book_box_bg.gif) repeat-y; border:0px solid red}


#versions_en {position:absolute; top:8px; right:10px;}
#versions_cn {position:absolute; top:26px; right:10px; line-height:18px}
#remarks {position:absolute; top:48px; right:10px; line-height:18px}}


.left {float:left;}
.right {float:right;}
.hidden {display:none}
.clear {clear:both; overflow:hidden; height:1px; margin-top:-1px}

.content_box {
	margin-bottom:25px;	
}
.content_box .title{
	width:307px;
	height:41px;
	background:#20232c;
	border-bottom:1px dashed #6d7172;
	margin-bottom:15px;
}

.content_box .title h3{
	width:303px;
	height:36px;
	background:url(../images/title_bg.gif) no-repeat 0 0;
	color:#feffff;	
	line-height:18px;
	
}

.content_box .title h3 label.label{
	float:left;
	margin-left:15px;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}

.content_box .title h3 span.more{
	float:right;
	margin-right:25px;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;

}

.content_box .content{
	color:#959595;
	line-height:20px;
	font-size:12px;
}

.content_box .content ul li{
	border-bottom:1px dashed #6d7172;
	margin-bottom:8px;
	padding-left:10px;
	height:125px
}

.content_box .content ul li a.img{
	float:left;
}

.content_box .content ul li div.book_title{
	float:right;
	width:180px;
	margin-top:45px
}

.book_box {
	width:508px;
	min-height:580px;
	_height:580px;
	margin-left:48px;
	margin-top:40px;
}

.book_box .backbtn{
	width:50px;
	height:16px;
	line-height:16px;
	display:block;
	border:1px solid #ccc;
	text-align:center;
	position:relative;
	top:0px;
	left:455px;
}

.book_box .book_intro {
	width:508px;	
}

.book_box .book_intro .img{
	float:left;
}

.book_box .book_intro .info{
	float:right;
	width:255px;
	font-size:12px;		
}
.book_box .book_intro .info p {
	font-size:14px;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:15px;
	color:#fff;
}

.book_box .book_intro .info .theme{
	color:#fff;
}

.book_box .book_intro .info .resume{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin-bottom:40px;
	width:240px
}

.book_box .book_intro .info .date{
	color:#fff;
	margin-top:30px
}

.book_box .book_btn{
	width:508px;
	height:80px;
	margin-top:30px;
}

.book_box .book_btn ul li{
	float:left;
	width:112px;
	height:70px;
	background:url(../images/btn-1.gif) no-repeat;
	margin-right:20px	
}

.book_box .book_btn ul li a {
	width:112px;
	height:39px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#171717;
	line-height:39px;
	display:block;
}

.book_box .op{
	width:508px;
	height:180px;
	margin-top:30px;
}
.book_box .op .title h3 {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
	line-height:18px;
}
.book_box .op .prompt{
	margin-top:10px;
}

.book_box .op .prompt_info{
	background:url(../images/prompt_bg.gif) repeat-x;
	margin-top:10px;
	width:356px;
	height:45px;
	line-height:45px;
	text-align:center;
	float:left;
	font-size:12px
}

.book_box .op .submit{
	float:left;
	margin-left:10px;
	display:inline;
	margin-top:9px
}

.book_box .op #f_file {float:left}

.book_box .op #show_text{
	background:url(../images/text_bg.gif) repeat-x;
	height:24px;
	width:205px;
	line-height:24px;
}

.book_box .op #browse {
	float:left;
	margin-left:8px;
	display:inline;
}

.book_box .op #browse #brower{
	background:url(../images/browse_btn.gif);
	width:62px;
	height:24px;
}

.book_box .op  #upload{
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.book_box .text_title h3{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:5px;
	border-bottom:1px dashed #ccc;
	margin-bottom:20px
}

.book_box .text_content{
	color:#fff;
	line-height:300%;
	min-height:580px;
	_height:580px;
	padding-bottom:20px;
}
.book_box .text_content div{
	text-indent:2em;
}

.book_box .author{
	margin-bottom:20px
}


/*表单样式4*/
.form4 {margin:0 auto; width:100%;}
.form4 ul {padding:5px}
.form4 ul li {margin-bottom:10px}
.form4 ul li {clear:both;}
.form4 ul li .label {float: left; padding: 5px 0px 4px; width:60px; text-align:right;}
.form4 ul li .label span {color:red}
*html .form4 ul li .label {padding: 9px 0px 4px;} /*IE6的hack*/
*+html .form4 ul li .label {padding: 9px 0px 4px;} /*IE7的hack*/
.form4 ul li input {padding: 1px;}
.form4 ul li input, .form4 ul li textarea, .form4 ul li select {border: 1px solid #CCC; margin: 6px 0px;}
.form4 ul li input:focus, .form4 ul li textarea:focus, .form4 ul li select:focus {background: #F0F9FB; border: 1px solid #1D95C7;}
.form4 ul li .sffocus {background: #F0F9FB; border: 1px solid #1D95C7;} /*IE6/7不支持focus伪类，用JQuery脚本代替。注意:前面的限定符必须写全，否则会按照限定符进行优先级匹配*/
.form4 ul li textarea {padding: 2px; width:400px; height:100px; overflow:auto; }
.form4 ul li input.radio {border:none; *margin-bottom:-1px}
.form4 .btcenter {text-align: center; clear: left; padding: 2px 0px;}
.form4 .bt {width: 60px; height: 30px; border: solid 1px #CCCCCC; background: #FBFBFB; text-align: center; margin:10px 15px 5px 0; cursor:pointer}

.book_list_box{
	width:1014px;
	height:580px;
	padding-top:50px;

}

.book_list_box ul {
	margin-left:45px;
}

.book_list_box ul li {
	width:250px;
	height:110px;
	background:#ddd;
	margin-bottom:60px;
	margin-right:40px;
	padding:15px;
	float:left;
	_display:inline;
	_zoom:1;
	
}

.book_list_box ul li .left{
	width:81px;
	float:left;
}

.book_list_box ul li .right{
	float:right;
	margin-right:5px;
	margin-top:7px;
	width:150px;
	overflow:hidden
}

.book_list_box ul li .right h1{
	border-bottom:1px solid #000;
	padding-bottom:7px
}

.book_list_box ul li .right p{
	margin-top:7px;
	line-height:14px;
	font-size:12px
}

.book_list_box ul li .right a{
	color:#000;
	font-size:12px
}

.book_list_box .prompt_intr{
	width:680px; 
	height:63px; 
	background:url(../images/prompt_info_bg.gif) no-repeat; 
	margin-left:150px;
	padding:20px;
}

.book_list_box .prompt_intr p{
	margin-bottom:10px;
	color:#FFF;
	font-size:12px;
}

.book_list_box .prompt_intr p a{
	color:#FF6601;
	text-decoration:underline;
	font-size:12px;
}

.page {
	float:right;
	margin-right:40px
}

.page {
	float:right;
	margin-right:42px;
	_margin-right:23px;
	_margin-top:50px;
}

.page .current{
	color:#FF6601;
	font-weight:bolder
}

.h1 {
	font-size:12px;
	font-weight:bolder;
	width:80%;
	margin:0 auto;
}

.h1 img{
	margin-bottom:-9px
}