@charset "UTF-8";
/*!
 * CSS By Metronic Ltd
 * Copyright 2011-2023 Metronic
 * Create By Metronic Team
 */

:root {
    --swiper-theme-color: #50cd89 !important;
}

@media (min-width: 992px) {
    :root {
        --bs-app-header-height: 70px;
        --bs-app-header-height-actual: 70px;
    }
}



@media (min-width: 992px) {
    [data-kt-app-header-secondary-enabled=true] {
        --bs-app-header-secondary-height: 0px;
    }
}

@media (min-width: 992px) {
    .app-content {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 992px) {
    [data-kt-app-header-primary-enabled=true] {
        --bs-app-header-primary-height: 66px;
    }
}

[data-bs-theme=light] {
    --bs-app-bg-color: #f4f7fe;
    --bs-app-blank-bg-color: #ffffff;
    --bs-app-header-sticky-bg-color: #ffffff;
    --bs-app-header-primary-base-bg-color: #ffffff;
    --bs-app-header-primary-sticky-bg-color: #ffffff;
    --bs-app-header-primary-sticky-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --bs-app-header-secondary-base-bg-color: #ffffff;
    --bs-app-header-secondary-base-border-top: 1px solid #E4E7F0;
    --bs-app-header-secondary-base-border-bottom: 1px solid #E4E7F0;
    --bs-menu-link-color-hover: #50cd89;
    --bs-menu-link-color-show: #50cd89;
    --bs-menu-link-color-here: #50cd89;
    --bs-menu-link-color-active: #50cd89;
    --luvnovel-scrollbar-track: #f4f7fe;
    --luvnovel-scrollbar-thumb: #d4d7df;
    --luvnovel-scrollbar-thumb-hover: #8a8a97;
}

[data-bs-theme=dark] {
    --bs-header-primary-link-color: #bebecd;
    --bs-app-header-primary-base-bg-color: #1e1e2d;
    --luvnovel-scrollbar-track: #38384f;
    --luvnovel-scrollbar-thumb: #0d0d1d;
    --luvnovel-scrollbar-thumb-hover: #1e1e2d;
    --bs-menu-link-color-hover: #50cd89;
    --bs-menu-link-color-show: #50cd89;
    --bs-menu-link-color-here: #50cd89;
    --bs-menu-link-color-active: #50cd89;
}

body {
    overflow: unset !important;
    padding-right: 0 !important;
}

.app-container {
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.app-content {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
}

.menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #50cd89 !important;
}

.menu-state-primary .menu-item .menu-link.active .menu-arrow:after {
    background-color: var(--bs-success);
}

.app-header-menu .menu>.menu-item>.menu-link.active .menu-title {
    color: #50cd89;
}

.menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-color: var(--bs-success);
}

/* Mobile APP */
@media only screen and (max-width: 992px) {
    .box-content-box {
        box-sizing:content-box;
    }
}

a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: none;
}

a:hover {
    --bs-link-color-rgb:var(--bs-link-hover-color-rgb);
    text-decoration:none;
}

@media (min-width: 992px) {
    .app-header-menu .menu>.menu-item.show>.menu-link .menu-title {
        color: #50cd89;
    }
}

.menu-state-primary .menu-item.show>.menu-link .menu-arrow:after {
    background-color: var(--bs-success);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,18px)) !important;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,3px)) !important;
    display: inline-block;
    border-radius: 7px !important;
}

.tox-statusbar__branding {
    display: none;
}

.detail .txt:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: rgba(0,0,0,.12);
    margin: 5px 10px;
    vertical-align: top;
}

.link .imgBox:hover .img {
    filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;-webkit-transition:all .1s linear;transition:all .1s linear
}

.imgBox .imgFooter {
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(98%,rgba(0,0,0,.72)));
    background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.72) 98%);
    border-radius: 4px;
    bottom: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    height: 30px;
    left: 0;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 9px;
    position: absolute;
    width: 100%;
}

.modal-backdrop.show {
    opacity: 0.4;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: unset;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
}

.flex-nowrap {
    flex-wrap:nowrap;
}

.card {
    border: none;
}

.card .card-header {
    border-bottom: none;
}

.card .card-header .card-toolbar {
    margin: 0rem;
}

.card .card-header {
    min-height: 50px;
    padding: 1rem 1.5rem;
}

.card .card-body {
    min-height: 50px;
    padding: 1.5rem;
}

.card .card-footer {
    min-height: 50px;
    padding: 1.5rem;
}

.app-footer {
    flex-direction: column;
    height: auto;
}

.app-footer {
    transition: none;
    display: flex;
    align-items: stretch;
    background-color: var(--bs-app-header-primary-sticky-bg-color);
    box-shadow: var(--bs-app-header-base-box-shadow);
    border-bottom: var(--bs-app-header-base-border-bottom);
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: #e5e5e5;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link {
    background: #ebebeb;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid var(--bs-text-success);
}

/* SKELETON */
.skeleton {
    position: relative;
}

.skeleton::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(90deg, #eee, #f9f9f9, #eee);
    background-size: 200%;
    animation: skeleton 1s infinite reverse;
    border-radius: .3rem !important;
}

@keyframes skeleton {
    0% {
        background-position: -100% 0;
    }
    100% {
        background-position: 100% 0;
    }
}

/* Story */
.story_item, .title-story {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}

.story_item, .desc-story {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-flex: 6;
    -webkit-box-orient: vertical;
}

@media only screen and (min-width: 992px) {
    .story_item, .desc-story {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-flex: 6;
        -webkit-box-orient: vertical;
    }
}

@media only screen and (min-width: 1200px) {
    .story_item, .desc-story {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-flex: 7;
        -webkit-box-orient: vertical;
    }
}


/* Book*/
.luv-book-cover.animate-scale .book-cover-src {
    -webkit-transition:all .3s;transition:all .3s
}
.luv-book-cover.animate-scale:hover .book-cover-src {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.luv-book-cover.animate-scale a {
    overflow: hidden;
}
.luv-book-cover a {
    position: relative;
    display: block;
    height: 100%;
}

.book-cover {
    -webkit-transform: perspective(60px) rotateY(-10deg);
    -moz-transform: perspective(60px) rotateY(-10deg);
    transform: perspective(60px) rotateY(-10deg);
}

.book-wrap .book-cover {
    position: relative;
    z-index: 4;
    float: right;
    width: 52px;
    height: 91px;
    margin-right: 20px;
    text-align: center;
}

.book-wrap .book-cover .link {
    position: relative;
    z-index: 10;
    display: inline-block;
    transform: translateZ(50px);
}

.book-cover img {
    width: 52px;
    height: 87px;
}

.book-wrap .book-cover img {
    width: 60px;
    height: 87px;
    outline: 1px solid transparent;
}

.book-cover span
    position: absolute;
    z-index: 1;
    top: 84.1%;
    left: 7px;
    width: 20px;
    height: 10px;
    content: '';
    -webkit-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
    -moz-transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
    -ms-transform: scale(0);
    transform: perspective(74px) rotateX(-70deg) rotateY(-5deg);
    box-shadow: 25px 0 5px 5px #adadad;
}

.book-cover:after {
    position: absolute;
    z-index: 2;
    top: 2%;
    left: 100%;
    width: 10%;
    height: 92%;
    content: ' ';
    -webkit-transform: perspective(60px) rotateY(30deg);
    -moz-transform: perspective(60px) rotateY(30deg);
    transform: perspective(60px) rotateY(30deg);
    background-color: #efefef;
    box-shadow: inset 0 0 5px #333;
}

.book-list {
    width: 850px;
    display: -webkit-box;
    display: -ms-flexbox;
    margin: 0;
}
.luv-book-cover.size-3:before {
    width: 8px;
}
.luv-book-cover.left-shadow:before {
    content: "";
    position: absolute;
    z-index: 8;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAEYBAMAAACn+WuLAAAAKlBMVEUCAgL5+fnLy8v///+YmJj///81NTX///////9oaGj///9oaGj///////+vkByxAAAADnRSTlMUKSUjIBsZEwIdCx8MCnNYnUoAAAAvSURBVEjHYwCCTCfh8BsgRjaQcQImsmKUMcoYZYwyRhmjjFHGKGOUMagZKI23GwDR8+dsh/4/4wAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.luv-book-cover.size-3 {
    width: 110px;
    height: 147px;
}
.luv-book-cover {
    position: relative;
    display: inline-block;
}
.book-list-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100% !important;
    position: relative !important;
    margin: 0px 20px 0 0;
    margin-right: 20px !important
}
.book-list-item .right-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    position: relative;
}
.book-list-item .luv-title-two {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 48px;
}
.book-list-item .luv-title {
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
    display: block;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.book-list-item .luv-info {
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-bottom: 12px;
    max-height: 36px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.book-list-item .luv-recommend {
    font-size: 12px;
    line-height: 18px;
    color: #777;
    margin-bottom: 12px;
    max-height: 56px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.book-list-item .bottom-row {
    font-size: 12px;
    font-weight: 400;
    color: rgb(158, 161, 168);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.book-list-item .bottom-row {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Custom Cmd Css*/

.banner {
    border-radius: .625rem!important
}

.app-engage {
    position: fixed;
    left: auto;
    right: 0;
    top: 85%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 5;
    padding-left: 12px;
}

.app-engage .app-engage-btn {
    width: 55px;
    height: 45px;
}

.app-engage .app-engage-btn .svg-icon, .app-engage .app-engage-btn i {
    color: var(--bs-text-gray-800);
}

.app-engage-images {
    background-color: #fff0 !important;
    border-color: #fff0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
}

.bg-body-game {
    background-color: rgb(245, 245, 245);
}

.rounded-5 {
    border-radius:2rem!important
}

.rounded-circle {
    border-radius:50%!important
}

.min-h-50px {
    min-height: 50px !important
}

.video-wrapper {
    position: relative;
    padding-bottom: 48%;
    height: 0;
    overflow: hidden;
}

/*.drawer.drawer-on {
    transform: none;
    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    transition: transform .3s ease-in-out!important;
}

.drawer {
    display: flex!important;
    overflow: auto;
    z-index: 110;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #fff !important;
    transition: transform .3s ease-in-out!important;
}*/

.text-white {
    color: #fff!important;
}


.bottom-story-top {
    margin-bottom: 6.8rem!important;
}

.nav-tabs .nav-link {
    background: unset;
}

/*** Rank ***/
.story-name {
    margin-top: -18px;
    margin-left: 11px;
    color: #fff;
    display: flex;
}

.luvnovel-thumb-book {
    height: 145px!important;
    width: 110px!important;
}

.luvnovel-title-rank {
    background: linear-gradient(to bottom,rgb(0 0 0 / 0%) 0%,rgb(6 6 6 / 25%) 33%,rgb(0 0 0 / 80%) 100%);
    padding: 2px 5px;
    border-bottom-right-radius: .475rem;
    border-bottom-left-radius: .475rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
}

.luvnovel-image {
    display:inline-block;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
}

.top-rank {
    margin:10px auto 10px;
    width:100%;
}

.top-rank-item {
    background-size:contain;
    color:#fff;
    -webkit-flex-shrink:0;
    flex-shrink:0;
    font-size:11px;
    height:151px;
    width:104px;
}

.luvnovel-top {
    width: 96px;
    height: 130px;
    border-radius: 5px !important;
    margin-top: 15px;
}

@media only screen and (max-width: 768px) {
    .luvnovel-top {
        width: 82px;
        height: 111.5px;
        border-radius: 3px !important;
        margin-top: 13px;
    }
    
    .top-rank-item-mobile {
        background-size: contain !important;
        color: #fff !important;
        -webkit-flex-shrink: 0 !important;
        flex-shrink: 0 !important;
        font-size: 11px !important;
        height: 135px !important;
        width: 90px !important;
    }
}

.luvnovel-image>img,
.luvnovel-image>picture img {
    display:block;
    height:100%;
    width:100%;
}

@supports (-webkit-hyphens:none) and (-moz-appearance:none) and (list-style-type: "*") {
    .luvnovel-image img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

.luvnovel-avatar {
    background:#ebebeb;
    border-radius:23px;
    color:#fff;
    display:inline-block;
    height:46px;
    line-height:46px;
    overflow:hidden;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    width:46px;
}

.luvnovel-avatar.luvnovel-avatar-icon {
    font-size:18px;
}

.luvnovel-avatar-lg {
    border-radius:30px;
    height:60px;
    line-height:60px;
    width:60px;
}

.luvnovel-avatar-lg.luvnovel-avatar-icon {
    font-size:24px;
}

.luvnovel-avatar-sm {
    border-radius:15px;
    height:30px;
    line-height:30px;
    width:30px;
}

.luvnovel-avatar-sm.luvnovel-avatar-icon {
    font-size:14px;
}

.luvnovel-avatar-square {
    border-radius:4px;
}

.luvnovel-avatar-circle {
    border-radius:50%;
}

.luvnovel-avatar-normal {
    border-radius:0;
}

.luvnovel-avatar-image {
    background:transparent;
}

.luvnovel-avatar>img,
.luvnovel-avatar>picture img {
    display:block;
    height:100%;
    width:100%;
}

.f-page__family-avatar {
    background-image:url(//www.nimo.tv/nms/images/flag@2x.20533e4984b4c2c90592ecf738a882f0.png);
    background-repeat:no-repeat;
    background-size:100%;
    height:177px;
    width:181px;
}

.f-page__family-avatar .content {
    background-color:#fff;
    border:2px solid #efc64b;
    height:70px;
    width:70px;
}

.family-badge {
    height:12px;
    width:27px;
}

.luvnovel-author-avatar {
    line-height:normal;
    position:relative;
}

.luvnovel-author-avatar .luvnovel-icon-liveing-tag {
    font-size:14px;
    position:absolute;
    right:-1px;
    top:-2px;
    z-index:1;
}

.luvnovel-author-avatar .luvnovel-avatar,
.luvnovel-res .luvnovel-author-avatar .luvnovel-avatar {
    height:100%;
    width:100%;
}

.luvnovel-author-avatar .luvnovel-liveing-animation {
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:live;
    animation-name:live;
    -webkit-animation-timing-function:steps(20);
    animation-timing-function:steps(20);
    bottom:-1px;
    height:15px;
    left:50%;
    margin-left:-8px;
    position:absolute;
    -webkit-transform:scale(.7);
    transform:scale(.7);
    width:16px;
}

.luvnovel-author-avatar .luvnovel-liveing-animation-round,
.luvnovel-author-avatar .luvnovel-liveing-animation-top {
    background-color:rgba(0,0,0,.4);
    border:1px solid hsla(0,0%,100%,.4);
    border-radius:50%;
    bottom:0;
    height:16px;
    overflow:hidden;
    position:absolute;
    right:0;
    width:16px;
}

.luvnovel-author-avatar .luvnovel-liveing-animation-round .luvnovel-live-gif,
.luvnovel-author-avatar .luvnovel-liveing-animation-top .luvnovel-live-gif {
    position:absolute;
    -webkit-transform:scale(.5);
    transform:scale(.5);
}

.luvnovel-author-avatar .luvnovel-liveing-animation-round .status,
.luvnovel-author-avatar .luvnovel-liveing-animation-top .status {
    height:100%;
    width:100%;
}

.luvnovel-author-avatar .luvnovel-liveing-animation-top {
    background-color:#eb3522;
    border:1px solid #fff;
    left:0;
    top:0;
}

@-webkit-keyframes live {
    0% {
        background-position:0 0;
    }
    to {
        background-position:320px 0;
    }
}

@keyframes live {
    0% {
        background-position:0 0;
    }
    to {
        background-position:320px 0;
    }
}

.luvnovel-live-gif {
    -webkit-animation-duration:1.5s;
    animation-duration:1.5s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-name:luvnovel-live-gif;
    animation-name:luvnovel-live-gif;
    -webkit-animation-timing-function:steps(20);
    animation-timing-function:steps(20);
    background-image:url(//www.nimo.tv/nms/images/online.68d3d021c8cb2d3c4136b24f8c4133a6.png);
    content:"";
    display:inline-block;
    height:15px;
    vertical-align:middle;
    width:16px;
}

.luvnovel-live-gif.white {
    background-image:url(//www.nimo.tv/nms/images/online-white.b9f2b542ad79f0600dd2fe35c906f2e1.png);
}

@-webkit-keyframes luvnovel-live-gif {
    0% {
        background-position:0 0;
    }
    to {
        background-position:320px 0;
    }
}

@keyframes luvnovel-live-gif {
    0% {
        background-position:0 0;
    }
    to {
        background-position:320px 0;
    }
}

.luvnovel-btn {
    background-image:none;
    border:1px solid transparent;
    border-radius:4px;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    font-weight:400;
    height:32px;
    padding:0 19px;
    position:relative;
    text-align:center;
    touch-action:manipulation;
    -webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);
    transition:all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap;
}

.luvnovel-btn>.iconfont-prefix-cls {
    line-height:1;
}

.luvnovel-btn,
.luvnovel-btn:active,
.luvnovel-btn:focus {
    outline:0;
}

.luvnovel-btn:not([disabled]):hover {
    text-decoration:none;
}

.luvnovel-btn:not([disabled]):active {
    outline:0;
    -webkit-transition:none;
    transition:none;
}

.luvnovel-btn.disabled,
.luvnovel-btn[disabled] {
    cursor:not-allowed;
}

.luvnovel-btn.disabled>*,
.luvnovel-btn[disabled]>* {
    pointer-events:none;
}

.luvnovel-btn-lg {
    border-radius:4px;
    font-size:16px;
    height:40px;
    padding:0 19px;
}

.luvnovel-btn-sm {
    border-radius:4px;
    font-size:14px;
    height:24px;
    padding:0 7px;
}

.luvnovel-btn.luvnovel-btn-clicked:after {
    -webkit-animation:buttonEffect .4s;
    animation:buttonEffect .4s;
    border:0 solid transparent;
    border-radius:inherit;
    bottom:-1px;
    content:"";
    display:block;
    left:-1px;
    opacity:.4;
    position:absolute;
    right:-1px;
    top:-1px;
}

@-webkit-keyframes buttonEffect {
    to {
        border-width:6px;
        bottom:-6px;
        left:-6px;
        opacity:0;
        right:-6px;
        top:-6px;
    }
}

@keyframes buttonEffect {
    to {
        border-width:6px;
        bottom:-6px;
        left:-6px;
        opacity:0;
        right:-6px;
        top:-6px;
    }
}

.luvnovel-btn-group {
    display:inline-block;
    position:relative;
}

.luvnovel-btn-group>.luvnovel-btn {
    line-height:30px;
    position:relative;
}

.luvnovel-btn-group>.luvnovel-btn.active,
.luvnovel-btn-group>.luvnovel-btn:active,
.luvnovel-btn-group>.luvnovel-btn:focus,
.luvnovel-btn-group>.luvnovel-btn:hover {
    z-index:1;
}

.luvnovel-btn-group>.luvnovel-btn:disabled {
    z-index:0;
}

.luvnovel-btn-group-lg>.luvnovel-btn {
    border-radius:4px;
    font-size:16px;
    height:40px;
    line-height:38px;
    padding:0 19px;
}

.luvnovel-btn-group-sm>.luvnovel-btn {
    border-radius:4px;
    font-size:14px;
    height:24px;
    line-height:22px;
    padding:0 7px;
}

.luvnovel-btn-group-sm>.luvnovel-btn>.luvnovel-icon {
    font-size:14px;
}

.luvnovel-btn-group>.luvnovel-btn-group {
    float:left;
}

.luvnovel-btn+.luvnovel-btn-group,
.luvnovel-btn-group .luvnovel-btn+.luvnovel-btn,
.luvnovel-btn-group .luvnovel-btn+span,
.luvnovel-btn-group span+.luvnovel-btn,
.luvnovel-btn-group+.luvnovel-btn,
.luvnovel-btn-group+.luvnovel-btn-group {
    margin-left:-1px;
}

[dir=rtl] .luvnovel-btn+.luvnovel-btn-group,
[dir=rtl] .luvnovel-btn-group .luvnovel-btn+.luvnovel-btn,
[dir=rtl] .luvnovel-btn-group .luvnovel-btn+span,
[dir=rtl] .luvnovel-btn-group span+.luvnovel-btn,
[dir=rtl] .luvnovel-btn-group+.luvnovel-btn,
[dir=rtl] .luvnovel-btn-group+.luvnovel-btn-group {
    margin-left:0;
    margin-right:-1px;
}

.luvnovel-btn-group .luvnovel-btn-primary+.luvnovel-btn:not(.luvnovel-btn-primary) {
    border-left-color:transparent;
}

.luvnovel-btn-group .luvnovel-btn:not(:first-child):not(:last-child) {
    border-radius:0;
}

.luvnovel-btn-group>.luvnovel-btn:first-child,
.luvnovel-btn-group>span:first-child>.luvnovel-btn {
    margin-left:0;
}

[dir=rtl] .luvnovel-btn-group>.luvnovel-btn:last-child,
[dir=rtl] .luvnovel-btn-group>span:last-child>.luvnovel-btn {
    margin-right:0;
}

.luvnovel-btn-group>.luvnovel-btn:first-child:not(:last-child),
.luvnovel-btn-group>span:first-child:not(:last-child)>.luvnovel-btn {
    border-bottom-right-radius:0;
    border-top-right-radius:0;
}

[dir=rtl] .luvnovel-btn-group>.luvnovel-btn:first-child:not(:last-child),
[dir=rtl] .luvnovel-btn-group>span:first-child:not(:last-child)>.luvnovel-btn {
    border-radius:0 4px 4px 0;
}

.luvnovel-btn-group>.luvnovel-btn:last-child:not(:first-child),
.luvnovel-btn-group>span:last-child:not(:first-child)>.luvnovel-btn {
    border-bottom-left-radius:0;
    border-top-left-radius:0;
}

[dir=rtl] .luvnovel-btn-group>.luvnovel-btn:last-child:not(:first-child),
[dir=rtl] .luvnovel-btn-group>span:last-child:not(:first-child)>.luvnovel-btn {
    border-radius:4px 0 0 4px;
}

.luvnovel-btn-group>.luvnovel-btn-group:not(:first-child):not(:last-child)>.luvnovel-btn {
    border-radius:0;
}

.luvnovel-btn-group>.luvnovel-btn-group:first-child:not(:last-child)>.luvnovel-btn:last-child,
[dir=rtl] .luvnovel-btn-group>.luvnovel-btn-group:first-child:not(:last-child)>.luvnovel-btn:first-child {
    border-bottom-right-radius:0;
    border-top-right-radius:0;
}

.luvnovel-btn-group>.luvnovel-btn-group:last-child:not(:first-child)>.luvnovel-btn:first-child,
[dir=rtl] .luvnovel-btn-group>.luvnovel-btn-group:last-child:not(:first-child)>.luvnovel-btn:last-child {
    border-bottom-left-radius:0;
    border-top-left-radius:0;
}

.luvnovel-btn>i,
.luvnovel-btn>span {
    pointer-events:none;
}

.luvnovel-btn-primary {
    background-color:#ffc000;
    border-color:#ffc000;
    color:#fff;
}

.luvnovel-btn-primary>a:only-child {
    color:currentColor;
}

.luvnovel-btn-primary>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-primary:focus,
.luvnovel-btn-primary:hover {
    background-color:#ffd129;
    border-color:#ffd129;
    color:#fff;
}

.luvnovel-btn-primary:focus>a:only-child,
.luvnovel-btn-primary:hover>a:only-child {
    color:currentColor;
}

.luvnovel-btn-primary:focus>a:only-child:after,
.luvnovel-btn-primary:hover>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-primary.active,
.luvnovel-btn-primary:active {
    background-color:#d99b00;
    border-color:#d99b00;
    color:#fff;
}

.luvnovel-btn-primary.active>a:only-child,
.luvnovel-btn-primary:active>a:only-child {
    color:currentColor;
}

.luvnovel-btn-primary.active>a:only-child:after,
.luvnovel-btn-primary:active>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-primary.luvnovel-btn-clicked:after {
    border-color:#ffc000;
}

.luvnovel-btn-primary.disabled,
.luvnovel-btn-primary.disabled.active,
.luvnovel-btn-primary.disabled:active,
.luvnovel-btn-primary.disabled:focus,
.luvnovel-btn-primary.disabled:hover,
.luvnovel-btn-primary[disabled],
.luvnovel-btn-primary[disabled].active,
.luvnovel-btn-primary[disabled]:active,
.luvnovel-btn-primary[disabled]:focus,
.luvnovel-btn-primary[disabled]:hover {
    background-color:#f5f5f5;
    border-color:#dcdcdc;
    color:#bfbfbf;
}

.luvnovel-btn-primary.disabled.active>a:only-child,
.luvnovel-btn-primary.disabled:active>a:only-child,
.luvnovel-btn-primary.disabled:focus>a:only-child,
.luvnovel-btn-primary.disabled:hover>a:only-child,
.luvnovel-btn-primary.disabled>a:only-child,
.luvnovel-btn-primary[disabled].active>a:only-child,
.luvnovel-btn-primary[disabled]:active>a:only-child,
.luvnovel-btn-primary[disabled]:focus>a:only-child,
.luvnovel-btn-primary[disabled]:hover>a:only-child,
.luvnovel-btn-primary[disabled]>a:only-child {
    color:currentColor;
}

.luvnovel-btn-primary.disabled.active>a:only-child:after,
.luvnovel-btn-primary.disabled:active>a:only-child:after,
.luvnovel-btn-primary.disabled:focus>a:only-child:after,
.luvnovel-btn-primary.disabled:hover>a:only-child:after,
.luvnovel-btn-primary.disabled>a:only-child:after,
.luvnovel-btn-primary[disabled].active>a:only-child:after,
.luvnovel-btn-primary[disabled]:active>a:only-child:after,
.luvnovel-btn-primary[disabled]:focus>a:only-child:after,
.luvnovel-btn-primary[disabled]:hover>a:only-child:after,
.luvnovel-btn-primary[disabled]>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-group .luvnovel-btn-primary:not(:first-child):not(:last-child) {
    border-left-color:#ffd129;
    border-right-color:#ffd129;
}

.luvnovel-btn-group .luvnovel-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color:#f0f0f0;
}

.luvnovel-btn-group .luvnovel-btn-primary:first-child:not(:last-child) {
    border-right-color:#ffd129;
}

.luvnovel-btn-group .luvnovel-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color:#f0f0f0;
}

.luvnovel-btn-group .luvnovel-btn-primary+.luvnovel-btn-primary,
.luvnovel-btn-group .luvnovel-btn-primary:last-child:not(:first-child) {
    border-left-color:#ffd129;
}

.luvnovel-btn-group .luvnovel-btn-primary+.luvnovel-btn-primary[disabled],
.luvnovel-btn-group .luvnovel-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color:#f0f0f0;
}

.luvnovel-btn-default {
    background-color:#fff;
    border-color:#dcdcdc;
    color:#b4b4b4;
}

.luvnovel-btn-default.active,
.luvnovel-btn-default:active,
.luvnovel-btn-default:focus,
.luvnovel-btn-default:hover {
    text-decoration:none;
}

.luvnovel-btn-dashed {
    background-color:#fff;
    border-color:#dcdcdc;
    border-style:dashed;
    color:#b4b4b4;
}

.luvnovel-btn-dashed.active,
.luvnovel-btn-dashed:active,
.luvnovel-btn-dashed:focus,
.luvnovel-btn-dashed:hover {
    text-decoration:none;
}

.luvnovel-btn-text {
    background-color:#fff;
    border-color:transparent;
    color:#bfbfbf;
}

.luvnovel-btn-text>a:only-child {
    color:currentColor;
}

.luvnovel-btn-text>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-text:focus,
.luvnovel-btn-text:hover {
    background-color:#fff;
    border-color:transparent;
    color:#ffd129;
}

.luvnovel-btn-text:focus>a:only-child,
.luvnovel-btn-text:hover>a:only-child {
    color:currentColor;
}

.luvnovel-btn-text:focus>a:only-child:after,
.luvnovel-btn-text:hover>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-text.active,
.luvnovel-btn-text:active {
    background-color:#fff;
    border-color:transparent;
    color:#d99b00;
}

.luvnovel-btn-text.active>a:only-child,
.luvnovel-btn-text:active>a:only-child {
    color:currentColor;
}

.luvnovel-btn-text.active>a:only-child:after,
.luvnovel-btn-text:active>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-text.disabled,
.luvnovel-btn-text.disabled.active,
.luvnovel-btn-text.disabled:active,
.luvnovel-btn-text.disabled:focus,
.luvnovel-btn-text.disabled:hover,
.luvnovel-btn-text[disabled],
.luvnovel-btn-text[disabled].active,
.luvnovel-btn-text[disabled]:active,
.luvnovel-btn-text[disabled]:focus,
.luvnovel-btn-text[disabled]:hover {
    background-color:#f5f5f5;
    border-color:#dcdcdc;
    color:#bfbfbf;
}

.luvnovel-btn-text.disabled.active>a:only-child,
.luvnovel-btn-text.disabled:active>a:only-child,
.luvnovel-btn-text.disabled:focus>a:only-child,
.luvnovel-btn-text.disabled:hover>a:only-child,
.luvnovel-btn-text.disabled>a:only-child,
.luvnovel-btn-text[disabled].active>a:only-child,
.luvnovel-btn-text[disabled]:active>a:only-child,
.luvnovel-btn-text[disabled]:focus>a:only-child,
.luvnovel-btn-text[disabled]:hover>a:only-child,
.luvnovel-btn-text[disabled]>a:only-child {
    color:currentColor;
}

.luvnovel-btn-text.disabled.active>a:only-child:after,
.luvnovel-btn-text.disabled:active>a:only-child:after,
.luvnovel-btn-text.disabled:focus>a:only-child:after,
.luvnovel-btn-text.disabled:hover>a:only-child:after,
.luvnovel-btn-text.disabled>a:only-child:after,
.luvnovel-btn-text[disabled].active>a:only-child:after,
.luvnovel-btn-text[disabled]:active>a:only-child:after,
.luvnovel-btn-text[disabled]:focus>a:only-child:after,
.luvnovel-btn-text[disabled]:hover>a:only-child:after,
.luvnovel-btn-text[disabled]>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-yellow {
    background-color:#fff;
    border-color:#ffc000;
    color:#ffc000;
}

.luvnovel-btn-yellow>a:only-child {
    color:currentColor;
}

.luvnovel-btn-yellow>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-yellow:focus,
.luvnovel-btn-yellow:hover {
    background-color:#ffd129;
    border-color:#ffd129;
    color:#fff;
}

.luvnovel-btn-yellow:focus>a:only-child,
.luvnovel-btn-yellow:hover>a:only-child {
    color:currentColor;
}

.luvnovel-btn-yellow:focus>a:only-child:after,
.luvnovel-btn-yellow:hover>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-yellow.active,
.luvnovel-btn-yellow:active {
    background-color:#d99b00;
    border-color:#d99b00;
    color:#fff;
}

.luvnovel-btn-yellow.active>a:only-child,
.luvnovel-btn-yellow:active>a:only-child {
    color:currentColor;
}

.luvnovel-btn-yellow.active>a:only-child:after,
.luvnovel-btn-yellow:active>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-yellow.luvnovel-btn-clicked:after {
    border-color:#ffc000;
}

.luvnovel-btn-yellow.disabled,
.luvnovel-btn-yellow.disabled.active,
.luvnovel-btn-yellow.disabled:active,
.luvnovel-btn-yellow.disabled:focus,
.luvnovel-btn-yellow.disabled:hover,
.luvnovel-btn-yellow[disabled],
.luvnovel-btn-yellow[disabled].active,
.luvnovel-btn-yellow[disabled]:active,
.luvnovel-btn-yellow[disabled]:focus,
.luvnovel-btn-yellow[disabled]:hover {
    background-color:#f5f5f5;
    border-color:#dcdcdc;
    color:#bfbfbf;
}

.luvnovel-btn-yellow.disabled.active>a:only-child,
.luvnovel-btn-yellow.disabled:active>a:only-child,
.luvnovel-btn-yellow.disabled:focus>a:only-child,
.luvnovel-btn-yellow.disabled:hover>a:only-child,
.luvnovel-btn-yellow.disabled>a:only-child,
.luvnovel-btn-yellow[disabled].active>a:only-child,
.luvnovel-btn-yellow[disabled]:active>a:only-child,
.luvnovel-btn-yellow[disabled]:focus>a:only-child,
.luvnovel-btn-yellow[disabled]:hover>a:only-child,
.luvnovel-btn-yellow[disabled]>a:only-child {
    color:currentColor;
}

.luvnovel-btn-yellow.disabled.active>a:only-child:after,
.luvnovel-btn-yellow.disabled:active>a:only-child:after,
.luvnovel-btn-yellow.disabled:focus>a:only-child:after,
.luvnovel-btn-yellow.disabled:hover>a:only-child:after,
.luvnovel-btn-yellow.disabled>a:only-child:after,
.luvnovel-btn-yellow[disabled].active>a:only-child:after,
.luvnovel-btn-yellow[disabled]:active>a:only-child:after,
.luvnovel-btn-yellow[disabled]:focus>a:only-child:after,
.luvnovel-btn-yellow[disabled]:hover>a:only-child:after,
.luvnovel-btn-yellow[disabled]>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-purple {
    background-color:#fff;
    border-color:#622df7;
    color:#622df7;
}

.luvnovel-btn-purple>* {
    color:#622df7;
}

.luvnovel-btn-purple-fill {
    background-color:#622df7;
    border-color:#622df7;
    color:#fff;
}

.luvnovel-btn-purple-fill>* {
    color:#fff;
}

.luvnovel-btn-red {
    background-color:#f95848;
}

.luvnovel-btn-green {
    background-color:#0ae150;
}

.luvnovel-btn-silver {
    background-color:#343434;
}

.luvnovel-btn-grey {
    background-color:#fff;
    border-color:#bfbfbf;
    color:#bfbfbf;
}

.luvnovel-btn-grey>a:only-child {
    color:currentColor;
}

.luvnovel-btn-grey>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-grey:focus,
.luvnovel-btn-grey:hover {
    background-color:#d9d9d9;
    border-color:#d9d9d9;
    color:#fff;
}

.luvnovel-btn-grey:focus>a:only-child,
.luvnovel-btn-grey:hover>a:only-child {
    color:currentColor;
}

.luvnovel-btn-grey:focus>a:only-child:after,
.luvnovel-btn-grey:hover>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-grey.active,
.luvnovel-btn-grey:active {
    background-color:#919191;
    border-color:#919191;
    color:#fff;
}

.luvnovel-btn-grey.active>a:only-child,
.luvnovel-btn-grey:active>a:only-child {
    color:currentColor;
}

.luvnovel-btn-grey.active>a:only-child:after,
.luvnovel-btn-grey:active>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-grey.luvnovel-btn-clicked:after {
    border-color:#bfbfbf;
}

.luvnovel-btn-grey.disabled,
.luvnovel-btn-grey.disabled.active,
.luvnovel-btn-grey.disabled:active,
.luvnovel-btn-grey.disabled:focus,
.luvnovel-btn-grey.disabled:hover,
.luvnovel-btn-grey[disabled],
.luvnovel-btn-grey[disabled].active,
.luvnovel-btn-grey[disabled]:active,
.luvnovel-btn-grey[disabled]:focus,
.luvnovel-btn-grey[disabled]:hover {
    background-color:#f5f5f5;
    border-color:#dcdcdc;
    color:#bfbfbf;
}

.luvnovel-btn-grey.disabled.active>a:only-child,
.luvnovel-btn-grey.disabled:active>a:only-child,
.luvnovel-btn-grey.disabled:focus>a:only-child,
.luvnovel-btn-grey.disabled:hover>a:only-child,
.luvnovel-btn-grey.disabled>a:only-child,
.luvnovel-btn-grey[disabled].active>a:only-child,
.luvnovel-btn-grey[disabled]:active>a:only-child,
.luvnovel-btn-grey[disabled]:focus>a:only-child,
.luvnovel-btn-grey[disabled]:hover>a:only-child,
.luvnovel-btn-grey[disabled]>a:only-child {
    color:currentColor;
}

.luvnovel-btn-grey.disabled.active>a:only-child:after,
.luvnovel-btn-grey.disabled:active>a:only-child:after,
.luvnovel-btn-grey.disabled:focus>a:only-child:after,
.luvnovel-btn-grey.disabled:hover>a:only-child:after,
.luvnovel-btn-grey.disabled>a:only-child:after,
.luvnovel-btn-grey[disabled].active>a:only-child:after,
.luvnovel-btn-grey[disabled]:active>a:only-child:after,
.luvnovel-btn-grey[disabled]:focus>a:only-child:after,
.luvnovel-btn-grey[disabled]:hover>a:only-child:after,
.luvnovel-btn-grey[disabled]>a:only-child:after {
    background:transparent;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
}

.luvnovel-btn-ghost {
    background-color:transparent;
}

.luvnovel-btn-block {
    width:100%;
}

.luvnovel-btn-circle {
    border-radius:32px;
}

.luvnovel-btn-circle-lg {
    border-radius:40px;
}

.luvnovel-btn-circle-sm {
    border-radius:24px;
}

.luvnovel-btn-icon-only {
    border-radius:50%;
    font-size:16px;
    height:32px;
    padding:0;
    width:32px;
}

.luvnovel-btn-icon-only.luvnovel-btn-lg {
    border-radius:50%;
    font-size:18px;
    height:40px;
    padding:0;
    width:40px;
}

.luvnovel-btn-icon-only.luvnovel-btn-sm {
    border-radius:50%;
    font-size:14px;
    height:24px;
    padding:0;
    width:24px;
}

.luvnovel-btn:before {
    background:#fff;
    border-radius:inherit;
    bottom:-1px;
    content:"";
    display:none;
    left:-1px;
    opacity:.35;
    pointer-events:none;
    position:absolute;
    right:-1px;
    top:-1px;
    -webkit-transition:opacity .2s;
    transition:opacity .2s;
    z-index:1;
}

.luvnovel-btn .luvnovel-icon {
    -webkit-transition:margin-left .3s cubic-bezier(.645,.045,.355,1);
    transition:margin-left .3s cubic-bezier(.645,.045,.355,1);
}

.luvnovel-btn>.luvnovel-icon+span,
.luvnovel-btn>span+.luvnovel-icon {
    margin-left:8px;
}

a.luvnovel-btn {
    height:30px;
    line-height:30px;
    text-decoration:none;
}

a.luvnovel-btn-lg {
    height:38px;
    line-height:38px;
}

a.luvnovel-btn-sm {
    height:22px;
    line-height:22px;
}

[dir=rtl] .luvnovel-btn>.luvnovel-icon+span,
[dir=rtl] .luvnovel-btn>span+.luvnovel-icon {
    margin-left:0;
    margin-right:8px;
}

.luvnovel-btn-secondary-ghost {
    background-color:transparent;
    border-color:#622df7;
    color:#622df7;
}

.luvnovel-btn-secondary-ghost[disabled] {
    border-color:#e5e5e5;
    color:#bfbfbf;
}

.luvnovel-theme-dark .luvnovel-btn-secondary-ghost[disabled] {
    border-color:#323232;
    color:hsla(0,0%,100%,.2);
}

.luvnovel-theme-dark .luvnovel-btn-primary:not(:disabled) {
    background-color:#f0bd30;
    border-color:#f0bd30;
}

.luvnovel-theme-dark .luvnovel-btn-secondary-ghost:not(:disabled) {
    border-color:#6c47ff;
    color:#6c47ff;
}

.luvnovel-modal {
    margin:0 auto;
    padding-bottom:24px;
    position:relative;
    top:100px;
    width:auto;
}

.luvnovel-modal-wrap {
    -webkit-overflow-scrolling:touch;
    bottom:0;
    left:0;
    outline:0;
    overflow:auto;
    position:fixed;
    right:0;
    top:0;
    z-index:1000;
}

.luvnovel-modal-title {
    color:#1e1e1e;
    font-size:16px;
    font-weight:700;
    line-height:22px;
    margin:0;
}

.luvnovel-modal-content {
    background-clip:padding-box;
    border:0;
    border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
    position:relative;
}

.luvnovel-modal-close {
    background:transparent;
    border:0;
    color:#919191;
    cursor:pointer;
    font-weight:700;
    line-height:1;
    outline:0;
    padding:0;
    position:absolute;
    right:0;
    text-decoration:none;
    top:0;
    -webkit-transition:color .3s;
    transition:color .3s;
    z-index:10;
}

.luvnovel-modal-close-x {
    text-rendering:auto;
    display:block;
    font-size:16px;
    font-style:normal;
    height:40px;
    line-height:40px;
    text-align:center;
    text-transform:none;
    width:40px;
}

.luvnovel-modal-close-x:before {
    content:"\e650";
    display:block;
    font-family:nimoicon !important;
}

.luvnovel-modal-close:focus,
.luvnovel-modal-close:hover {
    color:#444;
    text-decoration:none;
}

.luvnovel-modal-header {
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    border-radius:8px 8px 0 0;
    box-sizing:border-box;
    color:#5a5a5a;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    height:40px;
    -webkit-justify-content:center;
    justify-content:center;
    line-height:40px;
    padding:12px 40px;
    width:100%;
}

.luvnovel-modal-body {
    word-wrap:break-word;
    box-sizing:border-box;
    font-size:14px;
    line-height:1.5;
    padding:24px;
    width:100%;
}

.luvnovel-modal-footer {
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    border-radius:0 0 8px 8px;
    box-sizing:border-box;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    padding:12px 48px 24px;
    text-align:center;
    width:100%;
}

.luvnovel-modal-footer .luvnovel-btn {
    border-radius:8px;
    margin-left:12px;
    margin-right:12px;
    width:50%;
}

.luvnovel-modal.zoom-appear,
.luvnovel-modal.zoom-enter {
    -webkit-animation-duration:.3s;
    animation-duration:.3s;
    opacity:0;
    -webkit-transform:none;
    transform:none;
}

.luvnovel-modal-mask {
    background-color:#373737;
    background-color:rgba(0,0,0,.65);
    bottom:0;
    filter:"alpha(opacity=50)";
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:1000;
}

.luvnovel-modal-mask-hidden {
    display:none;
}

.luvnovel-modal-open {
    overflow:hidden;
}

@media (max-width:767px) {
    .luvnovel-modal {
        margin:10px;
        width:auto !important;
    }
    .vertical-center-modal .luvnovel-modal {
        -webkit-box-flex:1;
        -webkit-flex:1;
        flex:1;
    }
}

.luvnovel-modal-centered {
    text-align:center;
}

.luvnovel-modal-centered:before {
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    width:0;
}

.luvnovel-modal-centered .luvnovel-modal {
    display:inline-block;
    text-align:left;
    top:0;
    vertical-align:middle;
}

@media (max-width:767px) {
    .luvnovel-modal {
        margin:10px;
        width:auto !important;
    }
    .luvnovel-modal-centered .luvnovel-modal {
        -webkit-box-flex:1;
        -webkit-flex:1;
        flex:1;
    }
}

[dir=rtl] .luvnovel-modal-close {
    left:0;
    right:auto;
}

[dir=rtl] .luvnovel-modal-centered .luvnovel-modal {
    text-align:right;
}

.luvnovel-confirm .luvnovel-modal-close,
.luvnovel-confirm .luvnovel-modal-header {
    display:none;
}

.luvnovel-confirm .luvnovel-modal-body {
    padding:32px 32px 24px;
}

.luvnovel-confirm-body-wrapper {
    zoom:1;
}

.luvnovel-confirm-body-wrapper:after,
.luvnovel-confirm-body-wrapper:before {
    content:"";
    display:table;
}

.luvnovel-confirm-body-wrapper:after {
    clear:both;
}

.luvnovel-confirm-body .luvnovel-confirm-title {
    color:#1e1e1e;
    display:block;
    font-size:16px;
    font-weight:500;
    line-height:22px;
    overflow:auto;
}

.luvnovel-theme-dark .luvnovel-confirm-body .luvnovel-confirm-title {
    color:hsla(0,0%,100%,.6);
}

.luvnovel-confirm-body .luvnovel-confirm-content {
    color:#5a5a5a;
    font-size:14px;
    margin-top:8px;
}

.luvnovel-confirm-body>.luvnovel-icon {
    float:left;
    font-size:22px;
    margin-right:16px;
}

.luvnovel-confirm .luvnovel-confirm-btns {
    -webkit-box-pack:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    margin-top:24px;
}

.luvnovel-confirm .luvnovel-confirm-btns .luvnovel-btn-lg {
    min-width:110px;
}

.luvnovel-confirm .luvnovel-confirm-btns button+button {
    margin-bottom:0;
    margin-left:16px;
}

.luvnovel-confirm-error .luvnovel-confirm-body>.luvnovel-icon {
    color:#f04134;
}

.luvnovel-confirm-confirm .luvnovel-confirm-body>.luvnovel-icon,
.luvnovel-confirm-warning .luvnovel-confirm-body>.luvnovel-icon {
    color:#ffc000;
}

.luvnovel-confirm-info .luvnovel-confirm-body>.luvnovel-icon {
    color:#343ed1;
}

.luvnovel-confirm-success .luvnovel-confirm-body>.luvnovel-icon {
    color:#00a854;
}

.luvnovel-confirm--close .luvnovel-confirm .luvnovel-modal-close {
    display:block;
}

.luvnovel-confirm--close .luvnovel-confirm .luvnovel-confirm-btns {
    display:none;
}

[dir=rtl] .luvnovel-confirm .luvnovel-confirm-btns button+button {
    margin-left:0;
    margin-right:16px;
}

.luvnovel-theme-dark .luvnovel-confirm-body .luvnovel-confirm-content {
    color:hsla(0,0%,100%,.4);
}

.global-modal-wrap .luvnovel-confirm .luvnovel-modal-close {
    display:block;
    margin:10px;
}

.global-modal-wrap .luvnovel-confirm .luvnovel-modal-close .luvnovel-modal-close-x {
    background-color:rgba(0,0,0,.3);
    border:1px solid hsla(0,0%,100%,.2);
    border-radius:11px;
    color:#fff;
    font-size:12px;
    height:22px;
    line-height:22px;
    width:22px;
}

.global-modal-wrap .luvnovel-confirm .luvnovel-modal-close .luvnovel-modal-close-x:active,
.global-modal-wrap .luvnovel-confirm .luvnovel-modal-close .luvnovel-modal-close-x:hover {
    background-color:rgba(0,0,0,.4);
    border:1px solid hsla(0,0%,100%,.3);
}

.global-modal-wrap .luvnovel-confirm .luvnovel-modal-content {
    background-color:transparent;
    box-shadow:none;
}

.global-modal-wrap .luvnovel-confirm .luvnovel-modal-body {
    padding:0;
}

.global-modal-wrap .luvnovel-confirm .luvnovel-confirm-btns {
    display:none !important;
}

.luvnovel-list2-loading {
    height:30px;
    margin-bottom:10px;
    margin-top:5px;
    width:30px;
}

.luvnovel-list2-loading .sk-fading-circle {
    height:100%;
    width:100%;
}

.luvnovel-rank2 {
    font-size:12px;
}

.luvnovel-rank2 .luvnovel-rank2-item-mid2-icon {
    height:15px;
    margin-right:5px;
    width:15px;
}

[dir=rtl] .luvnovel-rank2 .luvnovel-rank2-item-mid2-icon {
    margin-left:5px;
    margin-right:0;
}

.luvnovel-rank2-item-avatar {
    height:30px;
    width:30px;
}

.luvnovel-rank2-item-mid2 {
    margin-top:3px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item {
    cursor:pointer;
    height:64px;
    padding:0 16px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-author-avatar {
    border:1px solid #fae686;
    border-radius:50%;
    height:38px;
    margin-right:7px;
    width:38px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-rank2-item-mid {
    color:#fff;
    font-size:14px;
    font-weight:400;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-rank2-item-mid>.family-name {
    color:#fae686;
    font-size:14px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-rank2-item-mid>.family-name>.family-badge {
    margin:0 4px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-rank2-item-mid>.family-member>.follow-num {
    background:hsla(0,0%,100%,.1);
    border-radius:2px;
    box-sizing:border-box;
    color:#999;
    font-size:12px;
    height:16px;
    line-height:16px;
    margin:0 8px;
    min-width:47px;
    padding:0 4px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-rank2-item-mid>.family-member>.follow-num>.icon-follow {
    height:16px;
    vertical-align:bottom;
    width:16px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-rank2-item-right .avatar-members .luvnovel-avatar {
    background-color:#191b1d;
    border:1px solid #fae686;
    height:20px;
    margin-left:-3px;
    width:20px;
}

.family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-rank2-item-right .icon-go {
    height:9px;
    width:11px;
}

[dir=rtl] .family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .luvnovel-author-avatar {
    margin-left:7px;
    margin-right:0;
}

[dir=rtl] .family-concerned-wrapper .luvnovel-rank2-list-main .luvnovel-rank2-item .icon-go {
    -webkit-transform:scale(-1);
    transform:scale(-1);
}

.family-concerned-wrapper .no-more-desc {
    color:#4f4f4f;
    font-size:14px;
    font-weight:400;
    margin:12px auto 20px;
}

.f-page_lists {
    background-color:#191b1d;
    min-height:100vh;
}

.f-page_lists__container {
    background-image:url(//www.nimo.tv/nms/images/bg-top.a94a8cd38369ab5d1fad48a02fe6b21a.png);
    background-position:top;
    background-repeat:no-repeat;
    background-size:100% auto;
    max-width:540px;
    padding-top:15px;
    width:100%;
}

.f-page_lists .n-as-z4 {
    z-index:4;
}

.f-page_lists__tabs {
    box-sizing:border-box;
    color:#edb96c;
    font-size:13px;
    font-weight:700;
    padding:0 15px;
    width:100%;
}

.f-page_lists__tabs .luvnovel-ssp-tab {
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    min-height:40px;
    width:50%;
}

.f-page_lists__tabs .luvnovel-ssp-tab.on {
    color:#733009;
}

.f-page_lists__pagetabs {
    box-sizing:border-box;
    color:#666;
    font-size:14px;
    font-weight:400;
    font-weight:700;
    margin-top:20px;
    padding:0 15px;
    width:100%;
}

.f-page_lists__pagetabs .luvnovel-ssp-tab {
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    min-height:40px;
    width:50%;
}

.f-page_lists__pagetabs .luvnovel-ssp-tab.on {
    color:#ffdd8b;
    font-weight:700;
}

.f-page_lists__pagetabs .luvnovel-ssp-tab.on:after {
    background:#ffdd8b;
    border-radius:2px;
    bottom:2px;
    content:"";
    height:3px;
    position:absolute;
    width:24px;
}

.f-page_lists__title {
    color:#ffdd8b;
}

.f-page_lists__title:after,
.f-page_lists__title:before {
    content:"";
    display:inline-block;
    height:14px;
    margin:0 6px;
    width:20px;
}

.f-page_lists__title:before {
    background-image:url(//www.nimo.tv/nms/images/title-start-1.53116fd0af30f8983226c0746d89f8d7.png);
    background-repeat:no-repeat;
    background-size:contain;
}

.f-page_lists__title:after {
    background-image:url(//www.nimo.tv/nms/images/title-end-1.93ca6963ae074b8f841e9ed11760e4ca.png);
    background-repeat:no-repeat;
    background-size:contain;
}

.f-page_lists__submit {
    background:-webkit-gradient(linear,right top,left top,from(#ffce61),to(#ffe8a5));
    background:linear-gradient(270deg,#ffce61,#ffe8a5);
    height:40px;
    width:279px;
}

.f-page_lists__submit .luvnovel-image {
    height:20px;
    width:20px;
}

.f-page_lists__submit .text {
    color:#1a1a1a;
}

.f-page_lists__myFamily {
    min-height:200px;
}

.f-page_lists__myFamily--out {
    border:1px solid #2b2b2b;
    color:#999;
    height:160px;
}

.f-page_lists__myFamily--joined .info-card {
    border:1px solid #ffdd8b;
    border-radius:16px;
    height:177px;
}

.f-page_lists__myFamily--joined .info-card .top-avatar {
    height:100%;
    width:100%;
}

.f-page_lists__myFamily--joined .info-card:after {
    background:url(//www.nimo.tv/nms/images/bg-left.e05b3d68a36816243588658ed38df1df.png) no-repeat;
    background-position:0 0;
    background-size:auto 100%;
    content:"";
    display:inline-block;
    height:100%;
    position:absolute;
    width:100%;
    z-index:0;
}

.f-page_lists__myFamily_msg {
    background:rgba(255,221,139,.12);
    border-radius:50px;
}

.f-page_lists__myFamily_msg .luvnovel-image {
    height:24px;
    width:24px;
}

.f-page_lists__myFamily_detail {
    margin-left:37px;
    padding-bottom:25px;
}

.f-page_lists__myFamily_detail .luvnovel-avatar {
    background-color:#191b1d;
    border:1px solid #ffdd8b;
    height:28px;
    width:28px;
}

.f-page_lists__myFamily_detail .luvnovel-avatar+.luvnovel-avatar {
    margin-left:-10px;
}

.f-page_lists__myFamily_detail .luvnovel-icon {
    color:#ffdd8b;
}

.f-page_lists__myFamily_follow-num {
    background-color:hsla(0,0%,100%,.1);
    border-radius:8px 0 8px 0;
    box-sizing:border-box;
    color:#999;
    font-size:12px;
    font-weight:400;
    height:23px;
    line-height:23px;
    min-width:115px;
    padding:0 2px;
    z-index:5;
}

.f-page_lists__myFamily_follow-num>.icon-follow {
    height:16px;
    width:16px;
}

[dir=rtl] .f-page_lists__myFamily_follow-num {
    left:0;
    right:auto;
}

.f-page_lists__ranks {
    border-radius:16px 16px 0 0;
    margin-top:12px;
    padding:16px 23px 100px 25px;
}

.f-page_lists__ranks .luvnovel-icon {
    color:hsla(0,0%,40%,.4);
}

.f-page_lists__ranks .big-avatar {
    border:1px solid rgba(255,221,139,.2);
    height:56px;
    width:56px;
}

.f-page_lists__ranks .big-avatar .luvnovel-avatar {
    background-color:#191b1d;
    border:1px solid #ffdd8b;
    height:50px;
    width:50px;
}

.f-page_lists__ranks .info .name {
    color:#1a1a1a;
}

.f-page_lists__ranks .info .luvnovel-avatar {
    background-color:#191b1d;
    border:1px solid #ffdd8b;
    height:28px;
    width:28px;
}

.f-page_lists__ranks .info .luvnovel-avatar+.luvnovel-avatar {
    margin-left:-10px;
}

.f-page_lists__ranks .info .mumber {
    color:hsla(0,0%,40%,.4);
    margin-bottom:6px;
    margin-top:4px;
}

.f-page_lists__ranks--empty {
    margin-top:40px;
}

.f-page_lists__ranks--empty .luvnovel-image {
    height:169px;
    width:169px;
}

.f-page_lists .nav-operator {
    right:10px;
    top:10px;
}

.f-page_lists .nav-operator .luvnovel-image {
    color:#b4b4b4;
    height:24px;
    width:24px;
}

[dir=rtl] .f-page_lists__title:before {
    background-image:url(//www.nimo.tv/nms/images/title-end-1.93ca6963ae074b8f841e9ed11760e4ca.png);
}

[dir=rtl] .f-page_lists__title:after {
    background-image:url(//www.nimo.tv/nms/images/title-start-1.53116fd0af30f8983226c0746d89f8d7.png);
}

[dir=rtl] .f-page_lists__myFamily--joined .info-card:after {
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
}

[dir=rtl] .f-page_lists__myFamily_detail {
    margin-left:0;
    margin-right:37px;
}

[dir=rtl] .f-page_lists__myFamily_detail .luvnovel-avatar+.luvnovel-avatar,
[dir=rtl] .f-page_lists__ranks .info .luvnovel-avatar+.luvnovel-avatar {
    margin-left:0;
    margin-right:-10px;
}


.family-page__rank:before {
    background:url(//www.nimo.tv/nms/images/box-mid.ab22515a86f784155d0449761613f71d.png) repeat-y;
    background-size:contain;
    bottom:49px;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:82px;
}

.family-page__rank-body {
    margin:0 24px 40px;
    padding-top:60px;
}

.icon-rules {
    height:14px;
    right:30px;
    top:0;
    width:14px;
}

.title {
    color:#ffea83;
    font-weight:600;
    margin-bottom:7px;
}

.date {
    min-width:100px;
}

.icon-clock {
    height:9px;
    margin:-2px 3px 0;
    width:9px;
}

.icon-arrow-left,
.icon-arrow-right {
    height:18px;
    width:15px;
}

.clock {
    color:#f09055;
    font-size:11px;
    margin-top:2px;
}

 /* Truyện */
.top-rank-item.top-1-story {
    background-image:url(//luvnovel.com/assets/media/frame/ranks/frame-top-1.png);
    background-repeat:no-repeat;
    margin-top:-30px;
}

.top-rank-item.top-2-story {
    background-image:url(//luvnovel.com/assets/media/frame/ranks/frame-top-2.png);
    background-repeat:no-repeat;
    margin-right:-10px;
}

.top-rank-item.top-3-story {
    background-image:url(//luvnovel.com/assets/media/frame/ranks/frame-top-3.png);
    background-repeat:no-repeat;
    margin-left:-10px;
}

 /* Độc Giả */
.top-rank-item.top-1 {
    background-image:url(//www.nimo.tv/nms/images/flag-1.79ac95d6e3c47339813f55ed6f3894fe.png);
    background-repeat:no-repeat;
    margin-top:-30px;
}

.top-rank-item.top-2 {
    background-image:url(//www.nimo.tv/nms/images/flag-2.df01ecd8ae38338d94fe60b516040508.png);
    background-repeat:no-repeat;
    margin-right:-10px;
}

.top-rank-item.top-3 {
    background-image:url(//www.nimo.tv/nms/images/flag-3.2078342e86c80ce01a127174eb2d6a1f.png);
    background-repeat:no-repeat;
    margin-left:-10px;
}

.top-rank-item.tab2.top-1 {
    background-image:url(//www.nimo.tv/nms/images/flag-2-1.08c6650a3ae5daf8a2b7d49f95b844f0.png);
    background-repeat:no-repeat;
    margin-top:-23px;
}

.top-rank-item.tab2.top-2 {
    background-image:url(//www.nimo.tv/nms/images/flag-2-2.82710751be9ff6b7ed676afadb245a66.png);
    background-repeat:no-repeat;
    margin-right:-10px;
}

.top-rank-item.tab2.top-3 {
    background-image:url(//www.nimo.tv/nms/images/flag-2-3.e0f4bcb04d769e9e42e738a6f4723e95.png);
    background-repeat:no-repeat;
    margin-left:-10px;
}

.top-rank-item .avatar-family {
    height:42px;
    margin-bottom:9px;
    margin-top:10px;
    width:42px;
}

.top-rank-item .rank {
    color:#fae686;
}

.top-rank-item .avatar-numbers .luvnovel-avatar {
    background-color:#191b1d;
    border:1px solid #fae686;
    height:20px;
    margin-left:-3px;
    width:20px;
}

.top-rank-item .score {
    color:#fff;
    margin-top:2px;
}

.top-rank-item .score .luvnovel-image {
    height:9px;
    width:9px;
}

.top-rank-item .score .count {
    margin:0 2px;
}

.common-ranks {
    padding-bottom:50px;
}

.common-ranks-item {
    padding:14px 10px 14px 5px;
}

.common-ranks-item:nth-child(odd) {
    background:-webkit-gradient(linear,left top,right top,from(rgba(30,25,16,.4)),to(transparent));
    background:linear-gradient(90deg,rgba(30,25,16,.4),transparent);
}

.common-ranks .start {
    color:#fae686;
    -webkit-flex-shrink:0;
    flex-shrink:0;
    font-size:14px;
    width:30px;
}

.common-ranks .middle {
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    flex-grow:1;
}

.common-ranks .middle .luvnovel-avatar {
    background-color:#191b1d;
    border:1px solid #fae686;
    height:33px;
    width:33px;
}

.common-ranks .middle .info {
    margin:0 8px;
}

.common-ranks .end .luvnovel-avatar {
    background-color:#191b1d;
    border:1px solid #fae686;
    height:26px;
    margin-left:-5px;
    width:26px;
}

.common-ranks .name {
    color:#fae686;
    font-size:11px;
}

.common-ranks .score {
    color:#fff;
}

.common-ranks .score .luvnovel-image {
    height:9px;
    width:9px;
}

.common-ranks .number {
    color:#fff;
    font-size:12px;
    margin:0 5px;
}

.common-ranks .icon-go {
    height:9px;
    width:11px;
}

[dir=rtl] .icon-arrow-left,
[dir=rtl] .icon-arrow-right,
[dir=rtl] .icon-go {
    -webkit-transform:scale(-1);
    transform:scale(-1);
}


[dir=rtl] .top-rank-item.top-2 {
    margin-left:-10px;
    margin-right:0;
}

[dir=rtl] .top-rank-item.top-3 {
    margin-left:0;
    margin-right:-10px;
}

[dir=rtl] .top-rank-item.tab2.top-2 {
    margin-left:-10px;
    margin-right:0;
}

[dir=rtl] .top-rank-item.tab2.top-3 {
    margin-left:0;
    margin-right:-10px;
}

.luvnovel-family-tabs {
    font-size:12px;
    margin:0 auto;
    position:relative;
    width:320px;
}

.luvnovel-family-tabs .luvnovel-ssp-tabs {
    -webkit-box-pack:center;
    background-image:url(//www.nimo.tv/nms/images/tab-bg.cf25e46c17237c5dd63127e1ae693895.png);
    background-size:100% 100%;
    height:81px;
    -webkit-justify-content:center;
    justify-content:center;
    padding-top:3px;
    width:100%;
}

.luvnovel-family-tabs .luvnovel-ssp-tabs .luvnovel-ssp-tab {
    background-image:url(//www.nimo.tv/nms/images/tab-item.2f1d34da95e3938c4ba06223bc64fe52.png);
    background-size:100% 100%;
    color:#edb96c;
    cursor:pointer;
    height:40px;
    line-height:40px;
    text-align:center;
    width:148px;
}

.luvnovel-family-tabs .luvnovel-ssp-tabs .luvnovel-ssp-tab.on {
    background-image:url(//www.nimo.tv/nms/images/tab-item-on.5aeff1be9ef365adafde18a609d28a7d.png);
    color:#733009;
}

.n-fx-ac, .n-fx-ae {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.n-fx-ac {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.n-fx-ac, .n-fx-ae, .n-fx-ah, .n-fx-an, .n-fx-as, .n-fx-bc, .n-fx-be, .n-fx-bh, .n-fx-bn, .n-fx-bs, .n-fx-cc, .n-fx-ce, .n-fx-ch, .n-fx-cn, .n-fx-cs, .n-fx-ec, .n-fx-ee, .n-fx-eh, .n-fx-en, .n-fx-es, .n-fx-sc, .n-fx-se, .n-fx-sh, .n-fx-sn, .n-fx-ss, .n-fx-stretch {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.luvnovel-avatar-image {
    background: transparent;
}
.luvnovel-avatar-circle {
    border-radius: 50%;
}
.luvnovel-avatar {
    background: #ebebeb;
    border-radius: 23px;
    color: #fff;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 46px;
}
.luvnovel-image {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.luvnovel-avatar>img, .luvnovel-avatar>picture img {
    display: block;
    height: 100%;
    width: 100%;
}
.luvnovel-image>img, .luvnovel-image>picture img {
    display: block;
    height: 100%;
    width: 100%;
}

.n-as-fw {
    font-weight: 700;
}

.n-fx-col-rev, .n-fx-row-rev {
    -webkit-box-direction: reverse;
}
.n-fx-row-rev {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.n-fx-cc, .n-fx-ce {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.n-fx-cc {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.luvnovel-avatar-image {
    background: transparent;
}
.luvnovel-avatar-circle {
    border-radius: 50%;
}
.luvnovel-avatar {
    background: #ebebeb;
    border-radius: 23px;
    color: #fff;
    display: inline-block;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: 46px;
}
.luvnovel-image {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.n-fx-od1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
}

.n-fx-od2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
}

.n-fx-od3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3;
}

.app-bar {
    flex-direction: column;
    height: calc(var(--bs-app-header-primary-height) + var(--bs-app-header-secondary-height,0px) + var(--bs-app-header-tertiary-height,0px));
}

.app-bar {
    transition: none;
    display: flex;
    align-items: stretch;
    background-color: var(--bs-app-header-base-bg-color);
    box-shadow: var(--bs-app-header-base-box-shadow);
    border-bottom: var(--bs-app-header-base-border-bottom);
}


.app-bar-primary {
    position: fixed;
    top: unset !important;
    left: 0;
    right: 0;
    bottom: 0 !important;
    height: 55px;
    z-index: 100;
    background-color: var(--bs-app-header-primary-sticky-bg-color);
    box-shadow: var(--bs-app-header-primary-sticky-box-shadow);
    border-bottom: var(--bs-app-header-primary-sticky-border-bottom);
}


.app-bar-primary {
    background-color: white !important;
    transition: none;
    display: flex;
    align-items: stretch;
    border-top: 1px solid #F4F4F4;
}

@media (min-width: 1400px) {
    .container-bar {
        max-width: 1610px;
    }
}

.container-bar {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
    margin-right: auto;
    margin-left: auto;
}

.bar-nav-title i {
    color: #7E8299!important;
}

.bar-nav-title h1 {
    color: #7E8299!important;
}

.bar-nav-title:hover i, .bar-nav-title:hover h1 {
    color: #50cd89 !important;
}

.bar-nav-title.active i, .bar-nav-title.active h1 {
    color: #50cd89 !important;
}

.menu-sub-dropdown {
    display: none;
    border-radius: .475rem;
    background-color: #fff !important;
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    z-index: 107;
}

.drawer.drawer-on {
    transform: none;
    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    transition: transform .3s ease-in-out!important;
}

.drawer {
    display: flex!important;
    overflow: auto;
    z-index: 110;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #fff !important;
    transition: transform .3s ease-in-out!important;
}

.font-nav-bar {
    font-size: .85rem!important;
}

.text-white {
    color: #fff!important;
}
@media (max-width: 992px) {
    .control-c {
        display: none !important;
    }
}