@charset "utf-8";*{margin:0;padding:0;outline:none}
.smaller{font-size:smaller}
strong,b,.bold{font-weight:700}
em,i,.fontItalic{font-style:italic}
hr{color:#fff;background:transparent;margin:0 0 .5em;padding:0 0 5em;border-bottom:1px #eee solid}
h1,h2,h3,h4,h5,h6{font-family:Tahoma,Geneva,sans-serif;padding:0;margin:0}
h1{font-size:18px;font-weight:700;font-size:small}
h2{font-size:16px;font-weight:700;font-size:small}
h3{font-size:13px}
h4{font-size:12px;line-height:normal}
h5{font-size:11px}
h6{font-size:10px}
.pad10{padding:7px}
.padR6{padding-right:6px}
.lineH20{line-height:20px}
.lineH20 ul,ol{margin:0 20px}
a,img{border:none;text-decoration:none}
.clearfix{clear:both}
.fLeft{float:left}
.fRight{float:right}
.clor6{color:#666}
a.clor6{color:#666}
a.clor6:hover{color:#666;text-decoration:underline}
p{margin:0}
a{color:#13a89e}
a:hover{text-decoration:underline}
body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:small;color:#595959;line-height:16px;position:relative}
#wapMobile{display:block;background:#FFF;max-width:650px;min-width:240px!important;margin:auto;position:relative;box-shadow:0 7px 50px rgba(0,0,0,0.3)}
#header{border-bottom:3px solid #C83C39;padding:8px 10px;background:url(images/patterns/pattern16.png) repeat #000}
#footer{text-align: center;background:url(images/bgDer.png) #99d6f9 top left repeat-x}
#breadcrumbs a{color:#FFF}
#content img{max-width:100%;height:auto}
.hderCtner{text-align: center;padding:20px 0 10px 10px;color:#fff}
.boxMnuHder{background:#E74946;position:relative;font-weight:700;color:white}
table.MnuHder{border-spacing:0;margin:0;padding:0;width:100%;width:240px;min-width:240px!important;;width:auto!important}
table.MnuHder td{vertical-align:middle;border:none;text-align:center;margin:0;background:#E74946;padding:0}
.boxMnuHder a,.boxMnuHder a:hover,.boxMnuHder a.actedMnu,.boxMnuHder a.iconHome{color:#FFF;display:block;padding:10px}
.actedTdMnu{background:#C83C39!important}
.boxMnuHder a:hover,.boxMnuHder a.actedMnu,.boxMnuHder a.iconHome:hover,.boxMnuHder a.iconHomed{background:#C83C39;text-decoration:none}
.boxMnuHder a.iconHome{background:url(images/iconhome.png) 10px center no-repeat;padding-left:30px;padding:10px}
.boxMnuHder a.iconHome:hover,.boxMnuHder a.iconHomed{background:url(images/iconhome.png) 10px center no-repeat;width:20px;display:block}
.boxSearch{border:1px solid #006e84;background:url(images/btnSearch.jpg) top right no-repeat;height:27px;width:210px}
.boxSearch input{border:none;padding:2px;color:#999;background:none}
h3.title{font-size:small;font-weight:700;background-color:transparent}
.title1,.title2,.title3,.title4,.title5{font-weight:700;color:white;background:#4F4F4F;padding:7px;color:#fff;border-left:7px solid #E74946;font-size:13px}
.bderTop{border-top:1px solid #e2e2e2}
.ot_categories{display:none;margin:0 0 8px;border-top:0}
.ot_categories ul li{color:#f4f4f4;font-weight:400;font-size:13px;padding:8px 35px 8px 8px;list-style:none;text-decoration:none;border:1px solid #e2e2e2;border-top:0}
.ot_categories a{color:#666;font-weight:bolder}
.home-category-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:12px 10px;background:#fff;border:1px solid #e2e8f0;border-top:none;box-shadow:0 1px 3px rgba(0,0,0,0.03)}
.cat-tag-pill{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;line-height:16px;color:#334155!important;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none!important;box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:all .2s ease;margin:2px 0}
.cat-tag-pill .tag-icon{font-size:11px;margin-right:5px;line-height:1}
.cat-tag-pill .tag-name{font-weight:600;color:#334155;transition:color .2s ease}
.cat-tag-pill .tag-count{display:inline-block;background:#e2e8f0;color:#475569;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;margin-left:6px;line-height:14px;transition:all .2s ease}
.cat-tag-pill:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.12);text-decoration:none!important}
.cat-tag-pill.tag-truyen{background:#fef2f2;border:1px solid #fee2e2;border-left:3px solid #E74946}
.cat-tag-pill.tag-truyen .tag-name{color:#b91c1c}
.cat-tag-pill.tag-truyen .tag-count{background:#fee2e2;color:#b91c1c}
.cat-tag-pill.tag-truyen:hover{background:#E74946;border-color:#E74946;color:#fff!important;box-shadow:0 4px 10px rgba(231,73,70,0.28)}
.cat-tag-pill.tag-truyen:hover .tag-name{color:#fff!important}
.cat-tag-pill.tag-truyen:hover .tag-count{background:rgba(255,255,255,0.28)!important;color:#fff!important}
.cat-tag-pill.tag-post{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #334155}
.cat-tag-pill.tag-post .tag-name{color:#334155}
.cat-tag-pill.tag-post .tag-count{background:#e2e8f0;color:#334155}
.cat-tag-pill.tag-post:hover{background:#334155;border-color:#334155;color:#fff!important;box-shadow:0 4px 10px rgba(51,65,85,0.28)}
.cat-tag-pill.tag-post:hover .tag-name{color:#fff!important}
.cat-tag-pill.tag-post:hover .tag-count{background:rgba(255,255,255,0.28)!important;color:#fff!important}
.linkMnuF{background:url(images/iconRF.png) right 6px no-repeat;padding-right:15px;display:block;line-height:20px;color:#FFF;text-decoration:none;float:left;cursor:default}
a.linkviewMore{background:url(images/ArrRightBlue.png) right 6px no-repeat;padding-right:15px;display:block;line-height:20px;text-decoration:none;float:left}
.post-item a{background-color:transparent}
.post-item{border-bottom:1px solid #e2e2e2;padding:7px;clear:both}
.post-item img{width:55px;float:left;margin:0 8px 0 0;height:55px;border-left:5px solid #E74946}
.boxMnufter{background:#4F4F4F;position:relative}
table.Mnufter{border-spacing:0;margin:0;padding:0}
table.Mnufter td,table.Mnufter td.actedMnufter{font-weight:700;vertical-align:middle;border:none;text-align:center;margin:0;background:#4F4F4F}
.boxMnufter a,.boxMnufter a:hover,.boxMnufter a.actedMnu,.boxMnufter a.iconHome{color:#FFF;display:block;padding:10px}
.boxMnufter a.iconHomed{background:url(images/iconhome.png) 10px center no-repeat;width:20px;display:block}
table.Mnufter td.actedMnufter{background:#C83C39}
.boxMnufter a:hover,.boxMnufter a.actedMnu,.boxMnufter a.iconHome:hover{background:#C83C39;text-decoration:none}
.pagingNext{margin:0;text-align:center;padding:10px;clear:both}
.pagingNext a,.pagingNext a:hover,.pagingNext .actedPage{color:#636363;padding:2px 6px;margin-right:1px}
.pagingNext a:hover,.pagingNext .actedPage{color:#FFF;background:#E74946;text-decoration:none;border-radius:4px}
a.downloadfree{background:url(images/download.png) #000 top right no-repeat;padding-left:5px;height:30px;line-height:30px;color:#FFF;font-weight:700;border:none;display:block;float:left;clear:both;padding-right:40px}
.download{display:inline-block;border:1px #6DBD44 solid;text-align:left}
.download ul{margin-left:0}
.dl_menu{font-weight:700;color:#FFF;background: url(images/download.png) #000000 top right no-repeat;padding-left:5px;height:30px;line-height:30px;text-align:left}
.download .item{list-style:none;border-bottom:1px solid #E2E2E2;padding:4px 10px;margin:0;background:url(images/item.png) left 8px no-repeat;color:#13a89e}
.boxBlue{background:#00bde2;padding:10px;width:100%;width:240px;min-width:240px!important;width:auto!important;color:#FFF;font-size:16px}
.posted-by a{background-image:url(images/blog/user.png);background-repeat:no-repeat;background-position:0 10px;padding-left:20px;float:left;font-size:10px;color:#a6a6a6!important;text-shadow:0 1px 0 #FFF;text-decoration:none;padding-top:10px;margin-top:-10px;padding-bottom:10px}
.posted-on{background-image:url(images/blog/time.png);background-repeat:no-repeat;background-position:0 10px;padding-left:20px;margin-left:20px;margin-right:20px;float:left;font-size:10px;color:#a6a6a6!important;text-shadow:0 1px 0 #FFF;text-decoration:none;padding-top:10px;margin-top:-10px;padding-bottom:10px}
.posted-cat a{float:left;background-image:url(images/blog/cat.png);background-repeat:no-repeat;background-position:0 10px;padding-left:20px;margin-right:20px;font-size:10px;color:#a6a6a6!important;text-shadow:0 1px 0 #FFF;text-decoration:none;padding-top:10px;margin-top:-10px;padding-bottom:10px}
.posted-tag a{color:#13a89e}
.button,.button-primary{font-size:12px;background:#E74946;border:0;border-radius:4px;padding:5px 10px;color:#fff;cursor:pointer}
.button:hover,.button:focus{background:#C83C39}
.form,.input{font-size:13px;font-family:Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000;background-color:#fff;padding:3px;margin-bottom:2px;border-width:1px;border-style:solid;border-top-color:silver;border-right-color:#e9e9e9;border-bottom-color:#e9e9e9;border-left-color:silver;border-radius:4px;outline:0}
.comment img{margin:0 8px 0 0}
.cat-link a{background:url(images/user/iconRF.png) no-repeat;padding-right:15px;display:block;line-height:20px;color:#FFF;text-decoration:none;float:left}
.header{position:relative;width:100%;z-index:9999;box-shadow:inset 0 3px 6px rgba(0,0,0,0.35),0 4px 12px rgba(0,0,0,0.25);background:linear-gradient(180deg,#1e293b 0%,#0f172a 100%);display:none;padding:14px 10px 10px;box-sizing:border-box;border-bottom:2px solid #E74946}
.hide-nav{display:block;text-align:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,0.15);cursor:pointer;clear:both}
.hide-nav img{display:inline-block;vertical-align:middle;opacity:0.85;transition:opacity .2s}
.hide-nav:hover img{opacity:1}
.header-notification{color:#b8b8b8;position:relative;z-index:9;background-color:#FFF;margin-top:5px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7}
.content{margin-top:55px}
.navigation{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin:0;padding:0}
.nav-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:20%;text-align:center;text-decoration:none;color:#fff;font-size:11px;font-family:Arial,Helvetica,sans-serif;margin-bottom:10px;box-sizing:border-box;padding:2px 4px;transition:transform .15s ease}
.nav-item:hover{transform:translateY(-2px);color:#38bdf8;text-decoration:none}
.nav-item img{margin-bottom:6px;display:block;max-width:44px;height:auto}
.navigation .center-text{font-size:12px;color:#FFF;font-family:Arial,sans-serif;font-weight:700;margin-top:20px;text-shadow:none}
.white ,.white a{color:#fff}
/* Story & Chapter Styles */
.truyen-header-box{display:flex;gap:12px;margin-bottom:10px}
.truyen-buttons, .post-item .truyen-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;align-items:center!important;margin:12px 0 6px!important;padding:0!important}
.truyen-buttons a, .truyen-buttons button, .post-item .truyen-buttons a, .post-item .truyen-buttons button, .btn-read-primary, .btn-read-secondary, .btn-read-continue, .btn-follow-story{padding:7px 14px!important;font-size:12px!important;font-weight:700!important;border-radius:4px!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;transition:all .2s ease!important;cursor:pointer!important;border:none;line-height:18px!important;box-sizing:border-box!important;height:auto!important;margin:0!important}
.truyen-buttons a.btn-read-primary, .post-item .truyen-buttons a.btn-read-primary, .btn-read-primary{background:#E74946!important;color:#fff!important}
.truyen-buttons a.btn-read-primary:hover, .post-item .truyen-buttons a.btn-read-primary:hover, .btn-read-primary:hover{opacity:.9!important;transform:translateY(-1px)!important;color:#fff!important}
.truyen-buttons a.btn-read-secondary, .post-item .truyen-buttons a.btn-read-secondary, .btn-read-secondary{background:#334155!important;color:#fff!important}
.truyen-buttons a.btn-read-secondary:hover, .post-item .truyen-buttons a.btn-read-secondary:hover, .btn-read-secondary:hover{opacity:.9!important;transform:translateY(-1px)!important;color:#fff!important}
.truyen-buttons a.btn-read-continue, .post-item .truyen-buttons a.btn-read-continue, .btn-read-continue{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 2px 6px rgba(16,185,129,0.3)!important}
.truyen-buttons a.btn-read-continue:hover, .post-item .truyen-buttons a.btn-read-continue:hover, .btn-read-continue:hover{transform:translateY(-1px)!important;box-shadow:0 4px 10px rgba(16,185,129,0.4)!important;color:#fff!important}
.truyen-buttons button.btn-follow-story, .post-item .truyen-buttons button.btn-follow-story, .btn-follow-story{background:#f8fafc!important;color:#475569!important;border:1px solid #cbd5e1!important;box-shadow:0 1px 2px rgba(0,0,0,0.05)!important}
.truyen-buttons button.btn-follow-story:hover, .post-item .truyen-buttons button.btn-follow-story:hover, .btn-follow-story:hover{background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important}
.truyen-buttons button.btn-follow-story.is-followed, .post-item .truyen-buttons button.btn-follow-story.is-followed, .btn-follow-story.is-followed{background:#fef2f2!important;color:#e11d48!important;border-color:#fecdd3!important}
.truyen-buttons button.btn-follow-story.is-followed:hover, .post-item .truyen-buttons button.btn-follow-story.is-followed:hover, .btn-follow-story.is-followed:hover{background:#fee2e2!important;color:#be123c!important;border-color:#fda4af!important}
.btn-sort-order{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.4);color:#fff;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease;margin-top:2px}
.btn-sort-order:hover{background:rgba(255,255,255,0.35)}
.truyen-chapter-list{list-style:none;margin:0;padding:0}
.truyen-chapter-list li.chap-item{border-bottom:1px solid #f0f0f0;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;transition:background .15s ease}
.truyen-chapter-list li.chap-item:hover{background:#f9fbfd}
.truyen-chapter-list li.is-reading-now{background:#ecfdf5!important;border-left:3px solid #10b981}
.chap-link{color:#475569;font-weight:500;text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;word-break:break-word}
.chap-link:hover{color:#E74946}
.chap-date{color:#94a3b8;margin-left:8px;white-space:nowrap;font-size:11px}
.badge-reading{background:#10b981;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;margin-left:6px;vertical-align:middle;line-height:14px;text-transform:uppercase}
.truyen-chap-pagination-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border-top:1px solid #e2e8f0}
.truyen-chap-pagination{display:flex;align-items:center;gap:4px}
.chap-page-btn{background:#fff;border:1px solid #cbd5e1;color:#334155;font-weight:700;padding:4px 9px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}
.chap-page-btn:hover:not(:disabled){background:#E74946;border-color:#E74946;color:#fff}
.chap-page-btn:disabled{background:#f1f5f9;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed}
.chap-page-info{font-size:12px;color:#64748b;padding:0 4px}
.chap-jump-box{display:flex;align-items:center;gap:4px}
.chap-jump-input{width:65px;height:26px;padding:2px 6px;font-size:12px;border:1px solid #cbd5e1;border-radius:3px;outline:0;text-align:center}
.chap-jump-input:focus{border-color:#E74946}
.chap-jump-btn{height:26px;padding:0 10px;font-size:12px;font-weight:700;background:#334155;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background .2s ease}
.chap-jump-btn:hover{background:#1e293b}
.btn-chap-nav:hover{opacity:.9}
.chap-reading-content p{margin-bottom:14px;text-indent:1.5em;line-height:28px}
.bione-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(30,41,59,0.92);color:#fff;padding:10px 20px;border-radius:24px;font-size:13px;font-weight:500;z-index:9999999;box-shadow:0 4px 16px rgba(0,0,0,0.25);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;text-align:center}
.bione-toast.show{transform:translateX(-50%) translateY(0);opacity:1}