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

@font-face {
    font-family: Montserrat;
    src: url(./fonts/Montserrat-Regular.ttf)
}

;@font-face {
    font-family: Montserrat;
    src: url(./fonts/Montserrat-Bold.ttf)
}

; * {
    margin: 0;
    padding: 0
}

.item-hot,.item-ss {
    position: absolute;
    right: -5px;
    border-radius: 15px;
    padding: 2px 5px;
    color: #fff;
    line-height: 18px;
    font-size: 9px
}

.item-rate:after {
    content: "\2B50";
    font-style: normal;
    margin: 0;
    padding: 0;
    color: #f9d932
}

.item-rate {
    position: absolute;
    right: 2px;
    bottom: 6px;
    background: rgba(0,0,0,.69);
    padding: 2px 5px 2px 8px;
    color: #d7d7da;
    font-size: 10px;
    font-style: italic
}

::selection {
    background: #bdc3c7
}

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

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearfix {
    clear: both;
    float: none
}

.container:before,.container:after {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

.container:before,.container:after {
    display: table;
    content: " "
}

.container {
    margin: 20px auto 0
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 700
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-button {
    display: none
}

::-webkit-scrollbar-track {
    background: #666
}

::-webkit-scrollbar-track-piece {
    background: #666
}

::-webkit-scrollbar-thumb {
    width: 5px;
    background: #333;
    border-radius: 3px
}

body {
    font: 11px montserrat,Montserrat,sans-serif;
    color: #fff;
    /* background:url(../icons/body-bg.png); */
    background-color: #fafafa;
    background-attachment: fixed
}

a {
    text-decoration: none;
    color: #fff
}

* {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

header .container {
    min-height: 100px;
    margin-top: 29px
}

.top-logo {
    float: left;
    height: 105px;
    width: 18.5%;
    margin-right: 1.5%;
    border-bottom: 3px solid #373737
}

.top-logo img {
    max-width: 100%;
    float: left
}

.logo_chapter {
    width: 100%;
    background: #fff;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 10px
}

.logo_chapter img {
    float: none;
    margin: 0 auto;
    display: block
}

.top-header {
    box-sizing: border-box;
    float: left;
    width: 80%;
    padding: 10px
}

.searching {
    float: left
}

.searching form input {
    box-sizing: border-box;
    float: left;
    width: 400px;
    height: 35px;
    margin-right: 10px;
    border: none;
    border-bottom: 3px solid #373737;
    padding-left: 45px;
    background: url(../icons/search.png) no-repeat #fff;
    background-color: transparent;
    filter: grayscale(1);
    font-family: montserrat
}

.searching form select {
    padding: 6px;
    height: 35px;
    float: left;
    margin-right: 10px;
    border: 1px solid #27ae60
}

.menu-primary {
    float: left;
    width: 80%;
    min-height: 50px;
    background: #2e2d2d!important
}

.mobile-menu {
    float: left;
    width: 100%;
    text-align: center;
    height: 42px;
    background: #2e2d2d;
    font: 300 18px/42px Montserrat,Montserrat,Geneva,sans-serif;
    display: none;
    cursor: pointer
}

.mobile-menu option {
    height: 30px
}

.menu-item {
    float: left
}

.menu-item a {
    float: left;
    height: 50px;
    padding: 0 20px;
    font-size: 15px;
    color: #fff;
    line-height: 50px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s
}

.menu-item a:hover {
    color: #f1c40f
}

.sub-menu {
    display: none
}

.slide {
    width: 100%;
    border-top: 3px solid #fd5e1e;
    position: relative;
    padding-top: 35px;
    margin-bottom: 10px
}

.title {
    padding: 4px 15px 7px 30px;
    font: 300 15px monserrat,Montserrat,Montserrat,Geneva,sans-serif;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.update-slide {
    background: url(../icons/update-icon.png) 7px center no-repeat #ff530d;
    z-index: 10
}

h3 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

#owl-demo {
    width: 100%!important;
    margin: 0 auto
}

#owl-demo .item {
    margin-right: 3px;
    position: relative;
    height: 172px
}

#owl-demo .item .slide-caption {
    position: absolute;
    bottom: 0;
    padding: 3%;
    width: 94%
}

.slide-caption {
    background: rgba(0,0,0,.8) url(../icons/circle-arrow.png) 95% center no-repeat
}

.slide-caption h3 a:nth-of-type(1) {
    font: 400 15px Montserrat,Montserrat,Geneva,sans-serif;
    color: #fff;
    text-align: left;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: list-item
}

.slide-caption a:nth-of-type(1) {
    font: 400 13px Montserrat,Montserrat,Geneva,sans-serif;
    color: #fff;
    text-align: left;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: list-item
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto
}

.bottom-zero {
    bottom: 0
}

.main-wrapper {
    float: left;
    width: 100%
}

.leftCol {
    float: left;
    width: 728px;
    margin-right: 10px;
    overflow: hidden
}

.noborder-update {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 35px;
    margin-bottom: 5px
}

.daily-update {
    float: left;
    width: 100%;
    border-top: 3px solid #059e9a;
    position: relative;
    padding-top: 35px;
    margin-bottom: 5px
}

.update-title {
    background: #059e9a url(../icons/circle-arrow.png) 7px center no-repeat
}

.daily-update-item {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-left: 2px solid #059e9a
}

.daily-update-item:nth-of-type(1) {
    border-top: 1px solid #e8e8e8
}

.daily-update-item:nth-of-type(even) {
    background: #f4f4f4!important
}

.daily-update-item span {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.item-chapter {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 36%;
    font: 300 12px/30px Montserrat,Montserrat,Geneva,sans-serif;
    color: #555;
    padding-left: 2%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}

.item-chapter:hover {
    text-decoration: underline
}

.item-chapter:active {
    color: #ff530d
}

.item-chapter span {
    float: none
}

.item-name {
    width: 55%;
    font: bold 12px/30px Montserrat,Geneva,sans-serif;
    padding-left: 27px;
    background: url(../icons/item-bg.png) 3% 12px no-repeat;
    border-right: 1px solid #e8e8e8
}

.item-name img {
    vertical-align: middle;
    margin-left: 5px
}

.item-name a {
    color: #059e9a
}

.item-name a:hover {
    text-decoration: underline
}

.item-name a:first-child {
    margin-right: 5px
}

.xem-them {
    float: left;
    width: 100%;
    font: 300 16px/43px Montserrat,Montserrat,Geneva,sans-serif;
    color: #fff;
    text-align: center;
    background: #2e2d2d url(../icons/circle-arrow.png) 60% center no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    cursor: pointer
}

.xem-them:hover {
    background: #16a085 url(../icons/circle-arrow.png) 65% center no-repeat
}

.listCol {
    width: 100%!important;
    margin-right: 0!important
}

.listCol img {
    max-width: 150px
}

.middleCol {
    float: left;
    width: 428px;
    overflow: hidden
}

.cute-slide {
    float: left;
    width: 100%;
    height: auto
}

.xem-nhieu {
    border-top: 3px solid #903;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px
}

.day-title,.all-title,.week-title {
    background: #903;
    padding: 5px 15px!important;
    position: static;
    float: left;
    cursor: pointer
}

.high-title {
    color: #fc0
}

.xem-nhieu-item {
    float: left;
    width: 100%;
    height: auto
}

.xem-nhieu-item:nth-of-type(1) {
    background: #c0392b url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(2) {
    background: #e84c3d url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(3) {
    background: #e67e22 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(4) {
    background: #f1c40f url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(5) {
    background: #2ecc71 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(6) {
    background: #27ae60 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(7) {
    background: #1abc9c url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(8) {
    background: #16a085 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(9) {
    background: #3498db url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(10) {
    background: #2980b9 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(11) {
    background: #c0392b url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(12) {
    background: #e84c3d url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(13) {
    background: #e67e22 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(14) {
    background: #f1c40f url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(15) {
    background: #2ecc71 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(16) {
    background: #27ae60 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(17) {
    background: #1abc9c url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(18) {
    background: #16a085 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(19) {
    background: #3498db url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(20) {
    background: #2980b9 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(21) {
    background: #c0392b url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(22) {
    background: #e84c3d url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(23) {
    background: #e67e22 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(24) {
    background: #f1c40f url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(25) {
    background: #2ecc71 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(26) {
    background: #27ae60 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(27) {
    background: #1abc9c url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(28) {
    background: #16a085 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(29) {
    background: #3498db url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item:nth-of-type(30) {
    background: #2980b9 url(../icons/circle-arrow.png) 2% center no-repeat
}

.xem-nhieu-item p {
    font-size: 12px;
    font-weight: 300;
    line-height: 30px;
    float: right;
    line-height: 30px;
    margin-right: 10px
}

#notestory .item-name {
    width: 97%;
    color: #000
}

#notestory .item-name a.btn-remove {
    float: right;
    margin-right: 15px;
    color: #bc7690
}

.bookmark_list,.history_list {
    float: left;
    width: 100%;
    overflow: hidden
}

.bookmark_list .bookmark_item,.history_list .history_item {
    padding: 10px 0;
    width: 100%;
    float: left;
    background: #fff;
    border-left: 2px solid #31a95b;
    font: bold 12px/30px Montserrat,Geneva,sans-serif;
    color: #383838;
    margin-bottom: 5px
}

.bookmark_list .bookmark_item a,.history_list .history_item a {
    color: #059e9a
}

.bookmark_list .bookmark_item img,.history_list .history_item img {
    width: 60px;
    height: 90px;
    max-width: 25%;
    float: left;
    margin: 0 10px;
    max-height: max-content
}

.bookmark_list .bookmark_item .bookmark_btnremove {
    float: right;
    margin-right: 15px;
    color: #bc7690
}

.bookmark_list .bookmark_item .bookmark_title {
    width: calc(100% - 160px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.bookmark_list .bookmark_item .bookmark_chap,.history_list .history_item .history_title,.history_list .history_item .history_chap {
    width: calc(100% - 95px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.thong-bao-title {
    background: #263248 url(../icons/thongbao-top-logo.png) 7px center no-repeat
}

.album-title {
    background: #ff530d url(../icons/thongbao-top-logo.png) 7px center no-repeat
}

.xem-nhieu-item h3 a {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 300;
    float: left;
    line-height: 30px;
    margin-left: 35px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}

.xem-nhieu-item h3 a:hover {
    margin-left: 45px;
    text-shadow: 0 0 5px #ff6
}

.tag {
    float: left;
    width: 100%;
    position: relative;
    border-top: 3px solid #16a085;
    padding-top: 35px
}

.tag a {
    float: left;
    font: 300 13px Montserrat,Montserrat,Geneva,sans-serif;
    color: #333;
    background: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s
}

.tag {
    float: left;
    width: 100%;
    background: #fff
}

.tag li {
    float: left;
    background: #fff;
    width: 150px
}

.tag-left {
    padding-top: 30px;
    background: 0 0
}

.tags {
    float: left;
    width: 98%;
    background: #fff;
    padding: 1%;
    margin: 5px 0
}

.tags a {
    line-height: 20px
}

.tag-alpha li {
    width: 14%!important
}

.tags li {
    width: 25%
}

.highlight {
    font-weight: 700!important;
    color: #c0392b!important
}

.alpha {
    width: 11%!important
}

.tag a:hover {
    text-decoration: underline
}

.tag-name li:nth-of-type(2) a,.tag-name li:nth-of-type(5) a,.tag-name li:nth-of-type(8) a,.tag-name li:nth-of-type(11) a,.tag-name li:nth-of-type(13) a,.tag-name li:nth-of-type(16) a,.tag-name li:nth-of-type(23) a,.tag-name li:nth-of-type(24) a,.tag-name li:nth-of-type(47) a,.tag-name li:nth-of-type(59) a,.tag-name li:nth-of-type(66) a {
    font-weight: 700!important;
    color: #059e9a!important
}

.tag-title {
    position: absolute;
    background: #16a085 url(../icons/tag-icon.png) 7px center no-repeat
}

.rightCol {
    float: left;
    width: 25.641%;
    min-height: 200px
}

.fan-page {
    position: relative;
    padding-top: 35px;
    border-top: 3px solid #ff530d;
    background: #fff
}

.fan-page-title {
    background: #ff530d url(../icons/facebook-fanpage-icon.png) 7px center no-repeat
}

.random-manga {
    position: relative;
    float: left;
    width: 100%;
    border-top: 3px solid #00ac65;
    padding-top: 35px;
    margin-bottom: 10px
}

.random-manga img {
    float: left;
    width: 100%
}

.random-manga h3 {
    font-size: 16px
}

.random-manga .slide-caption-items {
    padding: 3% 5%;
    width: 90%
}

.random-manga-title {
    background: #00ac65 url(../images/icons/random-manga-icon.png) 7px center no-repeat
}

.news-box {
    float: left;
    width: 100%;
    position: relative;
    border-top: 3px solid #263248;
    margin-bottom: 10px;
    padding-top: 35px
}

.news-box a {
    width: 92%;
    float: left;
    display: block;
    padding-left: 8%;
    font: 400 13px/26px Montserrat,Montserrat,Geneva,sans-serif;
    color: #333;
    margin-bottom: 2px;
    background: #fff url(../icons/thongbao-bg.png) 3px 4px no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}

.xem-them-news {
    background: #263248!important;
    color: #fff!important;
    text-align: center;
    width: 100%!important;
    padding: 0!important
}

.news-box a:hover {
    background: #fff url(../icons/thongbao-bg.png) 10px 4px no-repeat;
    color: #059e9a
}

.tin-khac span {
    float: left;
    border-left: 3px solid #059e9a;
    width: 98%;
    font: 700 14px Montserrat Conseded,Montserrat,Geneva,sans-serif;
    line-height: 30px;
    background: #fff;
    margin: 5px 0;
    color: #059e9a;
    padding-left: 2%
}

.tin-khac a {
    width: 97%;
    float: left;
    display: block;
    padding-left: 3%;
    font: 400 13px/26px Montserrat,Montserrat,Geneva,sans-serif;
    color: #333;
    margin-bottom: 2px;
    background: #fff url(../icons/thongbao-bg.png) 3px 4px no-repeat;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}

.tin-khac a:hover {
    background: #fff url(../icons/thongbao-bg.png) 10px 4px no-repeat;
    color: #059e9a
}

.breadcrumb {
    float: left;
    width: 100%;
    min-height: 33px;
    font: 300 14px/33px Montserrat,Montserrat,Geneva,sans-serif;
    background: #059e9a;
    margin-bottom: 5px
}

.breadcrumb p {
    margin-left: 10px
}

.breadcrumb a:hover {
    text-decoration: underline
}

.breadcrumbss {
    float: none;
    width: 993px;
    margin: 0 auto
}

.bred_doc {
    width: 1000px;
    margin: 0 auto;
    display: block;
    float: none;
    padding: 0
}

.manga-info {
    float: left;
    width: 100%
}

.manga-info-top {
    float: left;
    width: 96%;
    background: rgba(255,255,255,.8);
    padding: 2%
}

.manga-info-pic {
    float: left;
    width: 32%
}

.manga-info-pic img {
    float: left;
    width: 100%
}

.manga-info-text {
     min-height: 1px;
    margin-left: 4%
}

.manga-info-text li {
    float: left;
    width: 85%;
    line-height: 27px!important;
    margin-bottom: 7px
}

.manga-info-text li:nth-of-type(1) {
    font: 700 24px Montserrat,Montserrat,Geneva,sans-serif;
    color: #373737;
    background: url(../icons/manga-info-name.png) left top no-repeat
}

.manga-info-text li:nth-of-type(2) {
    background: url(../icons/manga-info-author.png) left top no-repeat;
    font: 400 18px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

.manga-info-text li:nth-of-type(2) a {
    color: #059e9a
}

.manga-info-text li:nth-of-type(2) a:hover {
    text-decoration: underline
}

.manga-info-text li:nth-of-type(3) {
    background: url(../icons/manga-info-status.png) left top no-repeat;
    font: 400 18px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

.manga-info-text li:nth-of-type(4) {
    background: url(../icons/manga-info-timeupdate.png) left top no-repeat;
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

.manga-info-text li:nth-of-type(5) {
    background: url(../icons/manga-info-nguon.png) left top no-repeat;
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

.manga-info-text li:nth-of-type(5) a {
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #059e9a!important
}

.manga-info-text li:nth-of-type(6) {
    background: url(../icons/manga-info-view-time.png) left top no-repeat;
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

.manga-info-text li:nth-of-type(7) {
    background: url(../icons/manga-info-tag.png) left top no-repeat;
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

.manga-info-text li:nth-of-type(7) a {
    color: #059e9a!important;
    display: inline-block
}

.manga-info-text li:nth-of-type(7) a:hover {
    text-decoration: underline
}

.manga-info-text li:nth-of-type(8) {
    background: url(../icons/theo-doi.png) left top no-repeat;
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

#Bookmark a {
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #059e9a!important
}

#Bookmark a:hover {
    cursor: pointer
}

.manga-info-text .li_bookmark {
    background: url(../icons/theo-doi.png) left top no-repeat;
    font: 300 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #626262
}

.manga-info-content {
    float: left;
    width: 100%;
    border-top: 1px dashed #ff530d;
    margin-bottom: 10px
}

.manga-info-content a {
    color: #0830ff
}

.noidung {
    font: 14px Montserrat Montserrat,Geneva,sans-serif;
    color: #ff530d
}

.chapter_issue {
    font: 400 14px Montserrat,Montserrat,Geneva,sans-serif;
    color: #3e3e3e;
    width: 96%;
    padding: 10px 2%;
    background: #fff;
    text-align: justify;
    border-top: 1px dashed #ff530d;
    margin-bottom: 10px;
    float: left
}

.mn-warning {
    font: 400 12px Montserrat,Montserrat,Geneva,sans-serif;
    float: left;
    color: #000;
    width: calc(100% - 122px);
    margin-bottom: 10px;
    border: 1px solid #ac0008;
    background: url(../images/warning.gif) no-repeat scroll 6px 6px #fef5f7;
    padding: 20px 20px 20px 100px
}

.manga-info-content p {
    font: 400 14px Montserrat,Montserrat,Geneva,sans-serif;
    color: #3e3e3e;
    width: 96%;
    padding: 10px 2%;
    background: #fff;
    text-align: justify
}

.manga-info-content p::-webkit-scrollbar-track {
    background: 0 0
}

.manga-info-content p::-webkit-scrollbar-track-piece {
    background: 0 0
}

.manga-info-content p::-webkit-scrollbar {
    width: 2px
}

.manga-info-content-title {
    background: #ff530d
}

.manga-info-chapter {
    width: 98%;
    float: left;
    padding-left: 2%;
    background: #fff
}

.comment-info {
    background: #fff;
    float: left;
    width: 98%;
    padding: 10px 1%
}

.chapter-list {
    float: left;
    width: 100%;
    max-height: 400px;
    overflow-y: scroll
}

.manga-info-chapter .row {
    float: left;
    width: 98%;
    overflow: hidden
}

.manga-info-chapter span {
    float: left;
    font: 300 12px/20px Montserrat,Montserrat,Geneva,sans-serif;
    color: #666;
    text-align: left
}

.manga-info-chapter span a {
    color: #666;
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.manga-info-chapter span a:visited {
    color: #ff530d
}

.manga-info-chapter span a:hover,.manga-info-chapter span a:active {
    color: #ff530d
}

.manga-info-chapter span:nth-of-type(1) {
    width: 65%;
    text-align: left
}

.manga-info-chapter span:nth-of-type(2) {
    text-align: left;
    width: 15%
}

.manga-info-chapter span:nth-of-type(3) {
    width: 20%
}

.manga-info-chapter span:nth-of-type(4) {
    width: 15%
}

.manga-info-chapter span:nth-of-type(5) {
    width: 15%
}

.manga-info-chapter .title-list-chapter {
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ff530d
}

.manga-info-chapter .title-list-chapter span {
    font: 700 12px Montserrat,Montserrat,Geneva,sans-serif;
    color: #ff530d
}

.manga-info-binh-luan {
    float: left;
    width: 100%
}

.list-truyen {
    float: left;
    width: 100%;
    background: #fff
}

.list-truyen-item-wrap {
    float: left;
    width: 47.5%;
    padding: 1%;
    margin: .25%;
    color: #626262;
    background: #fff;
    height: 177px;
    overflow: hidden
}

.list-truyen-item-wrap .list-story-item-wrap-chapter {
    color: #009fdf;
    font-size: 15px
}

.list-truyen-item-wrap .list-story-item-wrap-chapter:visited {
    color: #42cc15
}

.truyen-list .tag {
    border-top: none;
    margin: 5px 0!important;
    padding: 1%;
    float: left;
    width: 98%
}

.list-truyen-item-wrap img {
    float: left;
    width: 112px!important;
    height: 175px!important;
    margin-right: 5px
}

.list-truyen-item-wrap h3 a {
    font: 700 16px Montserrat,Montserrat,Geneva,sans-serif;
    color: #424242
}

.list-truyen-item-wrap h3 a:hover {
    text-decoration: underline
}

.list-truyen-item-wrap p {
    color: #424242;
    margin-top: 2px;
    text-align: justify;
    font-size: 13px
}

.list-truyen-item-wrap p a {
    font: 400 12px Montserrat,Montserrat,Geneva,sans-serif;
    color: #ff530d
}

.list-truyen-item-wrap p a:hover {
    text-decoration: underline
}

.list-truyen-item-wrap span a {
    color: #369588;
    font-weight: 700
}

.list-truyen-item-wrap span a:hover {
    text-decoration: underline
}

.thong-bao {
    float: left;
    width: 96%;
    background: #fff;
    padding: 10px 2%
}

.entry-title {
    font: 400 16px/30px Montserrat,Montserrat,Geneva,sans-serif;
    color: #059e9a;
    padding-left: 5px
}

.updated,.author a,.category a,.comments a {
    font: 300 14px/25px Montserrat,Montserrat,Geneva,sans-serif;
    color: #666;
    padding-left: 20px;
    margin-right: 10px
}

.entry-meta {
    padding-left: 5px;
    margin-bottom: 10px
}

.date {
    background: url(../icons/date.png) left center no-repeat
}

.author {
    background: url(../icons/name.png) left center no-repeat;
    font: 300 14px/25px Montserrat,Montserrat,Geneva,sans-serif
}

.entry-content a {
    font-size: 14px;
    color: #0645ad
}

.entry-content p {
    font-size: 14px;
    color: #666;
    padding: 5px
}

.entry-content img {
    max-width: 100%
}

.thong-bao-list {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 0
}

.each-news {
    float: left;
    width: 100%;
    background: #f4f4f4;
    margin-bottom: 5px
}

.each-news img {
    float: left;
    max-width: 30%;
    margin-right: 10px
}

.each-news h3 a {
    font: 700 16px/23px Montserrat Conseded,Montserrat,Geneva,sans-serif;
    color: #333;
    float: left;
    margin-left: 10px
}

.each-news h3 a:hover {
    color: #059e9a
}

.each-news p {
    color: #666;
    line-height: 20px;
    float: right
}

.each-news p:last-child {
    color: #333;
    font-size: 12px;
    margin: 5px 10px 0 0;
    text-align: justify
}

.thong-bao-list a {
    display: block;
    font: 300 12px/24px Montserrat,Montserrat,Geneva,sans-serif;
    color: #666;
    width: 90%;
    padding-left: 40px;
    line-height: 30px;
    background: url(../images/icons/thongbao-bg.png) 10px center no-repeat;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s
}

.thong-bao-list a:hover {
    background: url(../images/icons/thongbao-bg.png) 20px center no-repeat;
    color: #000
}

.trang-doc {
    background: url(../icons/black_thread.png)!important;
    border: none
}

.container-chapter-reader {
    margin-top: 10px
}

.container-chapter-reader img {
    max-width: 100%;
    display: block;
    margin: 5px auto 0;
    z-index: 1!important
}

.next-chap,.prev-chap {
    display: inline-block;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff530d;
    line-height: 30px
}

.next-chap:hover,.prev-chap:hover {
    color: #f9cdad
}

.next-chap {
    width: 48%;
    text-align: left;
    margin-left: 1%
}

.prev-chap {
    width: 49%;
    text-align: right;
    margin-right: 1%
}

.bao-loi {
    display: block;
    text-align: center;
    margin-top: 13px
}

.chon-chap {
    display: block;
    float: left;
    width: 250px;
    margin-right: 5px;
    height: 27px;
    margin-top: 13px
}

.chon-chap select {
    padding: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc,0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc,0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc,0 -1px #fff inset;
    background: #f8f8f8;
    color: #888;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    width: 100%
}

.chon-chap {
    position: relative
}

.chon-chap:after {
    content: '<>';
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none
}

.chon-chap:before {
    content: '';
    right: 6px;
    top: 0;
    width: 20px;
    height: 20px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block
}

.phan-trang {
    float: left;
    width: 100%;
    margin: 5px 0
}

.phan-trang a {
    padding: 8px 11px;
    text-transform: uppercase;
    float: left;
    margin-right: 5px;
    font-weight: 700;
    color: #666
}

.phan-trang a.quantitychapter {
    margin-right: 0
}

.quantitychapter {
    color: #fff!important;
    float: right!important
}

.phan-trang a:hover {
    -moz-box-shadow: inset 0 0 0 4px #dedede;
    -webkit-box-shadow: inset 0 0 0 4px #dedede;
    box-shadow: inset 0 0 0 4px #dedede
}

.page {
    background: #fff
}

.pageselect,.phan-trang .page-blue {
    background: #059e9a;
    color: #fff!important
}

.pageselect:hover,.quantitychapter:hover {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

#top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-indent: -99999px;
    cursor: pointer;
    background: url(../icons/back-to-top.png) no-repeat 0 0
}

footer {
    min-height: 43px;
    width: 100%;
    margin-top: 20px;
    padding: 10px 0;
    width: 100%
}

.footer-content {
    width: 1170px;
    margin: 0 auto;
    font: 12px Montserrat,Geneva,sans-serif;
    color: #fff
}

.footer-content a {
    color: #fff
}

.footer-content a:hover {
    text-decoration: underline
}

.footer-content p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    line-height: 18px
}

.footer-content p:first-child {
    font-weight: 700
}

.comment-trang-doc {
    float: left;
    width: 100%;
    background: #fff
}

.style-trang-doc {
    float: none;
    width: 1012px;
    padding: 5px 10px;
    margin: 0 auto
}

.share-fb {
    display: block;
    margin-top: 13px;
    text-align: center
}

#fb-root {
    display: none
}

.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
    width: 100%!important
}

.fb-comments,.fb-comments span,.fb-comments iframe {
    width: 100%!important
}

#fbcomments,.fb-comments,.fb-comments iframe[style],.fb-comments span {
    width: 100%!important
}

.textdecoration {
    text-decoration: none
}

.textdecoration:hover {
    text-decoration: none!important
}

.hot {
    float: none!important;
    background: #c0392b;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 10px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.non {
    float: none!important;
    border-radius: 0;
    padding: 0 1px;
    font: 700 10px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.new {
    float: none!important;
    background: #2ecc71;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 10px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.phaixem {
    float: none!important;
    background: #e67e22;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 10px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.muoitam {
    float: none!important;
    background: #e67e22;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 10px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.sieu-pham {
    float: none!important;
    background: #000;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 10px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.pink-lady {
    float: none!important;
    background: #47639e;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 11px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.lightning {
    float: none!important;
    background: #47639e;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 11px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.glass-mark {
    float: none!important;
    background: #47639e;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 11px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.berserk-fanboys {
    float: none!important;
    background: #47639e;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 11px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.otakuPlus {
    float: none!important;
    background: #47639e;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 11px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.hungrbug {
    float: none!important;
    background: #47639e;
    border-radius: 3px;
    padding: 2px 5px;
    font: 700 11px Montserrat,Geneva,sans-serif;
    color: #fff!important;
    line-height: 25px;
    text-decoration: none
}

.hot:hover,.new:hover,.phaixem:hover,.muoitam:hover,.sieu-pham:hover {
    text-decoration: none!important
}

.hot:before {
    content: 'H'
}

.new:before {
    content: 'N'
}

.muoitam:before {
    content: 'R'
}

.sieu-pham:before {
    content: 'SS'
}

.login-top {
    float: right;
    overflow: hidden
}

.login-top .btn-login {
    margin-right: 10px
}

.login-top a {
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    text-decoration: none;
    font: 300 14px/35px Montserrat,Montserrat,Geneva,sans-serif;
    height: 35px;
    line-height: 35px;
    float: left;
    background: #373737 url(../images/login-icon.png) 95px 8px no-repeat;
    color: #fff;
    padding: 0 45px 0 14px;
    width: 70px
}

.login-top a:hover {
    -moz-transition: .6s;
    -webkit-transition: .3s;
    -o-transition: .6s;
    background: #27ae60 url(../images/login-icon.png) 88px no-repeat
}

.user-options {
   font: bold 12px / 30px Montserrat, sans-serif;
    color: #000;
 
    position: relative;
    display: flex
;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 0;
    justify-content: end;
}

.user-options .name {
    float: left;
    background: #27ae60;
    width: 135px
}

.user-options .name img {
    float: left;
    width: 35px;
    height: 35px
}

.user-options .name p {
    line-height: 35px;
    float: left;
    color: #fff;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0 5px;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.user-options .options {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
    padding: 3px;
    background: #d35400
}

.user-options .notification {
    float: left;
    position: relative;
    background: url(../icons/user.png) 0 0 no-repeat;
    height: 35px;
    width: 35px;
    margin-left: 10px
}

.user-options .notification .notifications_num {
    position: absolute;
    bottom: 0;
    right: -5px;
    width: 20px;
    height: 20px;
    background: #d80f16;
    color: #fff;
    text-align: center;
    border-radius: 100%;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    font: bold 12px/20px Montserrat,sans-serif
}

.user-options .history {
    float: left;
    background: url(../icons/user.png) 0 -40px no-repeat;
    height: 35px;
    width: 35px;
    margin-left: 10px
}

.user-options .logout {
    float: left;
    background: url(../icons/user.png) 0 -78px no-repeat;
    height: 35px;
    width: 35px;
    margin-left: 10px
}

.options {
    list-style: none;
    display: none
}

.options a {
    text-decoration: none;
    color: #000;
    margin-left: 5px;
    color: #fff;
    float: left;
    width: 125px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s
}

.options a:hover {
    color: #f1c40f
}

#notestory .daily-update {
    border-top: none;
    padding-top: 0!important
}

#notestory .daily-update .item-name {
    margin-left: 27px;
    padding-left: 0!important;
    background: 0 0!important;
    width: 95%!important;
    border: none!important
}

.option_wrap {
    width: 980px;
    background: #000;
    display: block;
    margin: 0 auto;
    padding: 0 10px 13px
}

.bao-loi {
    float: left;
    font: 300 12px/27px Montserrat,Montserrat,Geneva,sans-serif;
    color: #fff;
    text-shadow: 1px 1px #922;
    background: #c0392b;
    padding: 0 15px;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 10px
}

.next,.back {
    float: left;
    font: 300 12px/27px Montserrat,Montserrat,Geneva,sans-serif;
    color: #fff;
    text-shadow: 1px 1px #922;
    background: #27ae60;
    padding: 0 15px;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 12px
}

.share-fb {
    float: left;
    margin-right: 5px
}

.current-chapter {
    font: 300 12px/27px Montserrat,Montserrat,Geneva,sans-serif;
    color: #888;
    float: left;
    padding: 0 10px;
    background: #fff;
    text-transform: uppercase;
    margin-top: 12px
}

.like-trang-doc {
    float: left!important;
    max-width: 165px!important;
    overflow: hidden;
    margin-top: 8px;
    line-height: 27px
}

.option_wrap select {
    padding: 4px;
    border: none;
    width: 400px;
    float: left;
    margin-top: 13px;
    margin-right: 5px;
    max-width: 100%
}

.qc-trang-doc {
    width: 692px;
    margin: 0 auto
}

.ga-first,.ga-second {
    float: left
}

.ga-second {
    margin-left: 20px
}

 button {
   
     
    color: #fff;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    box-sizing: border-box;
    background-color: transparent;
    margin: 0em;
    padding-block: 1px;
    padding-inline: 6px;
    border-width: 0px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}

.wrap_updater {
    max-width: 728px
}

.doreamon {
    float: left;
    width: 100%
}

.itemupdate {
    float: left;
    text-align: left;
    width: 48%;
    padding: 1%
}

.cover {
    float: left
}

.cover img {
    background: url(../images/loadingimg.gif) no-repeat center center transparent;
    padding: 2px;
    border: 1px solid #d7d7d9;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.itemupdate ul {
    float: left;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 70%;
    margin: auto auto auto 8px;
    height: 95px
}

.itemupdate ul li span {
    float: left;
    width: 60%
}

.itemupdate i {
    float: right;
    color: #999;
    font-size: 9px;
    margin-left: 5px;
    margin-top: 4px
}

.sts {
    background: url(../icons/item-bg.png) 1px 8px no-repeat;
    padding-left: 15px;
    color: #003555;
    font: normal 11px/22px Montserrat,Geneva,sans-serif;
    text-transform: uppercase;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.sts:hover {
    text-decoration: underline
}

.sts:visited {
    color: #ff530d
}

.itemupdate ul li h3 a {
    font: bold 12px/22px "Montserrat",Montserrat,Geneva,sans-serif;
    color: #059e9a;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inherit
}

.itemupdate ul li h3 {
    float: left;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 80%
}

.itemupdate ul li h3 a:hover {
    text-decoration: underline
}

.itemupdate li {
    height: 22px
}

.rowitemupdate {
    display: list-item
}

.rowitemupdate:before {
    content: ' '
}

.list-news {
    margin-top: 0!important;
    display: inline-block;
    width: 100%
}

.list-news .news {
    background: #fff;
    line-height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.list-news .news h1.news-title {
    color: #3b7390;
    padding: 0 20px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: 700;
    font-size: 16px;
    font-family: Calibri;
    text-transform: uppercase
}

.list-news .news h1.news-title a {
    color: #4774a7
}

.list-news .news h1.news-title a:hover {
    color: red
}

.list-news .news .news-content {
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    padding: 0 20px
}

.list-news .news .news-content p {
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #000
}

.list-news .news .news-content p img {
    max-width: 600px;
    width: auto;
    margin: 0 auto;
    display: block
}

.list-news .click-view-more {
    background: #fff;
    line-height: 40px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.list-news .click-view-more a {
    display: block;
    text-align: center;
    color: gray
}

.list-news .click-view-more a:hover {
    text-decoration: underline
}

.list-news .news .news-footer {
    overflow: hidden;
    background: #f6f7f8;
    padding: 10px
}

.list-news .news .news-footer .user {
    background: url(../images/user.png) no-repeat;
    font-size: 14px;
    color: #007969;
    padding: 4px 0 4px 29px;
    margin-right: 10px;
    float: left;
    line-height: 16px
}

.list-news .news .news-footer .user:hover {
    text-decoration: underline
}

.list-news .news .news-footer .time {
    background: url(../images/clock.png) no-repeat;
    font-size: 14px;
    color: #7e7e7e;
    padding: 2px 0 4px 29px;
    margin-right: 10px;
    float: left;
    line-height: 22px
}

.list-news .news .news-footer .cmt {
    background: url(../images/cmt.png) no-repeat;
    font-size: 14px;
    color: #7e7e7e;
    padding: 2px 0 0 28px;
    margin-right: 10px;
    float: left;
    line-height: 22px
}

.list-news .news .news-footer .viewmore {
    background: url(../images/more.png) no-repeat;
    font-size: 13px;
    color: #7e7e7e;
    padding: 2px 10px 2px 12px;
    margin-right: 10px;
    float: right;
    line-height: 22px
}

.cmt {
    background: url(../images/cmt.png) no-repeat;
    font-size: 14px;
    color: #7e7e7e;
    padding: 2px 0 0 28px;
    margin-right: 10px;
    float: left;
    line-height: 22px
}

.aye_icon {
    background: url(../images/aye.png) no-repeat;
    font-size: 14px;
    color: #7e7e7e;
    padding: 2px 0 0 28px;
    margin-right: 10px;
    float: left;
    line-height: 22px
}

#noidungm iframe {
    max-width: 100%
}

#noidungm img {
    max-width: 100%
}

#noidungm a {
    color: #31a95b!important
}

.sidebox {
    background-color: #fff;
    padding: 16px;
    margin: 5px 0 0;
    position: relative;
    color: #686868;
    font-size: 13px
}

.sidebox.hydra_ad {
    padding: 0;
    height: 250px
}

.sidebox h2 {
    font-size: 13px;
    font-weight: 700;
    color: #686868;
    margin-bottom: 10px;
    padding: 0;
    background: 0 0
}

#rcElement_list {
    border-top: 2px solid #d2d8cd;
    border-bottom: 2px solid #d2d8cd;
    padding: 0 0 7px;
    overflow: hidden;
    margin: 10px 0 15px;
    max-height: 500px;
    overflow-y: auto
}

#rcElement_list a {
    text-decoration: none
}

#rcElement_list .rc_item {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 0;
    padding: 10px;
    color: #555;
    font-size: 14px;
    margin-top: 7px
}

#rcElement_list .rc_item:hover {
    background-color: #e7ebe4!important
}

#rcElement_list .rc_item {
    background-color: #eee
}

.rc_item .comment_title {
    display: inherit;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700
}

.rc_item .comment_content {
    display: inherit;
    color: #000;
    font-size: 13px
}

.rc_item .comment_time {
    font-size: 12px;
    color: #999
}

.new_update_trangdoc h4 {
    font-size: 16px;
    font-weight: 700;
    color: #31a95b;
    line-height: 28px;
    padding: 7px 0 0 15px;
    text-transform: uppercase
}

.new_update_trangdoc {
    max-width: 1130px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    margin-top: 10px
}

.new_update_trangdoc h2 {
    font: bold 16px/26px Montserrat,Geneva,sans-serif;
    color: #31a95b
}

.new_update_trangdoc .update_item {
    width: 29%;
    max-height: 135px;
    overflow: hidden
}

.danh_sach .update_item {
    padding: 5px 2%;
    color: #939393;
    position: relative;
    min-height: 135px
}

.danh_sach .update_item span {
    display: block;
    font-size: 11px
}

.tab_anh_dep .update_item a img {
    float: left;
    margin-right: 10px;
    width: 90px;
    height: 130px
}

.danh_sach .chapter {
    display: block;
    color: #31a95b;
    line-height: 1.5
}

.update_item {
    float: left
}

.update_item a:first-child {
    font: bold 12px/22px Arial,sans-serif;
    color: #383838;
    padding-left: 0;
    margin: 0
}

.tags_chapter a {
    color: #31a95b;
    padding: 0;
    margin: 0
}

.tags_chapter a:hover {
    text-decoration: underline
}

.chap-lienquan:last-child {
    margin-bottom: 5px
}

.chap-lienquan span {
    color: #748076;
    font-weight: 700
}

.chap-lienquan li {
    display: inline
}

.chap-lienquan li a:after {
    content: ","
}

.btn-navigation-chap {
    float: left
}

.themes-label {
    right: 0;
    background-color: #059e9a;
    padding: 4px 65px 7px 15px;
    left: initial
}

.themes-panel {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 3px;
    height: 25px
}

.themes-panel .themes-grid {
    background: url(../images/grid.png) no-repeat;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block
}

.themes-panel .themes-list {
    background: url(../images/list.png) no-repeat;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block
}

.manga-info-text .story-alternative {
    font: 400 14px/22px Montserrat,Montserrat,Geneva,sans-serif;
    margin-top: 5px
}

.btn_chapterslist {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 5px 0;
    position: relative;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
    background: #31a95b;
    border-bottom: 2px solid #26904b;
    cursor: pointer;
    border-radius: 3px
}

.info-top-chapter {
    color: #4c4c4c;
    font: 12px/18px Montserrat,Geneva,sans-serif;
    margin: 5px auto;
    width: 980px;
    padding: 10px;
    text-align: center;
    margin-bottom: 0;
    background: rgba(0,0,0,.39)
}

.info-top-chapter h2 {
    font-size: 25px;
    color: cyan;
    line-height: 1
}

.info-top-chapter .panel-option {
    line-height: 30px;
    font-size: 14px
}

.info-top-chapter .panel-option .pn-op-img-sv {
    display: block
}

.info-top-chapter .panel-option .pn-op-name {
    font-weight: 700;
    color: #ccc;
    font-size: 12px
}

.info-top-chapter .panel-option .pn-op-sv-img-btn {
    padding: 3px 6px;
    font-weight: 700;
    background-color: #ccc;
    color: #000;
    cursor: pointer
}

.info-top-chapter .panel-option .pn-op-sv-img-btn.isactive {
    background-color: #059e9a;
    color: #fff;
    cursor: initial
}

.info-top-chapter .panel-option .pn-op-sv-cbb-content-margin {
    width: 42px;
    height: 24px;
    border: 1px solid #dadada;
    border-radius: 3px;
    font-size: 16px
}

.info-top-chapter .options-chapter .pn-option {
    display: inline-block;
    margin-left: 10px;
    margin-top: 5px
}

.info-top-chapter .options-chapter .span-name {
    font-weight: 700;
    color: #ccc
}

.info-top-chapter .options-chapter .span-server {
    padding: 5px;
    font-weight: 700;
    background-color: #ccc;
    color: #000
}

.info-top-chapter .options-chapter .span-server.isactive {
    background-color: #059e9a;
    color: #fff
}

.info-top-chapter .options-chapter .switch {
    border-radius: 18px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    padding: 3px;
    position: relative;
    vertical-align: top;
    width: 60px
}

.info-top-chapter .options-chapter .switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.info-top-chapter .options-chapter .switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: rgba(210,240,255,.26);
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15);
    -webkit-transition: .15s ease-out;
    -moz-transition: .15s ease-out;
    -o-transition: .15s ease-out;
    transition: .15s ease-out;
    -webkit-transition-property: opacity background;
    -moz-transition-property: opacity background;
    -o-transition-property: opacity background;
    transition-property: opacity background
}

.info-top-chapter .options-chapter .switch-label:before,.info-top-chapter .options-chapter .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.info-top-chapter .options-chapter .switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #b2b2b2;
    text-shadow: 0 1px rgba(40,39,39,.5)
}

.info-top-chapter .options-chapter .switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,.2);
    opacity: 0
}

.info-top-chapter .options-chapter .switch-input:checked~.switch-label {
    background: #47a8d8;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)
}

.info-top-chapter .options-chapter .switch-input:checked~.switch-label:before {
    opacity: 0
}

.info-top-chapter .options-chapter .switch-input:checked~.switch-label:after {
    opacity: 1
}

.info-top-chapter .options-chapter .switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(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 .15s ease-out;
    -moz-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    transition: left .15s ease-out
}

.info-top-chapter .options-chapter .switch-handle:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0,0,0,.02);
    background-image: -webkit-linear-gradient(top,#eeeeee,white);
    background-image: -moz-linear-gradient(top,#eeeeee,white);
    background-image: -o-linear-gradient(top,#eeeeee,white);
    background-image: linear-gradient(to bottom,#eeeeee,white)
}

.info-top-chapter .options-chapter .switch-input:checked~.switch-handle {
    left: 44px;
    box-shadow: -1px 1px 5px rgba(0,0,0,.2)
}

.info-top-chapter .options-chapter .switch-green>.switch-input:checked~.switch-label {
    background: #4fb845
}

.info-top-chapter .options-chapter .switch-title {
    color: #adaaaa;
    margin-right: 5px;
    font-size: 12px;
    line-height: 2.2
}

.login-panel,.register-panel {
    color: #000;
    background: #fff;
    float: left;
    width: 96%;
    padding: 2%
}

.login-panel .loginlocal,.login-panel .login-fb {
    width: 50%;
    float: left
}

.login-panel .loginlocal h1,.login-panel .login-fb h2,.register-panel h1 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.login-panel .loginlocal .user-name-panel,.login-panel .loginlocal .pass-panel,.login-panel .loginlocal .captchar,.register-panel .user-name-panel,.register-panel .pass-panel,.register-panel .display-name-panel,.register-panel .captchar {
    display: flex;
    margin-bottom: 10px
}

.login-panel .loginlocal .user-name-panel i,.register-panel .user-name-panel i,.register-panel .display-name-panel i {
    background: url(../images/user.png) no-repeat;
    width: 65px;
    height: 65px
}

.login-panel .loginlocal .user-name-panel .user-name,.login-panel .loginlocal .pass-panel .pass,.register-panel .user-name-panel .user-name,.register-panel .pass-panel .pass,.register-panel .display-name-panel .display-name {
    width: 300px;
    height: 63px;
    font-size: 20px;
    padding: 0 20px;
    margin-bottom: 10px;
    border: 1px solid #e9e9e9;
    display: block
}

.login-panel .loginlocal .pass-panel i,.register-panel .pass-panel i {
    background: url(../images/pass.png) no-repeat;
    width: 65px;
    height: 65px
}

.login-panel .loginlocal .captchar input,.register-panel .captchar input {
    float: left;
    width: 273px;
    height: 43px;
    font-size: 20px;
    padding: 0 10px;
    margin-left: 10px;
    border: 1px solid #e9e9e9
}

.login-panel .loginlocal .user-name-panel .user-name:hover,.login-panel .loginlocal .pass-panel .pass:hover,.login-panel .loginlocal .captchar input:hover,.register-panel .user-name-panel .user-name:hover,.register-panel .pass-panel .pass:hover,.register-panel .display-name-panel .display-name:hover,.register-panel .captchar input:hover,.login-panel .loginlocal .user-name-panel .user-name:focus,.login-panel .loginlocal .pass-panel .pass:focus,.login-panel .loginlocal .captchar input:focus,.register-panel .user-name-panel .user-name:focus,.register-panel .pass-panel .pass:focus,.register-panel .display-name-panel .display-name:focus,.register-panel .captchar input:focus {
    border: 2px solid #00c7de
}

.login-panel .loginlocal .submit,.register-panel .submit {
    line-height: 60px;
    margin-top: 10px;
    width: 405px;
    height: 62px;
    border: 1px solid #e9e9e9;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #474d5d;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer
}

.login-panel .loginlocal .submit:hover,.register-panel .submit:hover {
    color: #00c7de
}

.login-panel .loginlocal .alert-error,.register-panel .alert-error {
    color: red;
    margin-top: 15px;
    width: 405px;
    max-width: 100%;
    margin-bottom: 10px;
    font-size: 15px
}

.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: 700 11px sans-serif;
    background: #fff;
    display: inline-block;
    margin-right: 5px
}

.panel_page_number .group_qty,.panel_page_number .group_page a.page_last {
    margin-right: 0
}

.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_page .page_select:hover {
    -moz-box-shadow: inset 0 0 0 4px #059e9a;
    -webkit-box-shadow: inset 0 0 0 4px #059e9a;
    box-shadow: inset 0 0 0 4px #059e9a
}

.panel_page_number .group_qty {
    float: left
}

.panel_page_number .page_blue,.panel_page_number .page_select {
    background: #059e9a!important;
    color: #fff!important
}

.panel_story_list .story_name em {
    font: 700 10px sans-serif;
    overflow: hidden;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 2px 5px
}

.panel_story_list .story_name em.hot {
    background: #c0392b
}

.panel_story_list .story_name em.new {
    background: #2ecc71
}

.panel_story_list .story_name em.sp {
    background: #000
}

.panel_story_list {
    width: 100%;
    float: left;
    background: #fff
}

.panel_story_list .story_item {
    float: left;
    width: calc(50% - 20px);
    padding: 10px;
    height: 130px;
    overflow: hidden
}

.panel_story_list .story_item * {
    color: #000
}

.panel_story_list img {
    width: 90px;
    height: 130px;
    float: left;
    margin-right: 10px
}

.panel_story_list .story_item_right {
    float: left;
    width: calc(100% - 100px);
    overflow: hidden
}

.panel_story_list .story_name {
    float: left;
    width: 100%;
    line-height: 25px
}

.panel_story_list .story_name a {
    font: 700 15px/15px sans-serif;
    color: #383838;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: calc(100% - 40px)
}

.panel_story_list .story_chapter {
    float: left;
    width: calc(100% - 15px);
    background: url(../icons/item-bg.png) 2px 8px no-repeat;
    padding-left: 15px
}

.panel_story_list .story_chapter a {
    color: #009fdf;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
    font: 500 15px/22px sans-serif
}

.panel_story_list .story_item span {
    font: 500 13px/17px sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%
}

.panel_story_list .story_chapter a:visited {
    color: #42cc15
}

.panel_story_list .story_name em.hot:before {
    content: 'HOT'
}

.panel_story_list .story_name em.new:before {
    content: 'NEW'
}

.panel_story_list .story_name em.SS:before {
    content: 'SS'
}

.panel-category {
    border-top: 3px solid #3498db;
    width: 100%;
    float: left
}

.panel-category .panel-category-title {
    background: url(../icons/tag-icon.png) 7px center no-repeat #3498db;
    padding: 5px 15px 5px 30px;
    float: left;
    font: 300 15px sans-serif;
    color: #fff
}

.panel-category table {
    float: left;
    width: 100%;
    background: #fff;
    border-collapse: collapse;
    border-spacing: 0
}

.panel-category table tbody .bordertop {
    border-top: 2px solid #3498db
}

.panel-category table tbody tr td {
    text-align: left;
    padding: 8px;
    width: 33%
}

.panel-category table tbody tr td a {
    font-size: 14px;
    line-height: 16px;
    color: #383838
}

.panel-category table tbody tr td a.ctg-select {
    color: #c0392b;
    font: 700 14px sans-serif
}

.panel-category table tbody tr:nth-child(even) {
    background: #f6f6f6
}

.content-extent {
    width: 100%;
    text-align: center;
    background-color: #fff;
    float: left
}

.content-extent .content_more,.content-extent .content_less {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 2px;
    color: #ff530d;
    cursor: pointer;
    font: 600 15px sans-serif;
    cursor: pointer
}

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

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

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

.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
}

.notification-popup .notification-close {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px);
    color: #2196f3;
    font-weight: 600;
    font-size: 16px
}

.notification-popup .notification-content {
    font-size: 17px;
    color: #000
}

.panel_story_list .story_chapter a:hover,.panel_story_list .story_name a:hover,.panel-category table tbody tr td a:hover {
    color: #f1c40f!important
}

@media(min-width: 768px) {
    .container {
        max-width:750px
    }
}

@media(min-width: 992px) {
    .container {
        max-width:970px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1170px
    }
}

@media(max-width: 993px) {
    .bred_doc {
        width:100%
    }
}

@media(max-width: 1200px) {
    .footer-content {
        width:970px
    }

    .leftCol {
        width: 58%;
        margin-right: 1%
    }

    .middleCol {
        width: 41%;
        margin: 0
    }

    .top-logo img {
        float: none;
        margin: 0 auto;
        display: block
    }

    .alpha {
        width: 11.15%!important
    }

    .thongbao-top {
        width: 100%;
        border-bottom: 1px solid #fff
    }

    nav.wrap-menu-primary {
        float: right;
        margin-top: 10px
    }

    .social-top {
        width: 40%
    }

    .wrap-menu-primary {
        width: 100%
    }

    .menu-primary {
        width: 100%
    }

    .user-options {
        margin-top: 10px
    }
}

@media(max-width: 992px) {
    .leftCol {
        width:100%;
        margin: 0
    }

    .middleCol {
        width: 100%;
        margin: 10px 0 0
    }

    .login-panel .loginlocal,.login-panel .login-fb {
        width: 100%
    }

    .login-panel .login-fb {
        border-top: 2px solid #e5e5e5;
        padding-top: 10px
    }

    .login-panel .loginlocal .user-name-panel i,.login-panel .loginlocal .pass-panel i,.register-panel .user-name-panel i,.register-panel .display-name-panel i,.register-panel .pass-panel i {
        width: 32px;
        height: 32px;
        background-size: 32px
    }

    .login-panel .loginlocal .user-name-panel .user-name,.login-panel .loginlocal .pass-panel .pass,.register-panel .user-name-panel .user-name,.register-panel .display-name-panel .display-name,.register-panel .pass-panel .pass {
        width: 331px;
        height: 30px;
        max-width: calc(100% - 74px);
        background-size: 30px;
        padding: 0 20px;
        font-size: 16px
    }

    .login-panel .loginlocal .captchar input,.register-panel .captchar input {
        max-width: calc(100% - 132px)
    }

    .login-panel .loginlocal .submit,.register-panel .submit {
        max-width: 100%
    }
}

@media(max-width: 768px) {
    .footer-content {
        width:98%!important;
        margin: 0 auto
    }

    .list-truyen-item-wrap {
        width: 98%;
        margin: 0 0 10px
    }

    .thongbao-top {
        display: none
    }

    .container {
        margin: 10px auto 0!important
    }

    .container-top {
        width: 98%;
        margin: 0 auto
    }

    .container {
        width: 100%
    }

    .top-logo {
        width: 100%;
        margin-bottom: 10px
    }

    .top-header {
        width: 100%
    }

    .wrap-menu-primary {
        width: 100%;
        margin-top: 0!important
    }

    .alpha {
        width: 11.07%!important
    }

    .menu-primary {
        display: none;
        width: 100%
    }

    .menu-primary li {
        width: 100%
    }

    .menu-primary .menu-item a {
        color: #fd5e18
    }

    .mobile-menu {
        display: block
    }

    .social-top {
        width: 100%;
        border-bottom: 1px solid #fff
    }

    .social-top:firs-child {
        margin-left: 15px
    }

    .searching {
        width: 100%;
        float: left
    }

    .searching form {
        width: 100%
    }

    .searching form input {
        width: 100%
    }

    .phan-trang {
        width: 98%;
        margin-left: 1%
    }

    .searching form select {
        display: none
    }

    .panel_story_list .story_item {
        width: calc(100% - 20px)
    }
}

@media(max-width: 850px) {
    .new_update_trangdoc .update_item {
        width:46%
    }

        .top-logo {
  
        border-bottom: 0px solid #373737;  
    }
 
}

@media(max-width: 550px) {
    .new_update_trangdoc .update_item {
        width:98%
    }
    
     .top-logo a{
  
        font-size:40px!important ;
    }
 
}

@media(max-width: 500px) {
    .thongbao-top-one {
        display:none
    }

    .container {
        margin: 5px auto 0!important
    }

    .alpha {
        width: 15.09%!important
    }

    .slide {
        padding-top: 0;
        border: none
    }

    .social-top {
        display: none
    }

    .container-top {
        width: 100%;
        margin-top: 0!important
    }

    .daily-update-item {
        border-left: 2px solid #059e9a
    }

    section.container {
        margin: 0 auto!important
    }

    .item-name {
        width: 92%;
        padding-left: 8%;
        background: #fff;
        border-bottom: 1px solid #e8e8e8!important
    }

    .item-chapter {
        width: 92%;
        padding-left: 8%;
        background: #f4f4f4
    }

    .update-slide {
        display: none
    }

    .middleCol {
        width: 100%;
        margin: 10px 0 0
    }

    .rightCol {
        width: 100%;
        margin: 10px 0 0
    }

    .manga-info-pic {
        width: 100%!important;
        margin: 0 0 10px
    }

    .manga-info-text {
        width: 98%!important;
        margin: 0
    }

    .manga-info-text li {
        width: 80%!important
    }

    .phan-trang {
        text-align: center
    }

    .phan-trang a {
        margin-bottom: 5px
    }

    .phan-trang .group-page {
        display: inline-block
    }

    .phan-trang .group-qty {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin: 10px 0
    }

    .phan-trang a.quantitychapter {
        float: none!important
    }

    .panel_page_number {
        text-align: center
    }

    .panel_page_number .group_page {
        float: none;
        margin-bottom: 10px
    }

    .panel_page_number .group_qty {
        float: none
    }
}

@media(max-width: 340px) {
    .list-truyen-item-wrap img {
        width:50%
    }
}

@media(max-width: 992px) {
    .footer-content {
        width:750px
    }

    .style-trang-doc {
        width: 100%;
        padding: 5px 0!important
    }
}

@media(max-width: 400px) {
    #notestory .daily-update .item-name {
        margin-left:10px
    }
}

@media(max-width: 768px) {
    .itemupdate {
        width:98%;
        padding: 1%
    }
}

@media(max-width: 1033px) {
    .comments {
        width:96%;
        padding: 2%
    }

    .option_wrap {
        width: 96%;
        padding: 0 2% 13px
    }

    .info-top-chapter {
        width: 96%;
        padding: 2%
    }
}

.user-notifications-num {
    position: absolute;
    bottom: 0;
    right: -5px;
    min-width: 20px;
    height: 20px;
    padding: 2px;
    border-radius: 100%;
    text-shadow: 0 -1px 0 rgb(0 0 0/40%);
    text-align: center;
    background: #d80f16;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px
}

.user-notification {
    float: left;
    position: relative;
    background: url(../images/user.png) 0 0 no-repeat;
    height: 35px;
    width: 35px;
    margin-left: 10px
}

.user-logout {
    float: left;
    background: url(../images/user.png) 0 -78px no-repeat;
    height: 35px;
    width: 35px;
    margin: 0 10px
}