html, body, p,form, img,ul,li,h1,h2,h3,h4,h5,h6,h7,h8,h9 {margin: 0;padding: 0;border: 0;}
select,input,img{vertical-align:middle;outline:none;}
a {text-decoration:none;outline: none;}
a:hover, a:active, a:focus {text-decoration:none;}
img{ border-width:0;}
.clear
{
	clear:both;	
}
.r
{
	float:right;
}
.l
{
	float:left;
}
.txt_c
{
	text-align:center;
}
.hide
{
	display:none;
}
@font-face {
    font-family: 'gotham_proregular';
    src: url('gothaproreg-webfont.eot');
    src: url('gothaproreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothaproreg-webfont.woff') format('woff'),
         url('gothaproreg-webfont.ttf') format('truetype'),
         url('gothaproreg-webfont.svg#gotham_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham_promedium';
    src: url('gothapromed-webfont.eot');
    src: url('gothapromed-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothapromed-webfont.woff') format('woff'),
         url('gothapromed-webfont.ttf') format('truetype'),
         url('gothapromed-webfont.svg#gotham_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {font-family: "gotham_proregular",sans-serif; }
body
{
	color: #000000;
	font-size:16px;
	font-family: "gotham_proregular",sans-serif;
	
}
/*   公共部分   */
.main
{
	width:1170px;
	clear:both;
	margin:0 auto;
	
	padding-bottom: 50px;

}
#header
{
	padding:40px 10px 20px 10px;
}
#header .l
{
	font-size:20px;
	margin-top: -14px;
}

#header .l span{
	display:block;
	font-size:12px;
	line-height:14px;
	text-align:left;
	font-weight:600;
	color:#888;
	}
#header a
{
	color:#000;
}
#header .r a
{
	padding:5px 30px 5px 35px;
}
#searchForm
{
	display:inline-block;
	position:relative;
	z-index:2000;
}
.link_bookmark, a.link_bookmark
{
	background:url(../images/bookmark.png) 10px 6px no-repeat;
}
.link_print, a.link_print
{
	background:url(../images/print.png) 2px 1px no-repeat;
}
.link_share, a.link_share
{
	background:url(../images/share.png) 5px 2px no-repeat;
}
.txt_search
{
	width:150px;
	height:18px;
	border:none;
	background-color:#eeeded;
	border-radius:5px 0 0 5px;
	padding:5px 10px;
	position:relative;
	z-index:101;
	font-family: 'gotham_proregular';
}
.btn_search
{
	width:33px;
	height:28px;
	border:none;
	background:url(../images/search.png) no-repeat;
	margin-left:-10px;
	position:relative;
	z-index:101;
	cursor:pointer;
}
#search_result
{
	width:428px;
	padding:80px 15px 15px 15px;
	background-color:#000;
	border:1px solid #ccc;
	border-radius: 6px 0 6px 6px;
    color:#ccc;
	position:absolute;
	margin:-50px 0 0 -250px;
	display:none;
	
}
#header .r #search_result a
{
	color:#ccc;
	padding:0;
	font-size:13px;
}
#header .r #search_result a:hover
{
	color:#086FB0;
}
#closeResults {
    background: url(../images/toc-close.png) no-repeat scroll 0 0 #CCCCCC;
    cursor: pointer;
    float: right;
    height: 19px;
    margin: 0;
    width: 19px;
}
#closeResults:hover
{
	background-color:#086FB0;
}
#search_result p
{
	margin-top:15px;
	width:100%;
	float:left;
}
#search_result p img
{
	width:135px;
	float:left;
	margin-right:10px;
}
#search_result p a
{
	float:left;
	width:280px;
	
}
#search_result p span
{
	float:left;
	margin-top:10px;
	font-size:13px;
}
#search_result h6
{
	font-size:15px;
	color:#fff;
}
#logo
{
	/*margin-bottom:40px;*/
	float:left;
	margin-right:20px;
}
#footer
{
	/*padding:50px 0;*/
	background-color:#313133;
	/*margin-top:50px;*/
	padding-top:50px;
	color:#fff;
	font-family: 'gotham_promedium';
	text-align:right;
	border-top:10px solid #eeeded;
	margin-bottom:0;
	padding-bottom:auto;
}
#footer a
{
	color:#fff;
	margin-left:10px;
	margin-right:25px;
	font-size:13px;
}
#book
{
	
	/*width:1150px;
	height:560px;*/
	width:1134px;
	height:542px;
	border:10px solid #eeeded;
	border-radius:15px;
	position:relative;
	overflow:hidden;	
}
.page
{
	/*border-radius:15px;*/
	border-radius:4px;
	overflow:hidden;
	position:absolute;
	/*width:1150px;
	height:560px;
	*/
	display:none;
	width:1134px;
	height:542px;
	/*background-color:#fff;
	filter: alpha(opacity=1);*/
	z-index:1000;
}
.page iframe{
	/*width:1150px;
	height:560px;
	*/
	width:1134px;
	height:542px;
	position:relative;
	overflow:hidden;
	/*border-radius:15px;*/
	display:block;
	border-radius:4px;
	
}
	
.shadow{
	position:absolute;	
}
#pagination
{
	text-align:center;
	margin-top:30px;
}
#pagination span
{
	background:url(../images/bg_page.jpg) center repeat-x;
	overflow:hidden;
}
#pagination span a
{
	width:29px;
	height:29px;
	display:inline-block;
	background:url(../images/bg_page_out.png) no-repeat;
	color:#a7a9ac;
	text-align:center;
	line-height:29px;
	cursor:pointer;
	margin-right:10px;
}
#pagination span a:hover, #pagination span a.page_hover
{
	background:url(../images/bg_page_on.png) no-repeat;
	color:#fff;
}
#book_control
{
	height:30px;
	position:absolute;
	margin-top:-300px;
	z-index:110;
	width:1150px;
}
#book_control .l
{
	margin-left:-50px;
}
#book_control .r
{
	margin-right:-70px;
}

#logo img
{
	/*height:35px;*/
	width: 80px;
margin-top: -10px;
}
.baikuai{
	clear:both;
	height:36px;
	background:#313133;}
@media only screen and (max-width: 1024px){
.main
{
	width:1024px;
}
#header
{
	padding:6px 10px 6px 10px;
}
#logo
{
	/*margin-bottom:10px;*/
	float:left;
	margin-right:20px;
	margin-top:9px;
}
#logo img
{
	/*height:35px;*/
	width: 80px;
margin-top: -10px;
}
#book, .page, .page iframe
{
	width:1004px;
	height:489px;
}
#book_control
{
	margin-top:-200px;
	width:1004px;
	display:none;
}
#header .l{
	font-size: 17px;
line-height: 26px;

	margin-top:-4px;
	}
#book_control .l
{
	margin-left:-30px;
	
}
#book_control .r
{
	margin-right:-50px;
}

.baikuai{
	clear:both;
	height:100px;
	background:#313133;}
}
@media only screen and (max-width: 768px){
.main
{
	width:768px;
}
#book, .page, .page iframe
{
	width:748px;
	height:364px;
}
#header .l
{
	margin-left:10px;
	margin-top:-4px;
	
}
#header .r
{
	float:left;
	margin-top:15px;
}

.baikuai{
	height:300px; background-color:#313133; clear:both;}
}