@charset "utf-8";
/* CSS Document */

body {
	margin: 0px auto; height:100%;
	padding: 0px; font-size:12px;font-family:"微软雅黑","黑体","宋体";background-color:#53c4ff; overflow-y:hidden;
}
.clearfix {
	clear: both; height:0;
}
.clearboth {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}
.clear{ clear:both;}
* { color:#333;
	font-family: Microsoft YaHei;
}

.lineof {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration:none;
	
}
a img {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
}
p,h1, h2, h3, h4, h5, h6, form {
	padding: 0px;
	margin: 0px;
}
input{
    outline: none;-moz-border-radius:4px;      /* Gecko browsers */
    -webkit-border-radius:4px;   /* Webkit browsers */
    border-radius:4px;border-radius:4px; border:1px solid #ccc;
}
img {
	border: none;
}
img a {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

dl{margin:0px; padding:0px;}
dl dt{ margin:0px; padding:0px;}
dl dd{ margin:0px; padding:0px;}
.font16{font-size:16px;}
.fleft{ float:left;}
.fright{ float:right;}

.page_turn{height:40px; line-height:42px; margin-top:20px; margin-bottom:30px;width:100%; text-align:center;}
.page_turn a{padding:13px 20px 11px 20px;border:1px solid #e5e5e5;border-left:none; color:#333;}
.page_turn .list a:hover{background-color:#f6f4f4; padding:13px 20px 11px 20px; color:#288fb0;}
.page_turn .list{margin:0px;height:40px; display:inline;}
.page_turn .leftline a{border-left:1px solid #e5e5e5;}
.page_turn div{ float:none;}
.page_turn .leftarrow{ background:url(../images/left_fy.png) no-repeat center;}
.page_turn .rightarrow{ background:url(../images/right_fy.png) no-repeat center;}
.page_turn .list{ margin:0px; }

.topbar{ background-color:#53c4ff; height:60px; width:100%; border-bottom:4px solid #0094e2;}
.topbar .logo{ margin:15px auto auto 20px;  float:left; font-size:24px; color:#fff;}
.topbar .right{ margin:20px 0px auto auto; color:#fff; font-size:18px; margin-right:1.5%;}
.page-container ul li span{ color:#333;}
.content-wrapper{background-color:#f3feeb; text-align:center; z-index:0; padding-top:20px;
 overflow:hidden;}
.content-wrapper img.imglist{margin:0 auto;background:50% 0;}
.page-container{ height:100%;position:relative;}
/*<!--滚动条样式-->*/
.page-container ::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}    
.page-container ::-webkit-scrollbar-track,  
.page-container ::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}    
.page-container ::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}   
.page-container ::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}   
.page-container ::-webkit-scrollbar-corner {  
  background: transparent;  
}  
/*<!--滚动条样式结束-->*/

/*icoico*/
.icolist{ background-color:#f8f8f8; border-bottom:1px solid #ccc;height:34px;padding-top:8px;}
.icolist img{ cursor:pointer;float:left; margin-right:10px;}
.icolist .boxline{border-left:1px solid #ccc;  margin-left:5px; float:left; height:24px; font-size:14px; padding-left:12px; position:relative;}
.icolist .fleft img{ padding-top:2px;  }
.icolist .boxline input.text{ width:30px; border:1px solid #ccc; height:13px; float:left; margin-right:4px; height:19px; line-height:16px; margin-top:1px; text-align:center; font-size:14px;}
.sel_list_top{position:absolute; left:px;}
.icolist .boxline input.select{width:70px;float:left; height:20px; line-height:18px;}
.icolist .boxline a.sel_img{background:url(../images/xiala.png) no-repeat; width:10px; height:5px; margin-left:10px;cursor:pointer; position:absolute;left:50px; top:9px;}
.icolist .boxline .sel_list {border:1px solid #ccc; width:72px; top:21px; position:absolute; background-color:#fff;z-index:1000;}
.icolist .boxline .sel_list span {height:24px; line-height:24px; clear:both;float:left; width:66px;cursor:pointer; padding-left:4px;}
.icolist .boxline .sel_list span:hover{ color:#53c4ff;}
.icolist .boxline .sel_list span.on{ color:#53c4ff;}
.icolist span.mr10{margin-right:10px; margin-top:3px; float:left;}
.leftbar_w40{width:80px; background-color:#53c4ff; float:left; padding-top:50px; height:100%; overflow:hidden; background-repeat:repeat-y; text-align:center; font-size:14px;}
.unfold{ width:280px; background-color:#fff;float:left; height:930px;}
.leftbar_w40 a{ background-color:#53c4ff;width:46px; color:#fff;}

.leftbar_w40 a.catalog{ background:url(../images/ml_w.png) no-repeat 28px 20px; width:80px; height:80px; float:left; border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.resource{ background:url(../images/yd_w.png) no-repeat 28px 20px; width:80px; height:80px; float:left; border-bottom:1px solid #fff; line-height:115px;}
.leftbar_w40 a.note{ background:url(../images/bj_w.png) no-repeat 28px 20px; width:80px; height:80px; float:left; border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.comment{ background:url(../images/dh_w.png) no-repeat 28px 20px; width:80px; height:80px; float:left; border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.return{ background:url(../images/fh_w.png) no-repeat 28px 20px; width:80px; height:80px; float:left; border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.return:hover{ background:#fff url(../images/fh_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;color:#0094e2;}
.leftbar_w40 a.comment:hover{ background:#fff url(../images/dh_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;color:#0094e2;}
.leftbar_w40 a.note:hover{ background:#fff url(../images/bj_l.png) no-repeat 28px 20px;width:80px;height:80px;float:left;border-bottom:1px solid #fff;color:#0094e2;}
.leftbar_w40 a.resource:hover{ background:#fff url(../images/zy_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;color:#0094e2;}
.leftbar_w40 a.catalog:hover{ background:#fff url(../images/ml_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;color:#0094e2;}
.leftbar_w40 a.download{ background:url(../images/dl_w.png) no-repeat 28px 20px; width:80px; height:80px; float:left; border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.download:hover{ background:#fff url(../images/dl_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;color:#0094e2;}
.leftbar_w40 a.download_on{ background:#fff url(../images/dl_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.return_on{ background:#fff url(../images/fh_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.comment_on { background:#fff url(../images/dh_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;line-height:115px;color:#0094e2;}
.leftbar_w40 a.note_on { background:#fff url(../images/bj_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;line-height:115px;color:#0094e2;}
.leftbar_w40 a.resource_on { background:#fff url(../images/zy_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;line-height:115px;}
.leftbar_w40 a.catalog_on{ background:#fff url(../images/ml_l.png) no-repeat 28px 20px;width:80px;height:80px; float:left;border-bottom:1px solid #fff;line-height:115px;color:#0094e2;}
.leftbar_w40 a.resource_on:hover{ color:#0094e2;}

.unfold a.cross{ background:url(../images/cross.png) no-repeat center right; width:20px; height:20px; float:right; padding-top:28px;}
.unfold .title{ font-size:24px; color:#53c4ff; height:50px; line-height:50px; padding-left:10px; border-bottom:1px solid #ccc;padding-right:10px;}
.unfold .title span{color:#53c4ff; float:left;}
ul.textbook{ height:100%; overflow-y:auto; font-size:14px; height:880px;overflow-x:hidden; }
ul.textbook li{ border-bottom:1px dashed #ccc; padding:10px; width:250px;}
ul.textbook li a:hover{ color:#53c4ff;}
ul.textbook li .chapter{ font-size:14px; background:url(../images/add_combine.jpg) no-repeat left 3px; padding-left:20px;}
ul.textbook li .chapter_zk{ font-size:14px; background:url(../images/reduce_combine.jpg) no-repeat left 3px; padding-left:20px;}
ul.textbook li .chapter01{ font-size:14px; background:url(../images/add_reduce.jpg) no-repeat left 3px; padding-left:20px;}
ul.textbook li a#on{ color:#53c4ff;}
ul.textbook li .section{ font-size:13px;margin:8px auto auto 0px;background:url(../images/add_reduce.jpg) no-repeat center left; padding-left:10px; margin-left:20px;}
ul.textbook li .section span.video{ margin-right:10px;float:left;}
ul.textbook li .section input{ float:left;}
.icolist img{ background-color:#f8f8f8; border:1px solid #f8f8f8; padding:2px;-moz-border-radius:4px;      /* Gecko browsers */
    -webkit-border-radius:4px;   /* Webkit browsers */
    border-radius:4px;}
.icolist img:hover{ background-color:#fff; border:1px solid #ccc; padding:2px;-moz-border-radius:4px;      /* Gecko browsers */
    -webkit-border-radius:4px;   /* Webkit browsers */
    border-radius:4px;}
.icolist img.on{ background-color:#fff; border:1px solid #ccc; padding:2px;-moz-border-radius:4px;      /* Gecko browsers */
    -webkit-border-radius:4px;   /* Webkit browsers */
    border-radius:4px;}
.icolist .noborder{ border-left:none;}
/*评论*/
.comment_r{ margin:10px;}
.comment_r textarea{ border:1px solid #ccc;width:255px; height:80px;}
.comment_r a.submit{ background-color:#53c4ff; width:60px; color:#fff; float:right; height:24px; line-height:24px; text-align:center; margin-top:10px;}
.comment_r a.submit:hover{ background-color:#0094e2;}
ul.comment_list{ height:700px; overflow-y:auto; width:270px; overflow-x:hidden; font-size:14px;}
.book_review_title{ background-color:#e2e2e2; width:270px; margin-top:20px; height:30px; line-height:30px; font-size:14px; padding-left:10px; font-weight:bold;} 
ul.comment_list li{ margin:10px; border-bottom:1px dashed #ccc; overflow:hidden; padding-bottom:10px; line-height:24px; margin-right:2px;}
ul.comment_list li .right{ width:182px; display:inline; float:left;} 
ul.comment_list li img{ width:50px; height:50px; border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px; float:left; margin-right:10px;}
ul.comment_list li span{ margin-right:10px; color:#888;}
ul.postil li .right{ width:260px;}
ul.postil li .blue{ color:#0094e2; margin-right:0px;}
ul.postil li .lr_text{ background-color:#eee; margin-bottom:10px; padding:5px;}
ul.comment_list li .time { font-size:12px;}
ul.postil{ font-size:14px; width:280px;}


/*以下为修改部分*/
.topbar .logo{
	padding: 0 15px;
}
.icolist{
	width: 100%;
}
.icolist .boxline input.text{
	width:35px;
	left: 0;
}
.leftbar_w40{
	height: 100%;
}
a.cross{ background:url(../images/cross.png) no-repeat center right; width:20px; height:20px; float:right; padding-top:28px;}
.title{
	margin-top: -54px;
	background-color: white;
	width: 260px;
	font-size:24px;
	color:#53c4ff;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;
	position: fixed;
	padding: 0 10px;
	left: 80px;
}
.title span{color:#53c4ff; float:left;}
#bookNoteDiv{
	margin-top: 54px;
	display: none;
}
#bookCommentDiv{
	margin-top: 54px;
	display: none;
}
.select{
  font-size: 13px;
  padding-left: 4px;
}
/*小分辨率下调整*/
body{
	min-width: 370px;
}
@media all and (max-width: 652px) {
	#sidebarContent {
		top: 133px;
	}
	#toolbar {
		height: 133px;
	}
	#viewerContainer {
		top: 133px;
	}
	.icolist{
		height: 60px;
	}
	#loadingBar{
		top: 26px;
	}
}
/*禁止打印*/
@media print{
	* {display:none}
}