@import url("/css/base.css");

.vol{width:425px;margin:auto;text-align:center;}
.vol_pages{height:20px; overflow:hidden;float: left;}
.vol_pages span{height:20px; width:227px; overflow:hidden; float: left; vertical-align:middle; line-height:20px;}
.vol_pages_Download{height:20px; overflow:hidden;float: left;}
.vol_pages_backlist{height:20px; overflow:hidden;float: left;}
.vol_pages select{margin:0 2px; display:inline-block; vertical-align:top;}
.vol_pages a{display:inline-block; margin:0 4px;}
.vol_pages_Download a{display:inline-block; margin:0 4px;}
.vol_pages_backlist a{display:inline-block; margin:0 4px;}
.vol_pages a span{display:none;}
.vol_pages_Download a span{display:none;}
.vol_pages_backlist a span{display:none;}
.vol_pages_Download a.DC{background:url(/images/downloadcomic.gif); width:87px; height:20px; overflow:hidden;}
.vol_pages_backlist a.backlist{background:url(/images/backlist.gif); width:87px; height:20px; overflow:hidden;}
.vol_pages a.up{background:url(/images/up.gif); width:70px; height:20px; overflow:hidden;}
.vol_pages a.down{background:url(/images/down.gif); width:70px; height:20px; overflow:hidden;}

.ComicTitle{height:50px;width:100%;}
.Comic_before{float:left;height:100%;;width:20%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Comic_before span{background:url(/images/arrow7.gif) no-repeat; background-position:left; padding-left: 18px; position:absolute;bottom:5px;left:8px;font-weight:bold;}
.Comic_Now{float:left;width:60%;}
.Comic_after{float:left;height:100%;;width:19%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Comic_after span{background:url(/images/arrow6.gif) no-repeat; background-position:right; padding-right: 18px; position:absolute;bottom:5px;right:0px;font-weight:bold;}

.hitsTop{width:96%; margin:0 auto;}
.hitsTop h1{font-size:14px; padding-bottom:.2em;}
.hitsTop li{ line-height:20px; height:20px; padding:3px 0; padding-left:25px; background-repeat:no-repeat; background-position:0 7px; border-bottom:1px dashed #8FBFE5; overflow: hidden;}
.hitsTop li span{float:right; font-size:10px; color:#666666; font-family:Tahoma, Verdana;}

.newUpdate{width:92%; margin:0 auto; padding:0.2em 0 0.5em 0;}
.newUpdate li{ line-height:21px; padding:3px 0; padding-left:12px; background:url(/images/arrow5.gif) 0 10px no-repeat; border-bottom:1px dashed #8FBFE5;}
.newUpdate li span.vol{font-style:normal; font-size:12px; font-family:Tahoma, Verdana;}
.newUpdate li span.data{float:right; font-size:10px; font-family:Tahoma, Verdana;color: red;}

.Advices{width:92%; margin:0 auto; padding:0.2em 0 0.5em 0;}
.Advices li{line-height:1.6em; padding:.3em 0; padding-left:1.8em; background:url(/images/advices.gif) 0 .3em no-repeat; border-bottom:1px dashed #BEE3FE;}
.Advices a{color:#0000FF;}

.comment1{padding:3px;}
.comment1 li{float:left; width:136px; height:190px; text-align:center;}
.comment1 li a img{ width:120px; height:160px; padding:3px; border:1px solid #BEE3FE;  margin-bottom:.4em;}

.chr_bar{line-height:1.2em; font-size:12px; background-color:#E0E0E0;  padding-top:.4em; padding-left:.4em; padding-bottom:.6em; padding-right:.6em; border:1px solid #FFFFFF; border-bottom:1px dashed #8FBFE5; background:url(/images/bar_bg.gif) top repeat-x;}
.chr_bar strong{filter:dropshadow(Color=#FFFFFF,OffX=1, OffY=1);}

.chr_bar span{ float:right; padding-top:.1em;}
.chr_bar span a{ display:block; background:url(/images/more.gif) top right no-repeat; width:60px; overflow:hidden; text-indent:-2000em; height:15px; overflow:hidden;}

.chrList{background-color:#FFFFFF; padding-left:12px;}
.chrList li{float:left; width:115px; line-height:17px; padding:3px 0; margin:0 2px; padding-left:15px; height:17px; background:url(/images/arrow10.gif) 0 7px no-repeat; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}


.left_top_tab{background:url(/images/bar_bg.gif) top repeat-x; height:33px; border-top:1px solid #FFFFFF; overflow:hidden; }
.left_top_tab span{display:block; float:left; font-size:14px; font-weight:bold; line-height:30px; text-align:center;width:184px;border-bottom:1px solid #8FBFE5;background-color:#F0F0F0; cursor:pointer; overflow:hidden;}
span.on{color:#FF0000; background-color:transparent; border-bottom:1px solid #FFFFFF;}
#tab1{border-right:1px solid #8FBFE5;}
#tab2,#tab3{border-left:1px solid #FFFFFF; border-right:1px solid #8FBFE5; }
#tab4{border-left:1px solid #FFFFFF; width:186px;  height:30px; position:relative; z-index:100;}
#tab4 img{position:absolute; top:2px; left:140px;}

.cmtList{padding-left:15px; background-color:#FFFFFF;}
.cmtList li{background:url(/images/cover_bg.gif) left top no-repeat; height:194px; float:left; width:136px; margin-left:6px; padding-top:1px; padding-left:1px; text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.cmtList li a img{border:0; display:block; height:160px; width:120px; margin-bottom:12px; text-align:left; background:url(/images/sloading.gif) center no-repeat;}
.cmtList li a{}
#cmtListPart2{display:none;}
#cmtListPart3{display:none;}
#cmtListPart4{display:none;}

.scmtList{padding-left:12px; background-color:#FFFFFF;}
.scmtList li{ float:left; height:210px; width:140px; padding: 5px 40px 10px 1px; text-align:center;}
.scmtList li a img{height:160px; width:120px; margin: 1px 0 12px 2px; text-align:center; background:url(/images/sloading.gif) center no-repeat;}
.scmtList li span{float:left; padding-top:5px;width:100%;overflow:hidden;color:#8FBFE5;}
.scmtList li a span{color:#666;}


.clistChr{ width:960px; padding-top:5px; padding-left:5px;}
.clistChr ul li{float:left; width:300px; padding:4px; height:170px; overflow:hidden;}
.clistChr div.cover{background:url(/images/cover_bg.gif) left top no-repeat; height:180px; float:left; width:136px; margin-left:6px; padding-top:1px; padding-left:1px;}
.clistChr div.cover a img{border:0; display:block; height:160px; width:120px; margin-bottom:12px; text-align:left; background:url(/images/sloading.gif) center no-repeat;}
.clistChr div.intro h2{font-size:14px; font-weight:normal; line-height:21px;}
.clistChr div.intro h2 img{vertical-align:top;}
.clistChr div.intro h2 a{color:#0033CC;}
.clistChr div.intro em{ display:block; font-style:normal; line-height:21px; height:21px; overflow:hidden;}
.clistChr div.intro span{color:#666666; line-height:1.4em;}
.clistChr li.dot-line0{background:url(/images/dot_2.gif) 0 8px repeat-x; height:12px; width:960px; clear:both;}
.clistChr li.dot-line1{background:url(/images/dot_1.gif) 12px 0 repeat-y; width:10px; height:170px; overflow:hidden;}
.clistChr li.norecord{width:960px; line-height:160px; text-align:center;}

.contentList{padding-left:28px; background-color:#FFFFFF;}
.contentList li{background:url(/images/cover_bg.gif) left top no-repeat; height:220px; float:left; width:145px; margin-right:12px; padding-top:1px; padding-left:1px; text-align:center;}
.contentList li a img{border:0; display:block; height:160px; width:120px; margin-bottom:14px; text-align:left; background:url(/images/sloading.gif) center no-repeat;}
.contentList li em{ display:block; text-align:center; font-style:normal; line-height:1.2em; padding-top:.4em;}

.flinks{width:960px; margin:0 auto;}
.flinks li{float:left; width:93px; text-align:center; line-height:23px; margin:1px; background-color:#F0F0F0;}

.comment2{padding:5px; }
.listCmt{ width:100%; background-color:#F6F6F6;}
.slistCmt{ width:100%;border-top:1px solid #AAA; height:auto; background-color:#F6F6F6}
.slistCmt h1{font-size:12px; line-height:1.5em; padding:.2em; background-color:#F0F0F0; padding-left:.4em; border:1px solid #FFF;}
.slistCmt h1 span{ float:right; padding-top:.1em;}
.slistCmt h1 span a{ display:block; background:url(/images/more.gif) top right no-repeat; width:60px; overflow:hidden; text-indent:-2000em; height:15px;}
.slistCmt ul{padding:0px 4px;}
.slistCmt li{float:left; width:125px; line-height:1.3em; padding:.2em 0; margin:0 2px; padding-left:15px; background:url(/images/arrow1.gif) 0 .4em no-repeat;}

.bookList{padding:0 8px; width:98%; margin:0 auto; font-size:14px;}
.bookList li{float:left; width:230px; line-height:23px; padding:4px 0; padding-left:26px; border-bottom:1px dashed #8FBFE5; margin:1px; overflow:hidden; height:23px;}
.bookList li:hover{background-color:#F0F7FF;}
.bookList li a{ color:#003399; text-decoration:underline;padding:.2em;}
.bookList li a:hover{color:#FFFFFF; background-color:#FF6600;}
.bookList li a font:hover{color:#FFFFFF; background-color:#FF6600;}
.bookList li span.new{background:url(/images/new.png) right 0px no-repeat; width: 30px; height: 15px; display: inline-block;}

.bookInfo{padding:0 8px;width:98%;}
.bookInfo h1{text-align:center;	line-height:2.2em;	font-size:22px;	color:#FF0000;	font-family:"΢ÈíÑźÚ", "ËÎÌå", Tahoma;	letter-spacing: .2em;}
.bookInfo div.info{ background-color:#F0F7FF; border:1px dashed #7DB3E2; line-height:1.4em;  padding:.4em; }
.bookInfo div.info span{ float:right; font-weight:bold;}
.bookInfo div.img{float:left; width:20%; text-align:center; padding-top:8px;}
.bookInfo div.img img{ padding-top:1px; padding-left:1px; padding-right:7px; padding-bottom:7px; background:url(/images/cover_bg.gif); width:120px; height:160px;}
.bookInfo dl{padding:4px; font-size:14px; line-height:1.6em; color:#333333; float:right; width:78%;}
.bookInfo dt{ font-weight:bold; color:#FF6600; line-height:1.6em; font-size:16px;} 
.bookInfo dd p{text-indent:2em; padding:.2em 0;}
.bookInfo h2{font-size:14px; color:red;}

.content h1{text-align:center;	line-height:2.2em;	font-size:22px;	color:#FF0000;	font-family:"΢ÈíÑźÚ", "ËÎÌå", Tahoma;	letter-spacing: .2em;}
.content h1 span{color:#000000; padding-left:.5em; font-size:18px;}
.picPager{font-size:12px; font-family:"ËÎÌå"; text-align:center;}
.picPager select{ font-size:13px;}

.ImgLoad{border:1px dashed #666666; padding:4px;}
.ImgComic{border:1px dashed #666666; padding:4px;}

.normal{font-size:12px; font-weight:normal; font-family:"ËÎÌå";}
.normal a{color:#FF0000;}

.notice{font-size:11px; font-family:Tahoma, Verdana; color:#666; text-align:center; padding-top:.5 em; line-height:1.5em;}

#search{position:relative; z-index:200;}
#suggest{position:absolute; top:34px; left:140px; border:1px solid #8FBFE5; background-color:#FFFFFF; width:250px; padding:3px; text-align:left; display:none; }
#suggest ul{}
#suggest li{line-height:21px; cursor:pointer; padding:0 4px;}
#suggest li.on{background-color:#006699; color:#FFFFFF;}
#suggest li.on em{color:#FFFF00;}
#suggest li em{ float:right; font-style:normal; color:#006600}
#suggest li span{font-weight:bold; color:#ff0000;}
#suggest div{margin:4px; padding-top:4px; line-height:21px; text-align:right; border-top:1px solid #BEE3FE; width:242px;}
#suggest div a{color:#FF0000;}

.plinfo{  clear:both; text-align:left;border-top: 2px solid #8FBFE5;}
		.plinfo dl{  padding:0 0 15px 0;}
		.plinfo dt{ background:#EEF5FD; padding:0 8px;}
		.plinfo dt span{ float:right;}
		.plinfo dt em{color:#2480C3;}
		.plinfo dd{ padding:2px 0;table-layout:fixed; word-wrap:break-word;word-wrap:break-word;}
		.plinfo dd p{ padding:0 10px;word-break:break-all;word-wrap:break-word;}
		.plinfo p{ padding:0 5px;word-break:break-all;word-wrap:break-word;}
		blockquote{ margin:8px 5px;background:#FFFFE8;border:1px #B6D7F1 solid;border-left:5px #B6D7F1 solid;padding:8px;clear:both;text-align:left;font-size:14px;}
		
		.pager{ clear:both; margin:10px 0;  text-align:left; padding:0 10px;}
		.pager ul{ float:right;overflow:hidden;width:auto;height:25px}
		.pager li{ list-style:none; float:left; padding:0px 3px; height:25px;}
		.pager a{ margin:0 3px;}
		.mark{color:#FFCC00; font-weight:bold; padding:0 3px;}

		.fbpl{ clear:both; text-align:center; }
		.content{ clear:both; margin:0px auto; padding:1px 0 0 2px; }
		.contentc{ clear:both; width:710px; margin:10px auto; border:1px solid #8FBFE5; height:110px; padding:1px 0 0 2px; }

		.btn_bar{ clear:both; width:710px; margin:0 auto; text-align:left; padding-bottom:10px;height:25px;}
		.btn_bar span{ float:right;}
		.btn_bar strong{ margin-right:5px;height:20px;}
		.btn_bar img{border:1px solid #8FBFE5; height:18px; margin:0px 5px 0 5px;width:60px;}
		.input{border:1px solid #8FBFE5; height:20px;  width:90px;}
		.w_60{ width:60px; }
		.ctop{float:right; font-size:12px;font-weight:normal;}
		.ctop a{color:#8FBFE5;text-decoration:underline;}
		.btn_bar label{color:#2480C3; font-weight:bold; float:left;margin-top:3px;margin-right:0px;}
		.yinyong{border-left:3px solid #8FBFE5;border-right:1px solid #8FBFE5;border-top:1px solid #8FBFE5;border-bottom:1px solid #8FBFE5;padding:5px;color:#2480C3;background:#e7e7e7;font-size:12px;}
		.ycontent{font-size:14px;color:#333;line-height:22px;}
		.yy_del{ text-align:left;}
		.yy_del a{ text-decoration:underline;color:#2480C3;font-size:12px;}
.page {clear:both;margin:4px;font-size:12px;text-align:center;}
.page a,.page span{width:24px;height:20px;padding:3px 8px 0;margin-left:3px;}
.page a {background:#F0F0F0; border:1px solid #8FBFE5;color:#000;text-decoration: none;}
.page a:hover {background:#ff9900;color:#FFF;border:1px solid #ff9900;}
.page span {background:#ff0000;color:#FFF;border:1px solid #ff0000;}
.page span.dot {background:#FFF;color:#000;border:1px solid #fff;}
.coverimg{background:url(/images/cover_bg.gif) 8px 0px no-repeat; height:175px; width:136px;}

.AboutComicTitle{font-weight: bold;}
.AboutComic{MARGIN-TOP:8px;FONT-SIZE:12px;OVERFLOW:hidden;WIDTH:775px;ZOOM:1}
.AboutComic .ACPiccont{FLOAT:left;OVERFLOW:hidden;WIDTH:727px}
.AboutComic .ACscrcont{WIDTH:32766px;ZOOM:1}
.AboutComic #AClist_1{FLOAT:left}
.AboutComic #AClist_2{FLOAT:left}
.AboutComic .LeftBotton{BACKGROUND:url("/images/AboutComic.gif") no-repeat;FLOAT:left;MARGIN-LEFT:3px;MARGIN-right:4px;WIDTH:15px;HEIGHT:150px}
.AboutComic .RightBotton{BACKGROUND:url("/images/AboutComic.gif") no-repeat;FLOAT:left;MARGIN-LEFT:3px;MARGIN-right:3px;WIDTH:15px;HEIGHT:150px}
.AboutComic .LeftBotton{BACKGROUND-POSITION:0px 0px;}
.AboutComic .RightBotton{BACKGROUND-POSITION:0px -150px;}
.AboutComic .LeftBotton:hover{BACKGROUND-POSITION:-20px 0px}
.AboutComic .RightBotton:hover{BACKGROUND-POSITION:-20px -150px}
.AboutComic .pl IMG{DISPLAY:block;MARGIN:6px auto 1px;CURSOR:pointer;BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none;background:url(/images/cover_bg_s.png);padding-top:1px; padding-left:1px; padding-right:6px; padding-bottom:6px; }
.AboutComic .pl{BORDER-RIGHT:#FFFFFF 1px solid;BORDER-TOP:#FFFFFF 1px solid;FLOAT:left;BORDER-LEFT:#FFFFFF 1px solid;WIDTH:119px;HEIGHT:155px;LINE-HEIGHT:24px;BORDER-BOTTOM:#FFFFFF 1px solid;TEXT-ALIGN:center;TEXT-DECORATION:underline;overflow: hidden;}
.AboutComic A.pl:hover{BORDER-RIGHT:#ff9900 1px solid;BORDER-TOP:#ff9900 1px solid;BACKGROUND:#f3f3f3;BORDER-LEFT:#ff9900 1px solid;COLOR:#ff9900;BORDER-BOTTOM:#ff9900 1px solid}

.AboutComic-LastPath{MARGIN-TOP:8px;FONT-SIZE:12px;OVERFLOW:hidden;WIDTH:900px;ZOOM:1}
.AboutComic-LastPath .ACPiccont{FLOAT:left;OVERFLOW:hidden;WIDTH:850px}
.AboutComic-LastPath .ACscrcont{WIDTH:32766px;ZOOM:1}
.AboutComic-LastPath #AClist_1{FLOAT:left}
.AboutComic-LastPath #AClist_2{FLOAT:left}
.AboutComic-LastPath .LeftBotton{BACKGROUND:url("/images/AboutComic.gif") no-repeat;FLOAT:left;MARGIN-LEFT:3px;MARGIN-right:4px;WIDTH:15px;HEIGHT:150px}
.AboutComic-LastPath .RightBotton{BACKGROUND:url("/images/AboutComic.gif") no-repeat;FLOAT:left;MARGIN-LEFT:3px;MARGIN-right:3px;WIDTH:15px;HEIGHT:150px}
.AboutComic-LastPath .LeftBotton{BACKGROUND-POSITION:0px 0px;}
.AboutComic-LastPath .RightBotton{BACKGROUND-POSITION:0px -150px;}
.AboutComic-LastPath .LeftBotton:hover{BACKGROUND-POSITION:-20px 0px}
.AboutComic-LastPath .RightBotton:hover{BACKGROUND-POSITION:-20px -150px}
.AboutComic-LastPath .pl IMG{DISPLAY:block;MARGIN:6px auto 1px;CURSOR:pointer;BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none;background:url(/images/cover_bg_s.png);padding-top:1px; padding-left:1px; padding-right:6px; padding-bottom:6px; }
.AboutComic-LastPath .pl{BORDER-RIGHT:#eaeaea 1px solid;BORDER-TOP:#eaeaea 1px solid;FLOAT:left;BORDER-LEFT:#eaeaea 1px solid;WIDTH:119px;HEIGHT:155px;LINE-HEIGHT:24px;BORDER-BOTTOM:#eaeaea 1px solid;TEXT-ALIGN:center;TEXT-DECORATION:underline;overflow: hidden;}
.AboutComic-LastPath A.pl:hover{BORDER-RIGHT:#ff9900 1px solid;BORDER-TOP:#ff9900 1px solid;BACKGROUND:#f3f3f3;BORDER-LEFT:#ff9900 1px solid;COLOR:#ff9900;BORDER-BOTTOM:#ff9900 1px solid}

.content-middle{background-image:url(/images/bg-mid.png);background-repeat:repeat-x;}
.content-middle .c-m-title{height:120px; text-align:center; position:relative;}
.content-middle .c-m-title .c-m-t-top{padding:40px 0 0 0;font-size:24px; font-family:'΢ÈíÑźÚ', 'ËÎÌå', Tahoma; font-weight:bold;}
.content-middle .c-m-title .c-m-t-middle{padding:20px 0 0 0; font-size:18px; font-family:'΢ÈíÑźÚ', 'ËÎÌå', Tahoma;}
.content-middle .c-m-title .c-m-t-right{height:50px; width:200px; position:absolute; right:0px; bottom:0px; background-image:url(/images/share.gif); background-repeat:no-repeat;}
.c-m-middle .c-m-m-pic{height:290px;}
.c-m-middle .c-m-m-pic ul{padding-top: 25px;}
.c-m-middle .c-m-m-pic ul li{float:left; width:165px; height:260px; margin-left: 25px; background-image:url(/images/cover_bg_b.png); background-repeat:no-repeat;}
.c-m-middle .c-m-m-pic ul li p{text-align:center; margin-top:20px;}
.c-m-middle .c-m-m-pic ul li p a{font-family:'ËÎÌå', Tahoma, Verdana;}
.c-m-middle .c-m-m-pic ul li p .now_vol{font-family:'ËÎÌå', Tahoma, Verdana; color:#FF0000; font-weight:bold;}
.c-m-middle .c-m-m-share{width:880px; height:150px; border-top:1px dashed #f48a5c; border-bottom:1px dashed #f48a5c; margin:40px 0 0 50px;}
.c-m-middle .c-m-m-share .c-m-m-s-left{width:660px; height:150px; float:left;}
.c-m-middle .c-m-m-share .c-m-m-s-left p{font-family:'ËÎÌå', Tahoma, Verdana; font-size:14px; font-weight:bold; margin:15px 0 0 30px;}
.c-m-middle .c-m-m-share .c-m-m-s-lef .c-m-m-s-l-Ltitle{font-family:'ËÎÌå', Tahoma, Verdana; color:5f5f5f;}
.c-m-middle .c-m-m-share .c-m-m-s-left td button{background-color:#F0FBFF; color:#369; width:60px;}
.c-m-middle .c-m-m-share .c-m-m-s-right{width:210px; height:120px; border-left:1px dashed #f48a5c; float:right; margin:15px 0 0 0;}
.content-middle .c-m-foot-related{width:900px; height:200px; margin:40px 0 0 45px;}

.ZJ_INFO {z-index: 900; position: absolute; padding: 1px; border: 1px solid #C9C9C9; width: 180px; height: 250px; background-color: #C0C0C0;}
.bookmarks {z-index: 900; width: 200px; height: 75px; position: absolute; font-family: 'Microsoft YaHei',arial,tahoma,ËÎÌå,sans-serif; font-size: 13px;}
.bookmarks a.close:hover,a.close:active{background: url(/images/newtips.gif) -32px 0px no-repeat;}
.bookmarks a.close{background: url(/images/newtips.gif) -48px 0px no-repeat; position: absolute; top: 5px; right: 5px; width: 12px; height: 12px; z-index: 999;}
.bookmarks a:hover{text-decoration: none;}