body,button,input,select,textarea,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", STHeiti, "Microsoft YaHei", arial, sans-serif;}

#content {}
#setting {background: rgb(88 137 202 / 50%); line-height: 2.1rem !important; font-size: 1.25rem !important; max-height: 2.1rem; max-width: 2.2rem; cursor: pointer;}
#setting i {transition: 0.5s;}
#setting i:hover {transform: rotate(180deg);}
@media only screen and (max-width: 768px) {
.movie-link .col-4.col-sm-4.col-md-2.col-lg-2.p-2:nth-child(n+4) {display: none;}
}
.bg_mode0 {background-color: #000000 !important; color: #eeeeee !important;}
.bg_mode1 {background-color: #ffffff !important;}
.bg_mode2 {background-color: #c5d9c2 !important;}
.bg_mode3 {background-color: #cfdde1 !important;}
.bg_mode4 {background-color: #ebe5d0 !important;}
.bg_mode5 {background-color: #bfbfbf !important;}
.pc {display: none;}
.folder {padding: 1rem 0;background-color: #eaedf1;}
.folder-top {padding: 0.8rem 0.5rem;border-radius: 0.8rem 0.8rem 0 0;background-color: #eaedf1;}
.folder-bottom {padding: 1rem 0;border-radius: 0 0 0.8rem 0.8rem;background-color: #eaedf1;}
.folder h3 {font-size: 1rem;padding-left: 0.8rem;}
.folder .vol-title {display: flex;color: #989898;justify-content: center;align-items: center;}
.vol-title i {width: 40px;height: 1px;background: #dadada;}
.show_hide_button {color: #7f4c60;cursor: pointer;font-size: 0.875rem;font-weight: 600;}
.noflex {display: block !important; margin-right: 0 !important; margin-left: 0 !important;}
.footer {padding: 30px 0;border-top: 1px solid #e5e5e5;margin-top: 70px;}
.fixed-top {z-index: 99 !important;}
.d-none-4 {margin-top: 4.5em;}
.d-none-5 {margin-top: 5em;}
.d-none-6 {margin-bottom: 6rem;}
.vh-75 {min-height: 75vh;}
.bom_flex {display: flex;max-width: 1140px;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;margin: 0 auto;list-style: none;}
.bom_flex img {width: 100px;}
.bottom_form {background: rgb(238 238 238 / 20%);display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;padding: 0.5rem 0;margin: 0.5rem 0 2.5rem 0;}
.border_gray {border: 1px solid #eaeaea;}
.bmark-checkbox {-webkit-appearance: none;position: relative;width: 1.4rem;height: 1.4rem;background-color: #fff;border: solid 1px #d9d9d9;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;background-clip: padding-box;display: inline-block;}
.bmark-checkbox:focus {outline: 0 none;outline-offset: -2px;}
.bmark-checkbox:checked {background-color: #c41052;border: solid 1px #fff;}
.bmark-checkbox:checked:before {display: flex;justify-content: center;content: "\2713";color: #fff;}
.bmark_link {-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bmark_update,.bmark_eps {text-indent: 0.5rem;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.bmark_fav {position: absolute;bottom: 1rem;right: 1rem;}
.btn-darkyellow{color: #e8bc30 !important;background-color: rgba(0, 0, 0, 0.8) !important;border-color: rgba(158, 134, 34, 0.8) !important;}
.btn-darkyellow:hover{color: #fff !important;background-color: rgba(50, 50, 50, 0.8) !important;border-color: rgba(158, 134, 34, 0.8) !important;}
.btn-darkyellow.focus,.btn-darkyellow:focus{color: #e8bc30 !important;background-color: rgba(0, 0, 0, 0.8) !important;border-color: rgba(158, 134, 34, 0.8) !important;box-shadow: 0 0 0 .2rem rgba(38,143,255, 0.5) !important;}
button.show_hide_button.px-2.py-0 {border: 0;background: none;padding: 1rem;}
.claw_div {position: absolute;z-index: 1;background: #cea9397a;border-radius: 0.25rem;max-width: 10rem;overflow: hidden;white-space: nowrap;padding: 0.1rem;}
.def_nav_lg {background-color: #8e589a;padding: 0.3rem;}
.def_nav_lg_div {display: flex;justify-content: space-between;align-items: center;}
.def_nav_lg_ul {display: flex;flex-wrap: nowrap;align-items: center;flex-direction: row;align-content: center;list-style: none;font-size: 1rem;}
.def_nav_lg_btn {display: flex;}
.def_top_lg {display: flex;align-items: center;justify-content: space-between;align-content: center;flex-wrap: nowrap;}
.def_top_lg img {width: 150px;}
.def_top_lg li {list-style: none;}
.def_title_bar {background: #f5f5f5;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.def_title_bar h6 i, .def_title_barsm h6 i {font-size: .8rem;}
.def_title_barsm {background: #f5f5f5;border-radius: .2rem;}
div#history li {padding: 0.2rem;line-height: 1rem;}
div#history img {border: 1px solid #b5b5b5;border-radius: 0.3rem;}
div#history h6 {font-size: 80%;}
small.historysmall {background: #dcd3b7;padding: 0.1rem 0.2rem;border-radius: 0.2rem;position: absolute;top: 1rem;right: 0.2rem;}
h6.historytitle {color: #a92633;line-height: 1rem;}
.historyimg {width: 100%;}
.nav-footer-gap {margin-bottom:4.5rem;}

#subtitle {font: bold 1.4rem 'lucida sans', 'trebuchet MS', 'Tahoma';line-height: 1.6rem;margin: .8rem auto;}
.subtitles {}
select.fav_sort option{font-size: 1rem;}
.top-bt {font-size: 3rem; color: rgba(85, 85, 85, 0.28);}
.dark{opacity: 0.8;background: #131313;color: #c8c8c8 !important;}
body.dark_mode {background-color: #000000 !important; color: #eeeeee !important;}
.row li {list-style-type:none;}
.row_detail {font-size: 75% !important;text-indent: 2em;-webkit-line-clamp: 4;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text {padding-left: .5rem!important; padding-right: .5rem!important;}
.text br {display: block;margin: 0;padding: 0;line-height: 0.1;content: " ";}
.text-blue {color: #49728e !important;}
.text-blue:link {color: #49728e;}
.text-blue:visited {color: #49728e;}
.text-blue:hover {color: #f17b13 !important;}
.text-pink {color: #ef4e6e !important;}
.text-orange {color: #FF8D29 !important;}
.text-gray-sm {color: #bfbfbf !important;font-size:0.75em;}
.text-gray {color: #bfbfbf !important;}
.item-bg {overflow: hidden;background-size: cover !important;max-width: 1140px;margin: 0 auto;position: relative;}
.item-box-top {background: #fff;box-shadow: 0px 10px 5px rgba(149, 157, 165, .22);margin: 5px 7px 20px;border-radius: 0.5rem;min-height: 16.5rem;}
.item-favorate {background: linear-gradient(to right, #8e589a 0, #5c0920 100%);border-radius: 0.5rem;padding: 0 20px;color: #fff;cursor: pointer;font-size: 1rem;display: inline-block;text-align: center;line-height: 2.5rem;}
.item-readto {background: linear-gradient(to right, #8e589a 0, #5c0920 100%) !important;line-height: 2.5rem;display: inline-block;font-size: 1rem;border-radius: 0.5rem;padding: 0 20px;cursor: pointer;}
.item-navbar {position: relative;z-index: 12;margin: .5rem auto;transition: margin .3s;}
.item-navbar-text {}
.item-navbar-text a {}
.item-navbar-btn {padding:.4rem;border-radius: .2rem;background: rgb(108 108 108 / 50%);}
.item-back-btn {padding:.25rem .5rem;border-radius: .2rem;background-color: #5889ca;font-size:.875rem;}
.item-row-div {}
.item-info-line2 {line-height: 1.8rem;}
.item-info-author {padding: 0 10px;line-height: 2rem;font-size: 1rem;border-radius: 0.5rem;display: inline-block;background: #fef0e5;margin: 0;color: rgba(0, 0, 0, .68);}
.item-info-date {padding: 0 10px;line-height: 2rem;font-size: 1rem;border-radius: 0.5rem;display: inline-block;background: #eaedf1;margin: 0;color: rgba(0, 0, 0, .68);}
.item-info-num {font-size: 135%;color: #8e4b73;}
.item-info-status {color: #4e1436;font-weight: 500;}
.full_text {text-indent: 2em;word-wrap: break-word;word-break: break-all;}
.img-thumbnail {width:100px;max-width:100px;}
.list_text_height {line-height: 1.5rem;}
.more-right {padding: .2rem;word-wrap: break-word; width:56%;}
.more-right-eps {color: #fff; background-color: #89c9d3;font-weight: normal !important;}
.more-right-end {background-color: #a6bfc9; color: #eee;font-weight: normal !important;}
.cat-smbtn {background: #adc1a9;color: #fff;padding: .1rem  .2rem;border-radius: .2rem;font-size: 75%;}

.pager {margin-bottom:2rem;}
.pager ul {padding:0;}
.pager ul li {display: inline-table;margin:0.2rem;width: 3rem;height: 3rem; line-height:3rem; background: rgba(35, 105, 165, 0.9);border-radius: 50%;color: #fff; font-size: 1.2rem; cursor:pointer;}
.pager ul li a {color: #fff;}
.pager ul li:first-child {display:none;}
.pager ul li:last-child {display:none;}
.pager tr td {display: inline-table;margin:0.2em;width: 2rem;height: 2rem;background: rgba(35, 105, 165, 0.9);border-radius: 50%;color: #fff;}
.pager tr td span {color:#fff;}
.pager tr td:first-child {display:none;}
.pager tr td:last-child {display:none;}

.pager_admin ul {display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;flex-direction: row;margin-top: 1rem;padding: 0;}
.pager_admin ul li {margin:0.2rem;width: 2rem;height: 2rem;background: #8f8f8f;border-radius: 50%;color: #fff;cursor:pointer;list-style: none;display: flex;justify-content: center;align-items: center;align-content: center;flex-wrap: nowrap;}
.pager_admin ul li a {color: #fff;}
.pager_admin tr td {display: inline-table;margin:0.2em;width: 2rem;height: 2rem;background: rgba(35, 105, 165, 0.9);border-radius: 50%;color: #fff;}
.pager_admin tr td span {color:#fff;}

.fa-rotate-20{-webkit-transform: rotate(20deg);transform: rotate(20deg);}

.content_bg {background: rgb(238 238 238 / 15%);overflow: inherit !important;}

.contentbts {text-align: center;position: fixed;z-index: 999;bottom: 2rem;height:4rem; line-height: 4rem; white-space: nowrap;background: rgba(0,0,0,.4);margin: 0 auto;border-radius: 0.5rem;display:block; left: 50%; max-width: 1000px; width:90%; -webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);}
@media screen and (min-width: 1005px) {.contentbts {bottom: 9rem !important;}}

.contentbts_menu {background: rgb(238 238 238 / 20%);display: flex;align-items: center;justify-content: flex-end;align-content: center;margin-top: .5rem;}

#backgrounds {position:absolute;left:50%;bottom:45px;}
#backgroundset {background: rgb(238 238 238 / 20%);margin-top: .5rem;padding: .5rem;border-radius: .25rem;}
#backgrounds ul{display: flex;align-items: center;justify-content: center;list-style: none;padding: 0;}
#backgroundset ul{display: flex;align-items: center;justify-content: flex-end;list-style: none;padding: 0;margin-bottom: 0;}
#backgrounds li{width:2.5rem;height:2.5rem;margin:0.1rem;cursor:pointer;-webkit-border-radius: 50%;border-radius: 50%;border:solid 1px #c0c0c0;}
#backgroundset li{width:2.5rem;height:2.5rem;cursor:pointer;-webkit-border-radius: 20%;border-radius: 20%;border:solid 1px #c0c0c0;margin-right: .35rem;}
.setbgcolor_circle {width: 100%;position: absolute;left: 50%;right: 50%;transform: translate(-50%, -50%);bottom: 1.5rem;}
    
.barcode {width: 120px; display: inline-block; border-radius: 0.5rem; background-color: #fff;}

.nowraphide {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
span.nowraphide.search_author {position: absolute; left: 0.2rem; bottom: 0.2rem; background: #8787877d; padding: 0 0.2rem; color: #ccc; border-radius: 0.1rem; max-width: 95px;}

.book-wrap {padding: .6rem 0;}
.book-wrap .book-cover {position: relative; z-index: 4; width: 52px; height: 91px; margin-top: -3px; margin-right: 8px; text-align: center;}
.book-wrap .book-cover .link {position: relative; z-index: 10; display: inline-block; transform: translateZ(50px);}
.book-wrap .book-cover img {width: 60px; height: 87px; outline: 1px solid transparent;}
.book-wrap .book-cover span {position: absolute; z-index: -1;}
:root .book-cover {-webkit-transform: perspective(60px) rotateY(-10deg); -moz-transform: perspective(60px) rotateY(-10deg); transform: perspective(60px) rotateY(-10deg);}
:root .book-cover:before {position: absolute; z-index: 3; top: 3%; left: 10%; width: 100%; height: 90%; background-color: #999;}
:root .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;}
:root .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;}
:root .book-cover img {width: 52px; height: 87px;}

.recommend_detail {font-size: 75% !important;text-indent: 2em;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.run_cover {}
.flip_cover {position:relative;display:block;background:#f2f2f2;background-size:cover;overflow:visible;width:150px;height:200px;-webkit-perspective:800px;perspective:800px;}
.flip_cover img{position:relative;z-index:10;top:0;left:0;width:100%;height:100%;transition:transform ease-out .3s; -webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.flip_cover:hover img{-webkit-transform:rotateY(-25deg);transform:rotateY(-25deg);}
.flip_cover i:after,.flip_cover i:before,.flip_cover:after,.flip_cover:before{position:absolute;content:'';}
.flip_cover:before{top:1px;right:-1px;bottom:1px;left:0;border:1px solid #ccc;}
.flip_cover:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#d9d9d9;}
.flip_cover i{position:absolute;top:3px;bottom:3px;left:100%;width:1px;margin-left:2px;background-color:#e6e6e6;}
.flip_cover i:before{top:1px;bottom:1px;left:100%;width:1px;background-color:#f2f2f2;}
.flip_cover i:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#e6e6e6;}
.flip_cover span{position:absolute;top:6px;bottom:6px;left:100%;width:1px;margin-left:5px;background-color:#c7c7c7;}

.run_cover-mid {}
.flip_cover-mid {position:relative;display:block;background:#f2f2f2;background-size:cover;overflow:visible;-webkit-perspective:800px;perspective:800px;}
.flip_cover-mid img{position:relative;z-index:10;top:0;left:0;width:100%;height:100%;transition:transform ease-out .3s; -webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.flip_cover-mid:hover img{-webkit-transform:rotateY(-25deg);transform:rotateY(-25deg);}
.flip_cover-mid i:after,.flip_cover-mid i:before,.flip_cover-mid:after,.flip_cover-mid:before{position:absolute;content:'';}
.flip_cover-mid:before{top:1px;right:-1px;bottom:1px;left:0;border:1px solid #ccc;}
.flip_cover-mid:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#d9d9d9;}
.flip_cover-mid i{position:absolute;top:3px;bottom:3px;left:100%;width:1px;margin-left:2px;background-color:#e6e6e6;}
.flip_cover-mid i:before{top:1px;bottom:1px;left:100%;width:1px;background-color:#f2f2f2;}
.flip_cover-mid i:after{top:2px;bottom:2px;left:100%;width:1px;margin-left:1px;background-color:#e6e6e6;}
.flip_cover-mid span{position:absolute;top:6px;bottom:6px;left:100%;width:1px;margin-left:5px;background-color:#c7c7c7;}

.picsize{position:relative; overflow:hidden; border-radius: .25rem;}
.picsize fav_date {background: rgba(0, 0, 0, 0.6);color: #dee2e6;border-radius: 10%;position: absolute;left: 0.3em;z-index: 1;text-align: center;font-size: 0.8em;top: 0.3em;display: block;height: 1rem;line-height: 1rem;padding: 0 5px 0 5px;}
.picsize fav_del {background: rgba(23, 51, 71, 0.7);color:#fff; border-radius: 0.2rem;position: absolute;right: 0.2rem;z-index: 1;text-align: center;font-size: 0.75rem;bottom: 0.2rem;display: block;padding: 0 0.3rem; height: 1.6rem; line-height: 1.6rem; border: 1px solid rgba(0, 123, 255, 0.5);}
.picsize fav_del:hover{background: rgba(0, 0, 0, 0.85);transition: all 0.5s;}
.picsize eps{color: #fff;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: .75rem;bottom: .1rem;display: block;background: rgba(0, 0, 0, 0.7);border-radius: .2rem;padding: 0 .2rem;}
.picsize num{padding: .1em .3em;background: rgba(186, 230, 205, 0.35);color: #dee2e6;border-radius: .2em;position: absolute;right: 0.3em;z-index: 1;text-align: right;font-size: 0.8em;bottom: 0.3em;display: block;}
.picsize bak{}
.picsize img{width:100%;}
.pictitle{margin:2px auto 15px auto;text-align:center;}
.pictitle_font{font-size:14px;color:#6D6D72;}

.item-cover img{border: 1px solid #b5b5b5;border-radius: .3rem;max-width: 100%;height: auto;}
.eps-end-btn {margin: 0 .1rem; padding: 0 .2rem; color: #fff; font-size: .75rem; background: rgba(73, 114, 142, 0.7); border-radius: .2rem;}

.mybook-border {border: .0625rem solid rgba(231,234,243,.35) !important; border-radius: .75rem !important; position: relative;}
.mybook-bak-img {width: 100%; height: 7.5rem;border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; object-fit: cover; vertical-align: top; border-radius: .75rem;}
.mybook-btn-ssm {padding: .1rem .2rem !important; font-size: 80% !important;}
.mybook-btn-psn {position: absolute; bottom:2.3rem; right:1rem;}
.mybook-cover {display: flex; margin: -6.3rem auto .5rem auto;transition: .2s;width: 7.875rem; height: 7.875rem;border: .1875rem solid #fff;border-radius: 50%;}

.comic_funtion_btn{position:relative;line-height: 2rem;}
.cover120 {max-width:120px;}
@media screen and (min-width: 1200px)  {.cover120 {max-width:120px !important;}}
@media screen and (max-width: 1200px)  {.cover120 {max-width:100px !important;}}

.more-right3 {}
@media screen and (min-width: 1000px)  {.more-right3 {max-width:60%;}}
@media screen and (min-width: 768px) and (max-width: 1000px)  {.more-right3 {max-width:45%;}}
@media screen and (max-width: 768px)  {.more-right3 {max-width:65%;}}

.nav-item {letter-spacing: .1rem;}
@media screen and (min-width: 1166px)  {.nav-item {letter-spacing: .4rem; font-size: 1rem;}}
@media screen and (min-width: 768px) and (max-width: 11165px)  {.nav-item {letter-spacing: .1rem; font-size: .9rem;}}
.nav-item a:hover {border-bottom: 1px solid #ccc !important; transition: all 0.2s ease !important;}

.episode_li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1rem;}
.subtitles a:link {color: #282828;background: #f7f8f9;padding: .5rem;border-radius: .5rem;}
.subtitles a:visited {color: #c5c5c5;}

.search-box-main {display: flex;align-items: center;height: 2.5rem;padding: 0.1rem;margin: 0;background: rgba(0,0,0,0.08);border-radius: 0.2rem;box-shadow: inset 0 0 0 rgba(0,0,0,0.4), inset 0 0 0 rgba(255,255,255,0.2);}
.search-box-main input {flex: 1;height: 2.4rem;padding: 2px 2px 2px 8px;border: 0;border-radius: 0.2rem 0 0 0.2rem;}
.search-box-main input:focus {outline: none;background: #fff;box-shadow: inset 0 0 2px rgba(0,0,0,0.8);}
.search-box-main input::placeholder {color: #999;}
.search-box-main button {border: 0;cursor: pointer;height: 2.5rem;font-weight: bold;color: #fff;background: #8e589a;border-radius: 0 0.2rem 0.2rem 0;white-space: nowrap;overflow: hidden;}
.search-box-main button:hover {background: #6b3f75;}
.search-box-main button:active,.search-box-main button:focus {background: #106d87;}
.search-box-main button::-moz-focus-inner {border: 0;padding: 0;}
.search-meno {line-height: 2.5rem;color: #999;}

.prev,.next {width: 30%;}
.chmenus {width: 22%;}
#pch,#nch,#ppbt,#npbt,.chmenu {width: 100%;display: block;padding: 0.4rem 0.1rem;border: 1px solid #8e589a;border-radius: 0.3rem;vertical-align: middle;text-align: center;white-space: nowrap;cursor: pointer;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: #8e589a;color: #fafafa;font-size: 1rem;}
#pch:hover,#nch:hover,#ppbt:hover,#npbt:hover,.chmenu:hover {background-color: #632970;color: #e5e5e5;}
#pch { font-size: 0; }
#pch::after { content: 'Prev Chapter'; font-size: 1rem; }
#nch { font-size: 0; }
#nch::after { content: 'Next Chapter'; font-size: 1rem; }
#ppbt { font-size: 0; }
#ppbt::after { content: 'Prev Page'; font-size: 1rem; }
#npbt { font-size: 0; }
#npbt::after { content: 'Next Page'; font-size: 1rem; }

.m-bomnavbar{background-color: #ECECEC;border-top: 1px solid #dedede;transform: translateZ(1030px);}
.m-topnavbar{background-color: #8e589a;transform: translateZ(1030px);}
.badge_more{font-size: 90% !important;font-weight: 400 !important;line-height: 1.2 !important;}
.card{border: 1px solid rgb(0 0 0 / 5%) !important;}
.btn_cricle_big{display: flex !important;align-items: center;width: 2.2rem;height: 2.2rem;border-radius: 50% !important;justify-content: center;}
.btn_cricle_sm{display: flex !important;align-items: center;width: 1.8rem;height: 1.8rem;border-radius: 50% !important;justify-content: center; padding: 0.35rem !important;}
span.btn.btn-sm.btn-outline-light.btn_cricle_sm.mx-1:hover {background: #62296f !important;border: 1px solid #62296f !important;}
span#bookmark:hover,span#log:hover {background: #62296f !important;border: 1px solid #62296f !important;}
.d_top_btn {transition: all 0.3s ease;}
.d_top_btn:hover {background: #68496f;border-radius:.2rem;transition: all 0.5s ease !important;}
.menu_top_md {display: flex;justify-content: space-around;flex-direction: row;flex-wrap: nowrap;align-content: center;align-items: center;}
.menu_top_md div {display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;}
.menu_top_md div i {height: 2rem;line-height: 2rem;}
.menu_top_md div h6 {font-size: 90%;letter-spacing: 2px;}

.menu_top_div {top: 0;width: 100%;box-sizing: border-box;background: #8e589a;line-height: 2.6rem;height: 2.6rem;z-index: 999;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}
#main-nav{display: none;}
.cf::before,.cf::after {content: '';display: block;height: 0;overflow: hidden;}
.cf::after{clear: both;}
.wrapper{margin: 0 auto;padding: 0 .8rem;}
.menu_top_yscroll{overflow-y: scroll;}
.menu_top_open{position: fixed;width: 100%;min-height: 100%;}
.menu-top-right {display: flex;padding-right: 0.3rem;}
.menu-top-mid {padding-left: 2rem;}
.menutopclose {width: 2.6rem;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;cursor: pointer;line-height: 2.6rem;}

.menu-top-nav{display: none;position: fixed;top: 0;height: 100%;z-index: 9999;overscroll-behavior: none;}
.menu-top-nav.is-ios *{cursor:pointer !important;}
.menu-top-nav .nav-container{position: fixed;z-index: 9998;top: 0;width: 220px;max-width: 100%;height: 100%;transition: transform .4s ease;}
.menu-top-nav .nav-wrapper{width: 100%;}
.menu-top-nav .nav-wrapper.nav-wrapper-1{position: static;height: 100%;overflow: scroll;overflow-x: visible;overflow-y: auto;}
.menu-top-nav ul{list-style:none;margin:0;padding:0;}
.menu-top-nav li{position:relative;display:block;}
.menu-top-nav li.level-open>.nav-wrapper{visibility:visible;}
.menu-top-nav input[type="checkbox"]{display:none;}
.menu-top-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer;}
.menu-top-nav a{position:relative;display:block;box-sizing:border-box;cursor:pointer;}
.menu-top-nav a,.menu-top-nav a:hover{text-decoration:none;}
.menu-top-nav.disable-body:not(.nav-open)::after{pointer-events:none;}
.menu-top-nav.disable-body::after,.menu-top-nav.disable-body .nav-wrapper::after{content:'';position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease;}
.menu-top-nav.disable-body.nav-open::after,.menu-top-nav.disable-body .sub-level-open::after{visibility:visible;opacity:1;transition-delay:.05s;}
.menu-top-nav.nav-levels-expand .nav-wrapper::after{display:none;}
.menu-top-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s;}
.menu-top-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none;}
.menu-top-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,transform .4s ease;}
.menu-top-nav.nav-levels-overlap ul ul{height:100%;overflow:scroll;overflow-x:visible;overflow-y:auto;}
.menu-top-nav.nav-levels-overlap ul li.nav-parent{position:static;}
.menu-top-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;transition:transform .4s ease;}
.menu-top-nav.side-left{left:0;}
.menu-top-nav.side-left .nav-container{left:0;transform:translate3d(-100%, 0, 0);}
.menu-top-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(-40px, 0, 0);}
.menu-top-nav.side-left.nav-levels-overlap li .nav-wrapper{left:0;transform:translate3d(-100%, 0, 0);}
.menu-top-nav.side-right{right:0;}
.menu-top-nav.side-right .nav-container{right:0;transform:translate3d(100%, 0, 0);}
.menu-top-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper{transform:translate3d(40px, 0, 0);}
.menu-top-nav.side-right.nav-levels-overlap li .nav-wrapper{right:0;transform:translate3d(100%, 0, 0);}
.menu-top-nav.nav-open .nav-container{transform:translate3d(0, 0, 0);}
.menu-top-nav::after,.menu-top-nav .nav-wrapper::after{background:rgba(0,0,0,0.3);}
.menu-top-nav .nav-wrapper{background: #234358;}
.menu-top-nav.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,0.2);}
.menu-top-nav h2{font-size: 1.2rem;padding:1.3rem 1rem;color:#cac698;}
.menu-top-nav a{padding: .6rem 1rem;color:#FFF;z-index:1;border-bottom:1px solid #2b4d62;letter-spacing: .2rem;}
.menu-top-nav:not(.touch-device) a:hover{background:#182f3d;color: #fff;}
.menu-top-nav li{text-align:left;}
.menu-top-nav li.nav-back a{background:#182f3d;border-top:1px solid #2b4d62;border-bottom:1px solid #2b4d62;}
.menu-top-nav li.nav-back a:hover{background:#182f3d;}
.menu-top-nav li.nav-parent a{padding-right:58px;}
.menu-top-nav li.nav-parent span.nav-next,.menu-top-nav li.nav-back span{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s ease;}
.menu-top-nav a[href]:not([href="#"])>span.nav-next{border-left:1px solid #2b4d62;}
.menu-top-nav span.nav-next::before,.menu-top-nav li.nav-back span::before{content:'';position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;transform-origin:center;}
.menu-top-nav span.nav-next::before{transform:translate(-50%, -50%) rotate(135deg);}
.menu-top-nav li.nav-back span::before{transform:translate(-50%, -50%) rotate(-45deg);}
.menu-top-nav.side-right span.nav-next::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(-45deg);}
.menu-top-nav.side-right li.nav-back span::before{margin-left:0;margin-right:-2px;transform:translate(-50%, -50%) rotate(135deg);}
.menu-top-nav.nav-levels-expand .nav-container ul .nav-wrapper,.menu-top-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:transparent;}
.menu-top-nav.nav-levels-expand .nav-container ul h2,.menu-top-nav.nav-levels-none .nav-container ul h2{display:none;}
.menu-top-nav.nav-levels-expand .nav-container ul ul a,.menu-top-nav.nav-levels-none .nav-container ul ul a{font-size:14px;}
.menu-top-nav.nav-levels-expand .nav-container li,.menu-top-nav.nav-levels-none .nav-container li{transition:background .3s ease;}
.menu-top-nav.nav-levels-expand .nav-container li.level-open,.menu-top-nav.nav-levels-none .nav-container li.level-open{background:#2e6296;}
.menu-top-nav.nav-levels-expand .nav-container li.level-open a,.menu-top-nav.nav-levels-none .nav-container li.level-open a{border-bottom:1px solid #295887;}
.menu-top-nav.nav-levels-expand .nav-container li.level-open a:hover,.menu-top-nav.nav-levels-none .nav-container li.level-open a:hover{background:#2f649a;}
.menu-top-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,.menu-top-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before{margin-top:2px;transform:translate(-50%, -50%) rotate(45deg);}
.menu-top-nav.nav-levels-expand .nav-container span.nav-next::before,.menu-top-nav.nav-levels-none .nav-container span.nav-next::before{margin-top:-2px;transform:translate(-50%, -50%) rotate(225deg);}
.nav-log-1 {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.nav-log-text {font-size: 1.2em;}
header{position:relative;padding:0;}
header .toggle{height: 1rem;position: relative;top: auto;left: auto;display: block;cursor: pointer;box-sizing: content-box;font-size: 20px;width: 1.6rem;}
header .toggle span{width:25px;top:60%;transform:translateY(-50%);transform-origin:50% 50%;}
header .toggle span,header .toggle span::before,header .toggle span::after{position:absolute;left:0;height:3px;background:#FFF;transition:all .1s ease;}
header .toggle span::before,header .toggle span::after{content:'';width:100%;}
header .toggle span::before{top:-8px;}
header .toggle span::after{bottom:-8px;}
.cover5rem {width: 5rem;}
.rank_detail {font-size: 75% !important;text-indent: 2em;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.rank_num {position: absolute;bottom: .8rem;left: .2rem;color: #fff;width: 1.6rem;height: 1.6rem;background: #b10b1ab8;line-height: 1.6rem;text-align: center;border-radius: 50%;}
.rank_txt_num {font-size: 1.2rem;color: #ccc;}
.read_sbtn {margin-left: 0.2rem;padding: 0 3px !important;color: #e5e5e5 !important;font-weight: normal !important;}
.read_spans {text-indent: 2em;word-wrap: break-word;word-break: break-all;}
.read_nav {background: rgb(188 188 188 / 30%); list-style: none;}
.read_nav_li {line-height: 1.2rem;}
.read_nav_li a {color: #8c8c8c;}
.read_btn_gp {clear: both !important;display: flex;font-size: 1rem;margin: 0 5%;background: #4f788f;border: 0.05rem solid #eeeeee;flex-wrap: nowrap;justify-content: center;align-items: center;align-content: center;border-radius: 0.3rem;white-space: nowrap;}
.read_btn_gp a {display: flex;padding: 0;width: 100%;line-height: 2.2rem;border-right: 0.05rem solid #eeeeee;align-items: center;justify-content: center;align-content: center;color:#e5e5e5;}
.read_btn_gp a:hover {font-weight: bold;color:#e5e5e5;}
.read_btn_gp a:last-child {border-right: none;}
.read-top-set {display: flex;margin: 0 auto 0.5rem auto;align-content: center;align-items: center;justify-content: flex-end;}
.read-top-set a.cb {border: 1px solid #898989;display: inline-block;width: 1.6rem;height: 1.6rem;margin-right: 0.5rem;overflow: hidden;vertical-align: middle;border-radius: 50%;}
.read-top-set a.cf {padding: 0 5px;font-size: 1rem;font-weight: bold;color: #888;}
.submitErrorModalbtn {cursor: pointer;color:#e5e5e5 !important;}
.submiterrordialog {color:#333333 !important;}
#ifr {width: 0;height: 0;border: 0;margin: 0;}
#ifrdomain {width: 0;height: 0;border: 0;margin: 0;}
.empty {font-size: 2rem;line-height: 2.4rem;font-weight: bold;color: #f00;overflow: hidden;display: flex;justify-content: center;animation: blinks 1s linear infinite;}
@keyframes blinks {0% { color: red; } 50% { color: green; } 100% { color: yellow; }}
.ls-div-bar {background-image:radial-gradient(circle at 30% -200%, #605f5e 0%, #232323 50%, #1c1b1a 50%, #2e2d2d 100%) !important;border-radius: .2rem;display: flex;justify-content: space-between;align-items: center;}
.ls-div-bar h6 i {font-size: 1rem;padding-right: 0.5rem;}
.ls-picsize{position:relative; overflow:hidden; border-radius: .25rem;}
.ls-picsize eps{color: #fff;position: absolute;right: 0.3em;z-index: 1;text-align: center;font-size: .75rem;bottom: .1rem;display: block;background: rgba(0, 0, 0, 0.7);border-radius: .2rem;padding: 0 .2rem;border: 1px solid #d5d5d5;}
.ls-picsize num{padding: .1em .3em;background: rgba(186, 230, 205, 0.35);color: #dee2e6;border-radius: .2em;position: absolute;right: 0.3em;z-index: 1;text-align: right;font-size: 0.8em;bottom: 0.3em;display: block;}
.ls-picsize img{width:100%;}
.ls-picsize img{transition: all 0.3s;}
.ls-picsize img:hover{transform: scale(1.06);}
.ls-link-div {padding: 0.8rem 0.5rem;border-radius: 0.8rem;background-color: #eaedf1;}
.icon-pen {width: 2rem;height: 2rem;background-image: url('//www.novelsafari.com/images/pen-to-square.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(38%) sepia(55%) saturate(2000%) hue-rotate(255deg) brightness(83%) contrast(91%);}
.icon-pen-cat {width: 1rem;height: 1rem;background-image: url('//www.novelsafari.com/images/pen-to-square.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-newbook {width: 2rem;height: 2rem;background-image: url('//www.novelsafari.com/images/book.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(38%) sepia(55%) saturate(2000%) hue-rotate(255deg) brightness(83%) contrast(91%);}
.icon-newbook-cat {width: 1rem;height: 1rem;background-image: url('//www.novelsafari.com/images/book.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-hotlist {width: 2rem;height: 2rem;background-image: url('//www.novelsafari.com/images/chart-simple.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(38%) sepia(55%) saturate(2000%) hue-rotate(255deg) brightness(83%) contrast(91%);}
.icon-hotlist-cat {width: 1rem;height: 1rem;background-image: url('//www.novelsafari.com/images/chart-simple.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-alllist {width: 2rem;height: 2rem;background-image: url('//www.novelsafari.com/images/list.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(38%) sepia(55%) saturate(2000%) hue-rotate(255deg) brightness(83%) contrast(91%);}
.icon-bookmark-m {width: 100%;height: 100%;background-image: url('//www.novelsafari.com/images/book-open-reader.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-search {width: 2rem;height: 2rem;background-image: url('//www.novelsafari.com/images/magnifying-glass.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-search-m {width: 100%;height: 100%;background-image: url('//www.novelsafari.com/images/magnifying-glass.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-gototop {width: 2.8rem;height: 2.8rem;background-color: #ffffff;border-radius: 50%;position: relative;filter: grayscale(100%) brightness(50%);opacity: 0.12;display: block;}
.icon-gototop::before {content: '^';position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);font-size: 2rem;font-weight: bold;color: white;-webkit-text-stroke: 1px black;font-style: normal;font-family: 'Arial', sans-serif;}
.icon-bookmark {width: 100%;height: 100%;background-image: url('//www.novelsafari.com/images/book-open-reader.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-user {width: 100%;height: 100%;background-image: url('//www.novelsafari.com/images/user.svg');background-repeat: no-repeat;background-position: center;filter: invert(100%) brightness(1000%);}
.icon-venus-cat {width: 0.7rem;height: 0.9rem;background-image: url('//www.novelsafari.com/images/venus.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-thumbs-cat {width: 1rem;height: 1rem;background-image: url('//www.novelsafari.com/images/thumbs-up.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-newload-cat {width: 0.8rem;height: 1rem;background-image: url('//www.novelsafari.com/images/file-lines.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(62%) sepia(68%) saturate(2441%) hue-rotate(318deg) brightness(100%) contrast(95%);}
.icon-up {width: 0.6rem;height: 0.8rem;background-image: url('//www.novelsafari.com/images/arrow-up.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);margin-left: 0.2rem;}
.icon-down {width: 0.6rem;height: 0.8rem;background-image: url('//www.novelsafari.com/images/arrow-down.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);margin-left: .2rem;}
.icon-day-mode {width: 1.1rem;height: 1.1rem;background-image: url('//www.novelsafari.com/images/day-mode.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-night-mode {width: 1.1rem;height: 1.1rem;background-image: url('//www.novelsafari.com/images/night-mode.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(13%) sepia(5%) saturate(0%) hue-rotate(332deg) brightness(90%) contrast(90%);display: block;margin: auto 0.2rem;}
.icon-backward-fast {width: 1.1rem;height: 1.1rem;background-image: url('//www.novelsafari.com/images/backward-fast.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-forward-fast {width: 1.1rem;height: 1.1rem;background-image: url('//www.novelsafari.com/images/forward-fast.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-caret-left {width: 0.8rem;height: 1.2rem;background-image: url('//www.novelsafari.com/images/caret-left.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-caret-right {width: 0.8rem;height: 1.2rem;background-image: url('//www.novelsafari.com/images/caret-right.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;margin: auto 0.2rem;}
.icon-circle-info {width: 0.8rem;height: 0.8rem;background-image: url('//www.novelsafari.com/images/circle-info.svg');background-size: cover;background-repeat: no-repeat;background-position: center;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);display: block;}

h6.text-pink.mb-0.py-1 {display: flex;align-items: center;}
h6.text-pink.m-0.py-2 {display: flex;align-items: center;}
.info-work {width:100%;}
.read-ctrl {display: flex;border-radius: 0.25rem;align-items: center;background: #b3b3b3;position: relative;}
.read-ctrl .ft-item {overflow: hidden;display: flex;height: 35px;line-height: 0;width: 35px;justify-content: center;align-items: center;cursor: pointer;position: relative;}
.read-ctrl .fonts-bt {margin: 0 0.2rem;height: 30px;line-height: 30px;background: #717171;padding: 0 0.5rem;border-radius: 0.25rem;white-space: nowrap;}
.read-ctrl .fonts-bt a {display: flex;}
.read-ctrl .fonts-bt img {margin-right: 0.2rem;}
img.day-on,img.night-on {width: 16px;}
a.modecbtn1,a.modecbtn1:hover {color: #e5e5e5;}
.bg-options {display: none;position: absolute;top: 110%;left: 0;z-index: 1000;background: #b9acbc;padding: 0.5rem;border-radius: 0.25rem;}
.bg-options a {display: inline-block;width: 30px;height: 30px;margin: 5px;cursor: pointer;border-radius: 3px;}
.top-m-f,.top-m-f:hover {padding: 0 0.5rem 0 0.8rem;color: #fff;}
.top-l-f,.top-l-f:hover {margin: 0 2rem 0 0;font-size: 1.2rem;color: #fff;}
.item-cover-2row img {max-width: 120px;padding: 1px;border: 1px solid #ccc;background-color: #fff;}
.item-cover-2row .text .title {font-size: 1rem;color: #8e589a;font-weight: bold;}
.item-cover-2row .text .author {}
.item-cover-2row .text .detail {text-indent: 2em;-webkit-line-clamp: 6;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: #888;}
.item-cover-2row .right-top {border-bottom: dotted 1px #ccc;}
.item-list-txt {line-height: 1.7rem;border-bottom: dotted 1px #ccc;}
.item-list-txt .cat {width: 4.5rem; display: inline-block;}
.item-list-txt .cat,.item-list-txt .author {color: #333;}
.item-list-txt .title {color: #8e589a;}
.def-menu-title {border-bottom: solid 1px #ccc;line-height: 3rem;color: #333;font-size: 1.1rem;}
.top-menu-bar {text-align: center;background: #fefefe;border-radius: 0.25rem;border: 1px solid #efefef;}
.menu-inner {display: inline-block;text-align: left;padding: 0 0.5rem;}
.category-item {padding: 10px;text-align: center;font-size: 1rem;color: #8e589a;font-weight: 400;line-height: 150%;font-family: Microsoft YaHei, 微軟雅黑, 宋體;white-space: nowrap;}
a.category-item {color: #8e589a;font-weight: 400;line-height: 150%;font-family: Microsoft YaHei, 微軟雅黑, 宋體;white-space: nowrap;}
.col-lg-1.col-md-2.col-sm-3.col-4.category-item:hover {background: #e6dbe8;}
.col-lg-1.col-md-2.col-sm-3.col-4.category-item a {color: #67466f;}