a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-weight: normal;
}

table {
    -webkit-border-horizontal-spacing: 0;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: 'Noto Sans',sans-serif, Helvetica, Arial;
    /*font-family: sans-serif;*/
    font-size: 16px;
    background-color: #e9eaed;
    background: url(../images/blackground-bat.png);
    background-attachment: fixed;
}

.body-site {
    width: 100%;
    overflow: hidden;
    vertical-align: baseline;
}

ol, ul {
    list-style: none;
}

a {    
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
}

input:focus, select:focus {
    outline: 0;
}

#top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-indent: -99999px;
    cursor: pointer;
    background: url(../images/btt-black.png) no-repeat 0 0;
    display: none;
}

.container {
    max-width: 1260px;
    overflow: hidden;
    margin: 0 auto;
}

.container-header,
.container-silder,
.container-main
{
    margin: 20px auto 0;
}

.container-header .container-header-lineone {
    float: left;
    width: 100%;
    background-color: #fff;
}

.container-header .container-header-lineone-logo {
    float: left;
    margin: 10px;
}

.container-header .container-header-lineone-menu {
    float: right;
}

.container-header .container-header-lineone-menu li {
    float: left;
}

.container-header .container-header-lineone-menu li a {
    float: left;
    color: #000000;
    padding: 0 10px;
    border-right: 1px solid #bbbbbb;
    font-weight: bold;
    font-size: 16px;
    line-height: 50px;
}

.container-header .container-header-lineone-menu li:last-child a {
    border: none;
}

.container-header .menu-mobile {
    display: none;
}

.container-header .container-header-linetwo {
    float: left;
    width: 100%;
    background-color: #383838;
}

.container-header-box-search {
    float: left;
    width: 400px;
    margin: 10px;
}

.container-header-linetwo-search-story {
    float: left;
    width: calc(100% - 20px);
    height: 26px;
    border: none;
    padding: 2px 10px;
    font-size: 16px;
}

.container-header-linetwo-box-user-options {
    float: left;
    margin-top: 10px;
    width: calc(100% - 450px);
    min-width: 325px;
}

.container-header-linetwo-box-user-options .user-name {
    float: left;
    background: #3e776b;
    width: 135px;
    font-size: 14px;
}

.container-header-linetwo-box-user-options .user-name img {
    float: left;
    width: 30px;
    height: 30px;
}

.container-header-linetwo-box-user-options .user-name p {
    line-height: 30px;
    float: left;
    color: #fff;
    margin: 0 5px;
    width: 95px;
    text-align: center;
}

.container-header-linetwo-box-user-options .user-notification {
    float: left;
    position: relative;
    background: url(../images/user.png) -10px -9px no-repeat;
    height: 30px;
    width: 30px;
    margin-left: 15px;
}

.container-header-linetwo-box-user-options .user-notification .user-notifications-num {
    position: absolute;
    bottom: 0;
    right: -10px;
    min-width: 20px;
    height: 18px;
    padding: 2px;
    border-radius: 100%;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    text-align: center;
    background: #d80f16;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
}

.container-header-linetwo-box-user-options .user-history {
    float: left;
    background: url(../images/user.png) -47px -45px no-repeat;
    height: 30px;
    width: 30px;
    margin-left: 15px;
}

.container-header-linetwo-box-user-options .user-logout {
    float: left;
    background: url(../images/user.png) -91px -80px no-repeat;
    height: 30px;
    width: 30px;
    margin-left: 15px;
}

.container-header-linetwo-box-user-options .user-register,
.container-header-linetwo-box-user-options .user-login
{
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    float: left;
    background: #27ae60 url(../images/login-icon.png) 52px 5px no-repeat;
    color: #fff;
    padding: 0 40px 0 10px;
    width: 35px;
}

.container-header-linetwo-box-user-options .user-login {
    margin-right: 10px;
}

.container-header-linetwo-box-user-options .user-register {
    background-position-x: 70px;
    padding-right: 40px;
    width: 55px;
}

.container-header-linetwo-box-user-options .user-login:hover,
.container-header-linetwo-box-user-options .user-register:hover
{
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    background-color: #309710;
    background-position-x: 70px;
}

.container-header-linetwo-box-user-options .user-register:hover {
    background-position-x: 90px;
}

.container-header-linetwo-box-user-options .mode-changer {
    float: right;
    height: 30px;
    width: 30px;
    background: url(../images/sun-moon.png) -5px -5px no-repeat;
}

.container-silder {
    background: #fff;
}

.container-main-left {
    width: calc(100% - 390px);
    float: left;
    padding: 0;
    margin-right: 10px;
    overflow: hidden;
}

.container-main-right {
    width: 380px;
    float: left;
    padding: 0;
    overflow: hidden;
}

.panel-content-homepage {
    float: left;
    width: 100%;
    background-color: #fff;
}

.panel-content-homepage .content-homepage-title h1 {
    display: initial;
}

.panel-content-homepage .content-homepage-item {
    float: left;
    width: calc(50% - 20px);
    padding: 10px;
    height: 145px;
    overflow: hidden;
}

.panel-content-homepage .content-homepage-item .item-img {
    float: left;
    margin-right: 10px;
    width: 105px;
    height: 145px;
    position: relative;
}

.panel-content-homepage .content-homepage-item img {
    width: 101px;
    height: 141px;
    padding: 1px;
    border: 1px solid #d7d7d9;
}

.panel-content-homepage .content-homepage-item .content-homepage-item-right {
    float: left;
    width: calc(100% - 115px);
}


.panel-content-homepage .content-homepage-item .item-rate,
.panel-content-genres .genres-item-img .genres-item-rate,
.panel-list-story .list-story-item .item-rate,
.panel-chapter-latest-updates .chapter-latest-item .item-rate
{
    position: absolute;
    right: 2px;
    bottom: 6px;
    background: rgba(0,0,0,.69);
    padding: 2px 5px 2px 8px;
    color: #d7d7da;
    font-size: 12px;
    font-style: italic;
}

.panel-content-homepage .content-homepage-item .item-rate:after,
.panel-content-genres .genres-item-img .genres-item-rate:after,
.panel-list-story .list-story-item .item-rate:after,
.panel-chapter-latest-updates .chapter-latest-item .item-rate:after
{
    content: "\2B50";
    font-style: normal;
    margin: 0px;
    padding: 0px;
    color: #F9D932;
}

.panel-content-homepage .content-homepage-item .item-new,
.panel-content-homepage .content-homepage-item .item-hot,
.panel-content-homepage .content-homepage-item .item-ss,
.panel-story-info .story-info-left .item-new,
.panel-story-info .story-info-left .item-hot,
.panel-story-info .story-info-left .item-ss,
.panel-content-genres .genres-item-img .genres-item-hot,
.panel-content-genres .genres-item-img .genres-item-new,
.panel-content-genres .genres-item-img .genres-item-ss,
.panel-list-story .list-story-item .item-hot,
.panel-list-story .list-story-item .item-new,
.panel-list-story .list-story-item .item-ss,
.panel-chapter-latest-updates .chapter-latest-item .item-hot,
.panel-chapter-latest-updates .chapter-latest-item .item-new,
.panel-chapter-latest-updates .chapter-latest-item .item-ss
{
    position: absolute;
    top: -5px;
    right: -5px;
    background: #c0392b;
    border-radius: 15px;
    padding: 2px 5px;
    color: #fff;
    line-height: 25px;
    font-size: 10px;
    font-weight: bold;
}

.panel-content-homepage .content-homepage-item .item-new,
.panel-story-info .story-info-left .item-new,
.panel-content-genres .genres-item-img .genres-item-new,
.panel-list-story .list-story-item .item-new,
.panel-chapter-latest-updates .chapter-latest-item .item-new
{
    background: #5bbb66;
}

.panel-content-homepage .content-homepage-item .item-new:before,
.panel-story-info .story-info-left .item-new:before,
.panel-content-genres .genres-item-img .genres-item-new:before,
.panel-list-story .list-story-item .item-new:before,
.panel-chapter-latest-updates .chapter-latest-item .item-new:before
{
    content: "NEW";
}

.panel-content-homepage .content-homepage-item .item-hot,
.panel-story-info .story-info-left .item-hot,
.panel-content-genres .genres-item-img .genres-item-hot,
.panel-list-story .list-story-item .item-hot,
.panel-chapter-latest-updates .chapter-latest-item .item-hot
{
    background: #c0392b;
}

.panel-content-homepage .content-homepage-item .item-hot:before,
.panel-story-info .story-info-left .item-hot:before,
.panel-content-genres .genres-item-img .genres-item-hot:before,
.panel-list-story .list-story-item .item-hot:before,
.panel-chapter-latest-updates .chapter-latest-item .item-hot:before
{
    content: "HOT";
}

.panel-content-homepage .content-homepage-item .item-ss,
.panel-story-info .story-info-left .item-ss,
.panel-content-genres .genres-item-img .genres-item-ss,
.panel-list-story .list-story-item .item-ss,
.panel-chapter-latest-updates .chapter-latest-item .item-ss
{
    background: #000;
}

.panel-content-homepage .content-homepage-item .item-ss:before,
.panel-story-info .story-info-left .item-ss:before,
.panel-content-genres .genres-item-img .genres-item-ss:before,
.panel-list-story .list-story-item .item-ss:before,
.panel-chapter-latest-updates .chapter-latest-item .item-ss:before
{
    content: "SS";
}

.panel-content-homepage .content-homepage-item .item-title,
.panel-content-homepage .content-homepage-item .item-author,
.panel-content-homepage .content-homepage-item .item-chapter
{
    float: left;
    width: 100%;
}

.panel-content-homepage .content-homepage-item .item-title a {
    color: #383838;
    height: 30px;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
}

.panel-content-homepage .content-homepage-item .item-author {
    height: 25px;
    color: #7b7b7b;
    line-height: 20px;
    font-size: 15px;
    font-style: italic;
}

.panel-content-homepage .content-homepage-item .item-chapter a {
    height: 25px;
    color: #383838;
    max-width: calc(100% - 80px);
    line-height: 18px;
    font-size: 16px;
}

.panel-content-homepage .content-homepage-item .item-chapter i {
    float: right;
    color: #999;
    margin-left: 5px;
    font-size: 12px;
    font-style: italic;
}

.panel-content-homepage .content-homepage-item .item-chapter a:visited,
.panel-story-chapter-list .chapter-name:visited,
.panel-list-story .list-story-item .item-chapter:visited,
.panel-chapter-latest-updates .chapter-latest-item .item-chapter:visited,
.panel-story-chapter-list .chapter-download:visited
{
    color: #42cc15;
}

.panel-content-homepage .content-homepage-more {
    float: left;
    width: 100%;
    padding: 7px 0;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background-color: #31a95b;
}

.panel-topview {
    float: left;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.panel-topview h3 {
    display: initial;
}

.panel-topview .panel-topview-item {
    float: left;
    width: 100%;
    height: auto;
    margin: 5px 0px;
}

.panel-topview .panel-topview-item a {
    float: left;
    color: #383838;
    width: calc(100% - 20px);
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
}

.panel-topview .panel-topview-item .panel-topview-point {
    float: left;
    background: #31a95b;
    border-radius: 50%;
    color: #fff;
    height: 10px;
    width: 10px;
    text-align: center;
    margin: 5px;
    padding: 0px;
}

.panel-newest {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
}

.panel-newest .panel-newest-content {
    float: left;
    background: #fff;
    width: calc(100% - 20px);
    padding: 10px;
}

.panel-newest .panel-newest-content a {
    display: inline-flex;
    float: left;
    margin: 4px;
}

.panel-newest .panel-newest-content img {
    width: 64px;
    height: 98px;
}

.panel-newest .panel-newest-more {
    float: left;
    width: 100%;
    padding: 2px 0;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background-color: #31a95b;
}

.panel-category {
    float: left;
    width: 100%;
    background-color: #fff;
}

.panel-category .pn-category-row-border {
    border-bottom: 1px solid #dedede;
}

.panel-category .pn-category-row {
    float: left;
    width: calc(100% - 20px);
    padding: 0 10px;
    background-color: #fff;
}

.panel-category .pn-category-row a.ctg-select {
    color: #3498db;
    font-weight: bold;
}

.panel-category .pn-category-row a {
    float: left;
    width: 32%;
    margin-right: 2%;
    font-size: 15px;
    line-height: 32px;
    color: #383838;
}

.panel-category .pn-category-row a:last-child {
    margin-right: 0;
}

.panel-category .pn-category-row a::before {
    content: "\2022\0020";
}

.panel-category .pn-category-row a.ctg-select::before {
    content: '\2713\0020';
}

.panel-category .pn-category-row:nth-child(even) {
    background: #f6f6f6;
}

.container-footer {
    margin: 20px auto 0;
    background: #fff;
    border-top: 3px solid #31a95b;
    font-size: 15px;
}

.container-footer-content {
    float: left;
    font-size: 15px;
    background: #fff;
    width: calc(100% - 20px);
    padding: 10px;
}

.container-footer-content .pn-hot-link {
    float: left;
    width: 73%;
    margin-right: 2%;
}

.container-footer-content .pn-hot-link a {
    float: left;
    width: 30%;
    margin-right: 2%;
    color: #000;
    font-size: 15px;
    line-height: 18px;
}

.container-footer-content .pn-contacts {
    float: left;
    width: 25%;
}

.container-footer-content .pn-contacts h4 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    color: #31a95b;
}

.panel-breadcrumb {
    float: left;
    width: calc(100% - 20px);
    min-height: 35px;
    padding: 0 10px;
    border-bottom: 1px solid #dedede;
    background-color: #fff;
    line-height: 35px;
    font-size: 14px;
}

.panel-breadcrumb a {
    color: #31a95b;
    font-size: 14px;
}

.panel-story-info {
    float: left;
    width: calc(100% - 20px);
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
}

.panel-story-info .story-info-left {
    float: left;
    width: 225px;
    margin-right: 20px;
}

.panel-story-info .story-info-left .info-image {
    display: block;
    position: relative;
    width: 225px;
    margin: 0 auto;
}

.panel-story-info .story-info-left img {
    width: 225px;
    height: auto;
    display: block;
    margin: 0 auto 5px;
}

.panel-story-info .style-btn {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 5px 0;
    position: relative;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
    background: #31a95b;
    color: #fff;
    cursor: pointer;
}

.panel-story-info .style-btn.btn-chapterlist {
    background: #4267b2;
    border-bottom: 2px solid #4267b2;
}

.panel-story-info .story-info-right {
    float: left;
    width: calc(100% - 245px);
}

.panel-story-info .story-info-right h1 {
    font-size: 25px;
    font-weight: bold;
}

.panel-story-info .story-info-right a {
    color: #31a95b;
}

.variations-tableInfo {
    border-collapse: separate;
    border-spacing: 0px 5px;
}

.variations-tableInfo .table-label {
    width: 130px;
    line-height: 22px;
}

.variations-tableInfo .table-label i,
.story-info-right-extent i
{
    float: left;
    margin-right: 5px;
    width: 22px;
    height: 22px;
    display: block;
    background-image: url(../images/flash-story.png);
    background-position-x: -196px;
    background-position-y: 0px;
    background-repeat: no-repeat;
}

.variations-tableInfo .table-label i.info-alternative {
    background-position-x: -168px;
}

.variations-tableInfo .table-label i.info-author {
    background-position-x: 0px;
}

.variations-tableInfo .table-label i.info-genres {
    background-position-x: -112px;
}

.variations-tableInfo .table-label i.info-status {
    background-position-x: -28px;
}

.story-info-right-extent p {
    line-height: 22px;
    margin-bottom: 8px;
}

.story-info-right-extent .stre-label {
    width: 130px;
    display: table-cell;
}

.story-info-right-extent .stre-value {
    display: table-cell;
}

.story-info-right-extent .info-time {
    background-position-x: -56px;
}

.story-info-right-extent .info-view {
    background-position-x: -84px;
}

.story-info-right-extent .story-bookmark,
.story-info-right-extent .nonlogin-bookmark-add
{
    height: 50px;
    cursor: pointer;
}

.story-info-right-extent .noti-bookmark {
    color: #d65959;
    font-size: 13px;
    margin-left: 35px;
}


.story-info-right-extent #rate_row_cmd {
    color: black;
    font-size: 13px;
    margin-left: 35px;
}

.panel-story-info-description {
    float: left;
    font-size: 15px;
    text-align: justify;
    border-top: 1px dashed #ff530d;
    margin-top: 10px;
    padding: 10px 0px;
    overflow: hidden;
    width: 100%;
    max-height: none;
}

.panel-story-info-description h3 {
    font-weight: bold;
    color: #31a95b;
}

#panel-description-linear {
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
}

#panel-description-linear::after {
    content: "";
    position: absolute;
    left: 25%;
    bottom: 0;
    height: 1px;
    width: 50%;
    border-bottom: 1px dashed #ff530d;
}

#panel-description-linear i {
    background: url(../images/linear_gradient.png);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
}

#panel-story-info-description-show-more,
#panel-story-info-description-show-less
{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    margin-bottom: 2px;
    color: #ff530d;
    cursor: pointer;
}

.panel-story-chapter-list {
    float: left;
    margin-top: 10px;
    width: calc(100% - 20px);
    padding: 10px;
    background: #fff;
}

.panel-story-chapter-list ul {
    max-height: 395px;
    overflow-y: scroll;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.panel-story-chapter-list li {
    width: 100%;
    float: left;
}

.panel-story-chapter-list .chapter-name {
    float: left;
    background: url(../images/item-bg.png) 1px center no-repeat;
    padding-left: 15px;
    margin-right: 20px;
    width: calc(100% - 205px);
    line-height: 26px;
    color: #000;
}

.panel-story-chapter-list .chapter-view {
    float: left;
    width: 85px;
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
}

.panel-story-chapter-list .chapter-time {
    float: left;
    width: 85px;
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
}
.panel-story-chapter-list .chapter-download {
    float: left;
    width: 85px;
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
    color: #000;
}

.panel-story-chapter-list .chapter-download::after {
    content: "Download";
}

.panel-story-chapter-list .row-title-chapter {
    padding-bottom: 5px;
    border-bottom: 1px solid #ff530d;
    float: left;
    width: calc(100% - 17px);
    color: #31a95b;
    font-size: 15px;
}

.panel-story-chapter-list .row-title-chapter-name {
    font-weight: bold;
    float: left;
    width: calc(100% - 170px);
}

.panel-story-chapter-list .row-title-chapter-view {
    font-weight: bold;
    width: 85px;
    float: left;
}

.panel-story-chapter-list .row-title-chapter-time {
    font-weight: bold;
    width: 85px;
    float: left;
}

.panel-story-chapter-list .row-title-chapter-download {
    font-weight: bold;
    width: 85px;
    float: left;
}

.panel-comment {
    float: left;
    width: 100%;
    margin-top: 10px;
    background-color: #fff;
}

.panel-list-story {
    float: left;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

.panel-list-story .list-story-item {
    float: left;
    width: calc(50% - 20px);
    padding: 10px;
    height: 145px;
    overflow: hidden;
}

.panel-list-story .list-story-item .item-img {
    float: left;
    margin-right: 10px;
    width: 105px;
    height: 145px;
    position: relative;
}

.panel-list-story .list-story-item .item-img img {
    width: 101px;
    height: 141px;
    padding: 1px;
    border: 1px solid #d7d7d9;
}

.panel-list-story .list-story-item .item-right {
    float: left;
    width: calc(100% - 115px);
    height: 145px;
    overflow: hidden;
}

.panel-list-story .list-story-item .item-title {
    display: block;
    color: #383838;
    height: 28px;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
}

.panel-list-story .list-story-item .item-chapter {
    display: block;
    height: 24px;
    font-size: 15px;
    color: #000;
    background: url(../images/item-bg.png) 2px 8px no-repeat;
    padding-left: 15px;
}

.panel-list-story .list-story-item .item-author {
    display: block;
    height: 25px;
    color: #7b7b7b;
    line-height: 18px;
    font-size: 15px;
    font-style: italic;
}

.panel-list-story .list-story-item .item-time {
    display: block;
    height: 25px;
    color: #7b7b7b;
    line-height: 18px;
    font-size: 15px;
}

.panel-not-found {
    float: left;
    color: #000;
    background: #fff;
    padding: 50px 10px;
    width: calc(100% - 20px);
    min-height: 70px;
}

.panel-bookmark,
.panel-history,
.panel-nonlogin-full
{
    float: left;
    width: 100%;
    overflow: hidden;
}

.panel-bookmark .bookmark-item,
.panel-history .history-item,
.panel-nonlogin-full .nonlogin-full-item
{
    float: left;
    background: #fff;
    color: #383838;
    width: calc(100% - 20px);
    padding: 10px;
    margin-bottom: 5px;
    border-left: 2px solid #31a95b;
}

.panel-bookmark .bookmark-item img,
.panel-history .history-item img,
.panel-nonlogin-full .nonlogin-full-item img
{
    float: left;
    width: 60px;
    height: 90px;
    margin-right: 10px;
}

.panel-bookmark .bookmark-item .item-right,
.panel-history .history-item .item-right,
.panel-nonlogin-full .nonlogin-full-item .item-right
{
    float: left;
    width: calc(100% - 70px);
}

.panel-bookmark .bookmark-item .item-right span,
.panel-history .history-item .item-right span,
.panel-nonlogin-full .nonlogin-full-item .item-right span
{
    color: #000000;
    font-size: 15px;
}

.panel-bookmark .bookmark-item .item-right a,
.panel-history .history-item .item-right a,
.panel-nonlogin-full .nonlogin-full-item .item-right a,
.panel-nonlogin-full .nonlogin-full-item .nonlogin-full-item-error .nonlogin-full-history-item-remove,
.panel-nonlogin-full .nonlogin-full-item .nonlogin-full-item-error .nonlogin-full-bookmark-item-remove
{
    color: #383838;
    font-weight: bold;
    font-size: 15px;
}

.panel-history .history-item .item-right .item-title,
.panel-bookmark .bookmark-item .item-right .item-title,
.panel-nonlogin-full .nonlogin-full-item .item-right .item-title
{
    width: 100%;
    height: 25px;
}

.panel-bookmark .bookmark-item .item-right .item-row-one,
.panel-nonlogin-full .nonlogin-full-item .item-right .item-row-one
{
    width: 100%;
    height: 30px;
}

.panel-bookmark .bookmark-item .item-right .item-row-one .bookmark_remove,
.panel-nonlogin-full .nonlogin-full-item .item-right .item-row-one .nonlogin-full-history-item-remove,
.panel-nonlogin-full .nonlogin-full-item .nonlogin-full-item-error .nonlogin-full-history-item-remove,
.panel-nonlogin-full .nonlogin-full-item .item-right .item-row-one .nonlogin-full-bookmark-item-remove,
.panel-nonlogin-full .nonlogin-full-item .nonlogin-full-item-error .nonlogin-full-bookmark-item-remove
{
    float: right;
    width: 75px;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #31a95b;
}

.panel-bookmark .bookmark-item .item-right .item-row-one .bookmark_remove i,
.panel-nonlogin-full .nonlogin-full-item .item-right .item-row-one .nonlogin-full-history-item-remove i,
.panel-nonlogin-full .nonlogin-full-item .nonlogin-full-item-error .nonlogin-full-history-item-remove i,
.panel-nonlogin-full .nonlogin-full-item .item-right .item-row-one .nonlogin-full-bookmark-item-remove i,
.panel-nonlogin-full .nonlogin-full-item .nonlogin-full-item-error .nonlogin-full-bookmark-item-remove i
{
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    margin-top: 2px;
    cursor: pointer;
}
    
.panel-bookmark .bookmark-item .item-right .item-row-one .item-story-name,
.panel-nonlogin-full .nonlogin-full-item .item-right .item-row-one .item-story-name
{
    max-width: calc(100% - 85px);
}

.panel-nonlogin-full .nonlogin-full-item-error {
    width: 100%;
}

.panel-not-found {
    float: left;
    color: #000;
    background: #fff;
    padding: 50px 10px;
    width: calc(100% - 20px);
    min-height: 70px;
}

.panel-nonlogin-history {
    border-top: 3px solid #2980b9;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    display: none;
}

.panel-nonlogin-history .nonlogin-history-title-bar-title {
    display: block;
    width: 100%;
    height: 32px;
}

.panel-nonlogin-history .nonlogin-history-title {
    float: left;
    cursor: pointer;
    background: #2980b9;
    color: #fff;
    padding: 8px 42px 8px 15px;
    font-size: 16px;
    line-height: 16px;
}

.panel-nonlogin-history .nonlogin-history-title-show  i {
    float: right;
    margin-left: 15px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0px;
    background-position-y: -31px;
    background-repeat: no-repeat;
}

.panel-nonlogin-history .nonlogin-history-title-show i:after {
    content: "Hide";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-nonlogin-history .nonlogin-history-title-hidden  i {
    float: right;
    margin-left: 15px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0px;
    background-position-y: -3px;
    background-repeat: no-repeat;
}

.panel-nonlogin-history .nonlogin-history-title-hidden i:after {
    content: "Show";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-nonlogin-history .nonlogin-history-more {
    background: #2980b9;
    padding: 5px 15px;
    float: right;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.panel-nonlogin-history .nonlogin-history-content {
    float: left;
    width: 100%;
}

.panel-nonlogin-history .nonlogin-history-item {
    float: left;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 5px 10px;
    width: calc(100% - 20px);
}

.panel-nonlogin-history .nonlogin-history-item .nonlogin-history-row-story,
.panel-nonlogin-history .nonlogin-history-item .nonlogin-history-row-chapter {
    height: 22px;
    float: left;
    width: 100%;
}

.panel-nonlogin-history .nonlogin-history-story {
    color: #383838;
    line-height: 22px;
    font-size: 15px;
    font-weight: bold;
    width: calc(100% - 25px);
}

.panel-nonlogin-history .nonlogin-history-chap {
    float: left;
    color: #383838;
    line-height: 22px;
    max-width: calc(100% - 85px);
    font-size: 15px;
}

.panel-nonlogin-history .nonlogin-history-time {
    float: right;
    color: #999;
    margin-left: 5px;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
}

.panel-nonlogin-history .nonlogin-history-remove {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    margin-top: 2px;
    cursor: pointer;
}

.panel-nonlogin-bookmark {
    border-top: 3px solid #22af60;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    display: none;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-title-bar-title {
    display: block;
    width: 100%;
    height: 32px;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-title {
    float: left;
    cursor: pointer;
    background: #22af60;
    color: #fff;
    padding: 8px 42px 8px 15px;
    font-size: 16px;
    line-height: 16px;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-title-show  i {
    float: right;
    margin-left: 15px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0px;
    background-position-y: -31px;
    background-repeat: no-repeat;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-title-show i:after {
    content: "Hide";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-title-hidden  i {
    float: right;
    margin-left: 15px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0px;
    background-position-y: -3px;
    background-repeat: no-repeat;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-title-hidden i:after {
    content: "Show";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-more {
    background: #22af60;
    padding: 5px 15px;
    float: right;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-content {
    float: left;
    width: 100%;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-item {
    float: left;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 5px 10px;
    width: calc(100% - 20px);
}

.panel-nonlogin-bookmark .nonlogin-bookmark-item h3 {
    height: 22px;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-story {
    color: #383838;
    line-height: 22px;
    font-size: 15px;
    font-weight: bold;
    width: calc(100% - 25px);
}

.panel-nonlogin-bookmark .nonlogin-bookmark-chap {
    color: #383838;
    line-height: 22px;
    font-size: 15px;
}

.panel-nonlogin-bookmark .nonlogin-bookmark-remove {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url(../images/delete.png);
    background-repeat: no-repeat;
    margin-top: 2px;
    cursor: pointer;
}





















































.panel-page-number {
    float: left;
    width: 100%;
    margin-top: 5px;
    text-align: right;
}

.panel-page-number .group-page {
    float: right;
}

.panel-page-number .group-page a,
.panel-page-number .group-qty a
{
    padding: 8px 12px;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    font-size: 11px;
    background: #fff;
    display: inline-block;
    margin-right: 5px;
}

.panel-page-number .group-qty,
.panel-page-number .group-page a.page-last
{
    margin-right: 0px;
}

.panel-page-number .group-page a:hover {
    -moz-box-shadow: inset 0 0 0 4px #dca2a2;
    -webkit-box-shadow: inset 0 0 0 4px #dca2a2;
    box-shadow: inset 0 0 0 4px #dca2a2;
}

.panel-page-number .group-qty {
    float: left;
}

.panel-page-number .page-blue,
.panel-page-number .page-select
{
    background: #31a95b!important;
    color: #fff!important;
}

.panel-page-number .page-select:hover {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.panel-advanced-search-tool {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
}

.panel-advanced-search-tool .advanced-search-tool-title {
    float: left;
    width: calc(100% - 20px);
    font-size: 16px;
    line-height: 16px;
    color: #1992ea;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer;
}

.panel-advanced-search-tool .advanced-search-tool-title span {
    float: left;
    font-weight: bold;
}

.panel-advanced-search-tool .advanced-search-tool-show i {
    float: left;
    margin-left: 40px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0;
    background-position-y: -31px;
    background-repeat: no-repeat;
}

.panel-advanced-search-tool .advanced-search-tool-show i:after {
    content: "Hide";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-advanced-search-tool .advanced-search-tool-hidden i {
    float: left;
    margin-left: 40px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0;
    background-position-y: -31px;
    background-repeat: no-repeat;
}

.panel-advanced-search-tool .advanced-search-tool-hidden i:after {
    content: "Show";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-advanced-search-tool .advanced-search-tool-content {
    float: left;
    font-size: 15px;
    border-top: 1px solid #dedede;
    width: calc(100% - 20px);
    padding: 10px;
}

.panel-advanced-search-tool .advanced-search-tool-label {
    font-weight: bold;
}

.panel-advanced-search-tool .advanced-search-tool-genres-help-title {
    cursor: pointer;
}

.panel-advanced-search-tool .advanced-search-tool-genres-help {
    display: block;
    border: 1px solid #dedede;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
}

.panel-advanced-search-tool .advanced-search-tool-genres-help-content {
    margin: 5px 0px;
    text-align: left;
}

.panel-advanced-search-tool .advanced-search-tool-include-icon, .panel-advanced-search-tool .advanced-search-tool-genres-item-include i {
    float: left;
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    background: url(../images/advanced-choose.png) no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
}

.panel-advanced-search-tool .advanced-search-tool-exclude-icon, .panel-advanced-search-tool .advanced-search-tool-genres-item-include {
    color: #00b000!important;
}

.panel-advanced-search-tool .advanced-search-tool-exclude-icon, .panel-advanced-search-tool .advanced-search-tool-genres-item-exclude {
    text-decoration: line-through;
    color: #fe1818!important;
}

.panel-advanced-search-tool .advanced-search-tool-exclude-icon, .panel-advanced-search-tool .advanced-search-tool-genres-item-exclude i {
    float: left;
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    background: url(../images/advanced-choose.png) no-repeat;
    background-position-x: -20px;
    background-position-y: -20px;
}

.panel-advanced-search-tool .advanced-search-tool-genres-item-choose i {
    float: left;
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    background: url(../images/advanced-choose.png) no-repeat;
    background-position-x: -42px;
    background-position-y: -41px;
}

.panel-advanced-search-tool .advanced-search-tool-include-span {
    display: inline-block;
}

.panel-advanced-search-tool .advanced-search-tool-exclude-span, .panel-advanced-search-tool .advanced-search-tool-help-icon {
    display: inline-block;
    margin-left: 20px;
}

.panel-advanced-search-tool .advanced-search-tool-help-icon i {
    float: left;
    display: block;
    height: 20px;
    width: 20px;
    background: url(../images/advanced-choose.png) no-repeat;
    background-position-x: -63px;
    background-position-y: -62px;
}

.panel-advanced-search-tool .advanced-search-tool-genres-list {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.panel-advanced-search-tool .advanced-search-tool-genres-item {
    width: 150px;
    color: #000;
    font-size: 15px;
    cursor: pointer;
}

.panel-advanced-search-tool .advanced-search-tool-orderby, .panel-advanced-search-tool .advanced-search-tool-keyword {
    float: left;
    width: 305px;
    margin-top: 10px;
}

.panel-advanced-search-tool .advanced-search-tool-orderby-content, .panel-advanced-search-tool .advanced-search-tool-status-content, .panel-advanced-search-tool .advanced-search-tool-keyword-type {
    height: 27px;
    width: 220px;
    max-width: 100%;
    margin-top: 10px;
    margin-right: 5px;
    padding-left: 10px;
    border: 1px solid #dadada;
    border-radius: 3px;
    font-size: 16px;
    cursor: pointer;
}

.panel-advanced-search-tool .advanced-search-tool-orderby-title, .panel-advanced-search-tool .advanced-search-tool-keyword-title {
    width: 75px;
    font-weight: bold;
    display: inline-flex;
}

.panel-advanced-search-tool .advanced-search-tool-status {
    float: left;
    width: 305px;
    margin: 10px 0px 0px 20px;
}

.panel-advanced-search-tool .advanced-search-tool-status-title {
    width: 55px;
    font-weight: bold;
    display: inline-flex;
}

.panel-advanced-search-tool .advanced-search-tool-apply {
    display: inline-block;
    background: #31a95b;
    color: #fff;
    padding: 10px 48px;
    margin-top: 10px;
    margin-left: calc(50% - 75px);
    border: none;
    border: 3px double;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.panel-advanced-search-tool .advanced-search-tool-apply:hover {
    background: #ebebeb;
    color: #000;
    border-color: #ddd;
}

.panel-advanced-search-tool .advanced-search-tool-link-search {
    margin-top: 20px;
}

.panel-advanced-search-tool .advanced-search-tool-link, .panel-advanced-search-tool .advanced-search-tool-keyword-content {
    background: #fff;
    color: #444;
    height: 30px;
    max-width: calc(100% - 20px);
    width: 100%;
    padding: 0px 10px;
    margin-top: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 16px
}

.label-switch {
    display: inline-block;
    border-radius: 18px;
    cursor: pointer;
    height: 20px;
    padding: 3px;
    position: relative;
    vertical-align: top;
    width: 48px;
    margin-top: 2px;
}

.label-switch .switch-front {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: rgba(210,240,255,0.26);
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.12), inset 0 0 2px rgba(0,0,0,0.15);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background;
    background: #4fb845;
}

.label-switch .switch-front:after { 
    left: 8px;
    color: white;
    text-shadow: 0 1px rgba(0,0,0,0.2);
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.label-switch .switch-end {
    position: absolute;
    top: 4px;
    left: 32px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    background-image: -webkit-linear-gradient(top,white 40%,#f0f0f0);
    background-image: -moz-linear-gradient(top,white 40%,#f0f0f0);
    background-image: -o-linear-gradient(top,white 40%,#f0f0f0);
    background-image: linear-gradient(to bottom,white 40%,#f0f0f0);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.label-switch-on .switch-front:after { 
    content: 'ON';
}

.label-switch-off .switch-front:after { 
    content: 'OFF';
    left: 22px;
}

.label-switch-off .switch-end {
    left: 4px;
}

.label-switch-off .switch-front {
    background: rgba(210,240,255,0.26);
}

.panel-fb-comment .fb-comment-title {
    float: left;
    width: calc(100% - 20px);
    font-size: 16px;
    line-height: 16px;
    color: #1992ea;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer;
}

.panel-fb-comment .fb-comment-title span {
    float: left;
}

.panel-fb-comment .fb-comment-title-hidden i {
    float: left;
    margin-left: 40px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0px;
    background-position-y: -3px;
    background-repeat: no-repeat;
}

.panel-fb-comment .fb-comment-title-hidden i:after {
    content: "Show";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-fb-comment .fb-comment-title-show i {
    float: left;
    margin-left: 40px;
    width: 16px;
    height: 16px;
    background-image: url(../images/show-hide.png);
    background-position-x: 0px;
    background-position-y: -31px;
    background-repeat: no-repeat;
}

.panel-fb-comment .fb-comment-title-show i:after {
    content: "Hide";
    text-transform: capitalize;
    font-size: 13px;
    margin-left: 17px;
}

.panel-fb-comment .fb-comments-content {
    float: left;
    width: 100%;
}

.panel-fb-comment .fb-comments {
    border-top: 1px solid #dedede;
    float: left;
    width: 100%;
}

.container-silder .silder-title,
.panel-content-homepage .content-homepage-title,
.panel-topview .panel-topview-title,
.panel-newest .panel-newest-title,
.panel-category .pn-category-story-title
{
    padding: 8px 10px;
    color: #31a95b;
    line-height: 28px;
    font-size: 16px;
    position: relative;
    border-top: 2px solid #31a95b;
}

.container-silder .silder-title:after,
.panel-content-homepage .content-homepage-title:after,
.panel-topview .panel-topview-title:after,
.panel-newest .panel-newest-title:after,
.panel-category .pn-category-story-title:after
{
    position: absolute;
    content: "";
    bottom: 9px;
    left: 20px;
    width: 100px;
    height: 2px;
    background: #31a95b;
}

.container-silder .silder-title:before,
.panel-content-homepage .content-homepage-title:before,
.panel-topview .panel-topview-title:before,
.panel-newest .panel-newest-title:before,
.panel-category .pn-category-story-title:before
{
    position: absolute;
    content: "";
    bottom: 6px;
    left: 8px;
    width: 8px;
    height: 8px;
    background: #ff0000;
    border-radius: 50%;
}

.img-loading {
    background: url(../images/loading.gif) no-repeat center center transparent;
    min-height: 20px;
}

.a-h:hover, .a-h:hover * {
    color: #f1c40f!important;
}

.text-nowrap {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.color-red {
    color: red!important;
}

.notification-popup{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.notification-popup .noti-helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.notification-popup .noti-div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 280px;
    min-height: 65px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 10px 10px 35px 10px;
}
.notification-popup .notification-close{
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px);
    color: #2196f3;
    font-weight: 600;
    font-size: 16px;
}

.notification-popup{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.notification-popup .noti-helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.notification-popup .noti-div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 280px;
    min-height: 65px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 10px 10px 35px 10px;
}
.notification-popup .notification-close{
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px);
    color: #2196f3;
    font-weight: 600;
    font-size: 16px;
}






@media screen and (max-width:1300px) { /*Size : 1170*/
    .container {
        max-width: calc(100% - 20px);
    }
}

@media screen and (max-width:1050px) { /*Size : mobile 750%*/
    .container {
        max-width: calc(100% - 20px);
    }
	
    .container-main-left {
        width: 100%;
        padding: 0px;
        margin: 0px 0px 20px 0px;
    }
        
    .container-main-right {
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    
    .container-silder,
    .panel-topview,
    .panel-newest,
    .container-footer-content .pn-hot-link
    {
        display: none;
    }
    
    .container-footer-content .pn-contacts {
        width: 100%;
    }
    
}

@media (max-width: 800px) { /* Size : 100% */
    .container {
        max-width: 100%;
    }
    
    .container-header .menu-mobile {
        display: inline;
    }
    
    .container-header .menu-desktop {
        display: none;
    }
    
    .container-header {
        margin-top: 10px;
    }
    
    .container-header .container-header-box-search {
        width: calc(100% - 20px);
    }
    
    .container-header-linetwo-box-user-options {
        width: calc(100% - 20px);
        margin: 0px 10px 10px;
    }
    
    .panel-content-homepage .content-homepage-item {
        width: calc(100% - 20px);
    }
    
    .panel-story-chapter-list .row-title-chapter-name {
        width: calc(100% - 110px);
    }
    
    .panel-story-chapter-list .chapter-view,
    .panel-story-chapter-list .row-title-chapter-view
    {
        display: none;
    }

    .panel-story-chapter-list .chapter-name {
        width: calc(100% - 145px);
    }
    
    .panel-story-chapter-list .chapter-download::after {
        content: "";
    }
    
    .panel-story-chapter-list .chapter-download {
        float: right;
        height: 25px;
        width: 25px;
        background: url(../images/download.png) -3px 0px no-repeat;
    }
    
    .panel-story-chapter-list .chapter-download:hover {
        background-position-x: -45px!important;
    }
    
    .panel-story-chapter-list .chapter-download:visited {
        background-position-x: -82px!important;
    }
   
    
    .panel-story-chapter-list .row-title-chapter-download {
        display: none;
    }
    
    .panel-story-info .story-info-left {
        width: 100%;
        margin: 0px;
    }
    
    .panel-story-info .story-info-right {
        width: 100%;
    }
    
    .panel-page-number {
        text-align: center;
    }
    
    .panel-page-number .group-page {
        float: none;
        margin-bottom: 10px;
    }
    
    .panel-page-number .group-qty {
        float: none;
    }
    
    .panel-list-story .list-story-item {
        width: calc(100% - 20px);
    }
    
    .panel-page-number {
        text-align: center;
    }
    
    .panel-page-number .group-page {
        float: none;
        margin-bottom: 10px;
    }
    
    .panel-page-number .group-qty {
        float: none;
    }
    
}


/* Extra small devices (phones, 600px and down) */
/*@media only screen and (max-width: 600px) {...} */

/* Small devices (portrait tablets and large phones, 600px and up) */
/*@media only screen and (min-width: 600px) {...} */

/* Medium devices (landscape tablets, 768px and up) */
/*@media only screen and (min-width: 768px) {...} */

/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) {...} */

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media only screen and (min-width: 1200px) {...}*/