﻿/* 全局样式 */
html{color:#000;background:url(../WebPublication/img/onlineView/readeronlinebg.gif) repeat;}
*{ margin:0; padding:0;}
body,div,ul,li{ margin:0; padding:0}
body{ width:100%; height:100%; overflow:scroll; font-family:Arial, Helvetica, sans-serif, "宋体"; font-size:12px; /*background-color:#1e1e1e; */}

li { list-style:none;}
img{ border:0;}
a{ font-family:"宋体"; font-size:12px; text-decoration:none; color:#666; outline:none;}
a:hover{ color:#005c9b; text-decoration:none;}
.clear{ clear:both; margin:0;}


/*header*/
#header{ width:100%; height:58px; margin:0 auto; background:url(../WebPublication/img/onlineView/headerrightbg.gif) repeat-x; position:relative;}
#header span{ line-height:26px;}
#headerleft{ width:357px; height:58px; background:url(../WebPublication/img/onlineView/headerleft.gif) repeat-x; float:left;}
#headerright{ height:58px; background:url(../WebPublication/img/onlineView/headerrightbg.gif) repeat-x;}
#headerleft span{ float:left; margin-left:15px; margin-top:2px;}
#headerleft a{ width:132px; height:46px; float:left; margin-left:85px;}
#headerright .headerlogin{ float:left; margin:4px 0 0 20px; line-height:24px;}
#headerright .headerlogin a{ margin:0 7px; color:#232323;}
#headerright ul{  float:right; margin:3px 85px 0 0px; margin:2px 80px 0 0px; _display:inline; width:380px; line-height:24px;}
#headerright ul li{ float:left; margin:0 5px;}
#headerright ul li a{ color:#232323; padding-top:5px; line-height:26px; line-height:30px;}
#pagectrl{ width:76px; height:19px; position:absolute; right:5px; top:0px;}
#page_zoom,#page_close{ width:38px; height:19px; background:url(../WebPublication/img/onlineView/pagezoombg.gif) no-repeat; display:block; float:left;}
#page_close{ background:url(../WebPublication/img/onlineView/pageclosebg.gif) no-repeat;}
#page_zoom:hover{ background:url(../WebPublication/img/onlineView/pagezoombg2.gif) no-repeat;}
#page_close:hover{ background:url(../WebPublication/img/onlineView/pageclosebg2.gif) no-repeat;}
#headerright .h_dy{ float:left; margin:4px 0 0 10px; _margin:5px 0 0 10px; }
#headerright .h_dy a{ color:#f30; margin:0px 7px 0 0; line-height:24px;}
#headerright .h_dy a:hover{ text-decoration:underline;}
.f11{ width:157px; height:25px; background:url(../WebPublication/img/onlineView/f11bg.gif) no-repeat; position:absolute; right:30px; bottom:-8px;}

/*container*/
#container{ width:790px; margin:40px auto; margin-top:10px;}
#container a,#container a:hover{ text-decoration:none;} 
.readerbutt{ width:860px; height:30px; margin:0 auto; margin-top:10px; padding-left:50px;}
.readerbutt1,.readerbutt2,.readerbutt3,.readerbutt4,.readerbuttedit,.readerbuttprint{ width:62px; height:21px; float:left; display:inline; margin:0 2px;}
.readerbutt5,.readerbutt6{ width:81px; height:21px; float:left; display:inline; margin:0 2px;}
.readerbutt1{ background:url(../WebPublication/img/onlineView/fm.gif) no-repeat left top; }
.readerbuttedit{ background:url(../WebPublication/img/onlineView/book_edit.gif) no-repeat left top;}
.readerbuttprint{ background:url(../WebPublication/img/onlineView/book_print.gif) no-repeat left top;}
.readerbutt2{ background:url(../WebPublication/img/onlineView/fy_syy.gif) no-repeat left top; }
.readerbutt3{ background:url(../WebPublication/img/onlineView/fy_xyy.gif) no-repeat left top;}
.readerbutt4{ background:url(../WebPublication/img/onlineView/fd.gif) no-repeat left top;}
.readerbutt5{ background:url(../WebPublication/img/onlineView/fd_left.gif) no-repeat left top;}
.readerbutt6{ background:url(../WebPublication/img/onlineView/fd_right.gif) no-repeat left top;margin-right:15px;}
.readerbutt8{ background:url(../WebPublication/img/onlineView/more.gif) no-repeat  left top; width:85px; height:21px; float:right; display:inline; margin:0 2px;}
.readerbutt9{ background:url(../WebPublication/img/onlineView/tz1.gif) no-repeat left top; width:52px; height:21px; float:left; display:inline; margin-left:10px;}
.readerbutt12{ background:url(../WebPublication/img/onlineView/tz2.gif) no-repeat left top; width:37px; height:21px; float:left; display:inline;margin-right:10px;}
.readerbutt10{ background:url(../WebPublication/img/onlineView/qpxs.gif) no-repeat left top; width:93px; height:21px; float:left; display:inline; margin:0;}
.readerbutt101{ background:url(../WebPublication/img/onlineView/tcqp.gif) no-repeat left top; width:93px; height:21px; float:left; display:inline; margin:0 10px 0 2px;}
.readerbutt1:hover,.readerbutt2:hover,.readerbutt3:hover,.readerbutt4:hover,.readerbutt5:hover,.readerbutt6:hover,.readerbutt8:hover,.readerbutt12:hover,.readerbuttedit:hover,.readerbuttprint:hover{  background-position:left -21px;}


.readerbutt9 input{ width:17px; height:14px; float:left; font-size:10px; line-height:14px; padding:0px 2px; border:none; margin:4px 0 0 4px; background:#e2f9ff;}
.readerbutt9 span{ font-size:12px; color:#FFF; float:left; line-height:21px; text-decoration:none; margin-left:2px;}

#bookbox{ width:790px; height:480px; float:left;}
#bookboxleft{ width:42px; height:480px; float:left;}
#content1{ width:40px; height:85px; float:left; margin-top:20px;}
#bookboxleft1{ width:48px; height:480px; float:left;  background:url(../WebPublication/img/onlineView/bookleftbg.gif) no-repeat right center;}
#bookboxcenter{ width:704px;  height:480px; float:left;}
#bookboxcenter img{ float:left;}
#bookboxright{ width:21px;  height:480px; float:left; background:url(../WebPublication/img/onlineView/bookrightbg.gif) no-repeat left center;}
#bookboxright2{ width:21px; height:480px; float:left;}
.leftbutt{ width:21px; height:21px; background:url(../WebPublication/img/onlineView/rightbuttbg05.gif) no-repeat; display:block; margin:440px 0 0 20px; _margin:336px 0 0 20px;}
.leftbutt:hover{ background:url(../WebPublication/img/onlineView/rightbuttbg06.gif) no-repeat;}
.rightbutt{ width:21px; height:21px; background:url(../WebPublication/img/onlineView/rightbuttbg03.gif) no-repeat; display:block; margin:440px 0 0 8px;}
.rightbutt:hover{ background:url(../WebPublication/img/onlineView/rightbuttbg04.gif) no-repeat;}
#leftbutt_1{ margin:440px 0 0 18px; margin:440px 0 0 12px; _margin:336px 0 0 11px;}
#rightbutt_1{ margin:440px 0 0 1px;}

/*select*/
.selectbox{  width:106px; height:21px; float:right;}
.selectbox ul li a, .selectbox ul li a:visited { display:block; text-decoration:none; width:106px; height:21px;  overflow:hidden; background:url(../WebPublication/img/onlineView/wqyd.gif) no-repeat left top; line-height:21px;}
.selectbox ul {padding:0; margin:0;list-style-type: none; }
.selectbox ul li {float:left; margin-right:1px; position:relative; }
.selectbox ul li ul {display: none;}
/* select to non IE*/
.selectbox ul li:hover a {color:#fff; background:url(../WebPublication/img/onlineView/wqyd.gif) no-repeat left -21px;}
.selectbox ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:106px;}
.selectbox ul li:hover ul li a.hide {background:#0d6cae; color:#fff;}
.selectbox ul li:hover ul li:hover a.hide {background:#0d6cae; color:#fff;}
.selectbox ul li:hover ul li ul {display: none;}
.selectbox ul li:hover ul li a {display:block; background:#0d6cae; color:#fff;}
.selectbox ul li:hover ul li a:hover {background:#43a9ef; color:#fff;}

.selectbox2{  width:106px; height:21px; float:right; position:relative;}
.selectbox2 ul li a,.selectbox2 ul li a:visited { display:block; text-decoration:none; width:106px; height:21px;  overflow:hidden; background:url(../WebPublication/img/onlineView/wqyd.gif) no-repeat left top; line-height:21px;}
.selectbox2 ul {padding:0; margin:0;}
.selectbox2 ul li {float:left; margin-right:1px; position:relative; }
.selectbox2 ul li ul {display: none;}
.selectbox2 ul li:hover a {color:#fff; background:url(../WebPublication/img/onlineView/wqyd.gif) no-repeat left -21px;}
.selectbox2 ul li:hover ul {display:block; position:absolute; bottom:20px; left:0; width:106px;}
.selectbox2 ul li:hover ul li a.hide {background:#1e8bd7; color:#fff;}
.selectbox2 ul li:hover ul li:hover a.hide {background:#1e8bd7; color:#fff;}
.selectbox2 ul li:hover ul li ul {display: none;}
.selectbox2 ul li:hover ul li a {display:block; background:#1e8bd7; color:#fff;}
.selectbox2 ul li:hover ul li a:hover {background:#43a9ef; color:#fff;}
.resderbottbg{ background:url(../WebPublication/img/onlineView/readerbuttbg3.png) no-repeat; width:106px; height:11px;}
.resderbottbg2{ background:url(../WebPublication/img/onlineView/readerbuttbg4.png) no-repeat; width:106px; height:11px;}


/*footer*/
#footer{ width:100%; text-align:center; margin-top:10px;}
#footercon{ width:1024px; margin:0 auto; background:url(../WebPublication/img/onlineView/footerbg0201.gif) no-repeat center top; padding:7px 0 10px 0;}
#footercon p{ color:#575757; line-height:16px;}
#footercon p a{ color:#575757;}
#footercon p a:hover{ color:#575757; text-decoration:underline;}

/*登录*/
#alert{border:8px solid #54585c; top:125px;width:865px;height:525px;background:#fff;z-index:1000;position:absolute;display:none;}
#alert .title{ width:95.8%; height:35px; float:left; background:#54585c; text-align:center;}
#alert .title { font-size:18px; font-weight:bold; color:#CCC; float:left;}
.titlename{ text-align:center; font-size:18px; font-weight:bold; color:#CCC; padding-top:7px; }
#close{ width:35px; height:35px; background:url(../WebPublication/img/onlineView/closebg.gif) no-repeat; cursor:pointer; float:left;}
.alertbox{ width:97.7%; height:95%; float:left; text-align:center;}
.alertbox h2,.alertbox h3{ font-size:14px; font-weight:bold; color:#333; line-height:24px; margin:15px 0 20px 0; display:block; float:left; padding-left:20px; width:100%;}
.alertbox h3{ font-size:12px;}
.alertbox table{ width:100%; float:left; display:inline;}
.alertbox table th{ width:40%; font-size:14px; text-align:right; line-height:28px; padding:4px; font-weight:normal;}
.alertbox table td{ width:60%; font-size:12px; text-align:left; line-height:30px; padding:2px; font-weight:normal;}
.alertbox table .passid{ width:180px; height:18px; border:#666 solid 1px; padding:2px 4px 2px 3px;}
.inputover,.inputout,.inputon{ width:180px; height:18px; border:#06C solid 1px; padding:2px 4px 2px 3px;}
.inputout{ border:#666 solid 1px}
.inputon{ background:#fdfc8e;}
.alertbox table td a{ float:left; display:block;}
#submit{ width:76px; height:28px; float:left; background:url(../WebPublication/img/onlineView/loginbutt1.gif) no-repeat; display:inline; margin:10px 20px 0px 20px;}
.submit3{ margin:17px 0 0px 0; color:#06C; text-decoration:underline;}
.submit3:hover{ color:#06C;}
.alertbox table .td2{ border-top:#999 dashed 1px; width:100%; padding-left:50px;}
#submit2{ width:101px; height:28px; background:url(../WebPublication/img/onlineView/loginbutt2.gif) no-repeat; margin:20px 0 0 100px; display:inline;}



#ListAreaIframe{width:840px; height:560px; margin-top:0px; position:absolute; left:35px; top:100px; display:none; border:none; z-index:20; border:0;}
#alert1{position:absolute; z-index:99999; left:40px; top:120px; padding:0;width:840px;}
.cengShow{ position:absolute;z-index:2; left:0; top:0;background-color:#000;filter:alpha(opacity=50);display:block;width:100%;height:130%; _height:950px;text-align:center;}
.cengHide{ display:none;}

/*catalog*/
.catalog{ width:840px; height:568px; overflow:hidden; padding:2px; background:#fff;}
.catalog .catalog_tit{ width:840px; height:31px; background:#dc6500; color:#fff; position:relative;}
.catalog .catalog_tit h4{ text-align:center; line-height:31px; color:#fff; font-size:14px; font-weight:bold;}
.catalog .catalog_tit .close{ width:16px; height:16px; display:block; position:absolute; right:10px; top:7px; background:url(../WebPublication/img/onlineView/catalogtitclose.gif) no-repeat;}
.catalog .catalog_con{ width:840px; height:507px; padding-bottom:10px; }
.catalog ul{ width:800px;  height:507px; overflow-x:hidden; overflow-y:auto; float:left; margin-top:10px; padding-left:10px; padding-right:20px; padding-bottom:10px;}
.catalog ul li{ width:800px; height:28px; line-height:28px; background:url(../WebPublication/img/onlineView/catalog_conulliline.gif) repeat-x; text-align:left; overflow:hidden;}
.catalog ul li a{ color:#666666;}
.catalog ul li a:hover{ color:#397600; text-decoration:underline;}
.leftico{ width:8px; float:left;background:#fff;}
.centerbookml{ float:left;background:#fff;}
.rightbookzz{ background:#fff; float:right; padding:0 5px;}



img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "img/onlineView/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
.midDivCss{ width:950px; margin:0px auto;}
.selectbox ul li:hover #JournalNavi1{display:block;position:absolute; top:21px; left:0; width:106px; height:242px;}
.selectbox2 ul li:hover #JournalNavi2{ display:block; position:absolute; bottom:21px; left:0; width:106px; height:242px;}
.selectbox ul li:hover .ListJour{height:242px;overflow-y:scroll;overflow-x:hidden; background-color:#2b67aa;
 	          SCROLLBAR-FACE-COLOR: #6fa2db;
	SCROLLBAR-HIGHLIGHT-COLOR: #a3c4e8;
 SCROLLBAR-SHADOW-COLOR: #2b67aa;
  SCROLLBAR-ARROW-COLOR: #1b5086;
 SCROLLBAR-TRACK-COLOR: #9fc1e7;
}

.selectbox2 ul li:hover .ListJour{height:246px;overflow-y:scroll;overflow-x:hidden;background-color:#2b67aa;
 	          SCROLLBAR-FACE-COLOR: #6fa2db;
	SCROLLBAR-HIGHLIGHT-COLOR: #a3c4e8;
 SCROLLBAR-SHADOW-COLOR: #2b67aa;
  SCROLLBAR-ARROW-COLOR: #1b5086;
 SCROLLBAR-TRACK-COLOR: #9fc1e7;
}
.ListJour li{ text-indent:10px;}


#rightBtn{position:absolute;top:305px;}
#leftBtn{position:absolute;top:305px;}
#ListBarBtn{ position:fixed;position:absolute;top:128px; }
 	#alert1
 	{
 		width:885px;
 		height:525px;
 		margin-top:0px;
 		position:absolute;
 		z-index:30;
 		left:0;
 		top:95px;
 		display:none;
 		}
 	#ListAreaIframe
 	{
 		width:885px;
 		height:550px;
 		margin-top:0px;
 		position:absolute;
 		left:0;
 		top:95px;
 		display:none;
 		border:none;
 		z-index:20;
 		border:0;
 	}
        .ListDiv h1
        {
        	width:96%;	
            float: left;
            display: block;
            color: #333;
            background-color:RGB(230,230,230);
            line-height: 36px;
            font-size: 12px;
            text-align: center;          
        }
      .listright img
        {
        	width:30px;
        }
        .listbody
        {
        	border: solid 1px gray;
        	width:97.5%;
            float: left;
            padding: 10px 5px 5px 15px;
            z-index:40px;
        }
        .listbody ul
        {
        	width:100%;
            float: left;
            overflow: auto;
            overflow-x: hidden;
        }
      
        .listbody ul li dl
        {
            padding-bottom: 0px;
            line-height: 20px;
        }
        .listbody ul li dl dt
        {
            font-weight: bold;
            color: #005c9b;
            padding-top: 5px;
        }
     
         .listbody ul li dl dd 
        {
           margin:0 2em;
           background:url(../WebPublication/img/onlineView/LiLine.GIF) repeat-x center;
           height:20px;
           line-height:20px;
        }
        .listbody ul li dl dd a{ background:#fff; display:block; float:left; padding:0 3px;cursor:hand; }
         .listbody ul li dl dd span{ float:right;background:#fff; padding:0 3px; cursor:hand;}
    #JournalNavi1
 	{
 		 display:none;
 	}
 	 #JournalNavi2
 	{
 		 display:none;
 	}
 	.LeftBook{float:left;background-color:Red; position:relative;}
 	.RightBook{float:left; background-color:Red;position:relative;}
.cengShow{ position:absolute;z-index:2;top:0;right:0;background-color:#000;filter:alpha(opacity=50);display:block;width:100%;height:100%;text-align:center;}
.cengHide{ position:absolute;z-index:2;top:0;right:0;background-color:#000;filter:alpha(opacity=50);display:none;width:100%;height:100%;text-align:center;}
	

.note{ text-align:right; color:#fff; width:900px; margin:0 auto;}
.note a:link,.note a:visited{ color:#fff; text-decoration: underline;}
.note a:hover{ color:#ff0}

