#manga_page .breadcrumb.btn_right_container a.btn_right {
    background-image: url("/img-btn-material-symbols-light/material-symbols-light--arrow-back-ios-new-rounded.svg");
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center;
    width: 3em;
}

#manga_page .control_btn>a {
    display: inline-block;
    padding: 0.5em 1em;
    background: #777;
    color: #fff;
    border-radius: 5em;
}

/* INDEX PAGE -- BEGIN */

#manga_page.index_page .dir_item {
    /* This item has responsive control */
    position: relative;
    display: block;
    float: left;
    aspect-ratio: 0.75;
    margin: 0px;
}

#manga_page.index_page .dir_item>span.cover {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0.5em;
    right: 0.5em;
    left: 0.5em;
    bottom: 0.5em;
    overflow: hidden;
    padding: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.3em 0em grey;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#manga_page.index_page .dir_item>span.title {
    position: absolute;
    z-index: 99;
    bottom: 0.5em;
    left: 0.5em;
    right: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 0.25em;
    opacity: 0.7;
    height: 1.5em;
    overflow: hidden;
}

/* Responsive */
/* Width no limit */
#manga_page.index_page .dir_item {
    width: 25%;
}

/* Width below 600px */
@media screen and (max-width: 600px) {
    #manga_page.index_page .dir_item {
        width: 33.3%;
    }
}

/* Width below 400px */
@media screen and (max-width: 400px) {
    #manga_page.index_page .dir_item {
        width: 50%;
    }
}


/* INDEX PAGE -- END */

/* MANGA PAGE -- BEGIN */
#reading_manga_page .manga_info {
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.3em 0em grey;
    margin-bottom: 1.5em;
    padding: 1em;
}

#reading_manga_page .manga_info__cover {
    /* This item has responsive control */
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.3em 0em grey;
    display: block;
    float: left;
    width: 195px;
    aspect-ratio: 0.75;
    margin: 0.5em 1em 1em 0em;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

#reading_manga_page .manga_info__detail {
    /* This imtem has reponsive control */
    display: block;
    overflow: auto;
    /* Made it full with remaining  */
}

#reading_manga_page .manga_info__detail_frame>div {
    line-height: 2em;
}

#reading_manga_page .manga_info__detail_frame__lable {
    width: 6em;
    display: inline-block;
    font-weight: bold;
}

#reading_manga_page .manga_info__detail_frame__value {
    color: #555;
}

#reading_manga_page .manga_info__detail_frame__value>span {
    background: #DDD;
    padding: 0.15em 1em;
    border-radius: 5em;
    margin-left: 0.2em;
}

#reading_manga_page .manga_chaps {
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.3em 0em grey;
    margin-top: 1em;
}

#reading_manga_page .manga_chaps .text_head {
    display: block;
    font-size: 1.2em;
    padding: 1em 0.5em;
    text-align: center;
}

#reading_manga_page .manga_chaps a.chap {
    display: block;
    line-height: 3em;
    border-top: #aaa 1px solid;
    margin: 0em 2em;
}

/* Responsive */
/* Width no limit */
#reading_manga_page .manga_info__cover {
    float: left;
    margin: 0.5em 1em 1em 0em;
}

/* Width below 400px */
@media screen and (max-width: 400px) {
    #reading_manga_page .manga_info__cover {
        float: unset;
        margin: 1em auto;
    }

    #reading_manga_page .manga_info__detail {
        width: 100%;
    }
}

/* MANGA PAGE -- END */


/* CHAP PAGE -- BEGIN */
#reading_chap_page .chap_images {
    position: relative;
}

#reading_chap_page .sibling_chap a {
    display: block;
    width: 6em;
    height: 6em;
    margin: 0em 0em;
    background-size: contain;
    background-repeat: no-repeat;
    /* Hide the text. */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#reading_chap_page a.chap_prev {
    float: left;
    background-image: url("/img-btn-material-symbols-light/material-symbols-light--arrow-circle-left-outline-rounded.svg");
}

#reading_chap_page a.chap_next {
    float: right;
    background-image: url("/img-btn-material-symbols-light/material-symbols-light--arrow-circle-right-outline-rounded.svg");
}

#reading_chap_page img.bookmark_icon {
    position: absolute;
    top: 0px;
    right: 4em;
    width: 30px;
    height: auto;
    z-index: 99;
}

#reading_chap_page div.img_box {
    position: relative;
    margin: 1em auto;
}

#reading_chap_page div.img_box img.chap_img {
    width: 100%;
    border-radius: 0.5em;
    box-shadow: 0em 0em 0.3em 0em grey;
    margin: 0;
    display: block;
}

#reading_chap_page div.img_box span.img_no {
    font-size: 0.8em;
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    color: #777;
    opacity: 0.5;
}

#reading_chap_page div.img_box span.img_nav_prev,
#reading_chap_page div.img_box span.img_nav_current,
#reading_chap_page div.img_box span.img_nav_next {
    font-size: 0.8em;
    position: absolute;
    left: 0.5em;
    color: #777;
    opacity: 0.3;
    background: #000;
    width: 4em;
    overflow: hidden;
    height: 4em;
    line-height: 4em;
    text-align: center;
    border-radius: 1em;
}
#reading_chap_page div.img_box span.img_nav_prev {
    top: 0.5em;
}
#reading_chap_page div.img_box span.img_nav_current {
    top: 5.5em;
}
#reading_chap_page div.img_box span.img_nav_next {
    top: 10.5em;
}
/* Webtoon */
#reading_chap_page div.img_box.webtoon {
    position: relative;
    margin: 0px auto;
}

#reading_chap_page div.img_box.webtoon img.chap_img {
    border-radius: 0px;
    box-shadow: unset;
}

/* CHAP PAGE -- END */

/* COMMENT BOX -- BEGIN */
.manga_comment_box {
    background-color: var(--body-bg);
    color: var(--text-color-on-light);
    padding: 1em 1em;
    border-radius: var(--border-radius);
    /* box-shadow: 0em 0em 0.3em 0em grey; */
    margin-top: 1em;
}

.manga_comment_box__title {
    color: var(--primary-color);
    font-size: 2em;
}

/* .manga_comment_box__input {} */

.manga_comment_box__input__texterae {
    margin-top: 1em;
    margin-bottom: 1em;
    height: 4em;
}

.manga_comment_box__input__submit {
    padding: 0.5em 2em;
    border-radius: var(--border-radius);
    background-color: var(--primary-color);
    color: var(--text-color-on-primary);
}

a.manga_comment_box__input__forum {
    display: none;
    float: right;
    color: var(--primary-color);
}

.manga_comment_box__list div.comment {
    margin-top: 1em;
    padding: 0.5em;
    border-radius: var(--border-radius);
    background-color: var(--body-bg-light);
}

.manga_comment_box__list div.comment .left_col {
    display: block;
    width: 100px;
    float: left;
    text-align: center;
}

.manga_comment_box__list div.comment .left_col .avatar {
    width: 100px;
    height: 100px;
    border-radius: 1.5em;
}

.manga_comment_box__list div.comment .right_col {
    display: block;
    overflow: hidden;
    padding: 0.2em;
}

.manga_comment_box__list div.comment .right_col .post_info {
    padding: 0.2em;
    border-bottom: #BBB 1px solid;
}

.manga_comment_box__list div.comment .right_col .post_info .username {
    font-weight: bold;
}

.manga_comment_box__list div.comment .right_col .post_info .date {
    float: right;
    font-style: italic;
    color: gray;
}

.manga_comment_box__list div.comment .right_col .post_content {
    padding: 0.2em;
}

.manga_comment_box__list div.comment .right_col .post_content p {
    margin: 0;
    padding: 0;
}

/* COMMENT BOX -- END */


/* READING MANGA INDEX/SEARCH -- BEGIN */

#reading_manga_index_page .manga_container,
#reading_search_page .manga_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#reading_manga_index_page .manga_box,
#reading_search_page .manga_box {
    position: relative;
    width: 24%;
    aspect-ratio: 0.75;
    border-radius: 0.5em;
    background-color: #DDD;
    overflow: hidden;
    margin-top: 0.5em;
}

#reading_manga_index_page .cover,
#reading_search_page .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

#reading_manga_index_page .title,
#reading_search_page .title {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2em;
    line-height: 2em;
    background: #000;
    opacity: 0.75;
    color: #FFF;
    padding: 0.1em 0.2em;
}

#reading_manga_index_page .info,
#reading_search_page .info {
    position: absolute;
    text-align: center;
    top: 0.25em;
    right: 0.25em;
    height: 1.5em;
    line-height: 1.5em;
    /* background: #ff9b00; */
    /* color: #FFF; */
    opacity: 0.8;
    width: 5em;
    border-radius: 10em;
    font-size: 1em;
}

#reading_manga_index_page .info[updated=on] {
    background: #ff9b00;
    color: #FFF;
}

#reading_manga_index_page .info[updated=off] {
    background: #616161;
    color: #FFF;
}



/* Responsive */
/* Width no limit */
#reading_manga_index_page .manga_box,
#reading_search_page .manga_box {
    width: 24%;
}

/* Width below ...px */
@media screen and (max-width: 650px) {
    #reading_manga_index_page .manga_box,
    #reading_search_page .manga_box {
        width: 32%;
    }
}

/* Width below ...px */
@media screen and (max-width: 450px) {
    #reading_manga_index_page .manga_box,
    #reading_search_page .manga_box {
        width: 48%;
    }
}

/* READING MANGA INDEX/SEARCH -- END */