.online{
    overflow:hidden;
    margin:0 0 15px;
    height:40px;
    line-height:40px;
    background-color:#fff;
    color:#666;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px;
    font-family:var(--fwn-font);
    box-shadow:0 0 6px #e9e9e9;
}
.online > .wp,
.online > .container.fwn-wp{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.online h1{
    margin:0;
    display:inline;
    font-size:14px;
    font-weight:700;
    line-height:40px;
    color:inherit;
    font-family:inherit;
}
.online .glyphicon-hand-right{
    top:1px;
    margin-right:2px;
}
@media (max-width:767px){
    .online{margin-bottom:10px;height:36px;line-height:36px;font-size:13px}
    .online h1{font-size:13px;line-height:36px}
}
html[data-fwn-lights="off"] .online{
    background-color:#222;
    box-shadow:none;
    color:#aaa;
}


@media only screen and (min-width:992px){
#list-index:not(.fwn-home-row){position:relative;min-height:1000px}
#list-index:not(.fwn-home-row) > .col-truyen-main{width:73%!important;float:left;padding:0;box-sizing:border-box}
#list-index:not(.fwn-home-row) > .col-truyen-side{width:27%!important;max-width:27%;top:0;right:0;position:absolute;padding:0 0 0 7.5px;z-index:2;box-sizing:border-box}
}
@media (max-width:991px){
#list-index > .col-truyen-side,
#list-index > .fwn-home-side{position:static!important;width:100%!important;max-width:100%;padding:0;float:none}
#list-index > .col-truyen-main,
#list-index > .fwn-home-main{width:100%!important;float:none}
}


.home-release-time{
    font-variant-numeric:tabular-nums;
}



.fwn-continue-section{margin:0 0 15px;padding:0;border:0;border-radius:4px;background:var(--fwn-panel,#fff);box-shadow:none;font-family:var(--fwn-font,Arial,sans-serif)}

#fwn-home > #intro-index .fwn-hot-board{padding-bottom:0!important;border-bottom-width:0!important}
@media (min-width:1200px){
    #fwn-home > .fwn-continue-section:not([hidden]) + #intro-index .fwn-hot-board{padding-top:0!important}
}
.reading-history-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 20px;border-bottom:1px solid #e5e5e5}
.reading-history-header h2{min-width:0;margin:0;padding:0;font:700 16px/1.35 var(--fwn-font,Arial,sans-serif);color:var(--theme-link,var(--fwn-link));text-transform:uppercase}
.page-index .reading-history-more{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;font-size:15px;font-weight:700;color:var(--theme-link,var(--fwn-link));text-transform:uppercase;text-decoration:none;white-space:nowrap}
.page-index .reading-history-more:hover{color:var(--theme-primary-hover,var(--fwn-header))}
.reading-history-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:16px 15px}
.reading-history-card{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.reading-history-cover-link{display:block;width:60px;height:80px}
.reading-history-cover{display:block;width:60px;height:80px;object-fit:cover;border-radius:2px}
.reading-history-content{min-width:0}
.reading-history-title{display:block;width:100%;max-width:100%;min-width:0;margin:0;font-size:16px;font-weight:400;line-height:24px;color:#4e4e4e}
.page-index .reading-history-title a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}
.reading-history-progress{margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:21px;color:#777;font-variant-numeric:tabular-nums}
.page-index .reading-history-chapter.reading-history-action{display:block;max-width:100%;min-height:28px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-primary,var(--fwn-header));font-size:15px;line-height:28px}
.page-index .reading-history-title a:hover,.page-index .reading-history-chapter:hover{text-decoration:underline}
html[data-fwn-lights="off"] .reading-history-title{color:#ccc}
html[data-fwn-lights="off"] .reading-history-progress{color:#aaa}
html[data-fwn-lights="off"] .page-index .reading-history-chapter.reading-history-action{color:var(--fwn-link)}
@media (max-width:767px){
    .fwn-continue-section{margin-bottom:10px}
    #fwn-home > #intro-index{margin-bottom:10px!important}
    .reading-history-header{padding:0 15px;gap:10px}
    .reading-history-list{grid-template-columns:1fr;gap:16px;padding-top:14px}
    .reading-history-card{grid-template-columns:55px minmax(0,1fr);gap:12px}
    .reading-history-cover-link,.reading-history-cover{width:55px;height:75px}
    .page-index .reading-history-chapter.reading-history-action{min-height:32px;line-height:32px}
}