@charset "utf-8";
html {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
body {
    color:#666;
    font:12px/20px 'Open Sans',arial, Helvetica, sans-serif;
    background: #CCD9C8;    
    
    -webkit-text-size-adjust:none;
}
body.page {
    color: #bbb;
    background: url(../img/bg-page.png) #222;    
}
::selection {background-color:#669900; color:#ffffff;}
::-moz-selection {background-color:#669900; color:#ffffff;}

table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,th,var,optgroup {
    font-style:inherit;
    font-weight:inherit;
}
del,ins {
    text-decoration:none;
}
li {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
	color:#333;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
    font-variant:normal;
}
sup {
    vertical-align:baseline;
}
sub {
    vertical-align:baseline;
}
legend {
    color:#000;
}
input,button,textarea,select,optgroup,option {
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
    /*outline:none;*/
    outline-color: #4787ED;
}
input,button,textarea,select {
    *font-size:100%;
}

a {
    cursor: pointer;
    color: #425349;
    text-decoration: none;
}
a:link {
    color: #425349;
    text-decoration: none;
}
a:visited {
    color: #425349;
    text-decoration: none;
}
a:active {
    color: #D3A009;
    text-decoration: none;
}
a:hover {
    color: red;
    text-decoration: underline;
}

.clear{
    clear:both;
    height:0;
}

/* 通用样式 ========================== */
.tip{
    color:#999;
}
.tip.normal {
    color:#999;
}
.tip.error {
    color:#F70400;
}
.tip.info {
    color:#0355FF;
}
.tip.accept {
    color:#01A401;
}
.tip.warning {
    color:#F29734;
}
a.more{
    color:#666;
}

/* ------- .pagebar ----- */
.pager-outer{
    /* background: #F6FDFF; */
    height: 28px;
    line-height: 28px;
    margin: 10px auto 0;
    text-align: center;
    width: 598px;

    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}

.pager { 
    float:right; text-align: center; color: #048aa7; 
}
.pager li{
    float:left;
    text-align:center;
    margin-left:3px;
}
.pager a,
.pager a:link{ 
    padding: 2px 5px; 
    color: #369; 
    text-decoration: none; 

    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}
.pager a:hover { 
    color: #fff; 
    background: #003399;
}
.pager select{
    display: block;
    margin-top:4px;
}
.pager span{
    padding: 2px 5px; 
    
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}
.pager span.current { 
    color:#fff;
    background: #83BF73;
}
.pager span.disabled { 
    color: #929292;
}

.star{
    background: url(../img/manga/star.png) no-repeat;
    height: 16px;
    width: 80px;
    display: inline-block;
}
.star.s50{
    
}
.star.s45{
    background-position: 0 -16px;   
}
.star.s40{
    background-position: 0 -32px;   
}
.star.s35{
    background-position: 0 -48px;       
}
.star.s30{
    background-position: 0 -64px;       
}
.star.s25{
    background-position: 0 -80px;       
}
.star.s20{
    background-position: 0 -96px;       
}
.star.s15{
    background-position: 0 -112px;      
}
.star.s10{
    background-position: 0 -128px;      
}
.star.s05{
    background-position: 0 -144px;      
}
.star.s00{
    background-position: 0 -160px;      
}

.star-24{
    background: url(../img/manga/star-24.png) no-repeat;
    height: 24px;
    width: 120px;
    display: inline-block;
}
.star-24.s50{
    
}
.star-24.s45{
    background-position: 0 -24px;   
}
.star-24.s40{
    background-position: 0 -48px;   
}
.star-24.s35{
    background-position: 0 -72px;       
}
.star-24.s30{
    background-position: 0 -96px;       
}
.star-24.s25{
    background-position: 0 -120px;      
}
.star-24.s20{
    background-position: 0 -144px;      
}
.star-24.s15{
    background-position: 0 -168px;      
}
.star-24.s10{
    background-position: 0 -192px;      
}
.star-24.s05{
    background-position: 0 -216px;      
}
.star-24.s00{
    background-position: 0 -240px;      
}

#rating span.star-24 div{
    float:left;
    width:12px;
    height:24px;
    line-height:24px;
    border-bottom:0px solid red;
    cursor:pointer;
}
#rating i{
    margin-left:10px;
    font-size:1.8em;
    font-weight:bold;
    color:#F87F67;
}

.btn-blue,
.btn-blue:link, 
.btn-blue:visited {
    background: #098DF4;
    background-image: linear-gradient(top,#098DF4,#125CB8);
    background-image: -webkit-linear-gradient(#098DF4,#125CB8);
    background-image: -moz-linear-gradient(#098DF4,#125CB8);
    background-image: -ms-linear-gradient(top,#098DF4,#125CB8);
    border: 1px solid #125CB5;
    border: none    9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 1px #71c0fd inset;
    padding: 10px 20px;
    font-weight: bold;
    color: white;   
}
.btn-blue:hover {
    background: #098DF4;
    background-image: linear-gradient(top,#0584E7,#125BB3);
    background-image: -webkit-linear-gradient(#0584E7,#125BB3);
    background-image: -moz-linear-gradient(#0584E7,#125BB3);
    background-image: -ms-linear-gradient(top,#0584E7,#125BB3);
    text-decoration: none;
    color: white;
    cursor: pointer;
}
.btn-blue:active {
    position: relative;
    top: 1px;
    bottom: -1px;
    background: #125CB5;
    box-shadow: none;
}

.btn-orange,
.btn-orange:link, 
.btn-orange:visited {
    font-family: 'Helvetica Neue',Arial,sans-serif;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: .3em .8em;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2),0 2px 0 rgba(255,255,255,0.15) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2),0 2px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2),0 2px 0 rgba(255,255,255,0.15) inset;
    color: white!important;
    border: 1px solid #C47B07;
    background: linear-gradient(top,#FBA00C,#F67C16);
    background: -webkit-gradient(linear,left top,left bottom,from(#FBA00C),to(#F67C16));
    background: -moz-linear-gradient(top,#FBA00C,#F67C16);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fba00c',endColorstr='#f67c16');
    font-size: 1em;
    line-height: 1.5;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.btn-orange:hover {
    background: #F88912;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3),0 2px 0 rgba(255,255,255,0.15) inset;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3),0 2px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3),0 2px 0 rgba(255,255,255,0.15) inset;
}
.btn-orange:active {
    background: #F88912;
    -moz-box-shadow: 0 .1em .2em rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 0 .1em .2em rgba(0,0,0,0.4) inset;
    box-shadow: 0 .1em .2em rgba(0,0,0,0.4) inset;
}


.paging-bar {
    background: url(../img/manga/paging-bg.gif) center 15px  repeat-x;
    display: table;
    width: 940px;
    margin-bottom: 20px;
    padding: 0 10px;
}
.paging-bar .paging {
    margin-right: 5px;
    float: right;
}
.paging-bar .paging li {
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 5px;
    height: 20px;
    line-height: 22px;
    color: #666;
    background-color: #CCD9C8;

    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;     
}
.paging-bar .paging.full li {
    height: 20px;
    line-height: 22px;
    padding: 0px 6px;
}
.paging-bar .paging.full li.current {
    color: white;
    background: #D3A009;
}
.paging-bar .paging.order {
    margin-left: 5px;
    float:left;
}
.paging-bar .paging.order li {
    color: #666;
    font-weight: bold;
}
.paging-bar .paging.order .current {
    font-weight: bold;
}
.paging-bar .paging.order .current a{
    text-decoration: underline;
}

.paging-bar .paging .total{
    color: #666;
}
section.page-msg{
    position: fixed;
    border:1px solid #F0C36D;
    background: #F9EDBE;

    padding: 5px 20px;
    font-weight: bold;
    z-index:10002;

    -webkit-box-shadow:0 0 10px #F0C36D;
    -moz-box-shadow:0 0 10px #F0C36D;
    box-shadow:0 0 10px #F0C36D;    
}
.goto-anchor-top {
    background: url(../img/return-top.png) left top no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    position: fixed;
    bottom: 20px;
    left: 50%;
    text-align: center;
    margin-left: 500px;
    cursor:pointer;

    _position: absolute;
    _right: 5px;
    _bottom: auto;
    _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight));
}
.goto-anchor-top:hover {
    background: url(../img/return-top.png) left bottom no-repeat;
}

header, section, footer{
    display: table;
    clear: both;
    width: 100%;
    min-width: 960px;
}
div.content{
    clear: both;
    width: 960px;
    margin: 0 auto;
}

/* ------- #topbar ----- */
section.topbar {
    color: #CCC;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: url(../img/site-topbar.png) repeat-x 0px 0px;
}
section.topbar a {
    color: #CCC;
    outline: none;
}
section.topbar div.link {
    display:inline-block;
}
section.topbar nav {
    float:right;
}
section.topbar nav li{
    float:left;
    line-height: 16px;
    padding: 0 8px;
    margin: 8px 0 0 0;
    background: url(../img/site-topbar.png) no-repeat 0px -53px;    
}
section.topbar nav li.first{
    background: none;
}
section.topbar nav li.save-to-desktop a{
    padding-right: 12px;
    background: url(../img/site-topbar.png) no-repeat right -71px;  
}

header.common{
    height: 38px;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #B9C9BB;
    margin-bottom: 10px;
}
header.common .content{
    position: relative;
}

header.common h1.logo{
    position: absolute;
    left: 0;
    top: 0;
}
header.common h1.logo span{
    display: block;
    height: 38px;
    line-height: 999px;
    overflow: hidden;
    font-size: 0;
}
header.common h1.logo a{
    position: absolute;
    left: 0;
    top: 6px;
}

header.common .bg{
    float:right;
    width:750px;
    height:38px;
}
header.common .nav{
    display: inline;
    float: left;
    overflow: hidden;
    font-weight: bold;
    font-size: 16px;
}
header.common .nav li{
    position: relative;
    float: left;
    height:38px;
    line-height: 38px;
    margin-left: 5px;
}
header.common .nav li a {
    color: #000000;
    padding: 0px 10px;
    display: block;
    outline: none;
    text-decoration: none;

    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
header.common .nav li a:hover {
    background: #D3DFD1;
}
header.common .nav li b{
    content:'';
    display:block;
    margin:0 auto;
    width:0;
    height:0;
    border: 5px solid transparent;
    border-bottom: none;
}
header.common .nav li.on{

}
header.common .nav li.on a {
    color: white;
    background: #425349;
}
header.common .search{
    float: right;
    width: 160px;
    border: 1px solid #999;
    background: white;
    height: 24px;
    margin-top: 6px;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
header.common .search input{
    float: left;
    border: 0 none;
    height: 24px;
    line-height: 24px;
    width: 130px;
    text-indent: 5px;
    margin: 0;
    padding: 0;
    outline-color: transparent;

    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
header.common .search button{
    float:right;
    width: 24px;
    height: 24px;
    border: none;
    background: url(../img/manga/so-btn.png);
    cursor:pointer;
}

/* ------- header.mini ----- */
header.mini{
    color: #CCC;
    font: 13px/27px Arial,sans-serif;
    width: 100%;
    height: 29px;   
    background: #2D2D2D url(../img/manga/top-bar-bg.png) repeat-x;
    border-bottom: 1px solid #333;
    white-space: nowrap;
    opacity: 1;
    filter: alpha(opacity=100);
}
header.mini a,
header.mini a:link,
header.mini a:active,
header.mini a:visited{
    color:#CCC;
    text-decoration:none;
}
header.mini a:hover{
    background:#4C4C4C;
    text-decoration:none;
}
header.mini li{
    float:left;
    height: 29px;
    line-height: 29px;
}
header.mini li.logo{
    margin-right:10px;
}
header.mini li a{
    height: 27px;
    line-height: 27px;
    border-top:2px solid transparent;
    padding:0 8px;
    display: block;
    font-weight: bold;
}
header.mini li a:hover{
    border-top:2px solid #4C4C4C;
}
header.mini li.current a{
    color:#fff;
    font-weight:bold;
    border-top:2px solid #DD4B39;
}

header.mini li a span{
    zoom: 1;
    white-space: nowrap;
}

header.mini li a.more{
    position:relative;
    width: 75px;
}
header.mini li a.more em{
    position:absolute;
    top:13px;
    right:5px;
    cursor:pointer;
    content: '';
    display: block; 
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-bottom: none;
    border-top-color: #999;
}

header.mini li.logo a{
    padding: 0; background: transparent;
}
header.mini li.logo a img{
    margin-top: 4px;
}

header.mini li.search{
    width: 230px;
    float: right;
}
header.mini li.search div.search{
    float: right;
    width: 220px;
    border: 1px solid #555;
    background: #444;
    height: 20px;
    margin-top: 4px;

    /*
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;     
    */
}
header.mini li.search div.search input{
    float:left;
    border: 0 none;
    height: 20px;
    line-height: 20px;
    width: 190px;
    text-indent: 5px;
    margin:0;
    padding:0;
    background-color: #444;

    outline-color: transparent;

    /*
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    */  
}
header.mini li.search div.search button{
    float:right;
    width: 24px;
    height: 20px;
    border: none;
    background: transparent url(../img/manga/so-btn.png) no-repeat 0px -2px;
    cursor:pointer;

    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;     
}

header.mini li.normal a:hover{
    border-top: 2px solid transparent;
    background: transparent;
    text-decoration: underline;
}

/* 滑动切换 */
section.recommend {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #425349;
}
section.recommend .glide{
    display: table;
    width: 960px;
    margin: 0 auto;
}
section.recommend .glide h2{
	color:#fff;
    font-size: 15px;
    font-weight: bold;
    float: left;
}
section.recommend .glide span.more{
	color:#fff;
    float: left;
    font-size:10px;
    font-weight: normal;
}
section.recommend .glide span.more a.more{
	color:#fff;
}
section.recommend .glide .ctl{
    display:none;
    float:right;
}
section.recommend .glide .ctl .prev,
section.recommend .glide .ctl .next{
    cursor:pointer;
    float: left;
    height:18px;
    width:18px;
    border:none;
    background: #ccc;
    margin-left:5px;

    -moz-border-radius:9px; 
    -khtml-border-radius:9px; 
    -webkit-border-radius:9px; 
    border-radius:9px;
}
section.recommend .glide .ctl .prev.on,
section.recommend .glide .ctl .next.on{
    background: #CFDD20;
}
section.recommend .glide .ctl .prev b,
section.recommend .glide .ctl .next b{
    cursor:pointer;
    content: '';
    display: block; 
    width: 0;
    height: 0;
    border: 5px solid transparent;
}
section.recommend .glide .ctl .prev b{
    margin: 4px auto auto 6px;
    border-left: none;
    border-right-color: #fff;
}
section.recommend .glide .ctl .next b{
    margin: 4px auto auto 8px;
    border-right: none;
    border-left-color: #fff;
}
section.recommend .glide .ctl .switch{
    float: left;
    padding-top: 0px;
}
section.recommend .glide .ctl .switch li{
    float: left;
}
section.recommend .glide .ctl .switch li a{
    color:#eee;
    cursor:pointer;
    float: left;
    height:8px;
    width:8px;
    border:none;
    background: #ccc;
    margin:5px;

    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
section.recommend .glide .ctl .switch li.on a{
    background: #CFDD20;
}
section.recommend .glide .cnt{
    overflow: hidden;
    position: relative;
    width: 960px;
    height: 212px;
}
section.recommend .glide .cnt ul{
    overflow: hidden;
    position: absolute;
    width:60000px;
    left: 0px;
    top: 10px;
}
section.recommend .glide .cnt ul li{
    float:left;
    display:inline;
    margin-right:6px;
}
section.recommend .glide .cnt ul li span{
    display: block;
    width: 132px;
    text-align: center;
    overflow: hidden;
}
section.recommend .glide .cnt ul li span a{
	color:#fff;
    font-weight:bold;
}

section.recommend .glide .cnt img{
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
    border: 1px solid #D7D7D9;
    padding: 5px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;     
}

section.index{
    margin:0 auto;
    padding-bottom: 30px;
    width:960px;
    position: relative;
}
section.index .left{
    float:left;
    width:620px;
}
section.index .right{
    float: right;
    width: 320px;
}

section.index .latest{
    display: table;
	width:100%;
	background: #D3DFD1;
	
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.index .latest .cnt{
    padding: 10px;
    

    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
section.index .latest .hd{
    height: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;

    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; 
}
section.index .latest .hd h2{
    float: left;
    font-size:14px;
    font-weight: bold;
    
}
section.index .latest .hd span{
    float: left;
    font-size:10px;
    font-weight: normal;
    color:#666;
}
section.index .latest .item {
    position: relative;
    display: table;
    zoom: 1;
    width: 100%;
    border-bottom: 1px dashed #FFD9FC;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    vertical-align: top;
}
section.index .latest .item.last {
	border-bottom:none;
	margin-bottom:0;
}
section.index .latest .item h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
}
section.index .latest .item table{
    width: 100%;
}
section.index .latest .item td{
    vertical-align: top;
}
section.index .latest .item .cover img {
    padding: 2px;
    border: 1px solid #E5E5E5;
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
	
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.index .latest .item b.rank{
    margin-right: 10px;
    background: #4774A7;
    color: white;
    padding: 0 5px;
    
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
section.index .latest .item .alias{
    line-height:1.2em;
    background: #E1E8EC;
    padding:8px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;     
}
section.index .latest .item ul{
    margin-top:10px;
}
section.index .latest .item li{
    
}
section.index .latest .item li span{
	display: inline-block;
	width: 408px;
	white-space: nowrap;
	overflow: hidden;
}
section.index .latest .item li i{
    float: right;
    color: #666;
    font-size: 9px;
    margin-left: 5px;
}
section.index .latest .item.hot h2 a{
    color:#FF0084;;
}
section.index .latest .item.new h2 a{
    color:#37A51D;;
}


section.index .right .welcome{
    margin-bottom:20px;
    padding:10px;
    background:#F4F4EC;
}
section.index .right .welcome h2{
    font-size: 14px;
    font-weight: bold;
}
section.index .right .welcome .cnt p{
    text-indent: 24px;
    padding-top: 8px;
}
section.index .right .social{
    margin-bottom:10px;
}
section.index .right .top-view{
    margin-bottom:20px;
    display: table;

    background: #D3DFD1;
    padding: 10px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
section.index .right .top-view .tit{
    border-bottom:1px solid #ccc;
}
section.index .right .top-view .tit h2{
    font-size: 14px;
    font-weight: bold;
}
section.index .right .top-view .tit h2 span{
    font-size:10px;
    font-weight: normal;
    color:#666;
}
section.index .right .top-view .tit ul{
    padding-left:10px;
}
section.index .right .top-view .tit li{
    float:left;
    padding:3px 10px;
    margin-bottom: -1px;
    border: 1px solid transparent;
    cursor:pointer;
    
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
section.index .right .top-view .tit li.hover{
    border: 1px solid #ccc;
    border-bottom-color:#fff;
}
section.index .right .top-view ul.list{
    padding: 10px 0;
}
section.index .right .top-view ul.list li{
    float: left;
    margin: 0 0 5px 0;
    width: 300px;

    border-bottom: 1px dashed #ddd;
}
section.index .right .top-view ul.list li.fix{
    margin-right:0;
}
section.index .right .top-view ul.list li.last{
    border-bottom:none;
}
section.index .right .top-view ul.list li .cover{
    float:right;
}
section.index .right .top-view ul.list li .cover img {
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
    border: 1px solid #D7D7D9;
    padding: 2px;
    width: 50px;
    height: 50px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

section.index .right .top-view ul.list li div{
    float: left;
    height: 56px;
    line-height: 26px;
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
}
section.index .right .top-view ul.list li div a.mtit{
    font-weight:bold;
}
section.index .right .top-view ul.list li div i{
    color: #666;
    font-size: 9px;
    margin-left: 10px;  
}
section.index .right .top-view ul.list li.new div i{
    color: #37A51D;
}

section.index .genres{
    margin-bottom:18px;
    display: table;
    background: #D3DFD1;
    padding: 10px;

    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;     
}
section.index .genres .tit{
    height:20px;
    margin-bottom:10px;
    border-bottom: 1px solid #CCC;
}
section.index .genres .tit h2{
    float:left;
    font-size: 14px;
    font-weight: bold;
}
section.index .genres .tit span{
    float:left;
    font-size:10px;
    font-weight: normal;
    color:#666;
}
section.index .genres ul.list{
    display: table;
    width: 100%;
}
section.index .genres ul.list li{
    float:left;
    width: 33%;
}
section.index .genres ul.list li.highlight a{
    color:#AC5B46;
    font-weight: bold;
}
section.index .genres ul.letter{
    display: table;
    width: 100%;
    margin-top:10px;
}
section.index .genres ul.letter li{
    float:left;
    width: 7%;
}

section.manga{
    margin: 0 auto;
}
section.manga h1 {
    font-size: 1.6em;
    line-height: 2em;
    font-weight: bold;
}
section.manga h2 {
    font-size: 1.4em;
    line-height: 2em;
    font-weight: bold;
}
section.manga h3 {
    font-size: 1.2em;
    line-height: 2em;
    font-weight: bold;
}
section.manga table.info{
    width:100%;
    margin-top:10px;
}
section.manga table.info tr {
    vertical-align: top;    
}
section.manga table.attr{
    width:100%;
}
section.manga table.attr tr {
    vertical-align: top;
}
section.manga table.attr th {
    display: block;
    color: #272727;
    font-weight: 700;
    text-align: right;
    padding-right:10px;
}
section.manga table.attr td {
    padding: 2px 0;
}
section.manga .cover img{
    padding: 5px;
    border: 1px solid #D7D7D9;
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.manga .vol{
    font-weight: bold;
    display:block;
    height:30px;
    line-height:30px;
    clear:both;
    margin-top: 5px;
    border-radius: 5px;
    background: #B9C9BB;
	cursor:pointer;
}
section.manga .vol:hover{
}
section.manga .vol h4{
    color:#000;
    float: left;
    padding-left: 5px;
    font-weight: bold;  
}
section.manga .vol span.ppp{
    float: right;
    width: 160px;
    height: 30px;
	text-align: center;
}
section.manga .vol span.date{
    float: right;
    width: 180px;
    height: 30px;
	text-align: right;
	margin-right: 5px;
}
section.manga .vol span.collapse{
    float: right;
    width: 30px;
    height: 30px;
    background:url(../img/manga/collapse.png) no-repeat center center;
}
section.manga .vol.collapsed{
}
section.manga .vol.collapsed:hover{
}
section.manga .vol.collapsed span.collapse{
    background-image: url(../img/manga/collapsed.png);
}
section.manga .ch{
    clear:both;
}
section.manga .ch.collapsed{
    clear:both;
    display:none;
}
section.manga .ch li{
    float:left;
    width: 950px;
    padding:5px;
    white-space: nowrap;
    overflow: hidden;
}
section.manga .ch li:hover{
    background: #D3DFD1;
}
section.manga .ch li span{
    float: left;
    width: 600px;
    white-space: nowrap;
    overflow: hidden;
}
section.manga .ch li em{
    float: right;
    width: 190px;
    white-space: nowrap;
    overflow: hidden;
}
section.manga .ch li em a {
	border: #B9C9BB 1px solid;
	padding: 1px 8px;
	text-decoration: none;
	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
} 
section.manga .ch li em a:hover {
    background: #ECF0F2;
}
section.manga .ch li i{
    float:right;
    font-size:10px;
    width: 150px;
    white-space: nowrap;
	text-align: right;
    overflow: hidden;	
}
section.manga .ch li.new i{
    color: #37A51D;
}
section.manga .warning{
    border: 2px solid #AC0008;
    margin: 20px auto 10px;
    padding: 20px 20px 20px 100px;
    width: 836px;
    color: #333;
    text-align: left;
    background: url("../img/manga/warning.gif") no-repeat scroll 6px 6px #FEF5F7;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
section.manga .warning .goto {
    clear: both;
    color: #AC0008;
    font-weight: bold;
    padding: 5px;
    line-height: 30px;
    background: none repeat scroll 0 0 #FFCF76;
}
section.manga .relate{
	display: table;
	width: 100%;	
}
section.manga .relate li{
	float: left;
	margin-right: 30px;
	white-space: nowrap;
}
section.manga a.collapse-all{
	float:right;
    font-size:0.8em;
	font-weight:normal;
	text-indent: 20px;
	background: url("../img/manga/plus.png") no-repeat scroll 0 8px transparent;
}
section.manga a.collapse-all.closed{
    background-image: url("../img/manga/minus.png");
}

body.page a,
.canvas a{
    color: #B9C9BB;
}
body.page a:hover,
.canvas a:hover{
    color: red;
}


section.page{
    margin:0 auto;
    width:960px;
}
section.page h1,
section.page h2{
    width:0;
    height:0;
    overflow:hidden;
}
section.page .panel{
    margin-top:10px;
    height: 90px;
    text-align:center;
}
section.page .panel .ad-728x90{
	width:728px;
	height:90px;
    overflow: hidden;
	margin: 0 auto;
}
section.page .panel .ad-230x90{
    float:left;
    margin-left:2px;
}
section.page .switch{
    color: white;
    margin: 0 auto 10px auto;
    line-height:33px;
}
section.page .switch.bottom{
    margin: 20px auto;
}
section.page .switch .location{
    width:100%;
    clear:both;
    color:#999;
}
section.page .switch .location span{
    float:left;
    font-size: 18px;
}
/*
section.page .switch .location span a{
    color:#2387BC;
}*/
section.page .switch .location span .refresh{
    cursor:pointer;
    width:21px;
    height:21px;
    background: url(../img/manga/refresh.png) no-repeat;
}
section.page .switch .location .bookmark_add {
    background-image: url(../img/manga/bookmark.png);
    background-position: left center;
    background-repeat: no-repeat;
    float: right;
    font-weight: bold;
    padding-left: 20px;
}
section.page .switch .book{
    float:left;
}
section.page .switch .page{
    float:right;
}
section.page .switch .page span{
    float: left;
    margin-left: 5px;
}
section.page .switch .page span a{
    background-color: white;
    border: 1px solid #CCC;
    border-radius: 3px;
    font-size: 13px;
    padding: 0 8px;
    text-decoration: none;
    color: #333;
    display: inline-block;
    height: 27px;
    text-align: center;
    line-height: 27px;
    font-weight: bold;
}
section.page .switch .page span a:hover{
    color: white;
    border-color: #333;
    background-color: #89C624;
}
section.page .switch select{
    float:left;
    color: black;
    background-color: white;
    border: 1px solid #000;
    font-size: 12px;
    padding: 5px;
    vertical-align: middle;

}
section.page .switch .book select{
    max-width: 700px;   
    min-width: 380px;   
}
section.page .switch .book select.top{
    width: 380px;
    max-width: 380px;   
    min-width: 380px;   
}
section.page .switch .load{
    float:left;
}
section.page .switch .size{
    float:left;
}

.canvas{
    width: 100%;
    text-align: center;
    line-height: 0;
}
.canvas img{
    background: url(../img/manga/loading.gif) no-repeat center center transparent;  
}
.canvas img.arrow-up{
    cursor: url(../img/manga/cur/up.cur), pointer; 
}
.canvas img.arrow-down{
    cursor: url(../img/manga/cur/down.cur), pointer; 
}
.canvas img.arrow-left{
    cursor: url(../img/manga/cur/left.cur), pointer; 
}
.canvas img.arrow-right{
    cursor: url(../img/manga/cur/right.cur), pointer; 
}
.canvas .tool{
    width:960px;
    margin:0 auto;
    height:20px;
    line-height:20px;
    text-align:center;
}
.canvas .tool .btn{
    font-weight:bold;
}
.canvas .tool .btn em{
    margin-left:8px;
}
.canvas .tool .btn .reload{
    cursor:pointer;
}

.canvas .tool .zoom {
    float:right;
    color: #ccc;
    font-weight:bold;
    text-align: center;
    cursor: pointer;
}
.canvas .tool .zoom.top {
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.canvas .tool .zoom.bottom {
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.canvas .tool .zoom span{
    float:left;
    margin-left:10px;
}
.canvas .tool .zoom span.tit {
    cursor:auto;
}
.canvas .tool .zoom span:hover {
    color: yellow;
}
.canvas .tool .zoom span.tit:hover {
    color: #ccc;
}
.canvas .tool .zoom span.plu,
.canvas .tool .zoom span.miu{
}
.canvas .tool .zoom span.dis{
    color:#333;
}
hr.line{
    width: 960px;
    border-top: 1px solid #333;
    border-width: 1px 0 0 0;
    margin: 20px auto 10px auto;
}
section.page .tip {
    background: #222;
    border: 1px solid #111;
    padding: 10px;
    color: #666;
    border-image: initial;
}
section.page .tip a{
    font-weight:bold;
}
section.page .board{
    margin-top:10px;
}
section.page .board .info{
	color: #aaa;
	display: block;
	width: 100%;
}
section.page .board .info h3,
section.page .board .info strong{
    font-weight: bold;
    color: #F3C76F;
}

section.page .board .info .relate{
    display: table;
    width: 100%;    
}
section.page .board .info .relate li{
    float: left;
    margin-right: 30px;
    white-space: nowrap;
}
section.page .page-ad-bot{
    display:table;
	margin:10px auto;
}
section.page .ad-300x250{
    float: left;
    margin-left: 12px;
    text-align: center;
    width: 300px;
    height: 250px;
    overflow: hidden;
    margin-top: 10px; 
}
section.upcoming .content{
	text-align: center;
}
section.upcoming .content .info{
    margin: 20px 0;
	font-size: 16px;
}
section.upcoming .content .info strong{
	font-size: 20px;
}
section.latest{
    margin: 0 auto;
}
section.latest h1 {
    font-size: 1.6em;
    line-height: 2em;
    font-weight: bold;
    margin-bottom:20px;
}
section.latest h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
}
section.latest h3 {
    font-size: 1em;
    line-height:2.2em;
    font-weight: normal;
}
section.latest .list {
    display:table;
    width: 100%;
}
section.latest .list .item {
    position: relative;
    display: table;
    zoom: 1;
    width: 100%;
    border-bottom: 1px dashed #A6BEC3;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    vertical-align: top;
}
section.latest .list .item table{
    width: 100%;
}
section.latest .list .item td{
    vertical-align: top;
}
section.latest .list .item .cover img {
    padding: 5px;
    border: 1px solid #E5E5E5;
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.latest .list .item .alias{
    line-height:1.2em;
    background: #E1E8EC;
    padding:8px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;     
}
section.latest .list .item ul{
    margin-top:10px;
}
section.latest .list .item li{
    
}
section.latest .list .item li i{
    float: right;
    color: #666;
    font-size: 9px;
    margin-left: 5px;
}
section.latest .list .item.hot h2 {
    color:#FF0084;;
}


section.popular{
    margin: 0 auto;
}
section.popular h1 {
    font-size: 1.6em;
    line-height: 2em;
    font-weight: bold;
    margin-bottom:20px;
}
section.popular h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
}
section.popular h3 {
    font-size: 1em;
    line-height:2.2em;
    font-weight: normal;
}
section.popular .list {
    display:table;
    width: 760px;
    float:left;
}
section.popular .list .item {
    position: relative;
    display: table;
    zoom: 1;
    width: 100%;
    border-bottom: 1px dashed #A6BEC3;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    vertical-align: top;
}
section.popular .list .item table{
    width: 100%;
}
section.popular .list .item td{
    vertical-align: top;
}
section.popular .list .item .cover img {
    padding: 5px;
    border: 1px solid #E5E5E5;
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.popular .list .item b.rank{
    margin-right: 10px;
    background: #4774A7;
    color: white;
    padding: 0 5px;
    
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
section.popular .list .item .alias{
    line-height:1.2em;
    background: #E1E8EC;
    padding:8px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;     
}
section.popular .list .item ul{
    margin-top:10px;
}
section.popular .list .item li{
    
}
section.popular .list .item li i{
    float: right;
    color: #666;
    font-size: 9px;
    margin-left: 5px;
}


section.popular .genres {
    display:table;
    float:right;
    width: 130px;
    margin-top: 25px;
    
    
    background: #E1E8EC;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;  
}
section.popular .genres h2{
    padding: 5px 10px;
    margin-bottom: 0;
    background: #D0D8DC;
    height: 20px;
    
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
section.popular .genres ul{
}
section.popular .genres li{
    padding: 5px 10px 5px 20px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;  
}
section.popular .genres li.on{
    background:#4774A7;
}
section.popular .genres li.on a{
    color:#fff;
    font-weight:bold;
}

section.list{
    margin: 0 auto;
}
section.list h1 {
    font-size: 1.6em;
    line-height: 2em;
    font-weight: bold;
    margin-bottom:20px;
}
section.list h2 {
    font-size: 1.3em;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
}
section.list h3 {
    font-size: 1em;
    line-height:1.6em;
    font-weight: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
section.list h3 {
    line-height:2.2em; 
}}
section.list .letter {
    width: 940px;
    margin-bottom:20px;
    border-width: 1px 0;
    background: #E1E8EC;
    padding: 10px;
    display:table;
    line-height:28px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
section.list .letter span{
    float:left;
    font-size: 1.2em;
    line-height: 2em;
    font-weight: bold;  
    margin-right:10px;
}
section.list .letter li{
    float:left;
    font-size: 1.2em;
    line-height: 2em;
    font-weight: bold;      
    padding:0 10px;
}
section.list .section{
    float:left;
    width:50%;
}
section.list .section ul{
    position: relative;
    margin-bottom: 20px;
}
section.list .section .goto-anchor-letter{
    position: absolute;
    right:20px;
    top:8px;
    background: url(../img/manga/return.png) right top no-repeat;
    width: 16px;
    height: 16px;
    text-indent: 100px;
    overflow: hidden;
}


section.list .main {
    float:left;
    display:table;
    width: 618px;
}
section.list .main .item {
    position: relative;
    display: table;
    zoom: 1;
    width: 100%;
    border-bottom: 1px dashed #149165;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    vertical-align: top;
}
section.list .main .item table{
    width: 100%;
}
section.list .main .item td{
    vertical-align: top;
    position: relative;
}
section.list .main .item .cover img {
    padding: 5px;
    border: 1px solid #E5E5E5;
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.list .main .item b.rank{
    margin-right: 10px;
    background: #425349;
    color: white;
    padding: 0 5px;
    
    -moz-border-radius: 5px 0 0 0;
    -khtml-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}
section.list .main .item .rate{
    position: absolute;
    top:0;
    right:0;
    color: #F87F67;
}
section.list .main .item .info{
    line-height:1.2em;
    background: #D3DFD1;
    padding:8px;
    margin-bottom:10px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;     
}
section.list .main .item .info .field{
    border-bottom: 1px dotted #D0D8DC;
    line-height: 2.0em;
}
section.list .main .item .info .field.last{
    border-bottom: none;
}
section.list .main .item .info .field b{
    margin-right:5px;
}
/*
section.list .main .item .info p.summary{
    max-height:10em;
    overflow:hidden;
}
section.list .main .item .info p.summary:hover{
    height:auto;
    max-height:99999em;
    overflow:auto;
}
*/
section.list .main .item ul{
    margin-top:10px;
}
section.list .main .item li{
    
}
section.list .main .item li span{
    width: 300px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}
section.list .main .item li i{
    float: right;
    color: #666;
    font-size: 9px;
    margin-left: 5px;
}
section.list .main .item.hot h2 a{
    color:#FF0084;;
}
section.list .main .item.new h2 a{
    color:#37A51D;;
}
section.list .main .no-match{
    font-size: 18px;
    text-align: center;
    border-bottom: 1px dashed #999;
    padding: 10px;
    width: 500px;
    margin: 0 auto;
}
section.list .classify {
    display:table;
    float:right;
    width: 320px;
    margin-top: 25px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;  
}
section.list .classify .set{
    display:table;
    width:100%;
    background: #D3DFD1;
    margin-bottom:20px;
}
section.list .classify h2{
    padding: 5px 10px;
    margin-bottom: 0;
    background: #B9C9BB;
    height: 20px;
    
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
section.list .classify ul{
    padding: 10px;
    display: table;
}
section.list .classify li{
    float: left;
    width: 100px;
    line-height: 2em;
}
section.list .classify li a{
    padding: 3px 5px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;         
}
section.list .classify li.on a{
    color:#fff;
    font-weight:bold;
    background:#9C8616;
}

section.list .classify .alpha li{
    width: 30px;
}
section.list .classify .year li,
section.list .classify .status li{
    width: 60px;
}
section.list .classify .all li{
    width: 100%;
}
section.list .board{
    display:table;
    float:right;
    width: 320px;
    margin-top: 25px;
    text-align:center;
}
section.list .board .ad-300x250{
    margin:0 auto;
    width:300px;
    height:250px;
    overflow:hidden;
}
section.list .filter{
    width: 940px;
    margin-bottom: 20px;
    border-width: 1px 0;

    background: #D3DFD1;
    padding: 10px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
section.list .filter h2{
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-bottom: 10px;
}
section.list .filter table{

}
section.list .filter th,
section.list .filter td {
    padding:2px 0;
}
section.list .filter th {
    padding-right:10px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 110px;
}
section.list .filter th label{
    font-size: 13px;
    line-height: 25px;
}
section.list .filter td{
    width:850px;
}
section.list .filter td label{
    margin-right:5px;
    
}
section.list .filter td label input.radio{
    vertical-align:middle;
    display:inline-block;
}

section.list .filter .search{
    float: left;
    width: 278px;
    border: 1px solid #CCC;
    background: white;
    height: 24px;

    outline-color: transparent;

    /*
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
*/
}
section.list .filter .search input,
section.list .filter .search select{
    float:left;
    border: 0 none;
    background: white;
    outline-color: transparent;
}
section.list .filter .search input{
    border: 0 none;
    height: 24px;
    line-height: 24px;
    width: 192px;
    text-indent: 5px;
    outline-color: transparent;
}
section.list .filter .search-submit{
    float: left;
    border: 1px solid #CCC;
    border-left: none;
    width: 70px;
    height: 26px;
    background: #fff url(../img/manga/so-btn.png) no-repeat left center;
    cursor: pointer;
    padding-left: 16px;
}
section.list .filter .search.quantity{
    width: 30px;
}
section.list .filter .search.quantity.txt{
    width: 60px;
    border: none;
    background: transparent;
    line-height: 26px;
    text-align: center;
}
section.list .filter .search.quantity input{
    width: 30px;
    text-align: center;
    text-indent: 0;
}
section.list .filter .option{
    float: left;
    height: 25px;
    line-height:25px;
    margin-left:10px;
    cursor:pointer;
}

section.list .filter .reset{
    float: left;
    height: 25px;
    line-height:25px;
    margin-left:10px;
    cursor:pointer;
}

section.list .filter .types li{
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:138px;
}
section.list .filter .status li{
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:138px;
}
section.list .filter .genres li{
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:138px;
}
section.list .filter .genres-inclusion li{
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:276px;
}
section.list .filter .years li{
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:58px;
}
section.list .filter .rating li{
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:80px;
}
section.list .filter .chapters li{
    white-space: nowrap;
    overflow: hidden;
    float:left;
    width:60px;
}
section.list .filter .triploid li span{
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    cursor:pointer;
    width:100%;
}
section.list .filter .triploid li span.include{
    background:url(../img/manga/genre-include.png) no-repeat;
}
section.list .filter .triploid li span.exclude{
    background:url(../img/manga/genre-exclude.png) no-repeat;
}
section.list .filter .triploid li span.either{
    background:url(../img/manga/genre-either.png) no-repeat;
}

section.list.sp .main {
    float:left;
    display:table;
    width: 800px;
}
section.list.sp .main .item li span{
    width: 500px;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}
section.list.sp .genres {
    display:table;
    float:right;
    width: 138px;
    margin-top: 25px;
    
    background: #D3DFD1;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;  
}
section.list.sp .genres h2{
    padding: 5px 10px;
    margin-bottom: 0;
    background: #B9C9BB;
    height: 20px;
    
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
section.list.sp .genres ul{
}
section.list.sp .genres li{
    padding: 2px 10px 2px 20px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;  
}
section.list.sp .genres li.on{
    background:#425349;
}
section.list.sp .genres li.on a{
    color:#fff;
    font-weight:bold;
}
section.list.sp .panel{
    display:table;
    float:right;
    width: 138px;
    margin-top: 25px;
	text-align:center;
}
section.list.sp .panel .ad-120x600{
    margin:0 auto;
	width:120px;
	height:600px;
	overflow:hidden;
}
section.list.so .main {
    display:table;
    width: 960px;
}
section.list.so .main .item li span{
    width: 600px;
}
section.list.so .main font.highlight{
    color:red;
    background:yellow;
    font-weight:bold;
}
section.mp{
    min-width: 734px;
    background: #fff;
}
section.mp .content{
    width: 734px;
}
section.mp .latest{
    display: table;
    border: 1px solid #75CEE2;
    background: #F6FDFF;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
section.mp .latest .hd{
    padding: 5px 10px;
    background: #F6FDFF;
    height: 20px;
    border-bottom: 1px solid #75CEE2;

    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; 
}
section.mp .latest .hd h2{
    float: left;
    font-size:14px;
    font-weight: bold;
    color: #048AA7;
    font-family: Verdana;
    font-size: 12px;    
    
}
section.mp .latest .hd span{
    float: left;
    font-size:10px;
    font-weight: normal;
    color:#666;
}
section.mp .latest .cnt{
    padding: 10px;
    background: #F6FDFF;
    display: table;

    -moz-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
section.mp .latest .cnt .item{
    margin: 0 25px 23px 0;
    width: 100px;
    float:left;
    overflow: hidden;
    text-align: left;
}
section.mp .latest .cnt .item.fix{
    margin-right: 0;
}
section.mp .latest .cnt .item span.title{
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    width: 100px;
}
section.mp .latest .cnt .item span.title a{
    text-align: center;
}
section.mp .latest .cnt .item span.title i{
    color: #777;
    font-size:9px;
    overflow: hidden;
    text-align: right;
    width: 60px;    
}

section.mp .latest .cnt .text{
    float: left;
    overflow: hidden;
    text-align: left;
    width: 230px;
    padding: 0px 5px 5px 0;
    border-bottom: 1px dotted #75CEE2;
    margin-bottom: 10px;
}
section.mp .latest .cnt .text .cover{
    float:left;
}
section.mp .latest .cnt .text .cover img{
    background: url(../img/manga/loading.gif) no-repeat center center transparent;
    background-color: white;
    border: 1px solid #D7D7D9;
    padding: 2px;
    
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
section.mp .latest .cnt .text.last{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
section.mp .latest .cnt .text span.title{
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    display: block;
    margin-left:5px;
    float:left;
}
section.mp .latest .cnt .text span.title a.mtit{
    font-weight:bold;
}
section.mp .latest .cnt .text span.title a.btit{
    float:left;
    width: 80px;
    overflow: hidden;
}
section.mp .latest .cnt .text span.title i{
    float:right;
    color:#666;
    font-size:9px;
    margin-left: 5px;
    overflow: hidden;
    text-align: right;
    width: 62px;    
}
section.mp .latest .cnt .text span.title a.new{
    color:#37A51D;
}


footer.common {
    color: #999;
    margin-top: 30px;
    padding: 10px 0;
    zoom: 1;
    border-top: 1px solid #B9C9BB;   
}
footer.common a{
    color: #999;
}
body.page footer.common{
    background: none;
    border-top: 1px dashed #232323;
}



.ad-page-leader{
    margin-top: 10px;
    height: 90px;
    overflow: hidden;
    text-align:center;
}
.ad-page-leader .ad-728x90{
    margin: 0 auto;
    text-align: center;
    width: 728px;
    height: 90px;
    overflow: hidden;
}
.ad-page-medium{
    clear: both;
    margin-top: 10px;
    height: 250px;
    overflow: hidden;
}
.ad-page-medium .ad-300x250{
    float: left;
    margin-left: 12px;
    text-align: center;
    width: 300px;
    height: 250px;
    overflow: hidden;
}