.hasani {
    transition: all 0.5s cubic-bezier(0.73, -0.32, 0.38, 1.13);
  }
  .b_type,
  .dtm_tit,
  .menu_res span,
  .dt_headbot_menu,
  .cti_e,
  .book_label span,
  .book_label span:before {
    transition: all 0.1s ease-out;
  }
  .d-none{display:none!important}

  .alignall {
    width: 1140px;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .notify-dt {
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px dashed #2d9fd8;
    background: #d9edf7;
    color: #000;
}

  .tleft a:hover {
    color: #288ad6;
    cursor: pointer;
    font-weight: 700;
  }
  .table-data {
    color: silver;
  }
  .flex_v {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .flex_h {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .dt_headtop {
    width: 100%;
    height: 28px;
    padding: 0;
    position: relative;
    z-index: 2;
    background: #187d8b;
  }
  .dt_headtop a:hover {
    color: #b2f4ff;
  }
  .dt_headtop_rule {
    font-size: 11px;
    color: #fff;
    margin: 0;
  }
  .dt_headtop_mail {
    margin: 0 0 0 30px;
  }
  .dt_headtop_mail span {
    font-size: 11px;
    color: #fff;
  }
  .dt_headtop_userzone {
    margin: 0 0 0 auto;
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
  }
  .dt_headtop_fb {
    margin: 0 0 0 30px;
  }
  .dt_headtop_fb a {
    margin: 0 4px 0 0;
    color: #fff;
  }
  .dt_headtop_fb iframe {
    height: 20px;
  }
  .dt_headbot {
    width: 100%;
    height: 45px;
    position: relative;
    z-index: 1;
    background: #156d79;
  }
  .dt_headbot_logo {
    margin: 0;
  }
  .dt_headbot_logo img {
    height: 35px;
  }
  .dt_headbot_menu {
    margin: 0 auto 0 0;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
  .dt_menu_e {
  }
  .dt_menu_e.expand {
  }
  .dt_menu_e.expand .dtm_tit {
    padding-right: 25px;
  }
  .dtm_tit {
    float: left;
    margin: 0;
    padding: 0 15px;
    line-height: 45px;
    color: #fff !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
  }
  .closing_expand {
    display: none;
  }
  .ico_dropdown {
    float: left;
    margin: 8px 0 0 -20px;
  }
  .ico_dropdown svg {
    width: 10px;
    float: left;
    margin: 10px 0 0;
    fill: #fff;
  }
  .dt_menu_e:hover .dtm_tit {
    background: #0c5b66;
    color: #7fffd4;
  }
  .dt_menu_e:hover .ico_dropdown svg {
    fill: #7fffd4;
  }
  .v_label {
    position: absolute;
    z-index: 999;
    width: 100%;
    padding: 5px;
    bottom: 0;
    display: flex;
    background: linear-gradient(
      0deg,
      rgb(6 6 6) 0%,
      rgba(0, 0, 0, 0.6208858543417367) 80%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  .v_content {
    width: 50%;
    height: 30px;
    transform-origin: center center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    font-size: 12px;
    color: rgb(221, 221, 221);
  }
  .v_content img {
    width: 20px !important;
    opacity: 1 !important;
  }
  .dtm_expand {
    position: absolute;
    top: 100%;
    left: 0%;
    width: 100%;
    height: auto;
    padding: 0;
    display: none;
  }
  .dt_menu_e:hover .dtm_expand {
    display: block;
  }
  .wrap_alltype {
    width: 100%;
    column-count: 4;
    column-gap: 10px;
    position: relative;
    z-index: 999;
    padding: 20px;
    background: #e8e8e8f5;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 0 6px #00000061;
  }
  .b_type {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 13px;
    color: #2c2f31;
    padding: 6px 20px;
    font-weight: 700;
    border-radius: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .b_type:hover {
    background: #2098a8;
    border-radius: 6px;
    color: #fff;
  }
  .b_type.s1 {
    color: #6629f9 !important;
    font-weight: 900;
  }
  .b_type.s1:hover {
    background: #6629f9 !important;
    color: #fff !important;
  }
  .b_type.s2 {
    color: #e72051;
  }
  .b_type.s2:hover {
    background: #e72051;
    color: #fff !important;
  }
  .list_authors .b_type:nth-child(10n + 1) {
    color: #00a241;
  }
  .list_authors .b_type:nth-child(10n + 1):hover {
    background: 0 0;
    color: #00a241;
  }
  .list_authors .b_type:nth-child(10n + 2) {
    color: #e66000;
  }
  .list_authors .b_type:nth-child(10n + 2):hover {
    background: 0 0;
    color: #e66000;
  }
  .list_authors .b_type:nth-child(10n + 3) {
    color: #3f8400;
  }
  .list_authors .b_type:nth-child(10n + 3):hover {
    background: 0 0;
    color: #3f8400;
  }
  .list_authors .b_type:nth-child(10n + 4) {
    color: #078394;
  }
  .list_authors .b_type:nth-child(10n + 4):hover {
    background: 0 0;
    color: #078394;
  }
  .list_authors .b_type:nth-child(10n + 5) {
    color: #8411a0;
  }
  .list_authors .b_type:nth-child(10n + 5):hover {
    background: 0 0;
    color: #8411a0;
  }
  .list_authors .b_type:nth-child(10n + 6) {
    color: #d6006d;
  }
  .list_authors .b_type:nth-child(10n + 6):hover {
    background: 0 0;
    color: #d6006d;
  }
  .list_authors .b_type:nth-child(10n + 7) {
    color: #0056d6;
  }
  .list_authors .b_type:nth-child(10n + 7):hover {
    background: 0 0;
    color: #0056d6;
  }
  .list_authors .b_type:nth-child(10n + 8) {
    color: #d6001e;
  }
  .list_authors .b_type:nth-child(10n + 8):hover {
    background: 0 0;
    color: #d6001e;
  }
  .list_authors .b_type:nth-child(10n + 9) {
    color: #ab00d6;
  }
  .list_authors .b_type:nth-child(10n + 9):hover {
    background: 0 0;
    color: #ab00d6;
  }
  .list_authors .b_type:nth-child(10n) {
    color: #0b6bce;
  }
  .list_authors .b_type:nth-child(10n):hover {
    background: 0 0;
    color: #0b6bce;
  }
  .wrap_alltype.list_status {
    column-count: 3;
  }
  .search_bar {
    margin: 0;
    position: relative;
  }
  .sb_inp {
    width: 260px;
    height: 30px;
    border-radius: 6px;
    border: none;
    outline: none;
    padding: 0 35px 0 10px;
    font-weight: 700;
    color: #404040;
    font-size: 12px;
    margin-top: 10px;
  }
  .sb_submit {
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    outline: none;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    background: 0 0;
    margin-top: 10px;
  }
  .sb_submit img {
    width: 20px;
    margin: 5px;
  }
  .search_res {
    display: none;
  }
  .tss_header {
    width: 100%;
    margin: 0;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
  }
  .tss_header h2 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }
  .tss_header a {
    font-size: 12px;
    font-style: italic;
    color: #fff;
  }
  .topslide {
    width: 100%;
    height: auto;
    background: url(../img/bg_lowpoly.png) center center no-repeat;
    background-size: cover;
    display: block;
    padding: 20px 5px 20px 5px;
    position: relative;
    z-index: 10;
  }
  .tss_wrap {
    width: 100%;
    height: auto;
    margin: 0;
    align-items: flex-start;
  }
  .ts_sticker {
    width: 30%;
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
  }
  .img_load {
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
    z-index: 1;
    display: block;
    padding: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
  }
  
  .img_link {
    width: 100%;
    height: 100%;
    padding-top: 143%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background-position: center center;
    background-size: cover;
  }
  .img_load img {
    width: 100%;
    float: left;
    margin: 0;
    opacity: 0;
    position: relative;
    z-index: 1;
  }
  .content_overlap {
    width: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    background: #000;
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.6208858543417367) 80%,
      rgba(0, 0, 0, 0) 100%
    );
    padding: 20px 15px 15px;
  }
  .content_normal {
    width: 90%;
    float: left;
    margin: 10px 5% 0;
  }
  .ct_title {
    width: 100%;
    float: left;
    margin: 0 0 5px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    line-height: normal;
  }
  .text_over {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .content_overlap .ct_title {
    font-size: 18px;
    font-weight: bolder;
  }
  .content_normal .ct_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ct_info {
    width: 100%;
    float: left;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
  }
  .cti_e {
    width: 50%;
    position: relative;
    padding: 2px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .cti_e img {
    width: 20px !important;
    position: absolute;
    left: 0;
  }
  .cti_e a {
    width: 100%;
  }
  .cti_e span {
    width: 100%;
    display: block;
    padding: 0 0 0 20px;
    text-align: left;
    color: #fff;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ts_slider {
    width: 70%;
    margin: 0;
    overflow: hidden;
    padding-left: 20px;
  }
  .tss_e {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .r_label {
    position: absolute;
    z-index: 999;
    width: 100%;
    padding: 5px;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .rlb_hot {
    animation: anirlb_hot 3s cubic-bezier(0, 0.82, 0.15, 0.99) infinite;
    width: 30px;
    height: 30px;
    transform-origin: center center;
  }
  .rlb_hot img {
    width: 30px;
    float: left;
    margin: 0;
  }
  .rlb_heart p {
    background: rgb(255,84,0);
    background: linear-gradient(124deg,rgba(255,84,0,1) 15%,rgba(55,55,55,1) 100%);
  }
  .rlb_heart p {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 0;
    background: #ff5400;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
}
  @keyframes anirlb_hot {
    0% {
      transform: scale(1, 1) rotate(0deg);
    }
    45% {
      transform: scale(1, 1) rotate(0deg);
    }
    48% {
      transform: scale(1.1, 1.1) rotate(-15deg);
    }
    51% {
      transform: scale(1.1, 1.1) rotate(15deg);
    }
    53% {
      transform: scale(1.1, 1.1) rotate(-15deg);
    }
    55% {
      transform: scale(1.1, 1.1) rotate(15deg);
    }
    60% {
      transform: scale(1.1, 1.1) rotate(-15deg);
    }
    65% {
      transform: scale(1, 1) rotate(0deg);
    }
  }
  .rlb_heart {
    width: 30px;
    height: 30px;
    margin: 0 0 0 auto;
    cursor: pointer;
  }
  .rlb_heart img {
    box-shadow: 0 0 6px #777;
    border-radius: 6px;
  }
  .rlb_heart .rlbh1 {
    display: block !important;
  }
  .rlb_heart .rlbh2 {
    display: none !important;
  }
  .rlb_heart.active .rlbh1 {
    display: none !important;
  }
  .rlb_heart.active .rlbh2 {
    display: block !important;
  }
  .mainpage {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    position: relative;
    z-index: 1;
  }
  .mainpage .alignall {
    align-items: flex-start;
  }
  .m_l_col {
    width: 75%;
    margin: 0;
    padding: 0 10px 0 0;
    position: relative;
  }
  .m_r_col {
    width: 25%;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
  }
  .mcol_header {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    display: flex;
  }
  .mcol_header a {
    font-size: 14px;
    font-weight: 900;
    margin: 0 0 0 10px;
    color: #000;
  }
  .mcol_ct {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 0 0 15px;
    background: #fff;
    border: solid 1px #e3e3e3;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mcol_pos {
    width: 25%;
    padding-right: 15px;
    margin-bottom: 15px;
    position: relative;
  }
  .mcol_ct .tss_e {
    width: 100%;
    border: solid 1px #f0f0f0;
    border-radius: 6px;
    margin-right: 20px;
  }
  .mcol_pos_dt .tss_e {
    border: 3px solid #187d8b;
    border-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0nMTAwJyBoZWlnaHQ9JzEwMCcgdmlld0JveD0nMCAwIDEwMCAxMDAnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+IDxzdHlsZT5wYXRoe2FuaW1hdGlvbjpzdHJva2UgOHMgaW5maW5pdGUgbGluZWFyO31Aa2V5ZnJhbWVzIHN0cm9rZXt0b3tzdHJva2UtZGFzaG9mZnNldDo3ODA7fX08L3N0eWxlPjxsaW5lYXJHcmFkaWVudCBpZD0nZycgeDE9JzAlJyB5MT0nMCUnIHgyPScwJScgeTI9JzEwMCUnPjxzdG9wIG9mZnNldD0nMCUnIHN0b3AtY29sb3I9JyMyZDM1NjEnIC8+PHN0b3Agb2Zmc2V0PScyNSUnIHN0b3AtY29sb3I9JyMyMzUxNTgnIC8+PHN0b3Agb2Zmc2V0PSc1MCUnIHN0b3AtY29sb3I9JyMyOTgwOGUnIC8+PHN0b3Agb2Zmc2V0PSc3NSUnIHN0b3AtY29sb3I9JyMyMGE5YmYnIC8+PHN0b3Agb2Zmc2V0PScxMDAlJyBzdG9wLWNvbG9yPScjMDVkN2Y5JyAvPjwvbGluZWFyR3JhZGllbnQ+IDxwYXRoIGQ9J00xLjUgMS41IGw5NyAwbDAgOTdsLTk3IDAgbDAgLTk3JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJyBzdHJva2U9J3VybCgjZyknIHN0cm9rZS13aWR0aD0nMycgc3Ryb2tlLWRhc2hhcnJheT0nMzg4Jy8+IDwvc3ZnPg==)
      1;
  }
  .mcol_ct .ct_title {
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    color: #000;
    font-weight: 900;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .mcol_ct .cti_e span {
    color: #156d79;
    font-weight: 700;
  }
  .m_paging {
    width: 100%;
    padding: 10px 0;
  }
  .mp_e {
    font-size: 12px;
    font-weight: 700;
    margin: 0 4px;
    padding: 0 12px;
    line-height: 30px;
    color: #909090;
    background: #fff;
    border: solid 1px #f0f0f0;
    cursor: pointer;
    border-radius: 4px;
  }
  .mp_e.active,
  .mp_e:hover {
    background: #156d79;
    border: solid 1px #17998c;
    color: #fff;
  }
  .m_block {
    width: 100%;
    margin: 0 0 50px;
    padding: 0;
  }
  .m_block:last-child {
    margin: 0;
  }
  .m_block .mcol_ct {
    padding: 15px;
  }
  .m_block .mcol_pos {
    width: 100%;
    padding-right: 0;
    padding-bottom: 15px;
    margin: 0 0 15px;
    border-bottom: solid 1px #f0f0f0;
  }
  .m_block .mcol_pos:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
  }
  .m_block .tss_e {
    border: none;
  }
  .m_block .img_load {
    width: 50%;
  }
  .m_block .r_label {
    width: 50%;
  }
  .m_block .content_normal {
    width: 50%;
    margin: 0;
  }
  .m_block .cti_e {
    width: 100%;
    padding: 4px 4px 8px 8px;
  }
  .m_block .cti_e img {
    left: 5px;
  }
  .tss_e,
  .visited-comics-new .tss_e {
    display: block;
  }
  .tss_e .thumb,
  .visited-comics-new .tss_e .thumb {
    overflow: hidden;
    width: 70px;
    height: 60px;
    float: left;
    margin-right: 10px;
  }
  .tss_e .thumb img,
  .visited-comics-new .tss_e .thumb img {
    width: 100%;
    max-width: 100%;
  }
  .tss_e h3,
  .visited-comics-new .tss_e h3 {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
 .tss_e .title a,
  .visited-comics-new .tss_e .title a {
    font-weight: 700;
  }
  .tss_e .chapter a,
  .visited-comics-new .tss_e .chapter a {
    font-size: 13px;
    color: #000;
    font-weight: 700;
  }
  .cti_e.last_seen {
    margin: auto 0 0;
    color: #000000;
    font-size: 12px;
    font-style: italic;
    flex-direction: column;
    align-items: flex-start;
  }
  .cti_e.last_seen span {
    color: #000000;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    padding: 0;
  }
  .cti_e.btn_view {
    width: 80%;
    border-radius: 4px;
    text-align: center;
    margin: 0;
    padding: 6px 0;
    align-items: flex-start;
    background: #fff;
    font-size: 12px;
    font-weight: 900;
    color: #0faed1;
    border: solid 1px #0faed1;
  }

  .all_label .mcol_pos {
    border-bottom: none;
    margin: 0;
    padding-bottom: 8px;
  }
  .book_label {
    width: 100%;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
  }
  .book_label span {
    position: absolute;
    width: 40%;
    padding: 0 12px 0 8px;
    height: 100%;
    background: #ffffffde;
    right: 0;
    top: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
  }
  .book_label span:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 50px solid #ffffffde;
    border-left: 20px solid transparent;
  }
  .book_label:hover span {
    background: #193be4b8;
    width: 100%;
    color: #fff;
  }
  .book_label:hover span:before {
    opacity: 0;
  }
  .footer {
    width: 100%;
    height: auto;
    display: block;
    background: #156d79;
    padding: 40px 0;
  }
  .footer .alignall {
    align-items: flex-start;
  }
  .ft_col {
    padding: 0 15px;
  }
  .ft_col.inf_dt {
    width: 25%;
  }
  .ft_col.note_dt {
    width: 55%;
    text-align: justify;
  }
  .ft_col.social_dt {
    width: 20%;
  }
  .ft_col_title {
    font-size: 14px;
    font-weight: 900;
    color: #fff;
  }
  .ft_col_ct {
    font-size: 12px;
    color: #fff;
  }
  .popup_login {
    display: none;
    position: relative;
    z-index: 999;
  }
  .popup_login.show {
    display: block;
  }
  .wrap_popup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000000d1;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .close_pl {
    border: solid 1px #fff;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    margin: 10px 0;
    cursor: pointer;
  }
  .close_pl img {
    margin: 0 5px 0 0;
  }
  .pop_ct {
    width: 320px;
    max-width: 90%;
    background: #ffffff21;
    border-radius: 6px;
    border: solid 1px #737373;
    padding: 20px;
  }
  .pop_title {
    width: 100%;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    text-align: center;
  }
  .pop_be {
    width: 100%;
    margin: 0 0 15px;
    display: flex;
    flex-direction: column;
  }
  .pop_be span {
    width: 100%;
    margin: 2px 0;
    padding-left: 10px;
    font-size: 12px;
    color: #fff;
  }
  .pop_be input {
    width: 100%;
    background: #fff;
    border: solid 1px #f1f1f1;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    padding: 6px 12px;
  }
  .pop_be select {
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 6px 12px;
    border-radius: 4px;
  }
  .pop_checker {
    margin: 0 auto 0 0;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
  }
  .pop_checker input {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin: 0 8px 0 0;
  }
  .popup_login .flex_v {
    justify-content: center;
  }
  .pop_getpass {
    margin: 0 0 0 auto;
    color: #fff;
    font-size: 12px;
    font-style: italic;
  }
  .pop_getpass:hover {
    color: aqua;
  }
  .pop_btn_login,
  .btn_av_search {
    width: 100%;
    max-width: 320px;
    background: #0faed1;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    outline: none;
    border: none;
    margin: 25px 0 0;
    border-radius: 4px;
  }
  .pop_btn_register,
  .btn_av_search {
    width: 100%;
    max-width: 320px;
    background: #2b892f;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    outline: none;
    border: none;
    margin: 25px 0 0;
    border-radius: 4px;
  }
  .pop_btn_fblogin,
  .btn_av_search {
    width: 100%;
    max-width: 320px;
    background: #337ab7;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    outline: none;
    border: none;
    margin: 25px 0 0;
    border-radius: 4px;
  }
  .flex_type {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
  }
  .list_type {
    width: 320px;
    align-items: flex-start;
    align-self: flex-start;
    margin: 0 auto 0 0;
  }
  .list_type .book_label span {
    width: auto;
  }
  .list_type .book_label:hover span {
    width: auto;
  }
  .list_type .book_label:hover span:before {
    border-bottom: 50px solid #193be4b8;
    border-left: 20px solid transparent;
    opacity: 1;
  }
  .de_title {
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin: 10px 0;
  }
  .lt_status {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
  }
  .lt_total {
    font-size: 12px;
    color: #fff;
  }
  .lt_update {
    font-size: 12px;
    color: #fff;
    font-style: italic;
  }
  .lt_advance {
    font-size: 12px;
    color: #fff;
    font-style: italic;
    cursor: pointer;
  }
  .list_alphabet {
    width: 40%;
    position: relative;
    align-self: flex-start;
    align-items: flex-end;
    margin: 0 0 0 auto;
  }
  .lt_alist {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center;
  }
  .lta_e {
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #909090;
    background: #fff;
    border-radius: 2px;
    padding: 0 8px;
    margin: 0 6px 6px 0;
  }
  .lta_e.active,
  .lta_e:hover {
    background: #ffe70d;
    color: #000;
  }
  .list_inf {
    width: 60%;
    position: relative;
    align-self: flex-start;
    align-items: flex-end;
    margin: 0 0 0 20px;
  }
  .lt_info {
    background: #079cbdb8;
    color: #fff;
    font-size: 13px;
    padding: 15px;
    border: solid 1px #07c2eb;
    border-radius: 6px;
  }
  .list_type .search_bar .sb_inp {
    width: 100%;
    margin: 0 0 10px;
  }
  
  body.advance .topslide {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    background: #000000eb;
    overflow: auto;
  }
  body.advance {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  body.advance .expand_search {
    display: flex;
  }
  .expand_search {
    width: 100%;
    height: auto;
    margin: 15px 0 0;
    background: #1d1d1dd9;
    border-radius: 6px;
    border: solid 1px #fff;
    padding: 10px 20px 20px;
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
  }
  .ex_search_ct {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .exs_1eft {
    width: 100%;
    float: left;
    margin: 0;
  }
  .exs_1eft .pop_be {
    width: 25%;
    float: left;
    padding: 0 8px;
  }
  .exs_right {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 8px;
  }
  .exs_title {
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
  }
  .exs_ct {
    width: 100%;
    margin: 0;
    column-count: 4;
  }
  .exs_checker {
    width: 100%;
    float: left;
    margin: 5px 0;
  }
  .exs_checker input {
    width: 24px;
    height: 24px;
    border-radius: 2px;
    float: left;
    margin: 0 4px 0 0;
    cursor: pointer;
  }
  .exs_checker span {
    float: left;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    margin: 0;
  }
  .error-404 {
    line-height: 1.6;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 50px;
  }
  .error-404 .error-title {
    font-size: 9em;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .error-404 p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px;
  }
  .error-404 h1,
  .error-404 h2 {
    font-weight: 400;
    margin: 0;
  }
  .error-404 h2 {
    font-size: 1.8em;
    margin-top: 10px;
  }
  .error-404 .comicsearchbox {
    margin-top: 15px;
  }
  .error-404 .searchbutton {
    background: 0 0;
    border-color: #ccc;
  }
  .error-404 .error-msg {
    background-color: #fbfadd;
    border: 1px solid #ded58a;
    color: #8f872e;
    font-size: 3em;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    padding: 20px 30px;
    line-height: 1.6;
  }
  .error-404 .entry-content ul {
    margin-left: 20px;
    padding-left: 0;
  }
  .error-404 ul li {
    list-style: inside none disc;
  }
  .error-404 a {
    color: #03f;
  }
  .error-404 .row:after,
  .error-404 .row:before {
    content: " ";
    display: table;
  }
  .error-404 .row:after {
    clear: both;
  }
  .visited-comics-page {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 0 0 20px;
  }
  .visited-comics-page .row {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }
  .visited-comics-page .tss_e .view {
    width: 100%;
    margin: 0;
    text-align: center;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    line-height: 25px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 12px;
    display: block;
    color: #fff;
    background-color: #000;
    opacity: 0.65;
  }
  .visited-comics-page .tss_e .view a {
    color: #fff;
  }
  .visited-comics-page .tss_e .view a:focus,
  .visited-comics-page .tss_e .view a:hover,
  .visited-comics-page .tss_e .view a:visited {
    text-decoration: none;
  }
  .visited-comics-page .content_normal .ct_info a {
    width: 100%;
    font-weight: 700;
    text-align: left;
    display: block;
    text-align: left;
    color: #000;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #pop-login-mess {
    color: red;
    text-align: center;
    font-size: 14px;
  }
  .pop_be input.error {
    border-color: #d9534f;
  }
  .pop_be input.error::placeholder {
    color: #d9534f;
    opacity: 1;
  }
  .pop_be input.error:-ms-input-placeholder {
    color: #d9534f;
  }
  .pop_be input.error::-ms-input-placeholder {
    color: #d9534f;
  }
  .pop_btn_register:hover {
    color: #fff;
  }
  .nav-user_icon {
    display: flex;
    position: relative;
  }
  .nav-user_icon .wrap_alltype {
    column-count: 1;
  }
  .nav-user_icon .dtm_tit {
    line-height: 10px;
    width: auto;
  }
  .nav-user_icon .dt_menu_e {
    border: inherit;
  }
  .nav-user_icon .dtm_tit img {
    height: 20px;
    border-radius: 50%;
  }
  .nav-user_icon .dtm_tit span {
    padding: 5px 0 5px 5px;
    display: inline-block;
  }
  .nav-user_icon .ico_dropdown {
    margin: -5px 10px 0 -20px;
  }
  .nav-user_icon .dtm_expand {
    width: 200px;
    top: 100%;
    left: 0%;
    height: auto;
    position: absolute;
  }
  .bshare {
    width: 100%;
    height: 30px;
    border-radius: 6px;
    border: 3px solid #0faed1;
    font-weight: 700;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  .blnew {
    border: 2px solid #57e075;
  }
  .bldonat {
    border: 2px solid #0faed1;
  }
  .blold {
    border: 2px solid #f1ab2d;
  }
  .bflow {
    width: 100%;
    height: 30px;
    border-radius: 6px;
    border: 3px solid #de3592cc;
    background-color: #9c1f66;
    font-weight: 700;
    color: #fff;
  }
  .btn-facebook {
    color: #fff;
    background-color: #4c67a1;
  }
  .btn-facebook:hover {
    color: #fff;
    background-color: #405d9b;
  }
  .btn-facebook:focus {
    color: #fff;
  }
  .share-list span {
    padding: 0;
  }
  .hide {
    display: none !important;
  }
  .tcenter {
    text-align: center !important;
  }
  .tleft {
    text-align: left !important;
  }
  .tright {
    text-align: right !important;
  }
  .mt10 {
    margin-top: 10px !important;
  }
  .mt40 {
    margin-top: 40px !important;
  }
  .mt50 {
    margin-top: 50px !important;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .mb10 {
    margin-bottom: 10px !important;
  }
  .block_comment {
    font-size: 1rem;
    padding: 15px;
  }

  .list-chapter .sort_item {
    display: none;
    padding: 0 10px;
    cursor: pointer;
  }
  .list-chapter .sort_item.active {
    display: inline;
  }
  .list-chapter .table-row.less {
    display: none;
  }
  .chapter a {
    color: #333;
  }
  .chapter a:focus,
  .chapter a:visited,
  a.visited {
    text-decoration: none;
    color: rgb(230, 90, 8);
  }

  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }

  .chapter-comment .comment-content {
    color: #333 !important;
  }
  #fb_comments .fb_iframe_widget_fluid_desktop,
  #fb_comments .fb_iframe_widget_fluid_desktop span,
  #fb_comments .fb_iframe_widget_fluid_desktop iframe {
    max-width: 100% !important;
    width: 100% !important;
  }
  .mce-toolbar-grp {
    background-color: #fff !important;
  }
  .mce-btn-group .mce-btn {
    margin: 1px !important;
    background-color: transparent;
    float: left;
    border: solid 1px #ccc !important;
  }
  .mce-grid {
    white-space: normal !important;
  }
  .mce-grid a {
    display: inline-block !important;
    cursor: pointer !important;
  }
  .mce-content-body {
    font-size: 14px;
  }
  .mce-ico {
    height: 30px !important;
    line-height: 30px !important;
    background-repeat: no-repeat !important;
    background-size: 30px 30px !important;
  }
  .mce-listbox > button {
    padding: 10px 27px 10px 10px !important;
  }
  .mce-ico.mce-i-emobabysoldier {
    background: url(../images/emo/babysoldier.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emoonion {
    background: url(../images/emo/onion.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emobafu {
    background: url(../images/emo/bafu.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emothobua {
    background: url(../images/emo/thobua.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emothotuzki {
    background: url(../images/emo/thotuzki.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emoyoyo {
    background: url(../images/emo/yoyo.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emopanda {
    background: url(../images/emo/panda.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emotrollface {
    background: url(../images/emo/trollface.png) no-repeat;
    height: 30px;
    width: 30px;
  }
  .mce-ico.mce-i-emoyahoo {
    background: url(../images/emo/yahoo.gif) center center no-repeat;
    height: 30px;
    width: 17px;
  }
  .mce-ico.mce-i-emogif {
    background: url(../images/emo/gif.gif) no-repeat;
    height: 30px;
    width: 30px;
  }
  .journalTools ul.jacmenu {
    display: none;
    position: absolute;
    z-index: 4;
    list-style-type: none;
    border: solid 1px #dcdcdc;
    background-color: #f5f5f5;
  }
  .journalTools ul.jacmenu li {
    padding: 2px;
    list-style-type: none;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f3f3f3;
  }
  .journalEditor .journalContent span {
    padding: 0 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  .journalEditor .journalContent .juser,
  .journalrow .juser {
    color: #000;
    border: 1px solid #ccd5e4;
    background-color: #eff2f7;
  }
  .journalEditor .journalContent .jtag,
  .journalrow .jtag {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
  }
  .miniclose,
  .minidel {
    float: right;
    display: none;
    width: 14px !important;
    height: 14px !important;
    cursor: pointer;
    background-image: url(../images/mini_del.gif);
    background-repeat: no-repeat;
    position: relative;
    z-index: 90;
  }
  .journalEditor .minidel {
    position: absolute;
    right: 0;
  }
  .journalEditor .journalPlaceholder {
    font-size: 14px;
    color: #999;
    height: 70px;
    padding: 5px 10px;
    background-color: #fff;
    cursor: text;
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #fff;
  }
  .journalTools .btnShare,
  .jcmt li.cmtbtn a {
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 8px 10px;
    white-space: nowrap;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #fef4e9;
    cursor: pointer;
    background: #005cb2;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#298fd0),
      to(#005cb2)
    );
    background: -moz-linear-gradient(top, #298fd0, #005cb2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#298fd0',endColorstr='#005cb2');
  }
  .journalTools .btnShare:hover,
  .jcmt li.cmtbtn a:hover {
    text-decoration: none;
    background: #003465;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#156292),
      to(#003465)
    );
    background: -moz-linear-gradient(top, #156292, #003465);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#156292',endColorstr='#003465');
  }
  .journalTools .btnShare:active,
  .jcmt li.cmtbtn a:active {
    position: relative;
    top: 1px;
    color: #fff;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#005cb2),
      to(#298fd0)
    );
    background: -moz-linear-gradient(top, #005cb2, #298fd0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005cb2',endColorstr='#298fd0');
  }
  .journalTools ul.jacmenu li.liselected {
    background-color: #ffc;
  }
  .journalrow {
    padding: 10px 0;
  }
  .journalrow:after {
    clear: both;
    content: " ";
    display: block;
  }
  .journalrow .journalsummary,
  .journalrow .jsummary {
    padding: 5px;
    border: 1px solid #d8d8d8;
    position: relative;
  }
  .journalrow .summary img {
    max-width: 100px;
    margin: 0;
    padding: 0;
  }
  .journalrow .journalsummary > .fa-angle-left,
  .jsummary > .fa-angle-up {
    position: absolute;
    top: 5px;
    left: -7px;
    font-size: 20px;
    line-height: 11px;
    background-color: #fff;
    color: #d8d8d8;
  }
  .journalrow div.author {
    overflow: hidden;
    float: left;
  }
  .journalrow div.author > img {
    width: 50px;
    height: 50px;
    border-radius: 30px;
  }
  .journalrow div.journalitem {
    margin-left: 60px;
  }
  .authorname {
    font-weight: 700;
    color: #03f;
    font-size: 13px;
  }
  .journalrow .mod,
  .journalrow .member,
  .journalrow .anonymous {
    background: #f93;
    padding: 1px 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    margin-left: 5px;
    border-radius: 3px;
    display: inline-block;
  }
  .journalrow .member {
    background: 0 0;
    color: #209cee;
  }
  .journalrow .anonymous {
    background: 0 0;
    color: #999;
  }
  .footeravtcmd {
    display: block;
    padding: 3px;
    color: #fff;
    margin: -3px -13px 0;
    font-weight: 700;
    font-size: 10px;
    cursor: pointer;
  }
  .cmrl {
    padding: 0 6px;
    background: #10b591;
    color: #fff;
    margin: 5px 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 10px;
    cursor: pointer;
  }
  .journalrow ul.jcmt {
    padding: 0;
    margin: 0 0 0 60px;
  }
  .journalrow ul.jcmt li {
    list-style-type: none;
    margin-top: 15px;
    word-wrap: break-word;
  }
  .journalrow ul.jcmt li:last-child {
    margin-bottom: 0;
  }
  .journalrow ul.jcmt li.cmtbtn {
    margin-top: 0;
  }
  .journalrow ul.jcmt li.cmteditarea,
  .journalrow ul.jcmt li.cmtbtn {
    display: none;
  }
  .journalrow ul.jcmt li textarea {
    border: solid 0 #ccc;
    font-size: 12px;
    padding: 0;
    height: 20px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
  .journalrow ul.jcmt li .miniclose {
    margin: 2px;
  }
  .journalrow ul.jcmt li:hover .miniclose,
  .journalitem:hover .minidel {
    display: block;
  }
  .journalrow ul.jcmt li > img {
    float: left;
    max-width: 40px;
  }
  .journalrow ul.jcmt li p {
    padding: 4px 0 4px 5px;
    margin: 3px 0 5px 42px;
  }
  .journalrow abbr {
    border-style: none;
    font-size: 11px;
    border: none;
    color: #999;
    margin: 4px 0 3px;
    padding: 4px 0 0 5px;
    white-space: nowrap;
  }
  .journalrow div.journalitem .jlink img {
    float: left;
    margin-right: 12px;
    max-width: 150px;
  }
  .journalrow div.journalitem .jlink div {
    max-width: 450px;
  }
  .jcmt .cmteditor {
    max-width: 750px;
    resize: none;
    outline: none;
  }
  .jcmt .cmteditarea {
    margin: 2px 4px 4px 2px;
  }
  .journalTools {
    margin: 15px 0;
  }
  .journalInfo,
  .journalEditor .journalContent {
    display: none;
  }
  .journalEditor input[type="text"],
  .jcmt input[type="text"] {
    margin: 5px 0;
    width: 38%;
    padding: 7px 2%;
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #fff;
    text-shadow: 0 0 1px #fff;
    overflow: visible;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s,
      -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .cmreply {
    display: block;
    padding: 3px 4px;
    color: #fff;
    margin: 5px 0 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 10px;
    cursor: pointer;
  }
  .cmreply:hover {
    background: #00f;
  }
  .jsummary {
    margin-left: 55px;
    position: relative;
  }
  .jsummary .fa-angle-up {
    top: -9px;
    left: 5px;
  }
  .jsummary div,
  .journalsummary div {
    display: block;
    padding: 7px 0 0;
    word-wrap: break-word;
  }
  .cmreport {
    display: none !important;
    color: #4e7af3;
    font-size: 12px;
    cursor: pointer;
    margin-left: 7px;
  }
  .cmchapter {
    color: #4e7af3;
    font-style: italic;
    font-size: 12px;
    margin-left: 7px;
  }
  a.cmchapter {
    text-decoration: underline;
  }
  a.cmchapter:hover {
    text-decoration: none;
  }
  .journalitem:hover .cmreport,
  ul.jcmt li:hover .cmreport {
    display: inline-block;
  }
  .journalrow .shortened.shortened {
    max-height: 150px;
    position: relative;
  }
  .journalrow .shortened.shortened:before {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background: linear-gradient(rgba(255, 255, 255, 0), white);
  }
  .new-comments .darkBox {
    padding: 10px 0;
  }
  .new-comments .darkBox h2 {
    padding: 0 0 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #f2f2f2;
  }
  .new-comments .darkBox ul li .thumb {
    width: 40px;
    height: 40px;
    margin-top: 5px;
  }
  .new-comments .scroll-y {
    max-height: 1200px;
    overflow-y: auto;
    padding: 0 0 0 10px;
  }
  .new-comments .darkBox ul li {
    border-bottom: 1px solid #f2f2f2;
    border-top: none;
    padding-bottom: 15px;
    word-wrap: break-word;
    overflow: hidden;
  }
  .new-comments .darkBox ul li:last-child {
    border: none;
    padding-bottom: 0;
  }
  .new-comments .darkBox ul li h3 {
    margin-bottom: 5px;
    font-weight: 400;
  }
  .new-comments .darkBox ul li h3 a:hover {
    color: #03f;
  }
  .new-comments .darkBox ul li > span,
  .new-comments .darkBox ul li abbr,
  .new-comments .darkBox ul li p {
    font-size: 13px;
    margin: 0;
    font-weight: 400;
  }
  .new-comments .darkBox ul li > span {
    font-weight: 700;
  }
  .new-comments .darkBox ul li a.cmchapter-link {
    float: right;
    padding-right: 10px;
  }
  .new-comments .darkBox ul li a.cmchapter-link .cmchapter {
    font-weight: 400;
    white-space: nowrap;
    font-style: normal;
  }
  .new-comments .darkBox ul li a.cmchapter-link:hover .cmchapter {
    color: #ae4ad9;
  }
  .new-comments .darkBox ul li abbr {
    color: #999;
    font-style: italic;
    float: right;
    font-size: 11px;
    line-height: 20px;
    white-space: nowrap;
    margin-right: 10px;
    border: none;
  }
  .new-comments .darkBox ul li p {
    margin-top: 3px;
    line-height: 20px;
  }
  .new-comments .darkBox ul li p img {
    max-width: 100px;
  }
  .sort-comment {
    cursor: pointer;
    color: #03f;
    padding-left: 60px;
  }
  .sort-comment .icons {
    background-image: url(../images/uncheck-check.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 5px 0 0;
    background-size: 36px 16px;
    width: 20px;
    height: 18px;
  }
  .sort-comment .active {
    background-position: -20px 0;
  }
  .pagination-outter {
    text-align: center;
  }
  .shortened {
    max-height: 60px;
    overflow: hidden;
  }
  .morelink {
    white-space: nowrap;
    display: inline-block;
  }
  .morelink:focus,
  .morelink:visited {
    text-decoration: none;
  }
  .fa-angle-right:before {
    content: "ВпїЅ";
  }
  .fa-angle-left:before {
    content: "ВпїЅ";
  }
  
  .w10 {
    width: 10% !important;
  }
  .w20 {
    width: 20% !important;
  }
  .w30 {
    width: 30% !important;
  }
  .w40 {
    width: 40% !important;
  }
  .w50 {
    width: 50% !important;
  }
  .w60 {
    width: 60% !important;
  }
  .w70 {
    width: 70% !important;
  }
  .w80 {
    width: 80% !important;
  }
  .w90 {
    width: 90% !important;
  }
  .w100 {
    width: 100% !important;
  }
  .comictitle {
    font-size: 30px !important;
    color: #000 !important;
    margin: 10px 20px;
  }
  .comic {
    background: #fff;
    border-radius: 6px;
    border: solid 1px #07c2eb;
    height: 100%;
    opacity: 98%;
    padding: 10px;
  }
  .comicinfo {
    width: 60%;
    position: relative;
    align-self: flex-start;
    align-items: flex-end;
    margin: 0 0 0 20px;
  }
  .lt_info16 {
    width: 95%;
    margin: 5px 10px 10px 20px;
    background: #ffd6d6;
    color: #a94442;
    font-size: 16px;
    padding: 15px;
    border: solid 1px #07c2eb;
    border-radius: 6px;
  }
  .lt_info99 {
    margin: 5px 10px 10px 20px;
    color: #000;
    font-size: 16px;
    padding: 15px;
    border-left: 4px solid #10b591;
    text-align: justify;
  }
  .fblack {
    font-size: 18px !important;
    color: #000 !important;
  }
  .lt_infocomic {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    margin: 5px 10px 10px 20px;
  }
  .cti_comic {
    width: calc(100% / 3);
    position: relative;
    padding: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: baseline;
  }
  .cti_comic .lsub {
    width: 100px;
    min-width: 100px;
    left: 0;
    font-weight: 700;
  }
  .cti_comic span {
    width: 100%;
    display: block;
    padding: 0 0 0 20px;
    text-align: left;
    color: #000;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cti_comic .rsub {
    left: 0;
    font-weight: 700;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
  }
  .cti_comic_other {
    width: 100%;
  }
  .cti_comic_other span {
    left: 0;
    font-weight: 700;
    overflow: inherit;
    text-overflow: inherit;
    white-space: normal;
  }
  .lt_cate {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: left;
    justify-content: left;
    align-items: flex-start;
    margin: 5px 10px 10px 20px;
  }
  .cti_comic_cate {
    min-width: 10%;
    position: relative;
    padding: 4px;
    display: block;
    text-align: center;
  }
  .cti_comic_cate a {
    width: 100%;
    display: block;
    padding: 6px 15px;
    text-align: center;
    color: #000;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 2px;
    border: 0.5px solid #ff5400;
    background-color: #f6f6f6;
    font-weight: 700;
  }
  .lt_comic_action {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    margin: 5px 10px 10px 20px;
  }
  .cti_comic_action {
    width: 25%;
    position: relative;
    padding: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .cti_comic_action_donat {
    width: auto;
  }
  .cti_comic_action span {
    font-weight: 700;
    width: 100%;
    display: block;
    padding: 10px 10px 10px 20px;
    text-align: left;
    color: #000;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
    background-color: #f6f6f6;
  }
  .table_viewmore {
    margin-bottom: 18px;
    text-align: center;
    width: 100%;
  }
  .table_viewmore a {
    display: block;
    color: #000;
    font-size: 12px;
  }
  .table_viewmore span {
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    background-color: #f6f6f6;
    padding: 10px 20px;
  }
  .table {
    width: 100%;
  }
  .table-header {
    display: flex;
    width: 100%;
  }
  .table-row {
    display: flex;
    width: 100%;
    padding: (50% * 1.5) 0;
  }
  .table-data,
  .header__item {
    flex: 1 1 20%;
    text-align: center;
    align-content: center;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eee;
  }
  .header__item a,
  .header__item span {
    text-transform: uppercase;
    color: #000;
    font-family: Calibri;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
  }
  .m_all_col {
    width: 100%;
    margin: 0;
    padding: 0 10px;
    position: relative;
  }
  .mcol_chapimg {
    width: 100%;
    position: relative;
  }
  .chap_control {
    width: 100%;
    margin: 0;
    display: flex;
  }
  .chap_btn {
    margin: auto;
    width: 200px;
    text-align: center;
    background-color: #187d8b;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
  }
  .cprev {
    border: 1px solid #000;
    border-radius: 8px;
    padding: 0 10px;
    margin-right: 10px;
  }
  .cnect {
    border: 1px solid #000;
    border-radius: 8px;
    padding: 0 10px;
    margin-left: 10px;
  }
  .mcol_ct .comicimg {
    width: 100%;
    border: solid 1px #f0f0f0;
    margin-right: 20px;
  }
  .comic_title {
    width: 100%;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
  }
  .comic_title h1 {
    font-family: Calibri;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
  }
  #buttontotop {
    display: inline-block;
    background-color: #187d8b;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 10px;
    right: 20px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
  }
  #buttontotop::after {
    content: "\f062";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
  }
  #buttontotop:hover {
    cursor: pointer;
    background-color: #333;
  }
  #buttontotop:active {
    background-color: #555;
  }
  #buttontotop.show {
    opacity: 1;
    visibility: visible;
  }

  .chap_controltop {
    width: 100%;
    margin: 0 0 15px;
    display: flex;
    position: fixed;
    z-index: 9;
    background-color: #222;
    padding: 10px;
    border-bottom: 1px solid #fff;
  }
  .chap_btntop {
    margin: auto;
    width: 35px;
    text-align: center;
    background-color: #222;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    height: 35px;
    cursor: pointer;
    line-height: 35px;
  }
  .set-list {
    display: block;
    display: table-row;
    padding-bottom: 20px;
  }
  .set-list label {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
  }
  .set-input {
    display: table-cell;
    padding: 10px;
  }
  .set-color span {
    height: 40px;
    width: 40px;
    float: left;
    border: 1px solid #eee;
    cursor: pointer;
  }
  .set-color span.current {
    border: 3px solid #10b591;
  }
  .set-slide_button {
    padding: 10px;
    cursor: pointer;
    color: #10b591;
  }
  .colorWhite,
  .colorWhite h4,
  .colorWhite h2,
  .colorWhite h5,
  .colorWhite .note-reg a,
  .colorWhite .comic_title,
  .mcol_header.colorWhite a {
    color: rgba(255, 255, 255, 0.88) !important;
  }
  .colorWhitenew,
  .colorWhitenew h4,
  .colorWhitenew h2,
  .colorWhitenew h5,
  .colorWhitenew a,
  .colorWhitenew .comic_title,
  .mcol_header.colorWhitenew a {
    color: rgba(255, 255, 255, 0.88) !important;
  }
  .mcol_header.colorWhite svg path {
    fill: #fff;
  }
  #chap_list .tbl-content tr.active {
    background: #ccc;
  }
  .chapter-detail .mainpage {
    margin: 0;
    padding: 20px 0;
  }
  .buttonchaps::after {
    content: "\f03a";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    linecolor: #fff;
  }
  .buttonchapsnext::after {
    content: "\f061";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color: #fff;
  }
  .buttonchapsprev::after {
    content: "\f060";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color: #fff;
  }
  .buttonchapsrp::after {
    content: "\f071";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color: #fff;
  }
  .buttonchapsfav::after {
    content: "\f004";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color: #fff;
  }
  .buttonchapsset::after {
    content: "\f085";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color: #fff;
  }
  .buttonchapsdonate::after {
    content: "\f2a3";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    color: #fff;
  }
  .chapters {
    margin: auto;
    font-family: roboto, sans-serif;
  }
  .chapters table {
    width: 100%;
    table-layout: fixed;
  }
  .tbl-header {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .chapters .tbl-content {
    height: 300px;
    overflow-x: auto;
    margin-top: 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .chapters th {
    padding: 20px 15px;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
  }
  .chapters td {
    padding: 15px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 12px;
    color: #000;
    border-bottom: dashed 1px #827d7d;
  }
  .open-chapter p {
    text-align: center;
    color: #000;
  }
  .open-chapter .form-open {
    max-width: 330px;
    background: #fff;
    padding: 50px 15px;
    margin: 0 auto;
    border-radius: 5px;
  }
  .open-chapter .form-inline {
    pointer-events: auto;
    user-select: auto;
  }
  .open-chapter .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .open-chapter .form-inline .mx-sm-3 {
    width: 60%;
    margin-right: 1%;
  }
  .open-chapter .form-inline .btn-primary {
    width: 30%;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
  }
  .reading-page p.choosed {
    padding: 10px 20px;
    border: 4px solid #10b591;
    border-right: 0;
    width: 93%;
    float: left;
  }
  .reading-content img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: auto;
    z-index: 999;
    position: relative;
  }
  #chapter-content,
  .chapter-content {
    margin-top: 40px;
    margin-bottom: 20px;
  }
  #chapter-content,
  .chapter-content,
  .reading-content .chapter-content p,
  .reading-content .chapter-content img {
    pointer-events: none;
    user-select: none;
  }
  .reading-content .chapter-content iframe {
    pointer-events: auto;
    user-select: auto;
  }
  .reading-content p {
    text-align: justify;
  }
  .reading-page p {
    display: block;
    word-wrap: break-word;
  }
  .chapter-content p {
    margin: 0;
  }
  .reading-content .chapter-content img {
    padding-bottom: 0;
    margin: 0 auto;
  }
  .reading-content .chapter-content img.lazy,
  .lazy-load {
    background-image: url(/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
  }
  .reading-content .chapter-content img.lazy {
    opacity: 0.5;
  }
  .reading-content .chapter-content img.loaded {
    opacity: 1;
  }
  .reading-content .chapter-content img.lazy.error {
    background: 0 0;
    opacity: 1;
  }
  .reading-content .chapter-content canvas {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
    width: 850px;
  }
  .long-text img {
    width: 850px;
  }
  img.donateimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  hr.new1 {
    border-top: 2px dashed #9c9696;
    margin: 0.4rem 0;
  }
  .donatebtn-primary {
    color: #fff;
    background-color: #004cb9;
    border-color: #004cb9;
    padding: 12px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 1px;
    font-size: 17px;
  }
  .donatebtn-primary:hover {
    color: #fff;
    background-color: #004cb9;
    border-color: #004cb9;
    padding: 12px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 1px;
    font-size: 17px;
  }
  .donatetext {
    font-weight: 700;
    color: #000;
    font-size: 16px;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .inpage {
    text-align: center;
    user-select: auto;
    pointer-events: auto;
    max-width: 100%;
    overflow: hidden;
  }
  .inpage .mgheader img {
    width: auto;
  }
  #inpagefchapc18 {
    background: #fff;
  }
  .chapter-content .inpage {
    margin: 0 auto;
  }
  .show_ad {
    max-height: unset !important;
    opacity: 1 !important;
    overflow-y: unset !important;
    min-height: unset !important;
    height: auto !important;
  }
  .ads_position {
    margin: 0 auto 10px;
    text-align: center;
    display: block;
    clear: both;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 0 !important;
    word-wrap: break-word;
  }
  #FloatLeft,
  #FloatRight {
    overflow: hidden;
    top: 55px;
    z-index: 99;
    position: fixed;
    max-width: 120px;
    overflow: hidden;
  }
  .toast {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    min-width: 200px;
  }
  #toast_success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
  }
  #toast_error {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
  }
  .inpage,
  .inpage .adsbygoogle {
    margin: 0 auto;
  }
  #inpagecomicbottom,
  .chapter-content .inpage {
    max-width: 400px;
    max-height: 400px;
  }
  .fix-ads .inpage {
    min-height: 1px;
  }
  .ads-banner-rps {
    margin: 0 auto;
    overflow: hidden;
  }
  .ads-footer {
    padding: 10px 0;
  }
  .ads-footer iframe {
    max-width: 100%;
  }
  .ads-footer.fix-ads .SC_TBlock,
  .ads-footer.fix-ads .adexoclick {
    max-height: 50px;
  }
  .ads-footer .ads-banner-rps {
    max-width: 728px;
    position: relative;
  }
  .ads-footer .ads-banner-close {
    position: absolute;
    right: 5px;
    z-index: 9;
    top: 5px;
    display: none;
  }
  .fix-ads .ads-banner-close {
    display: block !important;
  }
  .ads-footer.fix-ads {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    right: 0;
    z-index: 99;
    max-height: 90px;
    width: 100%;
    background: #fff;
  }
  .ads-footer.fix-ads .SC_TBlock .ts-wrapper {
    padding: 2px 5px !important;
  }
  #inpagefchapc .adsbygoogle {
    width: auto !important;
  }
  .comics-comment-news .mcol_ct {
    max-height: 1200px;
    overflow-y: auto;
    padding: 10px;
    display: block;
  }
  .comics-comment-news .mcol_ct .title {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .comics-comment-news .mcol_ct .title a {
    color: #000;
  }
  .comics-comment-news .mcol_ct .journalrow {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
  }
  #MNotices {
    z-index: 9999999;
  }
  #MNotices .modal-body-background {
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.8;
    left: 0;
    z-index: 1;
  }
  #MNotices .modal-body {
    color: #fff;
    position: relative;
    z-index: 2;
  }
  #MNotices .modal-body .note-title {
    font-weight: 700;
    font-size: 28px;
    text-align: center;
    display: block;
  }
  @media (min-width: 576px){
  .d-sm-block {
    display: block!important;
  }
}

  @media only screen and (min-width: 1480px) {
    #FloatLeft,
    #FloatRight {
      max-width: 160px;
    }
  }
  @media (min-width: 768px) {
    body.game-page {
      overflow: unset !important;
    }
    .game-page #mainpart-game .container {
      min-height: 80vh;
    }
    #game-content {
      margin: 20px 0;
    }
  }

  ::-webkit-scrollbar {
    width: 9px;
  }
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 9px #156d79;
  }
  ::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 9px #156d79;
  }
  .chapsall {
    width: 100%;
    overflow: auto;
  }
  img.chapsimg {
    float: left;
    width: 30%;
    border-radius: 5px;
  }
  span.chapsinfo {
    float: right;
    width: 70%;
    padding: 0 5px 10px 10px;
  }
  .chapsinfo.ctitle {
    font-weight: 700;
    font-size: 18px;
  }
  .chapsinfo.cinfo {
    font-size: 15px;
  }
  @media screen and (max-width: 1200px) {

    .alignall {
      width: 860px;
      padding: 0 14px;
    }
    .menu_res {
      width: 30px;
      height: 30px;
      margin: 5px 0 0;
      background: 0 0;
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      align-items: flex-end;
      cursor: pointer;
      position: relative;
      z-index: 99;
    }
    .menu_res span {
      width: 20px;
      height: 3px;
      border-radius: 4px;
      background: #fff;
      display: block;
      margin: 2px 0;
    }
    .menu_res .mres1 {
      width: 16px;
    }
    .menu_res .mres2 {
      transform-origin: center right;
    }
    .menu_res .mres3 {
      width: 18px;
    }
    .menu_res.active .mres1 {
      width: 20px;
      transform: rotate(45deg) translate(5px, 5px);
    }
    .menu_res.active .mres2 {
      transform: scale(0, 0);
    }
    .menu_res.active .mres3 {
      width: 20px;
      transform: rotate(-45deg) translate(5px, -5px);
    }
    .dt_headbot_menu {
      width: 100%;
      position: absolute;
      right: 0;
      top: 90px;
      transform: translate(0, 0) scale(1, 0);
      background: #187d8b;
      flex-direction: column;
      transform-origin: center top;
      opacity: 0;
    }
    .dt_headbot_logo {
      margin: 5px 0 0;
    }

    .dt_menu_e {
      width: 100%;
      border-bottom: solid 1px #1f8492;
    }
    .dtm_tit {
      width: 100%;
    }
    .dt_menu_e:hover .dtm_expand {
      display: none;
    }
    .dtm_expand {
      width: 100%;
      height: calc(100vh - 90px);
      position: fixed;
      left: 0;
      top: 0;
    }
    .wrap_alltype {
      height: 100%;
      column-count: 2 !important;
      overflow: auto;
    }

    .dt_menu_e.expand.show .dtm_expand {
      display: block;
    }
    .closing_expand {
      width: 100%;
      height: 45px;
      position: absolute;
      left: 0;
      top: -90px;
      display: none;
      background: #404040;
      color: #fff;
      text-align: left;
      line-height: 45px;
      padding: 0 0 0 14px;
      cursor: pointer;
    }
    .dt_menu_e.expand.show .closing_expand {
      display: block;
    }
    .dt_headtop {
      height: 0;
    }
    .dt_headtop_userzone {
      position: absolute;
      right: 90px;
      top: 13px;
      padding: 2px 14px;
      background: #207f8c;
      border-radius: 20px;
    }
    .dt_headtop_rule {
      display: none;
    }
    .dt_headtop_mail {
      display: none;
    }
    .dt_headtop_fb {
      display: none;
    }
    .search_bar {
      margin: 0;
    position: relative;
    }

    .sb_inp {
      width: 100%;
      height: 30px;
      border-radius: 20px;
      padding: 0 55px 0 10px;
      margin: 3px 0;
      background: #fff;
      border: solid 1px #e0e0e0;
      margin-top: 10px;
    }
    .sb_submit {
      width: 30px;
      height: 30px;
      right: 14px;
    }
    .sb_submit img {
      width: 20px;
      
    }
    .search_res {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #207f8c;
      display: block;
      margin: 3px 0 0 auto;
      cursor: pointer;
    }
    .search_res img {
      margin: 6px;
    }
    .search_res.click {
      display: none;
    }
    .ts_sticker {
      width: 40%;
    }
    .ts_slider {
      width: 60%;
    }
    .mcol_pos {
      width: 33.3333%;
    }
    .m_block .img_load {
      width: 100%;
    }
    .m_block .r_label {
      width: 100%;
    }
    .m_block .content_normal {
      width: 100%;
      margin: 10px 0 0;
    }
    .m_block .ct_title {
      position: absolute;
      left: 0;
      bottom: 178px;
      z-index: 10;
      padding: 10px;
      color: #fff;
      background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 0.6208858543417367) 80%,
        rgba(0, 0, 0, 0) 100%
      );
      border-radius: 0 0 6px 6px;
    }
    .m_block .mcol_pos:last-child .ct_title {
      bottom: 163px;
    }
    .m_block.top_view .ct_title {
      bottom: 164px;
    }
    .m_block.top_view .mcol_pos:last-child .ct_title {
      bottom: 148px;
    }
    .list_type {
      width: 280px;
    }
    .list_alphabet {
      width: 50%;
    }
    .list_type .search_bar {
      display: block;
      height: auto;
      padding: 0;
      position: relative;
      top: auto;
      left: auto;
      background: 0 0;
    }
    body.advance .search_bar .sb_submit {
      top: -3px;
      right: 4px;
    }
    .exs_1eft {
      width: 100%;
    }
    .exs_right {
      width: 100%;
    }
    .exs_ct {
      width: 100%;
      margin: 0;
      column-count: 4;
    }
    .nav-user_icon .dt_menu_e:hover .dtm_tit {
      background: 0 0;
    }
    .nav-user_icon .dtm_expand {
      top: 46px;
      width: 100%;
      position: fixed;
    }
    .cti_comic {
      width: calc(100% / 2);
    }
  }
  @media screen and (max-width: 860px) {
    body {
      padding-top: 45px;
    }
    .wtab {
      width: 60% !important;
      top: 13px;
    }
    .dnhi {
      display: none !important;
    }
    .alignall {
      width: 100%;
      padding: 0 14px;
    }
    .ts_sticker {
      width: 40%;
    }
    .ts_slider {
      width: 60% !important;
    }
    .ts_slider .content_normal {
      width: 100%;
      margin: 10px 0;
    }
    .mainpage .alignall {
      flex-direction: column;
    }
    .m_l_col {
      width: 100%;
      padding: 0;
    }
    .mcol_pos {
      width: 50%;
    }
    .m_r_col {
      width: 100%;
      padding: 0;
    }
    .m_block .mcol_pos {
      width: 50%;
      padding-right: 15px;
      padding-bottom: 0 !important;
      margin-bottom: 15px !important;
      border-bottom: none !important;
    }
    .m_block .mcol_ct {
      padding-right: 0;
    }
    .m_block.top_fav .mcol_pos {
      width: 100%;
    }
    .m_block .ct_title {
      width: calc(100% - 15px);
      bottom: 145px !important;
      padding: 10px;
      line-height: 30px;
      height: 45px;
    }
    .m_block.top_view .ct_title {
      bottom: 149px !important;
    }
    .m_block.top_view .mcol_pos {
    }
    .footer .alignall {
      align-items: flex-start;
      flex-direction: column;
    }
    .ft_col {
      padding: 0;
      margin: 5px 0;
    }
    .ft_col.inf_dt {
      width: 100%;
    }
    .ft_col.note_dt {
      width: 100%;
    }
    .ft_col.social_dt {
      width: 100%;
      text-align: center;
    }
    .flex_type {
      flex-direction: row;
    }
    .list_type {
      width: 260px;
    }
    .list_alphabet {
      width: 55%;
      margin: 0 0 0 20px;
    }
    .exs_1eft .pop_be {
      width: 50%;
      float: left;
      padding: 0 8px;
    }
    .exs_ct {
      width: 100%;
      margin: 0;
      column-count: 3;
    }
    .comics-comment-news .mcol_ct {
      padding: 10px;
    }
    .cti_comic {
      width: 100%;
    }
  }
  @media screen and (max-width: 580px) {
    .dnhi {
      display: none !important;
    }
    .tss_wrap {
      flex-direction: column;
    }
    .ts_sticker {
      width: 100%;
    }
    .ts_slider {
      width: 100% !important;
      margin: 15px 0 0;
      padding: 0;
    }
    .ts_slider .content_normal {
      width: 100%;
      margin: 10px 0;
    }
    .flex_type {
      flex-direction: column;
    }
    .list_type {
      width: 100%;
    }
    .list_alphabet,
    .list_inf {
      width: 100%;
      margin: 15px 0 0;
      padding: 16px;
      background: #00000047;
      border-radius: 6px;
    }
    .de_title {
      margin: 0 0 10px;
    }
    .exs_ct {
      width: 100%;
      margin: 0;
      column-count: 2;
    }
    .nav-user_icon .dtm_tit span {
      display: none;
    }
    .w10 {
      width: 100% !important;
    }
    .w30 {
      width: 100% !important;
    }
    .w40 {
      width: 100% !important;
    }
    .w50 {
      width: 100% !important;
    }
    .w60 {
      width: 100% !important;
    }
    .w70 {
      width: 100% !important;
    }
    .w80 {
      width: 100% !important;
    }
    .w90 {
      width: 100% !important;
    }
    .w100 {
      width: 100% !important;
    }
    .cti_comic {
      width: 100% !important;
    }
    .cti_comic_cate {
      width: 25% !important;
    }
    .cti_comic_cate a {
      padding: 4px 4px 4px 12px !important;
      font-size: 9px !important;
    }
    .cti_comic_action {
      width: 50% !important;
    }
    .comicinfo {
      width: 100%;
      margin: 15px 0 0;
      padding: 16px;
      border-radius: 6px;
    }
    .lt_info16 {
      margin: 5px 10px 10px 0 !important;
    }
    .lt_info99 {
      margin: 5px 10px 10px 0 !important;
    }
    .lt_cate {
      margin: 5px 10px 10px 0 !important;
    }
    #buttontotop {
      right: 10px !important;
    }
    .buttonchaps::after {
      font-size: 1.5em !important;
    }
    .buttonchapsnext::after {
      font-size: 1.5em !important;
    }
    .buttonchapsprev::after {
      font-size: 1.5em !important;
    }
    .buttonchapsrp::after {
      font-size: 1.5em !important;
    }
    .buttonchapsfav::after {
      font-size: 1.5em !important;
    }
    .buttonchapsset::after {
      font-size: 1.5em !important;
    }
    .buttonchapsdonate::after {
      font-size: 1.5em !important;
    }
    .chap_btn {
      width: 50% !important;
    }
    .chap_btntop {
      width: 30px !important;
      height: 30px !important;
      line-height: 30px;
    }
    .lt_infocomic {
      margin: auto !important;
      width: 100% !important;
    }
    .cti_e img {
      width: 18px !important;
    }
    .alignall {
      padding: 0 5px;
    }
    .m_all_col {
      padding: 0;
    }
    .visited-comics .m_block .mcol_pos {
      width: 100% !important;
    }
    img.chapsimg {
      width: 35% !important;
    }
    span.chapsinfo {
      width: 65% !important;
    }
    .chapsinfo.ctitle {
      font-size: 16px !important;
    }
    .chapsinfo.cinfo {
      font-size: 13px !important;
    }
    .cti_e_mb {
      width: 100% !important;
    }
    .sl {
        background: rgb(255,84,0);
        background: linear-gradient(124deg,rgba(255,84,0,1) 15%,rgba(55,55,55,1) 100%);
    }
    .sl {
        display: inline-block;
        position: absolute;
        top: 1px;
        right: 0;
        background: #ff5400;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 0 10px;
        font-size: 14px;
        color: #fff;
    }
  }
  .tab-content{
    width: 100%;
    margin: 0;
    padding: 15px;
    background: #fff;
    border: solid 1px #e3e3e3;
    border-radius: 6px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .counter{
    display: inline-block;
    margin: 0;
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    font-weight: 700;
}
.alert {
  height: auto;
  line-height: 16px;
  overflow: hidden;
  padding: 6px;
  text-align: left;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
}
.note-cmt {
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 3px;
  border: 1px dashed #ff8500;
  margin: 10px 0;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
}
.dangnghe {
  display: inline;
  margin-right: 5px;
}

.dangnghe1 {
  display: none;
  border: 1px solid #e6c2aa;
  padding: 10px 10px 10px 40px;
  margin-bottom: 15px;
  color: #333;
  background: url('../img/Alarm-clock-icon.png') 8px 8px no-repeat #ffede1;
  background-size: 20px;
}

.jp-playlist-current::marker {
  all: unset;
}

#nghetiep {
  margin-top: 10px;
  border: 1px dotted #333;
  padding: 2px 10px;
  display: inline-block;
  color: #fff;
  background: #986645;
  font-weight: bold;
  margin-left: -30px;
}

.dropdown2 {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 20px;
  padding-bottom: 10px;
}

.dropdown2-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown2-content a {
  color: black;
  padding: 8px;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #e6e6e6;
}

.dropdown2 a:hover {
  background-color: #ddd;
}

.dropdown a {
  cursor: pointer;
}

.show {
  display: block;
}

.zingtuabutton {
  border: 0px;
  padding: 3px;
  margin: 0px 5px 5px 0px;
  background: #f78100;
  color: #fff;
  font-weight: 700;
}

.zingtuabutton:hover {
  background: #fff;
  color: #000;
}

.zingtua button {
  border: 0px;
  padding: 3px;
  margin: 0px 5px 5px 0px;
  background: #f78100;
  color: #fff;
  font-weight: 700;
}

.zingtua button:hover {
  background: #fff;
  color: #000;
}


.zingtua input {
  border: 0px;
  padding: 3px;
  margin: 0px 5px 5px 0px;
  background: #f78100;
  color: #fff;
  font-weight: 700;
}

.zingtua input:hover {
  background: #fff;
  color: #000;
}


.dropbtn {
  background-color: #f78100;
  color: white;
  padding: 3px;
  font-size: 15px;
  border: none;
  cursor: pointer;
  border-color: #CA4D4D;
}

.dropbtn:hover,
.dropbtn:focus {
  background-color: #f78100;
}

.dropbtn-end {
  padding: 2px;
  font-size: 15px;

  cursor: pointer;
  color: #fff;
  border-color: #CA4D4D;
  background-color: #CA4D4D;
}

.showlisten {
  padding: 0px 10px;
  float: left;
  width: 100%;
  color: #ff8500;
}

#jpSpeedControl {
  border: 0px;
  padding: 3px;
  margin-right: 10px;
  background: #f78100;
  color: #fff;
  font-weight: bold;
}

.suggestsearch {
  width: 100%;
  border-radius: 6px;
  position: absolute;
  left: 0;
  top: 120%;
  display: none;
  z-index: 1000;
  max-height: 375px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ebebeb;
  background-color: #fff;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.suggestsearch ul {
  margin: 0;
  padding: 0;
}.suggestsearch ul li {
   padding: 5px;
   list-style: none;
   display: block;
   border-bottom: 1px solid #ebebeb;
 }

.suggestsearch ul li a {
  padding: 0;
  display: block;
}
.suggestsearch ul li a img {
  float: left;
  margin: 0 5px 0 0;
  width: 50px;
  height: 50px;
}
.suggestsearch ul li a h3, .suggestsearch ul li a h4 {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.suggestsearch ul li a h4 {
  font-size: 12px;
  font-weight: 400;
}
.suggestsearch ul li a h3, .suggestsearch ul li a h4 {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.suggestsearch ul li a:after {
  display: table;
  content: " ";
  clear: both;
}



.search-results {
  max-height: 250px; /* Chiều cao tối đa của danh sách kết quả */
  overflow-y: auto; /* Kích hoạt cuộn dọc */
}

.search-results ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-results ul li {
  padding: 8px 10px;
  border-bottom: 1px solid #f1f1f1;
}

.search-results ul li:last-child {
  border-bottom: none;
}

.view-all {
  text-align: center;
  background: #ff5400 !important;
  border-top: 1px solid #ccc;
  padding: 10px;
  position: sticky;
  bottom: 0;
}
.view-all a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}