/* Minification failed. Returning unminified contents.
(632,1): run-time error CSS1019: Unexpected token, found '}'
 */
*,
*::before,
*::after{
    box-sizing: border-box;
}

html, body { margin: 0; padding: 0; }

    body, body.style1 {
        background: #131219 !important;
        ;
    }

        body.style2 {
            background: #FDFDFD !important;
        }

body {
    position: relative;
    font-family: 'M PLUS Rounded 1c';
    font-weight: 500;
    overflow: auto;
}


#sidebar {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
}

#collapse_chapters, #expand_chapters { position: absolute; left: 4px; top: 0; font-size: 24px; color: darkgreen; text-decoration: none; outline: 0; }

#collapse_chapters:hover, #expand_chapters:hover { color: brown; text-decoration: underline; }

#expand_chapters { display: none; }

#menu {  
    width: 160px; 
    text-align: center;
}

#menu .content {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 10px 0;
    background-color: #1E1D25;
    color: #ffffff;
}

    #menu .content .manga-name {
        display: block;
        margin: 15px 0 10px;
        font-size: 24px;
        color: #ffffff;
        text-decoration: none;
        line-height: 1.25;
    }


    #menu .content .manga-name:hover {
        color: #F65A76;
    }

    #menu .content .chapter-number-title{
        margin: 10px 0 15px;
        font-size: 18px;
    }

        #menu .content .home {
            display: block;
            width: 45px;
            height: 45px;
            margin: 0 auto 25px;
            border-radius: 50%;
            background: #2F2E33;
            line-height: 45px;
            color: #62606a;
        }

        #menu .content .home:hover {
                color: #F65A76;
        }

        #menu .content .block {
                padding-bottom: 4px;
                margin-bottom: 15px;
            }

    #menu .content .block a {
        display: inline-block;
        color: #9fa1a5;
        font-size: 20px;
        vertical-align: middle;
        text-decoration: none;
       }

    #menu .content .block a:hover{
            color: #ffffff;
        }

    #menu .content .block select {
        display: inline-block;
        height: 22px;
        width: 50px;
        margin: 0 10px;
        border: 2px solid #9fa1a5;
        border-radius: 3px;
        outline: none;
        cursor: pointer;
    }

        #menu .content .block select:hover {
            border: 2px solid #F65A76;
        }

        #menu .content .block-title {
            display: block;
            margin-bottom: 10px;
        }

        #menu .content .block-buttons {
            display: block;
            margin-bottom: 10px;
        }

    #menu .content #prev_page,
    #menu .content #next_page {
            display: inline-block !important;
        }

    #menu .content .block a#scale_mode{
        font-size: 14px;
        text-decoration: none;
    }

    #menu .content .block a#scale_mode:hover i {
        color: #F65A76;
    }

    #menu .content .block a#scale_mode i{
        display: block;
        margin: 0 auto 10px;
        font-size: 32px;
    }

    #menu .content .line {
            margin-bottom: 5px;
            font-size: 0;
            text-align: center;
        }

    #menu .content .line a {
            display: inline-block;
            width: 40px;
            height: 40px;
            margin: 0 7px;
            border: 2px solid #9fa1a5;
    }

    #menu .content .line a:hover {
        border: 2px solid #F65A76;
    }

    #menu .content .line a#style1 {
        background: #131219;
    }

    #menu .content .line a#style2 {
        background: #FDFDFD;
    }

#m1, #m2, #m3 { display: none; }



#container {
    min-width: 100%;
    text-align: center;
}

#content {
    margin: 0px 180px 0px 0px; 
    text-align: center; 
}

#content.mini { margin-right: 5px; }

#content #manga { cursor: pointer; }

#content table { padding: 0; border-collapse: collapse; }

#content table td { margin: 0; padding: 0; }

#mc { background-color: transparent; 
      padding: 5px 0;
      font-size: 0;
      text-align: center;
}

#mc img{
    display: inline-block;
    border: 5px double #ffffff;
}


#preload { display: none; }

#overlay { display: none; position: absolute; background-color: black; left: 0; right: 0; top: 0; bottom: 0; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }

.window { display: none; position: absolute; left: 50%; top: 40px; width: 400px; margin-left: -293px; padding: 5px; background-color: #C6E2B2; border: 3px solid black; }

.window h2, p { margin: 0; margin-bottom: 3px; }

.window .close { position: absolute; right: 0; top: 0; margin-top: -16px; margin-right: -16px; }

#help_wnd { width: 600px; }

#problem_wnd textarea { width: 100%; height: 100px; margin-bottom: 5px; }

.ta_wrapper { margin-right: 4px; right: 0; }

#hide_panel {
    position: absolute;
    height: 100%;
    width: 20px;
    top: 0;
    left: -20px;
    background: #2F2E33;
    color: #62606a;
    line-height: 669px;
    cursor: pointer;
    opacity: .7;
}

    #hide_panel:hover {
        opacity: 1;
        color: #f65a76;
    }

#show_panel {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: #2F2E33;
    color: #62606a;
    line-height: 669px;
    cursor: pointer;
    opacity: .7;
    text-align: center;
}

body.style1.reader-up #hide_panel,
body.style1.reader-up #show_panel {
    background: #2F2E33;
    color: #62606a;
    opacity: .7;
}

body.style1.reader-up #hide_panel:hover,
body.style1.reader-up #show_panel:hover {
    opacity: 1;
    color: #f65a76;
}

img {
    border: 0;
}

#spa { font-family: Arial, Verdana, sans-serif; font-size: 7pt; color: white; }

#spa a { color: yellow; }

.button::-moz-focus-inner { border: 0 none; }

.button { display: inline-block; background: none repeat scroll 0 0 #E3E3E3; border: 1px solid #BBBBBB; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 1px 1px #F6F6F6 inset; color: #333333; font: bold 12px/1 "helvetica neue",helvetica,arial,sans-serif; padding: 8px 8px 9px 8px; text-align: center; text-shadow: 0 1px 0 #FFFFFF; text-decoration: none; }
.button:hover { background: none repeat scroll 0 0 #D9D9D9; box-shadow: 0 0 1px 1px #EAEAEA inset; color: #222222; cursor: pointer; text-decoration: none; }
.button:active { background: none repeat scroll 0 0 #D0D0D0; box-shadow: 0 0 1px 1px #E3E3E3 inset; color: #000000; }

.reader-moderator-block { font-family: "Helvetica Neue", Arial, sans-serif; font-size: 15px; border-radius: 5px 5px 0 0; background-color: #C6E2B2; padding: 10px; border: 1px solid #008B47; width: 550px; position: fixed; bottom: 0px; right: 0%; margin-left: -225px; }

.form-buttons { text-align: center; }

.form-line { clear: both; margin-bottom: 0.625em; }

.form-label { width: 10em; padding-top: 0.4375em; float: left; }

.errorlist { list-style: none; padding: 0; margin: 5px 0; }

.form-buttons { margin-left: 10.625em; margin-top: 0.625em; text-align: left; }

.form-widget { margin-left: 10.625em; }
.form-widget.error input, .form-widget.error textarea { border: 1px solid #d45252; }
.form-widget #id_code { width: 2.5em; }
.form-widget #id_manga, .form-widget #id_title { width: 25em; }

.form-widget textarea { width: 100%; height: 75px; }

.form-widget-errors { margin-left: 10.625em; color: #d45252; }

.panel-position input{
    display: none;
    cursor: pointer;
}

.panel-position label {
    cursor: pointer;
}

.panel-position label span {
  display: block;
  text-align: center;
}

body.style2 #mc img {
    display: inline-block;
    border: 5px double #000000;
    box-shadow: 0 10px 84px 0px rgba(0, 0, 0, 0.27);
}

body.style2 #menu .content {
    padding: 10px 0;
    background-color: #EAEAEB;
    color: #000000;
}

body.style2 #menu .content .manga-name{
    color: #000000;
    text-shadow: 0 1px 3px #dadbdd;
}

body.style2 #menu .content .manga-name:hover {
    color: #F65A76;
}

body.style2 #menu .content .home {
        background: #9E9EA6;
        color: #dadbdd;
}

body.style2 #menu .content .home:hover i{
        color: #ffffff;
}

body.style2 #menu .content .block a:hover {
    color: #f65a76;
}

body.style2 #menu .content .manga-link a{
    color: #000000;
}

body.style2 #hide_panel {
    background: #9E9EA6;
    color: #eaeaeb;
    opacity: .5;
}

body.style2 #hide_panel:hover {
        opacity: 1;
}

body.style2 #show_panel {
    background: #9E9EA6;
    color: #eaeaeb;
    opacity: .5;
}

body.style2 #show_panel:hover {
    opacity: 1;
}

/*Gorizontal Reader*/
body.reader-up #sidebar {
    height: auto;
    width: 100%;
    box-shadow: 0 -5px 30px 2px rgba(0, 0, 0, .4);
}

body.reader-up #mc{
    padding-top: 190px;
    padding-bottom: 20px;
}

body.reader-up .no-padding {
    padding-top: 20px !important;
}

body.reader-up #content{
    margin: 0;
}

body.reader-up #menu {
    width: 100%;
}

body.reader-up #menu .content {
    position: static;
    height: 171px;
    margin: 0;
}

    body.reader-up #menu .content .manga-name {
        margin: 15px 0;
        font-size: 25px;
    }

    body.reader-up #menu .content .chapter-number-title {
        position: absolute;
        top: 20px;
        right: 25px;
    }

 body.reader-up #menu .content .home {
     display: inline-block;
     margin-top: 25px;
 }

body.reader-up #menu .content .block:not(.pages-loaded) {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
}

body.reader-up #menu .content .pages-loaded {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 15px;
    margin-bottom: 0;
}

body.reader-up #menu .content .pages-loaded span {
        display: inline-block;
}

body.reader-up #menu .content .scale{
    width: 130px;
}


body.reader-up #menu .content .block a#scale_mode i {
    font-size: 20px;
}

body.reader-up #hide_panel {
    position: absolute;
    height: 171px;
    width: 50px;
    top: 0;
    left: 0px;
    background: #9E9EA6;
    color: #EAEAEB;
    line-height: 181px;
    cursor: pointer;
    opacity: .7;
}

body.reader-up #hide_panel i{
    font-size: 30px;
    transform: rotate(-90deg);
}

body.reader-up #show_panel {
    display: none;
    position: fixed;
    top: 0;
    right: auto;
    left: 0;
    height: 171px;
    width: 50px;
    background: #9E9EA6;
    color: #EAEAEB;
    line-height: 181px;
    cursor: pointer;
    opacity: .7;
    text-align: center;
}

body.reader-up #show_panel i {
    transform: rotate(-90deg);
    font-size: 30px;
}


@media (max-width: 980px) {

    @-webkit-keyframes scroll {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        100% {
            -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0)
        }
    }

    @-moz-keyframes scroll {
        0% {
            -moz-transform: translate(0, 0);
            transform: translate(0, 0);
        }

        100% {
            -moz-transform: translate(-100%, 0);
            transform: translate(-100%, 0)
        }
    }

    @keyframes scroll {
        0% {
            transform: translate(0, 0);
        }

        100% {
            transform: translate(-100%, 0)
        }
    }

    body.reader-up #sidebar{
        position: absolute;
    }

    body.reader-up #menu {
        width: 980px;
    }

        body.reader-up #menu .content{
            height: 260px;
        }

        body.reader-up #menu .content .panel-position,
        body.reader-up #menu .content .scale {
            display: none !important;
        }

    body.reader-up #hide_panel {
        display: none;
    }

    body.reader-up #menu .content .manga-name {
        margin: 30px 0;
        text-align: left;
        padding-left: 140px;
        font-size: 35px;
    }

    body.reader-up #menu .content .chapter-number-title {
        top: -2px;
        right: 20px;
        font-size: 24px;
    }

    #menu .content .home {
                position: absolute;
                top: 20px;
                left: 38px;
                width: 76px;
                height: 76px;
                margin: 0 !important;
                border-radius: 50%;
                line-height: 76px;
                font-size: 35px;
            }

    body.reader-up #menu .content .block:not(.pages-loaded){
        margin: 0 35px;
    }

    #menu .content .block-title {
        font-size: 35px;
    }

    #menu .content .block select {
        display: inline-block;
        height: 60px;
        width: 120px;
        margin: 0 20px;
        padding-left: 7px;
        border: 3px solid #9fa1a5;
        border-radius: 2px;
        font-size: 35px;
        font-weight: bold;
    }

    #menu .content .block a {
        width: 60px;
        height: 60px;
        background: #2F2E33;
        font-size: 40px;
        line-height: 60px;
        text-align: center;
        vertical-align: bottom;
    }

    body.reader-up #mc {
        padding: 280px 20px 40px;
        padding-bottom: 20px;
    }

    #mc img {
        width: 100% !important;
        height: auto !important;
    }

    #menu .content .line a{
        width: 60px;
        height: 60px;
        margin: 0 10px;
    }

    body.style2 #menu .content .block a {
        width: 60px;
        height: 60px;
        background: #9E9EA6;
        color: #DADBDD;
        font-size: 40px;
        line-height: 60px;
        text-align: center;
        vertical-align: bottom;
    }

    
}



@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: local('Rounded Mplus 1c Light'), local('RoundedMplus1c-Light'), url('../Roundedmplus1clight.woff2') format('woff2'), url('../Roundedmplus1clight.woff') format('woff'), url('../Roundedmplus1clight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: local('Rounded Mplus 1c'), local('RoundedMplus1c-Regular'), url('../Roundedmplus1c.woff2') format('woff2'), url('../Roundedmplus1c.woff') format('woff'), url('../Roundedmplus1c.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: local('Rounded Mplus 1c Thin'), local('RoundedMplus1c-Thin'), url('../Roundedmplus1cthin.woff2') format('woff2'), url('../Roundedmplus1cthin.woff') format('woff'), url('../Roundedmplus1cthin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: local('Rounded Mplus 1c ExtraBold'), local('RoundedMplus1c-ExtraBold'), url('../Roundedmplus1cextrabold.woff2') format('woff2'), url('../Roundedmplus1cextrabold.woff') format('woff'), url('../Roundedmplus1cextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: local('Rounded Mplus 1c Black'), local('RoundedMplus1c-Black'), url('../Roundedmplus1cblack.woff2') format('woff2'), url('../Roundedmplus1cblack.woff') format('woff'), url('../Roundedmplus1cblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: local('Rounded Mplus 1c Medium'), local('RoundedMplus1c-Medium'), url('../Roundedmplus1cmedium.woff2') format('woff2'), url('../Roundedmplus1cmedium.woff') format('woff'), url('../Roundedmplus1cmedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'M PLUS Rounded 1c';
    src: local('Rounded Mplus 1c Bold'), local('RoundedMplus1c-Bold'), url('../Roundedmplus1cbold.woff2') format('woff2'), url('../Roundedmplus1cbold.woff') format('woff'), url('../Roundedmplus1cbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}