.header .navbar-header.fwn-logo{
    display:flex !important;
    align-items:center;
    height:50px;
    margin:0;
    padding:0;
    overflow:visible;
}
.header .navbar-header.fwn-logo h5{
    display:flex !important;
    align-items:center;
    height:50px;
    margin:0 !important;
    padding:0 !important;
    font-size:0;
    line-height:1;
}
.header .navbar-header.fwn-logo .header-logo{
    display:inline-flex !important;
    align-items:center !important;
    gap:0;
    height:50px !important;
    margin:0 14px 0 0 !important;
    padding:0 !important;
    color:#fff !important;
    font-size:0 !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap;
}
.header .navbar-header.fwn-logo .header-logo:hover,
.header .navbar-header.fwn-logo .header-logo:focus,
.header .navbar-header.fwn-logo .header-logo:active{
    color:#fff !important;
    text-decoration:none !important;
}
.header .navbar-header.fwn-logo .fwn-logo-mark{
    display:block !important;
    width:auto !important;
    height:42px !important;
    max-width:none !important;
    margin:0 !important;
    object-fit:contain;
    flex:0 0 auto;
}
@media (max-width:767px){
    .header .navbar-header.fwn-logo .header-logo{
        gap:0;
        margin-right:10px !important;
    }
    .header .navbar-header.fwn-logo .fwn-logo-mark{
        width:auto !important;
        height:40px !important;
        flex-basis:auto;
    }
}


@media (max-width:336px){
    .fwn-hot-board .fwn-hot-item.is-feature,
    .fwn-hot-board .fwn-hot-item:first-child,
    .fwn-hot-board .home-rec-item:first-child{
        overflow:hidden;
    }
    .fwn-hot-board .fwn-hot-item.is-feature > .con,
    .fwn-hot-board .fwn-hot-item:first-child > .con,
    .fwn-hot-board .home-rec-item:first-child > .con{
        overflow:hidden !important;
        position:relative !important;
    }
    .fwn-hot-board .fwn-hot-item.is-feature .pic,
    .fwn-hot-board .fwn-hot-item:first-child .pic,
    .fwn-hot-board .home-rec-item:first-child .pic{
        display:block !important;
        width:100% !important;
        height:0 !important;
        min-height:0 !important;
        flex:0 0 auto !important;
        padding-top:135% !important;
        position:relative !important;
        overflow:hidden !important;
    }
}

.m-desc .inner{max-height:200px}
.desc .rate{position:relative}
#text__rating{display:inline-block;position:absolute;margin-left:10px}
#container{position:relative}
.toggleNav #container{z-index:10}
.header{position:relative;z-index:5;width:100%}
#list-index{position:relative}
#list-index:not(.fwn-home-row){min-height:700px}
#list-index.fwn-home-row{min-height:0}
.list.index-intro{width:100%}
#options{display:none}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dark-background .chapter .chapter-c p,.dark-background .chapter .chapter-c p span{color:rgba(255,255,255,0.6)!important}
.books .desc h3.title{position:relative;display:block;top:0;left:0;right:0;bottom:0;margin:-40px 0 10px}
.archive .list>.row{display:block;border-bottom:1px dashed #CCC;margin:0}
.archive .list>.row>div{border-bottom:none!important}

#login-status .member-avatar{width:22px;height:22px;border-radius:50%;vertical-align:middle}

@media (max-width:991px){
  
  .header .head-pc.mobile-menu-open > .fwn-nav-links{
    flex-basis:100%;
    width:100%;
    max-width:100%;
    min-width:0;
  }
}
@media (min-width:992px){
  #login-status.fwn-header-icons{width:auto}
  #login-status.fwn-header-icons > li.dropdown{flex:0 0 auto;width:auto;min-width:36px}
  #login-status.fwn-header-icons > li > a.fwn-header-user{
    display:inline-flex!important;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:auto;
    min-width:52px;
    max-width:none;
    height:50px;
    padding:0 8px!important;
    line-height:1!important;
    font-size:0!important;
    white-space:nowrap;
  }
  #login-status.fwn-header-icons > li > a.fwn-header-user > .glyphicon,
  #login-status.fwn-header-icons > li > a.fwn-header-user > .member-avatar{
    flex:0 0 22px;
    width:22px;
    height:22px;
    top:0;
    margin:0;
    object-fit:cover;
  }
  #login-status.fwn-header-icons > li > a.fwn-header-user > .caret{
    flex:0 0 auto;
    margin:0;
    align-self:center;
  }
}
#login-status.fwn-header-icons > li > a.fwn-header-user .fwn-header-username{display:none!important}
#login-status.fwn-header-icons > li > a.fwn-header-user .fwn-header-vip{
  padding:2px 7px;
  border-radius:3px;
  font-size:10px!important;
}
.fwn-header-vip{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  padding:1px 6px;
  border-radius:2px;
  background:#d4a017;
  color:#fff!important;
  font-size:10px;
  font-weight:700;
  letter-spacing:.4px;
  line-height:1.3;
  text-transform:uppercase;
}
.fwn-header-user-dd{display:flex!important;align-items:center;gap:8px;white-space:normal}
.fwn-header-user-dd .fwn-header-username{min-width:0;overflow-wrap:anywhere;color:inherit;font-weight:700}
.fwn-head-m-login .fwn-header-username{font-size:14px;font-weight:600}
.fwn-head-m-login .fwn-header-vip{margin-left:2px}
.member-logout-form{margin:0;padding:0}
.member-logout-btn{display:block;width:100%;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#f9f9f9;white-space:nowrap;background:transparent;border:0;text-align:left;cursor:pointer}
.member-logout-btn:hover,.member-logout-btn:focus{color:#fff;text-decoration:none;background-color:var(--theme-primary,#14425d)}
html[data-fwn-lights="off"] .dropdown-header.fwn-header-user-dd,
html[data-fwn-lights="off"] .fwn-header-user-dd .fwn-header-username{color:#f0f0f0!important}
html[data-fwn-lights="off"] .fwn-head-m-login .fwn-header-username{color:#eee!important}

body.login-popup-open{overflow:hidden}
.login-popup{display:none;position:fixed;inset:0;z-index:1050}
.login-popup.is-open{display:block}
.login-popup-mask{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.login-popup-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92%;max-width:420px;background:#fff;border-radius:6px;padding:28px 28px 22px;box-shadow:0 10px 40px rgba(0,0,0,.25);text-align:center}
.login-popup-close{position:absolute;top:6px;right:10px;border:0;background:transparent;color:#999;font-size:28px;line-height:1;cursor:pointer;padding:0 6px}
.login-popup-close:hover{color:#666}
.login-popup-title{margin:0 0 18px;font-size:22px;font-weight:700;color:var(--theme-primary,#14425d)}
.login-popup-desc{margin:0 0 18px;font-size:14px;line-height:1.5;color:#888}
.login-popup-google,
.login-auth-email-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  height:48px;
  box-sizing:border-box;
  padding:0 16px;
  border-radius:6px;
  border:1px solid #e4e4e4;
  background:#f5f5f5;
  color:#3c4043;
  font-size:15px;
  font-weight:600;
  line-height:1;
  text-decoration:none!important;
  cursor:pointer;
}
.login-popup-google:hover,
.login-popup-google:focus,
.login-auth-email-btn:hover,
.login-auth-email-btn:focus{
  background:#ececec;
  border-color:#ddd;
  color:#202124;
  text-decoration:none;
}
.login-popup-google-icon{
  display:inline-flex;
  width:22px;
  height:22px;
  flex:0 0 22px;
  align-items:center;
  justify-content:center;
  background:transparent;
  border-radius:0;
}
.login-popup-google-icon svg{display:block;width:20px;height:20px}
.login-auth-email-btn{margin-top:10px}
.login-auth-email-btn .glyphicon{
  top:0;
  font-size:16px;
  color:#5f6368;
  flex:0 0 auto;
}
.login-auth-email-btn:hover .glyphicon{color:#3c4043}
.login-popup-hint{margin:16px 0 0;font-size:13px;color:#999}
.login-popup-links{display:none}
.login-popup-warn{padding:12px;background:#fcf8e3;border:1px solid #faebcc;border-radius:4px;color:#8a6d3b;font-size:13px;text-align:left}
.login-page-card{background:#fff;padding:30px 24px;margin:20px 0;box-shadow:0 0 6px #e9e9e9;border-radius:6px}

.login-auth{text-align:center}
.login-auth-panel[hidden]{display:none!important}
.login-auth-panel.is-active{display:block}
.login-auth-desc-compact{margin:0 0 14px;text-align:left;font-size:13px}
.login-auth-form{text-align:left;margin-top:8px}
.login-auth-label{display:block;margin:10px 0 4px;font-size:13px;font-weight:600;color:#555}
.login-auth-input{margin-bottom:2px}
.login-auth-alert{min-height:0;margin:0 0 4px;font-size:12px;color:#c9302c;line-height:1.35}
.login-auth-alert:empty{display:none}
.login-auth-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px;font-size:13px}
.login-auth-remember{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400;color:#555;cursor:pointer}
.login-auth-remember input{margin:0}
.login-auth-link{color:var(--fwn-link,#3974a9);font-weight:600}
button.login-auth-link{appearance:none;background:transparent;border:0;border-radius:0;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;text-align:inherit;cursor:pointer}
button.login-auth-link:hover{text-decoration:underline}
button.login-auth-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.login-auth-actions{display:flex;gap:8px;margin-top:14px}
.login-auth-actions .btn{flex:1 1 50%}
.login-auth-actions .btn-primary,
.login-auth-actions .login-auth-submit{
  background:var(--theme-primary,#14425d)!important;border-color:var(--theme-primary,#14425d)!important;
}
.login-auth-actions .btn-primary:hover,
.login-auth-actions .login-auth-submit:hover{
  background:var(--theme-primary-hover,#11374e)!important;border-color:var(--theme-primary-hover,#11374e)!important;
}
.login-auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:#aaa;font-size:12px;text-transform:uppercase}
.login-auth-divider::before,.login-auth-divider::after{content:"";flex:1;height:1px;background:#e5e5e5}
.login-auth-message{text-align:left;font-size:14px;line-height:1.55;color:#444}
.login-auth-hint{margin-top:16px}
.login-popup-dialog .login-auth{max-height:min(78vh,640px);overflow:auto;padding-right:2px}



html{height:auto;min-height:100%;overflow-x:clip}
body{height:auto;min-height:100vh;overflow:visible}
body:not(.modal-open) #wrapper{height:auto;min-height:100vh;overflow:visible}
[hidden]{display:none!important}
:root{--fwn-action:#14516c;--fwn-ui-link:#245f88;--fwn-ui-text:#24343e;--fwn-ui-muted:#596974;--fwn-ui-surface:#fff;--fwn-ui-border:#dce3e8;--fwn-focus:#005fcc}
html[data-fwn-theme="green"]{--fwn-action:#00695c;--fwn-ui-link:#00695c}
html[data-fwn-theme="purple"]{--fwn-action:#554294;--fwn-ui-link:#554294}
html[data-fwn-theme="blue"]{--fwn-action:#245f88;--fwn-ui-link:#245f88}
html[data-fwn-lights="off"]{--fwn-ui-text:#e2e8ed;--fwn-ui-muted:#b2bdc6;--fwn-ui-surface:#222;--fwn-ui-border:#46515a;--fwn-ui-link:#a9d4f3;--fwn-focus:#99caff}
html[data-fwn-theme="green"][data-fwn-lights="off"]{--fwn-ui-link:#9ce0c8}
html[data-fwn-theme="purple"][data-fwn-lights="off"]{--fwn-ui-link:#cbbdff}

html[data-fwn-lights="off"]{--theme-link:var(--fwn-ui-link);--fwn-link:var(--fwn-ui-link)}

@media (min-width:1200px),(max-width:336px){html[data-fwn-lights="off"] .fwn-hot-board .fwn-hot-item:nth-child(n+2) :is(.core > span,.desc .item .e1,.desc .item .novel,.desc .item .glyphicon){color:#ccc!important}}
@media (min-width:992px) and (max-width:1199px),(min-width:337px) and (max-width:619px){html[data-fwn-lights="off"] .fwn-hot-board .fwn-hot-item:nth-child(n+5) :is(.core > span,.desc .item .e1,.desc .item .novel,.desc .item .glyphicon){color:#ccc!important}}
@media (min-width:620px) and (max-width:991px){html[data-fwn-lights="off"] .fwn-hot-board .fwn-hot-item:nth-child(n+4) :is(.core > span,.desc .item .e1,.desc .item .novel,.desc .item .glyphicon){color:#ccc!important}}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--fwn-focus);outline-offset:3px}
html[data-fwn-lights="off"] body .fwn-continue-section .g-tit .tit,
html[data-fwn-lights="off"] body .fwn-continue-section .g-tit .more{color:var(--fwn-ui-link)!important}