body{min-height:100vh;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif} .nav-list{list-style:none;display:flex;align-items:center;margin:0;padding:0;height:70px} .nav-item{margin-right:10px;position:relative} .nav-link{text-decoration:none;color:#333;font-weight:500;font-size:14px;font-family:'Oswald' !important;height:70px} .search-box{display:flex;align-items:center;padding-left:2em;padding-right:2em} .search-box input{padding:8px;border:1px solid #ccc;border-radius:4px;margin-right:10px} .search-box button{padding:8px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer} .dropdown{display:none;position:absolute;top:45px;left:0;background-color:#ffffff;box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:3;width:500px;list-style:none;padding:10px 0;margin:0;display:flex;flex-wrap:wrap} .dropdown::before{content:'';position:absolute;top:-10px;left:10%;transform:translateX(-50%);border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #ffffff;z-index:4} .dropdowns::before{content:'';position:absolute;top:-10px;left:30%;transform:translateX(-50%);border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #ffffff;z-index:4} .nav-item:hover .dropdown{display:flex;flex-wrap:wrap} .nav-item:not(:hover) .dropdown{display:none} .dropdown li{margin:0;flex:0 0 calc(50% - 10px);box-sizing:border-box;max-height:320px} .dropdown li:hover{background-color:#ccc} .dropdown a{padding:10px;display:block;text-decoration:none;color:#000000;font-size:13px;margin-left:10px;font-weight:400} .nav-item:hover .dropdown li:nth-child(8n)::after{content:'';flex-basis:100%;width:0;height:0} .dropdowns{display:none;position:absolute;top:45px;left:0;background-color:#ffffff;box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:3;width:150px;list-style:none;padding:10px 0;margin:0} .nav-item:hover .dropdowns{display:block} .dropdowns li{margin:0;box-sizing:border-box} .dropdowns li:hover{margin:0;box-sizing:border-box;background-color:#c3cba0} .dropdowns a{padding:10px;display:block;text-decoration:none;color:#000000;font-size:12px;font-weight:400;margin-left:14px} .story-details{text-align:left} .story-details p{display:inline-block;margin-right:10px} .tomtat_v1{text-align:justify;color:#757474;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .tomtat_v1{display:-webkit-box;overflow:hidden} p.tomtat_v1.overflowed{margin-bottom:5px;margin-top:8px} .tieude{text-transform:capitalize;text-decoration:none;color:initial;transition:color 0.3s;font-family:'Inter' !important;font-weight:600;font-size:15px;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .tieude:hover{color:#b78a28!important} .truyenmoicapnhat{text-decoration:none;color:#333;font-family:'Inter' !important;text-align:right} .story-list-abc p{color:#347b4c;font-size:12px} .story-list-abc{width:100%;border-collapse:collapse;margin-top:10px} .story-list-abc th,.story-list-abc td{padding:10px;text-align:left} .story-list-abc th{background-color:#f2f2f2} .story-list-abc a{text-decoration:none;color:#000000;text-transform:capitalize;font-size:13px} .story-list-abc a:hover{text-decoration:underline;text-decoration:none;color:#893636} .story-list-abc tr:nth-child(even){background-color:#f9f9f9} .story-list-abc tr:nth-child(odd){background-color:#ffffff} #settingsPanel label,#settingsPanel select,#settingsPanel input[type="color"]{display:block;margin-bottom:10px} #backgroundcolor{margin-top:10px} .content-container{width:70%;margin:0 auto} .chapter-info .next-chapter{right:0} .chapter-info .chapter-dropdown{width:100%;box-sizing:border-box;padding:10px;border-radius:5px} .chapter-navigation{display:flex;justify-content:space-between;align-items:center} .chapter-navigation .prev-chapter,.chapter-navigation .next-chapter,.chapter-navigation .chapter-dropdown{width:48%;text-align:center;padding:10px;border-radius:5px;box-sizing:border-box} .comments-section{width:100%;margin-top:20px} .comment-list{list-style-type:none;padding:0} .comment-list li{padding:10px;margin-bottom:10px} form textarea{width:100%;box-sizing:border-box;margin-bottom:10px} form input[type="submit"]{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer} form input[type="submit"]:hover{background-color:#45a049} @media (max-width:768px){.content-container{width:90%} .chapter-navigation .prev-chapter,.chapter-navigation .next-chapter,.chapter-navigation .chapter-dropdown{width:100%;margin-bottom:10px} } #backgroundcolor{margin-top:10px} .chuong_ten123{text-align:center} .chapter-info .prev-chapter a{text-decoration:none;color:#CC3E64;border-radius:30px;padding:10px;display:block;border:1px solid #CC3E64;margin-top:20px;font-size:15px;background:white;width:160px;font-weight:500} .chapter-info .next-chapter a{text-decoration:none;color:#ffffff;border-radius:30px;padding:10px;display:block;border:1px solid #CC3E64;margin-top:20px;font-size:15px;background:#CC3E64;width:160px;font-weight:500} #chapter-list option{max-width:30px;white-space:nowrap;overflow-y:auto;padding:8px;background-color:#fff;color:#333} #chapter-list option:hover{background-color:#f5f5f5} #chapter-list option.selected-option{background-color:#e0e0e0;font-weight:bold} .chapter-info .next-chapter{right:6px} .chapter-info .chapter-dropdown{width:100%;box-sizing:border-box;padding:10px;border-radius:5px;text-align:center} .chapter-content{margin:20px 0;line-height:1.6;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;;font-weight:400} .chuong_ten{text-align:center} .chapter-navigation{display:flex;justify-content:space-between;align-items:center;flex-direction:column} p.content-text{font-size:17px;font-size:1.2375rem;font-weight:400} p.acd{text-align:justify;line-height:1.7} .comments-section{width:100%;margin-top:100px} .comment-list{list-style-type:none;padding:0} .comment-list li{padding:10px;margin-bottom:10px} form textarea{width:100%;box-sizing:border-box;margin-bottom:10px} form input[type="submit"]{background-color:#4caf50;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer} form input[type="submit"]:hover{background-color:#45a049} @media (max-width:768px){.content-container{width:97%} .chapter-navigation .prev-chapter,.chapter-navigation .next-chapter,.chapter-navigation .chapter-dropdown{width:100%;margin-bottom:10px} } .li-acd{flex:0 0 33%;box-sizing:border-box;padding:5px;white-space:nowrap;overflow:hidden;border-bottom:1px solid #ccc;text-overflow:ellipsis} .li-acd a:hover{color:#f39c12} .story-items{display:flex;align-items:center} .story-details{flex:1} .story-details a{text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;;margin-bottom:5px;color:rgb(51 65 85 / var(--tw-text-opacity))} .story-details p{margin:0} .read-more{float:right;color:#b78a28!important;font-weight:400;margin-left:10px;font-size:10px;text-decoration:none;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .jjskks11{margin-top:5px} .dropdown-item-eds{position:relative;padding:10px;cursor:pointer} .dropdown-item-eds a{text-decoration:none;color:#333} .dropdown-item-eds a:hover{text-decoration:none;color:#b78a28} .dropdown-123{display:none;position:absolute;top:100%;left:0;z-index:1;list-style:none;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.1);width:130px} .dropdown-123 a{display:block;padding:10px;text-decoration:none;color:#333} .dropdown-item-eds:active .dropdown-content{display:block} ul#moiCapNhatDropdown{margin:0;padding:0;box-sizing:border-box} ul#luotdoc-dropdown{margin:0;padding:0;box-sizing:border-box}ul#diemdanhgia-dropdown{margin:0;padding:0;box-sizing:border-box}ul#dropdown-item-eds{margin:0;padding:0;box-sizing:border-box} ul#decu-dropdown{margin:0;padding:0;box-sizing:border-box} .dropdown-123 a:hover{background-color:#b78a28;color:#fff} .main-container-eds{width:70%;overflow:hidden;z-index:2} .container-wrapper-eds{display:flex;box-sizing:border-box} input[type="range"]{width:100%;background-color:#b78a28} .danhgia123{color:#b78a28;background-color:#b78a28} textarea{width:100%;margin-bottom:10px} .submit-button{width:100%;background-color:#4CAF50;color:white;padding:10px;border:none;border-radius:4px;cursor:pointer} .submit-button:hover{background-color:#45a049} .hidden-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff5dc!important;z-index:1000;display:none;padding:15px} .visible{display:block} button#close-btn{position:absolute;top:2px;right:40px;font-size:20px;background-color:transparent;border:none;cursor:pointer;color:#000000;margin-right:-31px} button.acd3{background-color:#fff;border:1px solid #f39c12;border-radius:30px;color:#f39c12;font-size:16px;font-weight:600;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;;padding-left:14px;padding-right:14px} p.tacgia321{font-weight:500;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;;float:left;font-size:12px} .story-details p{font-size:14px;font-weight:500} a.theloai321{float:right;border:1px solid #b78a28!important;color:#b78a28!important;padding:1px 5px 1px 5px;margin-bottom:5px;font-size:12px} p.trangthai321{color:#088860!important;margin-top:5px} i.fa-solid.fa-angles-right{color:#df9135;font-size:15px} .ul-acfs{list-style:none;padding:0} .li-acfs{display:flex;align-items:center;margin-bottom:15px;border:1px solid #ccc } .comment-avatar{flex:0 0 30px;margin-right:10px} .comment-content{flex:1} .comment-info{font-weight:bold;margin-bottom:5px} .comment-time{font-size:0.6em;color:#888;margin-bottom:5px} .comment-text{margin-bottom:0} .pagination a{margin:0 5px;padding:8px 12px;text-decoration:none;color:#333;background-color:#ddd;border-radius:4px} .pagination a.active{background-color:#b78a28;color:#fff} .nav_vc123{list-style-type:none;padding:0;margin:0} .nav-item_vc123{border-bottom:1px solid #ccc;padding:10px} .nav-item_vc123:hover{background-color:#b78a28} .nav-item-horizontal_vc123{display:inline-block;margin-right:20px} .profile-picture_vc123{display:block;margin:20px auto;border-radius:50%;width:100px;height:100px;object-fit:cover} .input-field_vc123{margin:10px 0;width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px} .input-field_vc123[readonly]{background-color:#f8f8f8} .label_vc123{display:block;margin-bottom:5px;font-weight:bold} .update-button_vc123{background-color:#4CAF50;color:white;padding:10px;border:none;border-radius:4px;cursor:pointer} .update-button_vc123:hover{background-color:#45a049} .avatar-container{display:flex;align-items:center} .avatar-img{width:20px;height:20px;border-radius:50%;margin-right:8px;overflow:hidden;align-items:center;margin-bottom:-3px} i.fa-regular.fa-heart{font-size:20px;color:#f73c3c} i.fa-regular.fa-bookmark{margin-left:2px;margin-top:10px;font-size:20px;color:#d8b072} .theloai231{display:flex;text-decoration:none} .theloai-box{text-decoration:none;border:1px solid #b78a28!important;color:#b78a28!important;border-radius:5px;padding:5px 15px} .trangthai-box{text-decoration:none;border:1px solid red!important;color:red!important;border-radius:5px;padding:5px 15px} .acd-list{list-style:none;padding:0;margin:0;display:flex;margin-top:25px} .acd-number{font-weight:600;font-size:19px;margin-bottom:4px} span#tongdiem-value-123{margin-left:15px;font-weight:500} .star-container-123{align-items:center;margin-left:28px;font-size:12px} select#fontsize{width:100px} a.tentieude{text-decoration:none;color:#666;font-size:25px;font-weight:bold} .line{padding:24px 0 0;border-top:3px dashed #e0d9d6} .site-animation{text-align:center;padding-bottom:10px} .wrapper-heading-home-instagram{padding-bottom:0px !important;font-family:'Oswald' !important;width:100%;font-size:5.85vw;height:auto!important;overflow:hidden;text-transform:uppercase;-webkit-text-stroke-width:1px;-webkit-text-fill-color:hsl(0deg 0% 100%)} .story-details-123 a{text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .tomtat_v1{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3em;line-height:1.5em;font-size:14px} @media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.tomtat_v1{display:block;position:relative;max-height:3em;overflow:hidden;padding-right:1em} .tomtat_v1::before{content:"...";position:absolute;right:0;bottom:0} .tomtat_v1::after{content:"";position:absolute;right:0;width:1em;height:1em;margin-top:0.2em;background:white} } @keyframes sparkling{0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .gold-value{animation:sparkling 3s linear infinite;background-size:200% 200%;-webkit-background-clip:text;color:transparent;background-clip:text;background-image:linear-gradient(45deg,#f6d365,#fda085,#f6d365,#fda085,#f6d365)} i.fa-solid.fa-key{color:#bbba00} .star-container{padding:10px} input#submit-comment{background:#7caa4582;border-radius:5px;padding:5px;color:#685d1f;border:navajowhite} ul.nav_vc123 a{text-decoration:none;color:#000} @media (min-width:969px){.nav-mobile{display:none} } @media (max-width:968px){.nav-list{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff} .nav-mobile{display:flex;justify-content:space-between;align-items:center} .site-header{background-color:rgba(51,34,0,.05);color:#fff;height:50px;align-items:center;justify-content:space-between;padding:0 20px} .main-nav{margin:auto} .weekly-stories .column{margin-top:40px} .weekly-list{padding:0;list-style:none;box-shadow:0 2px 4px rgba(0,0,0,0.1)} .weekly-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px;border-top:2px dashed #e0d9d6 } .weekly-item p{margin:0} .weekly-item a{text-decoration:none;color:#333;font-size:12px;font-weight:600} .top-1-info a{font-size:14px} .recommended-stories{margin-top:20px} .story-row{flex-wrap:wrap} .story-item{margin-bottom:20px;border-bottom:1px dashed #ccc;padding:3px;overflow:hidden;display:flex;gap:10px} .story-thumbnail img{width:40px} .story-details{width:70%} .read-stories{margin-top:35px} .story-rows{flex-wrap:wrap;margin-top:50px} .story-items{width:100%;margin-bottom:20px;overflow:hidden;display:flex;gap:15px} .story-thumbnail img{width:70px} .story-details{width:70%} .story-details h4{margin-top:0} .new-stories-abc{list-style:none;padding:0} .story-item-c{display:flex;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:10px} .story-details-abc{width:calc(100% - 20px);padding-left:20px} .story-details-abc h4{margin-top:0} .story-details-abc{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 20px);padding-left:20px;border-bottom:1px solid #ccc;margin-bottom:10px} .story-details-abc h4{margin-top:0} .story-details-abc p{margin:0} main{position:relative;z-index:2} .nav-item-search-box{display:flex;align-items:center} .timkiem{width:200px;padding:10px;border:none;border-radius:30px 0 0 30px;outline:none} .button-timkiem{border:none;color:#b78a28!important;cursor:pointer;border:none} .search-input{width:100%;box-sizing:border-box} .search-container{box-sizing:border-box;margin:10px 0 10px 0} .search-input{padding:10px;border:1px solid #ccc;border-radius:4px} .button-timkiem{padding:10px;cursor:pointer;background:none} .timkiem::placeholder{color:#555;opacity:0.7} .review-container{border-radius:8px;width:100%;margin:auto;background-color:#fff5dc!important} .site-header.expanded{height:100px} button.nav-button{border:none;background:none} i.fa-solid.fa-bars{font-size:22px;color:#b78a28 !important} .nav-lists{position:fixed;top:0;right:-100%;width:80%;height:100%;background-color:#f9f9f9;overflow-y:auto;transition:right 0.8s;z-index:999} .nav-lists ul{list-style:none;padding:0;margin:0} .nav-lists li{border-bottom:1px solid #eaeaea} .nav-lists li:last-child{border-bottom:none} .nav-lists li a{text-decoration:none;color:#8b4a4a;display:block;padding:15px;font-weight:500} .nav-lists.show{right:0} .close-nav{font-size:30px;cursor:pointer;top:10px;right:10px;border:none;background:none;padding:0;line-height:1;padding:10px 0px 10px 10px} .theh{text-align:center;font-family:'Oswald' !important;font-weight:500;text-align:center} .thehh{font-family:'Oswald' !important;font-weight:500;text-align:center} .story-rows td{display:flex;justify-content:space-between;padding:10px} .story-left{flex:80%;margin-right:10px} .story-right{flex:20%;text-align:right} .story-title,.story-details{margin-bottom:5px} .story-detailss{display:flex;gap:30px} .story-list-abc a{text-decoration:none;color:#000000;text-transform:capitalize;font-size:13px;font-weight:600} .story-author{font-size:11px;color:#000000;font-weight:600} .story-genre{font-size:11px;color:#b56e6e} .story-chapter a{color:#d38500;font-weight:600} .story-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px} a.tieude{white-space:nowrap;overflow:hidden;font-size:14px;text-overflow:ellipsis;max-width:230px} .maytinh{display:none} .story-rows{display:table-row} .containers-acd{background-color:#fff} .truyen-image-acd{display:flex;justify-content:center;margin-top:50px} .truyen-info-acd{flex:7} .truyen-image-acd img{max-width:100%;height:240px} .buttons-acd button{background-color:#007bff;color:#fff;border:1px solid #007bff;border-radius:24px;cursor:pointer;width:auto} .buttons-acd button:hover{background-color:#0056b3;border-color:#0056b3} h2.acd{text-align:left;font-family:'Oswald' !important;font-weight:500 } a.nav-link{padding-top:1.8em;padding-bottom:1.8em;padding-left:1em;padding-right:1em} a.nav-link:hover{background-color:#ccc} .container-mt-5{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-top:100px} .form-group-123{margin-bottom:20px} input.form-control-123{width:100%;padding:10px;margin-bottom:10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px} button.btn-btn-primary123{background-color:#007bff;color:#ffffff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer} .button-btn-primary123:hover{background-color:#0056b3} .container-fluid{min-height:800px} .nav-tabs{list-style:none;padding:0;display:flex;position:relative;justify-content:center;flex-wrap:wrap;gap:5px} .nav-item-axc{margin:auto} .nav-link-axc{text-decoration:none;padding:10px 15px;border:1px solid #162b54;border-radius:5px;color:#162b54;background-color:#ffffff;cursor:pointer;font-family:'Inter' !important;font-weight:600;text-transform:uppercase;font-size:10px} .tab-pane{display:none} .tab-pane.active{display:block;background-color:#ffffff !important;padding:15px;border-radius:7px;box-shadow:0 0 10px rgba(0,0,0,0.1)} .nav-dropdown{display:none;position:absolute;background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:1} .nav-item-axc:hover .nav-dropdown{display:block} p.acd{font-size:15px;font-family:'Inter' !important;font-weight:400} a.acd{font-size:15px;font-family:'Inter' !important;font-weight:600;text-decoration:none;color:#000000} h2.acd{font-family:'Inter' !important;font-weight:600;color:#000000;text-transform:capitalize;text-align:center} .buttons-acd{display:flex;gap:10px;flex-wrap:wrap;justify-content:center} .buttons-acd a{display:block;padding:10px 25px;text-decoration:none;color:#fff;border-radius:30px;transition:background-color 0.3s ease} .acd1{background-color:#bf2c24;border-color:#bf2c24} a.acd1{font-family:'Inter' !important;font-weight:600;color:#fff;width:auto} .acd2{background-color:#ffffff;border:1px solid #8a8282} .acd2:hover{background-color:#7a7a7a;color:#fff} .acd1:hover{background-color:#cc5252;color:#fff} a.acd2{font-family:'Inter' !important;font-weight:600;color:#595858} .acd3{border:1px solid #f39c12} a.acd3{font-family:'Inter' !important;font-weight:600;color:#f39c12} .acd3:hover{background-color:#f39c12;color:#fff} .acd4{background-color:#a5a303} a.acd4{font-family:'Inter' !important;font-weight:600;color:#ffffff} .acd4:hover{background-color:#cc5252;color:#fff} .buttons-acd a i{margin-right:5px} #settingsPanel{position:absolute;width:90%;padding:10px;background-color:#fff;border:1px solid #ccc;z-index:1000;background-color:#fff;border-radius:8px} .top-bg-op-box{z-index:1;left:0;overflow:hidden;width:100%;background-repeat:no-repeat;background-position:50% 0;background-size:cover;display:block;content:""} .status-theloai{display:flex;align-content:center;flex-wrap:wrap;justify-content:center;gap:10px} .acd-item{display:flex;flex-direction:column;align-content:space-around;width:100%;align-items:center} .author-rating-container{display:flex;margin:28px 0 25px 0;justify-content:center} .fkdkfdk2{display:none} .ul-acd{flex-direction:row;justify-content:center;padding:0;list-style-type:none} .li-acd{margin:5px} .li-acd a{display:flex;padding:10px;border-radius:5px;text-decoration:none;color:#333;align-items:center;width:100%} .li-acd p{display:block;border-radius:5px;text-decoration:none;color:#333;width:100%;white-space:nowrap;overflow:hidden;margin:0;text-overflow:ellipsis} .chapter-info .chapter-dropdown select{width:60%;padding:10px;border:1px solid #ccc;border-radius:13px;box-sizing:border-box;margin-top:70px} .chapter-info .prev-chapter,.chapter-info .next-chapter{top:0;width:auto;text-align:center;border-radius:5px;text-decoration:none;position:absolute} .chapter-info{background-color:#ffffff;padding:1px 10px 0px 10px;position:relative} .content-text{font-size:18px} .modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} .modal-content{background-color:#ffffff;width:100%;height:100%;padding:1px} .close{color:#aaa;float:right;font-size:28px;font-weight:bold} .close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer} .additional-info-list-eds{list-style:none;display:flex;margin:0;padding:0;border:1px solid #ccc;flex-wrap:wrap;justify-content:center} .mobile-filter-menu{display:flex;padding:10px;background:#f4f4f4;border:1px solid #ccc} i#mobileFilterToggle{font-size:20px;color:#b78a28} .jfsdjfj{display:flex;position:relative} .iljdjld{width:95%;margin:auto} .fkdjf432 li{flex:0 0 auto;font-size:13px;font-weight:500} .dropdown-123{white-space:nowrap;overflow-x:auto} .dropdown-123{position:absolute;top:100%;left:0;z-index:1000;white-space:nowrap;overflow-x:auto} .filter-list-eds{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap} .filter-item-eds{margin-bottom:10px} .filter-list-eds a{text-decoration:none;color:#666;display:block;padding:8px;margin-right:5px;margin-bottom:5px;border:1px solid #666;border-radius:5px;font-size:11px;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .filter-list-eds a:hover{background-color:#666;color:#ffffff} .selected-category-eds{border-bottom:1px solid #ccc} .selected-keywords-eds{margin-top:10px} .result-item-eds{border:1px solid #ccc;margin-bottom:20px;padding:10px} .additional-info-container-eds{display:flex} .pagination{display:flex;list-style:none;padding:0;justify-content:center;margin-bottom:20px} .additional-info-list-eds li:hover{color:#b78a28} .weekly-item{text-align:left;margin-bottom:20px} .fa-medal{color:rgb(255,128,0);font-size:20px} .weekly-item p{font-size:14px;font-weight:500;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .tieudetruyen{font-size:18px;font-weight:bold;text-decoration:none;color:#333;text-transform:capitalize;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tieudetruyena{text-decoration:none;color:#ccc;text-transform:capitalize;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tieudetruyena:hover{color:#b78a28} .tieudetruyen:hover{color:#b78a28} .tenuser{font-size:14px;color:#666} .luotdoc{font-size:14px;color:#888} .top-1-info{text-align:left;line-height:2} .dropdown-menu{display:none} .nav-item234 .dropdown-menu{flex-wrap:wrap;max-height:440px;overflow:hidden} .nav-item234 .dropdown-menu li{width:calc(100% / 2);break-inside:avoid-column;page-break-inside:avoid;box-sizing:border-box} .dropdown-menu a{padding:10px;display:block;text-decoration:none;color:#000000;font-size:13px;font-family:'Oswald',sans-serif;font-weight:400} .rotate-icon{transform:rotate(180deg);transition:transform 0.3s ease} i.fa-solid.fa-chevron-down{margin-left:50px} .no-scroll{overflow:hidden;height:100%} foterso{background-color:#222;color:#fff;padding:20px 0} .foterso-container{display:flex;flex-wrap:wrap;flex-direction:column} .foterso-section{flex:1;margin-left:5%} .foterso-section h3{color:#fff;margin-bottom:10px} .foterso-section h3{font-size:15px} .foterso-section ul{padding:0} .foterso-section a{text-decoration:none;color:white;font-size:12px} .foterso-section ul li{margin-bottom:8px} .social-icons{display:flex;padding:0} .social-icons li{display:flex;padding:0} .social-icons li{margin-right:10px;list-style:none} .social-icons a{color:#fff;font-size:13px} .copyright{text-align:center;margin-top:20px} .container_vc123{display:flex;justify-content:space-between;margin:0 auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)} .left-column_vc123,.right-column_vc123{background-color:#fff;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.1)} .right-column_vc123{width:100%} .fa-chevron-down{margin-left:5px} .column-20{width:auto} i.fa-solid.fa-magnifying-glass{font-size:17px} .container-mt-4{width:100%;margin-top:1rem} .nav-tabs{display:flex;list-style-type:none;padding:0;justify-content:space-between} .nav-item-axc{flex:1} .nav-link-axc{display:block;text-align:center;padding:8px;color:black;text-decoration:none} .nav-link-axc:hover{background-color:#ddd;color:black} .settings-panel{margin-top:20px;padding:20px;border:1px solid #cccccc;border-radius:5px} .settings-panel label{display:block;margin-top:10px;margin-bottom:5px} .settings-panel select{width:100%;padding:8px;margin-bottom:20px;border-radius:4px;border:1px solid #cccccc} .settings-panel select option{padding:10px} .settings-icon,.chapter-icon,.bookmark-icon{cursor:pointer;width:100px;background-color:#CC3E64;color:#fff;text-align:center;line-height:30px;border-radius:5px;font-weight:600;font-size:13px;padding:3px} .settings-icon i{margin-right:5px} .settings-menu{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:95px} .chapter-info{background-color:#ffffff} .content-container{width:100%;margin:0 auto} .chapter-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;overflow-y:auto} .chapter-modal-content{background:white;margin:10% auto;padding:20px;width:80%;box-shadow:0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17)} .close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer} .chapter-list{list-style-type:none;padding:0} .chapter-list li{margin-bottom:10px} .chapter-list li a{text-decoration:none;color:black} .chapter-list li a:hover{color:blue} .top-1-image{position:relative;width:150px;display:inline-block} .top-1-image img{width:100%;height:auto;display:block} .comment-avatar img{width:30px;height:30px;border-radius:50%;object-fit:cover} .comment-content{flex:1;padding-left:15px} .comment-info{font-weight:bold;color:#333} .comment-time{font-size:0.85em;color:#666;margin-top:5px} .comment-text{margin-top:10px;line-height:1.5;color:#444} #comment-form{margin-top:20px;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)} #comment-form label{font-weight:bold;margin-bottom:10px;display:block} #comment-form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-family:Arial,sans-serif} #comment-form input[type="button"]{background-color:#007bff;color:white;padding:8px 18px;border:none;border-radius:4px;cursor:pointer;font-size:13px} #comment-form input[type="button"]:hover{background-color:#0056b3} #login-prompt{margin-top:20px;padding:15px;background-color:#ffffe0;border-left:4px solid #ffc107;border-radius:4px} #login-prompt a{color:#0056b3;text-decoration:none} #login-prompt a:hover{text-decoration:underline} .nav-item-axc{position:relative;display:inline-block} .nav-item-axc .badge{position:absolute;top:-10px;right:-4px;background-color:#B78A28;color:white;padding:5px 5px;min-width:13px;border-radius:50%} p.copyright{font-size:13px} #settingsPanel{background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);width:70%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000} } .chapter-container{display:flex;flex-wrap:wrap;padding:20px} .chapter-item{box-sizing:border-box;padding:10px;cursor:pointer;display:block;margin-top:8px;padding:10px;text-decoration:none;color:#333;border-bottom:1px solid #ddd} .chapter-item:hover{background-color:#f7f7f7} @media (max-width:969px){.chapter-item{width:100%} } i.fa-regular.fa-trash-can{color:black} .weekly-item img{max-width:70px;margin-left:auto} .weekly-items{display:flex;gap:10px;margin-left:15px} .weekly-items222{display:flex;justify-content:space-between;align-content:center;flex-wrap:nowrap;align-items:center;padding:5px;border-top:2px dashed #e0d9d6} .tieudetruyena{text-decoration:none;color:#000;text-transform:capitalize;display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media (min-width:769px){.nav-item-axc{position:relative;display:inline-block} .nav-item-axc .badge{background-color:#B78A28;color:white;padding:5px;font-size:12px;border-radius:50%;min-width:13px} .mobile-top-bar,.mobile-filter-menu{display:none} .filter-options{display:block} .close-nav{display:none} .container_vc123{width:70%;display:flex;justify-content:space-between;margin:0 auto;margin-top:180px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)} .left-column_vc123,.right-column_vc123{background-color:#fff;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.1)} } @media (max-width:768px){.mobile-top-bar{display:flex;justify-content:start;align-items:center} .mobile-filter-menu{display:flex;padding:8px} .additional-filter-options{display:flex;flex-grow:1;justify-content:flex-end;padding:10px} .filter-options{display:none} .filter-container-eds{display:none} .left-column_vc123{display:none} .fkdjf432{display:none} } @media (min-width:969px){i#mobileFilterToggle{display:none} .modal{display:none} .site-header{background-color:rgba(51,34,0,.05);color:#fff;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 20px} .main-nav{margin:auto;display:flex;flex-wrap:nowrap;justify-content:center} .weekly-stories{display:flex;justify-content:space-between} .weekly-stories .column{margin-top:40px;width:32%;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px} .weekly-list{padding:0;list-style:none;box-shadow:0 2px 4px rgba(0,0,0,0.1)} .weekly-item p{margin:0} .weekly-item a{text-decoration:none;color:#333;font-size:14px} .column-80{width:70%} .column-20{width:25%} .main-content{display:flex;justify-content:space-around} .column-80{width:70%} .story-row{display:flex;flex-wrap:wrap;justify-content:space-between} .story-item{width:48%;margin-bottom:20px;border-bottom:1px dashed #ccc;padding:3px;overflow:hidden;display:flex;gap:10px;flex-wrap:wrap} .story-thumbnail img{width:40px} .story-details{width:70%} .read-stories{margin-top:35px} .story-rows{display:flex;flex-wrap:wrap;margin-top:50px} .story-items{width:100%;margin-bottom:20px;overflow:hidden;display:flex;gap:10px} .story-thumbnail{width:20%} .story-thumbnail img{width:100%;max-width:70px;border-radius:5px} .story-details{width:70%} .story-details h4{margin-top:0} .new-stories-abc{list-style:none;padding:0} .story-item-c{display:flex;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:10px} .story-details-abc{width:calc(100% - 20px);padding-left:20px} .story-details-abc h4{margin-top:0} .story-details-abc{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 20px);padding-left:20px;border-bottom:1px solid #ccc;margin-bottom:10px} .story-details-abc h4{margin-top:0} .story-details-abc p{margin:0} main{position:relative;z-index:2;padding:1px 0} .nav-item-search-box{display:flex;align-items:center;padding-left:50px;padding-right:50px} .timkiem{width:200px;padding:10px;border:none;border-radius:30px 0 0 30px;outline:none} .button-timkiem{padding:10px;background-color:#ffffff;border:none;border-radius:0 30px 30px 0;color:#b78a28!important;cursor:pointer} .timkiem::placeholder{color:#555;opacity:0.7} .search-container{margin-top:20px;margin:10px 0 10px 0} .review-container{border-radius:8px;padding:23px;width:80%;margin:auto;background-color:#fff5dc !important} .maytinh{display:table-row} .story-rows{display:none} .weekly-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-top:2px dashed #e0d9d6;flex-wrap:wrap} .containers-acd{max-width:1200px;width:70%;margin:20px auto;background-color:#fff;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);display:flex;border-radius:21px;margin-top:200px;gap:20px} .truyen-image-acd{flex:2.4;margin-top:15px;margin-left:20px} .truyen-info-acd{flex:7} .truyen-image-acd img{max-width:220px;width:auto} .buttons-acd button{background-color:#007bff;color:#fff;border:1px solid #007bff;border-radius:24px;cursor:pointer} .buttons-acd button:hover{background-color:#0056b3;border-color:#0056b3} h2.acd{text-align:left;font-family:'Oswald' !important;font-weight:500 } a.nav-link{padding-top:1.8em;padding-bottom:1.8em;padding-left:1em;padding-right:1em} a.nav-link:hover{background-color:#ccc} .container-mt-5{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-top:100px} .form-group-123{margin-bottom:20px} input.form-control-123{width:100%;padding:10px;margin-bottom:10px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px} button.btn-btn-primary123{background-color:#007bff;color:#ffffff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer} .button-btn-primary123:hover{background-color:#0056b3} .container-fluid{min-height:800px} .container-mt-4{width:70%;margin:0 auto;max-width:1200px} .nav-tabs{list-style:none;padding:0;margin:20px 0;display:flex;position:relative} .nav-item-axc{margin-right:15px} .nav-link-axc{text-decoration:none;padding:10px 15px;border:1px solid #162b54;border-radius:5px;color:#162b54;background-color:#ffffff;cursor:pointer;font-family:'Inter' !important;font-weight:600;text-transform:uppercase} .tab-pane{display:none} .tab-pane.active{display:block;background-color:#f2f0eb !important;padding:15px;border-radius:7px;box-shadow:0 0 10px rgba(0,0,0,0.1)} .nav-dropdown{display:none;position:absolute;background-color:#f8f8f8;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,0.1);z-index:1} .nav-item-axc:hover .nav-dropdown{display:block} p.acd{font-size:15px;font-family:'Inter' !important;font-weight:400} a.acd{font-size:15px;font-family:'Inter' !important;font-weight:600;text-decoration:none;color:#000000} h2.acd{font-family:'Inter' !important;font-weight:600;color:#000000;text-transform:capitalize} .buttons-acd{display:flex;gap:10px} .buttons-acd a{display:block;padding:10px 15px;text-decoration:none;color:#fff;border-radius:30px;transition:background-color 0.3s ease} .acd1{background-color:#bf2c24;border-color:#bf2c24} a.acd1{font-family:'Inter' !important;font-weight:600;color:#fff} .acd2{background-color:#ffffff;border:1px solid #8a8282} .acd2:hover{background-color:#7a7a7a;color:#fff} .acd1:hover{background-color:#cc5252;color:#fff} a.acd2{font-family:'Inter' !important;font-weight:600;color:#595858} .acd3{border:1px solid #f39c12} a.acd3{font-family:'Inter' !important;font-weight:600;color:#f39c12} .acd3:hover{background-color:#f39c12;color:#fff} .acd4{background-color:#a5a303} a.acd4{font-family:'Inter' !important;font-weight:600;color:#ffffff} .acd4:hover{background-color:#cc5252;color:#fff} .buttons-acd a i{margin-right:5px} .top-bg-op-box{position:absolute;z-index:1;left:0;overflow:hidden;width:100%;height:388px;background-repeat:no-repeat;background-position:50% 0;background-size:cover;display:block;content:""} .status-theloai{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;align-items:center} .acd-item{margin-right:50px;display:flex;flex-direction:column} .author-rating-container{display:flex;margin:28px 0 25px 0} .ul-acd{list-style:none;padding:0;display:flex;flex-wrap:wrap;align-items:center} .contents-container{width:60%;margin:0 auto;background-color:#fff} .chapter-info .chapter-dropdown select{width:20%;padding:10px;border:1px solid #ccc;border-radius:13px;box-sizing:border-box} .chapter-info .prev-chapter,.chapter-info .next-chapter{position:absolute;top:0;width:18%;text-align:center;padding:10px;border-radius:5px;text-decoration:none;display:flex;justify-content:center} .content-text{font-size:18px;padding-left:30px;padding-right:30px} .filter-container-eds{width:25%;float:left;background-color:#f2f2f2;padding:20px;box-sizing:border-box;min-height:800px;border-radius:20px} .list-container-eds{width:75%;float:right;padding:20px;box-sizing:border-box} .filter-list-eds{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap} .filter-item-eds{margin-bottom:10px} .filter-list-eds a{text-decoration:none;color:#666;display:block;padding:8px;margin-right:5px;margin-bottom:5px;border:1px solid #666;border-radius:5px;font-size:11px;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .filter-list-eds a:hover{background-color:#666;color:#ffffff} .selected-category-eds{border-bottom:1px solid #ccc} .selected-keywords-eds{margin-top:10px} .result-item-eds{border:1px solid #ccc;margin-bottom:20px;padding:10px} .additional-info-container-eds{display:flex} .additional-info-list-eds{list-style-type:none;padding:0;margin:0;display:flex;gap:27px} .additional-info-list-eds li:hover{color:#b78a28} .additional-info-list-eds li{padding:2px;margin-top:12px;border-bottom:1px solid #ccc;font-size:14px;font-weight:500;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .weekly-item{text-align:left} .fa-medal{color:rgb(255,128,0);font-size:20px} .weekly-item p{font-size:14px;font-weight:500;font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;} .tieudetruyen{font-size:18px;font-weight:bold;text-decoration:none;color:#333;text-transform:capitalize;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tieudetruyena{text-decoration:none;color:#ccc;text-transform:capitalize;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:370px;font-weight:600 } .li-acd a{display:flex;padding:10px;border-radius:5px;text-decoration:none;color:#333;width:100%;align-items:center} .li-acd p{display:block;border-radius:5px;text-decoration:none;color:#333;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;margin:0 } .tieudetruyena:hover{color:#b78a28} .tieudetruyen:hover{color:#b78a28} .tenuser{font-size:14px;color:#666} .luotdoc{font-size:14px;color:#888} .top-1-info{text-align:left;margin-top:10px} #settingsPanel{background-color:#f9f9f9;padding:20px;border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);width:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000} .tenuser{font-size:13px;color:#524d4d;margin:10px 0 10px 0px;font-weight:600} .additional-info-list-eds{list-style:none;display:flex} .pagination{display:flex;list-style:none;padding:0;justify-content:center} foterso{background-color:#222;color:#fff;padding:20px 0} .foterso-container{display:flex;justify-content:space-around} .foterso-section{flex:1;margin-left:12%} .foterso-section h3{color:#fff;margin-bottom:10px} .foterso-section ul{padding:0} .foterso-section a{text-decoration:none;color:white} .foterso-section ul li{margin-bottom:8px} .social-icons{display:flex;padding:0} .social-icons li{display:flex;padding:0} .social-icons li{margin-right:10px;list-style:none} .social-icons a{color:#fff;font-size:20px} .copyright{text-align:center;margin-top:20px} .chapter-info{background-color:#ffffff;padding:10px;position:relative} .right-column_vc123{width:85%} .chapter-dropdown-container{display:flex} .settings-icon,.chapter-icon,.bookmark-icon{cursor:pointer;width:100px;background-color:#CC3E64;color:#fff;text-align:center;line-height:30px;border-radius:5px;font-weight:600;font-size:13px;padding:3px} .settings-icon i{margin-right:5px} .settings-menu{display:flex;justify-content:center;gap:20px;align-items:center;margin-top:27px} .chapter-info{text-align:justify;background-color:#ffffff;position:relative} .content-container{width:100%;margin:0 auto;background-color:#e3e3e3} .chapter-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9999;overflow-y:auto} .chapter-modal-content{background:white;margin:5% auto;padding:20px;width:80%;max-width:1200px;box-shadow:0 5px 8px 0 rgba(0,0,0,0.2),0 7px 20px 0 rgba(0,0,0,0.17)} .close{color:#aaa;float:right;font-size:28px;font-weight:bold;cursor:pointer} .chapter-list{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between} .chapter-list li{margin-bottom:10px;flex-basis:calc(50% - 10px);box-sizing:border-box} .chapter-list li a{text-decoration:none;color:black;display:block;padding:10px;transition:background-color 0.3s} .chapter-list li a:hover{background-color:#f7f7f7;color:#aa801a} .comment-content{flex:1;padding-left:15px} .comment-info{font-weight:bold;color:#333} .comment-time{font-size:0.85em;color:#666;margin-top:5px} .comment-text{margin-top:10px;line-height:1.5;color:#444} #comment-form{margin-top:20px;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)} #comment-form label{font-weight:bold;margin-bottom:10px;display:block} #comment-form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-family:Arial,sans-serif} #comment-form input[type="button"]{background-color:#007bff;color:white;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px} #comment-form input[type="button"]:hover{background-color:#0056b3} #login-prompt{margin-top:20px;padding:15px;background-color:#ffffe0;border-left:4px solid #ffc107;border-radius:4px} #login-prompt a{color:#0056b3;text-decoration:none} #login-prompt a:hover{text-decoration:underline} #comment-form{margin-top:20px;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)} #comment-form label{font-weight:bold;margin-bottom:10px;display:block} #comment-form textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-family:Arial,sans-serif} #comment-form input[type="button"]{background-color:#007bff;color:white;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px} #comment-form input[type="button"]:hover{background-color:#0056b3} #login-prompt{margin-top:20px;padding:15px;background-color:#ffffe0;border-left:4px solid #ffc107;border-radius:4px} #login-prompt a{color:#0056b3;text-decoration:none} #login-prompt a:hover{text-decoration:underline} .top-1-image{position:relative;width:150px;display:inline-block} .top-1-image img{width:100%;height:auto;display:block;transform:perspective(1000px) rotateY(-30deg) translateZ(-20px);transition:transform 0.3s ease} .top-1-image::after{content:"";position:absolute;z-index:-1;top:5%;left:5%;width:90%;height:90%;box-shadow:10px 10px 15px rgba(0,0,0,0.5);transform:translateZ(-1px)} .top-1-image::before{content:"";position:absolute;z-index:1;left:100%;width:5%;height:100%;background-color:#efefef;box-shadow:inset 0 0 5px #333;transform:rotateY(-30deg);transform-origin:0% 50%} .left-column_vc123{width:200px;background-color:#f8f9fa;padding:20px;box-shadow:0 0 10px rgba(0,0,0,0.1)} .nav_vc123{list-style:none;padding:0;margin:0} .nav-item_vc123{padding:10px 0;border-bottom:1px solid #ddd} .nav-item_vc123 a{display:block;text-decoration:none;color:#333} .nav-item_vc123 i{margin-right:10px} .fa{font-size:24px;color:#007bff;margin-right:10px} a .fa{text-decoration:none} .fa:hover{color:#ff0000} } #btnTop{position:fixed;bottom:20px;right:8px;z-index:99;border:none;outline:none;background-color:#b78a28cf;color:white;cursor:pointer;padding:15px;border-radius:10px} #btnTop:hover{background-color:#b78a28cf} html{scroll-behavior:smooth} .close-btn{float:right;font-size:25px;line-height:20px;cursor:pointer;border:none;background:none;padding:10px} .close-btn:hover{color:red} body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} button#currentlyReadingBtn,button#bookshelfBtn{background:#ccb701;color:#fff;padding:5px;border-radius:5px;font-weight:500;border:none;cursor:pointer} button#currentlyReadingBtn.selected,button#bookshelfBtn.selected{background:#e0a800} button#currentlyReadingBtn:not(.selected),button#bookshelfBtn:not(.selected){background:#ccc} .weekly-lists{display:flex;align-items:center;gap:20px} .theh{text-align:center;font-weight:500;background-size:200% auto;-webkit-background-clip:text;background-clip:text;animation:shine 5s linear infinite} @keyframes shine{to{background-position:200% center} } .fsdfs433{display:flex;align-items:center;justify-content:space-between} .weekly-item{text-align:left;margin:10px 0 10px 0} i.fa-solid.fa-trophy{font-size:18px;color:#de7400} #settingsPanel{display:none} #load-more-comments{display:block;margin:20px auto;padding:8px 16px;font-size:14px;font-weight:bold;color:#ff6600;background-color:#ffffff;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease} #load-more-comments:hover{background-color:#f75b00;color:#fff} .li-acfs{display:flex;align-items:flex-start;margin-bottom:20px;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:background-color 0.3s} .li-acfs:hover{background-color:#8585854a} .comment-info{font-weight:bold;margin:0} #settingsPanel h3{color:#333;margin-bottom:20px} #settingsPanel label{display:block;margin-top:15px;text-align:left} #settingsPanel select{display:block;margin:10px auto;padding:10px;width:80%;border-radius:5px;border:1px solid #ccc} p.comment-text{font-weight:600;color:#6a6666;font-size:12px} p.comment-info{color:#6a6666;font-size:12px} h3.thehh{font-weight:500} h3.thehh:hover{color:#a5a303} .luotdoc{font-size:14px;color:#b78a28!important;font-weight:700} .luotdoc-1{font-size:14px;font-weight:bold;color:#333} i.chuong_ten{font-size:12px;font-weight:500;display:block} @media (min-width:768px){.nav-item234 .dropdown-menu li{width:calc(100% / 3)} } i.fa-regular.fa-money-bill-1{font-size:18px;color:#bf2c24} .luotgold{color:#e5b200} ul#gold-dropdown{margin:0;padding:0;box-sizing:border-box} .prev-chapter a.disabled{color:#ccc;pointer-events:none} .next-chapter a.disabled{color:#ccc;pointer-events:none} li{list-style-type:none} a{text-decoration:none} .jdjsa32{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px} .policy-details{margin:20px;padding:20px;background-color:#f9f9f9;border:1px solid #ddd} .policy-title{font-size:24px;color:#333;margin-bottom:10px} .policy-content{font-size:16px;line-height:1.6;color:#666} .error-message{margin:20px;padding:10px;background-color:#fdd;border:1px solid #f00;color:#f00} .cookie-consent-banner{position:fixed;bottom:0;width:100%;background:rgba(51,51,51,0.9);color:#fff;text-align:center;display:none;z-index:9999;box-shadow:0 -2px 10px rgba(0,0,0,0.3)} .cookie-consent-container{display:flex;flex-direction:column;align-items:center} .cookie-consent-container p{font-size:1em;margin:20px} .cookie-consent-container button{margin:0;padding:10px 20px;border-radius:5px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color 0.3s ease} .cookie-consent-container button:hover{background-color:#0056b3} @media (min-width:576px){.cookie-consent-container{flex-direction:row;justify-content:center} .cookie-consent-container p{margin-right:20px} } .close{color:#aaa;float:right;font-size:28px;font-weight:bold} .close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer} .current-chapter{padding:10px;border-bottom:1px solid #ddd;background-color:orange} .chapter-content{margin:5px;font-size:14px;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word} button.mmdskd123{font-size:15px;font-weight:600;padding:0px 10px 0 10px} .img123321{border-radius:50px;border:2px solid #9a9a9a} .completed-stories-container{position:relative;width:100%;overflow:hidden} .scroll-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:white;border:none;padding:10px;cursor:pointer;z-index:1} .scroll-button.left{left:0} .scroll-button.right{right:0} .completed-stories{display:flex;overflow-x:scroll;scroll-behavior:smooth;padding:20px 0} .story-itemss{flex:0 0 auto;display:grid;width:180px;margin-right:20px;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,0.1);padding:5px;border-radius:5px} .story-itemss img{width:150px;object-fit:cover;height:237px} .tieudetruyena{font-size:15px;font-weight:500;text-decoration:none;color:#333;text-transform:capitalize;display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .img123321{max-width:91px;margin-left:auto} .unlock-button{background-color:#FFA500;color:white;padding:10px 20px;border:none;border-radius:5px;text-decoration:none;display:inline-block;font-size:14px;cursor:pointer} .unlock-button:hover{background-color:#FF8C00} .unlock-button .gold-icon{color:red;margin-right:5px} .content-text{margin-bottom:10px} .content-text{justify-content:center}