@import url("tt8.comment.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap&subset=vietnamese');
.infofooter h1,.tmH2,.widget h3{text-transform:uppercase}
#btnShop a,.bold,.tag-new,.widget h3{font-weight:s}
.facebook_share,.owl-controls .owl-buttons div,.owl-controls .owl-page,
a{cursor:pointer}
.qtip-content{word-wrap:break-word}
@font-face{font-family:mangafont;src:url(../fonts/000AnimeAce02.ttf) format("truetype");color:#000}
body{color:#444;font-family:Segoe UI, SegoeUIWF, Tahoma, sans-serif;padding-top:110px;font-size:13px}
.TitleH2,.tmH2{font-family:roboto; font-weight: 300}
.main-page{background:#fff}
a:visited{color:#A2A2A2}
a:visited{color:#cecece}
.btn-default:visited{color:#666!important}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-left:5px;padding-right:5px}
.nav>li>a{padding:15px 9px;color:#444}
#logoTT8{height:100px;background:url(../images/logo2016.png) left center no-repeat}
#tt8ThucHien{max-height:300px!important;overflow:hidden;border-bottom:1px solid #F0C6C6}
#tt8ThucHien .item{width:167px;float:left;height:300px}
#tt8ThucHien .item img{width:167px;height:225px}
#timtruyenAjax{min-width:250px}
#search_form{margin-right:-15px}
.menu-listtruyen{-webkit-column-count:4;-moz-column-count:4;column-count:4}
#btnShop a{color:#FF35CE!important;animation:changecolor 3s;-moz-animation:changecolor 3s;-webkit-animation:changecolor 3s;-o-animation:changecolor 3s;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}
@keyframes changecolor{0%, 100%{color:red}
 25%{color:#ff0}
 50%{color:#00f}
 75%{color:#FF35CE}}
@-moz-keyframes changecolor{0%, 100%{color:red}
 25%{color:#ff0}
 50%{background:#00f}
 75%{color:#FF35CE}}
 @-webkit-keyframes changecolor{0%, 100%{color:red}
 25%{color:#ff0}
 50%{color:#00f}
 75%{color:#FF35CE}}
 @-o-keyframes changecolor{0%, 100%{color:red}
 25%{color:#ff0}
 50%{color:#00f}
 75%{color:#FF35CE}}
.tag-new,.tag-new:after{position:absolute;display:inline-block}
.breadcrumb a,.breadcrumb li,.nav-tabs>li>a,.navbar-nav>li>a,
label{white-space:nowrap}
.img-sm-avatar{width:36px;height:36px;margin:-10px 0}
.tag-new:after,.widget ul.list li a:before{content:"";height:0;width:0}
.infodgenre{white-space:normal!important}
.breadcrumb{border-top:1px solid #DDD;font-size:12px;border-radius:0}
.breadcrumb a{color:#666}
.label{padding:.2em .6em;font-size:9px;font-style:inherit}
.update{background-color:#F959A0}
.btn:hover{box-shadow:0 -3px 0 rgba(0, 0, 0, .32) inset}
.btn-xs{margin-top:2px;margin-bottom:2px}
.btn-xs:hover{box-shadow:0 -1px 0 rgba(0, 0, 0, .32) inset;color:#000}
.btn-ngoc{background-color:#1ABC9C;color:#fff}
.btn-hong{background-color:#FA0083;color:#fff}
.btn-tim{background-color:#721799;color:#fff}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border-top:2px solid #fe8f01}
.TitleH2{font-size:24px;margin-bottom:1px;margin-top:10px;border-bottom:1px solid #eee}
.widget h3{font-size:16px;margin-bottom:15px;padding:10px;background:#CA5F31;border-left:5px solid #CB3B02;color:#fff;margin-top:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tag-new{margin:8px 0 0 -6px;font-size:9px;background-color:#F11401;color:#fff;z-index:100;padding:3px 5px;border-top-left-radius:2px;border-bottom-left-radius:2px;text-decoration:none}
.tag-new:after{border:9px solid;border-color:transparent transparent transparent #F11401;right:-18px;top:0}
.widget ul{list-style:none;padding:0}
.widget ul li a{position:relative;padding:0;line-height:25px}
.widget ul.list li a{padding:0 0 0 8px}
.widget ul.list li a:before{border-bottom:3px solid transparent;border-left:3px solid #000;border-top:3px solid transparent;left:0;position:absolute;top:6px}
.dropdown-menu>li>ul{list-style:none;padding:0}
.dropdown-menu>li>ul>li>a{display:block;padding:3px 5px 3px 20px;clear:both;font-weight:400;line-height:1.42857;color:#333;white-space:nowrap}
.product-well .btn-view-more .less-text,.tt8Tooltip{display:none}
.facebook_share,.table tr td.tit a.tipsy{font-weight:700}
.dropdown-menu>li>ul>li>a:hover{border-left:3px solid #ccc;padding:3px 5px 3px 17px;color:#262626;text-decoration:none;background-color:#f5f5f5}
.evencol{background-color:#f7f7f7!important;font-size:11px;border-left:1px solid #fff;border-right:1px solid #fff;color:#999}
.tt8Tooltip{position:absolute;border:2px solid #6991AE;background-color:#1C252C;border-radius:5px;width:410px;padding:5px;color:#fff;font-size:13px}
.tt8Tooltip img{margin-right:10px;min-width:60px;min-height:50px}
.sShortDec{color:#009E0F!important}
.table tr td.index-character{font-size:16px;padding:40px 10px 0 0;border-bottom:3px solid #2882BC}
.table tr td.index-character span.bold{font-weight:700;color:#fff;background-color:#2882BC;padding:5px 10px}
.table tr td.tit a.tipsy span{font-weight:400;color:#888}
.product-well{min-height:20px;padding:20px 20px 35px;border:1px solid #e3e3e3;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);background-color:#fff;position:relative;margin-bottom:40px}
.product-well .list{height:300px;overflow:hidden;-webkit-transition:height .2s;-moz-transition:height .2s;transition:height .2s}
.product-well.expanded .list{height:auto!important;-webkit-transition:height .2s;-moz-transition:height .2s;transition:height .2s}
.product-well.expanded .less-text{display:block}
.product-well.expanded .more-text{display:none}
.btn-view-more{position:absolute;top:100%;left:50%;width:120px;margin-left:-60px;margin-top:-15px;text-align:center}
.icon-checkbox,.icon-cross,.icon-tick{display:inline-block;background:url(../images/bt-sprite.png) no-repeat #fff;cursor:pointer;width:18px;height:18px;margin:0 5px;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 1px 3px rgba(0, 0, 0, .15) inset}
.icon-checkbox{background-position:0 -18px}
.icon-tick{background-position:0 -36px}
.icon-cross{background-position:0 0}
.alphabet .btn{margin-top:2px;margin-bottom:2px}
/* number of lines to show:2 */
.list .truyen a h2, .list .truyen a.tipsy , .tmH2{overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2 !important; }
#tblChap h2,
#tblChap h3{font-size:14px;display:inherit;margin-top:5px}
#tblChap .update{background-color:#FFF5DC!important;border-bottom:2px solid #DDD}
#tblChap .thumb{height:360px;width:25%;padding:5px;float:left}
#tblChap time{color: #999}
#tblChap .thumb .item{position:relative}
#tblChap .thumb .item i.label-danger{position:absolute;top:0}
#tblChap .thumb .item a.caption{display:block;position:absolute;bottom:0;padding:5%;width:100%;font-size:12px;line-height:14px;color:#cdcdcd;background-color:rgba(0, 0, 0, .7)}
.owl-carousel,.owl-carousel .owl-wrapper-outer{position:relative;width:100%;overflow:hidden}
#tblChap .thumb .item a .sShortDec{color:#00CE14!important}
#truyenMoi{max-height:362px!important}
ul.mangainfo{padding:0;margin:0;list-style:none}
ul.mangainfo li{border-bottom:1px dashed #DDD;padding:5px 0 0}
.list .truyen{padding:7px;margin:0;border-bottom:1px dashed #e6e6e6}
.list .truyen a h2,.list .truyen a.tipsy{font-weight:700;font-size:15px; color:#2882BC;}
.list .truyen .sShortDec{font-size:11px}
.list .truyen:hover{background:#F9F9F9}
.list .truyen ul{list-style:none;padding:0 0 0 20px}
.list .truyen ul li{line-height:18px}
.list .truyen ul li a{font-weight:400;display:block;font-size:90%;color:#888}
.list .truyen ul li a h2{font-weight:700;font-size:14px;display:inline;color:#2882BC}
.list .truyen ul li.h2{margin:0}
.list .truyen>span>a>img.lazy{background:#efefef}
.topmanga{margin-bottom:20px}
.topmanga .nav-tabs{background-color:#CA5F31}
.topmanga .nav-tabs>li{margin-bottom:-3px}
.topmanga .tab-content{border:1px solid #fe8f01}
.topmanga .nav-tabs>li>a{color:#fff;font-weight:700}
.topmanga .nav-tabs>li.active>a,.topmanga .nav-tabs>li.active>a:focus,.topmanga .nav-tabs>li.active>a:hover{border:1px solid #fe8f01;border-bottom:none;font-weight:700!important;color:#666}
#latestComment .h4 a,
#latestComment .manga,.follow-btn,.tmH2{font-weight:700}
.topmanga .nav-tabs>li>a:hover{color:#666}
#latestComment .truyen{background:#fff;padding:5px;margin-bottom:1px;border:1px solid #e3e3e3}
#latestComment .truyen p img[alt=emo]{max-width:50px}
#latestComment .chap{font-weight:700;color:#009E0F}
.infofooter{background-color:#1C1C1C;padding:30px 0 30px 30px;margin-bottom:20px}
.infofooter h1{font-size:18px}
.infofooter hr{border:none;border-bottom:1px solid #555}
.mangaDescription{background-color:#fff;border-radius:7px;line-height:180%}
.tmH2{font-size:140%;line-height:100%;margin:0}
.chap-kieuxem{padding:15px 0;border-bottom:1px solid #fff;margin-bottom:15px}

.follow-btn{width:100%;max-width:200px;margin-top:10px;height:auto;padding-bottom:5px;outline:0;font-size:17px;border:none}
.follow-btn .follow-info{font-size:13px;font-weight:400;color:#EEE;margin-bottom:3px}
.lphmanga>.lphsub a.btn{display:none}
.lphmanga:hover>.lphsub a.btn{display:inline}
.catDescript{color:#777!important;margin:10px 10px 30px 0;clear:both;padding-left:20px;border-left:4px solid #2882BC}
.catDescript a{color:#000!important}
#login-modal .social-buttons{margin:12px 0}
#login-modal .form-group{margin-bottom:10px}
#login-modal .modal-footer{background-color:#eee}
.btn-fb{color:#fff;background-color:#3b5998}
.btn-fb:hover{color:#fff;background-color:#496ebc}
.btn-fb i{border:1px solid #7b8fb9;padding:4px 7px}
.btn-tw{color:#fff;background-color:#55acee}
.btn-tw:hover{color:#fff;background-color:#59b5fa}
.notiPanel{width:470px;padding:0;overflow:hidden;font-family:Helvetica, Arial, sans-serif;line-height:16.08px}
.notiPanel header{font-size:20px;line-height:33px;padding:0 20px;border-bottom:1px solid #D0E3BE}
.notiPanel header a:first-child{border:none;margin-right:0;padding-right:0}
.notiPanel header a{font-size:13px;border-right:1px solid #ccc;float:right;padding-right:5px;margin:10px 5px 10px 0;line-height:13px}
.notiPanel footer{background:#eee}
.notiPanel #notification-content,.notiPanel #subscribe-content{max-height:490px;overflow-y:auto;color:#ababab}
.notiPanel #notification-content a,.notiPanel #subscribe-content a{color:#1d2129;font-size:12px;font-weight:700}
.notiPanel footer a{font-size:14px;line-height:35px}
#countNewManga,
#countNewNotification{margin-left:-10px}
#btn-checkNotification>a>i{font-size:150%}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.rating-container-rtl .rating-stars:before,.rating-container-rtl:before,.rating-container:before{content:attr(data-content)}
.owl-carousel{-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.grabbing{cursor:url(grabbing.png) 8 8, move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)}
.owl-theme .owl-controls{margin-top:0;text-align:center!important}
#fbbar,.owl-carousel .item,.spinner{text-align:center}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px}
.owl-carousel .item{margin:3px 0;padding:10px 0}
.owl-carousel .item .lazyOwl{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857;background-color:#fff;border:1px solid #DDD;border-radius:4px;transition:all .2s ease-in-out 0}
.owl-carousel .item h3{font-weight:700;line-height:20px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px; font-family:roboto;font-weight:700;}
#selectReadType,.selectChapter{width:130px}
.dropdown-menu .label{font-weight:inherit;cursor:pointer}
#fbbar{min-height:40px;z-index:1000;line-height:35px;background-color:#2A2B2F}
.fbbar-scroll{position:fixed;top:0;box-shadow:0 1px 4px rgba(0, 0, 0, .5);-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, .5);-o-box-shadow:0 1px 4px rgba(0, 0, 0, .5);-ms-box-shadow:0 1px 4px rgba(0, 0, 0, .5)}
.fbbar-scroll2{top:50px}
.selectPage{width:150px}
#divImage img{cursor:pointer}
#chontheloai ul{list-style:none;padding:0; -webkit-column-count:5; -moz-column-count:5; column-count:5}

#btn-baoloi{position:fixed;bottom:0;top:28%;right:0;z-index:88888;margin-right:-30px;height:28px;width:80px;-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.scrollbtn{display:none;position:fixed;width:40px;bottom:15px;right:10px}
.scrollbtn .scrollbtn-nut{height:40px;width:40px;background:#F0AD4E;border:1px solid #fff;font-size:16px;line-height:40px;text-align:center;color:#fff;cursor:pointer;z-index:99999}
@-webkit-keyframes sk-stretchdelay{0%, 100%, 40%{-webkit-transform:scaleY(.4)}
 20%{-webkit-transform:scaleY(1)}}
@keyframes sk-stretchdelay{0%, 100%, 40%{transform:scaleY(.4); -webkit-transform:scaleY(.4)}
 20%{transform:scaleY(1); -webkit-transform:scaleY(1)}}
.autocomplete-suggestions{border:1px solid #333;background:#333;cursor:default;overflow:auto;-webkit-box-shadow:1px 4px 3px rgba(50, 50, 50, .64);-moz-box-shadow:1px 4px 3px rgba(50, 50, 50, .64);box-shadow:1px 4px 3px rgba(50, 50, 50, .64)}
.autocomplete-no-suggestion{padding:2px 5px}
.autocomplete-suggestions h3{margin:0;font-size:12px;color:#fff}
.autocomplete-suggestions b{font-weight:700;font-size:110%;text-decoration:underline;color:#CF6}
.autocomplete-suggestions i{font-size:10px;color:#999;text-decoration:none;display:block}
.autocomplete-suggestion{padding:5px;border-bottom:1px dashed #111;cursor:pointer;color:#999}
.autocomplete-selected{background:#000}
.autocomplete-group{padding:2px 5px}

.autocomplete-group b{font-weight:700;font-size:12px;display:block;border-bottom:1px solid #000}
#timtruyenAjax.load{background:url(../images/loader.gif) right center no-repeat #fff!important}
.rating-loading{width:25px;height:25px;font-size:0;color:#fff;border:none}

.rating-fa,.rating-fa .rating-stars:before{padding-left:1px}
.star-rating .clear-rating,.star-rating-rtl .caption{padding-right:5px}
.blogtruyen,.page a,.page font{border:1px solid #EAEAEA}
.rating-fa{font-family:FontAwesome}
.rating-gly,.rating-gly-star{font-family:'Glyphicons Halflings'}
.rating-gly-star,.rating-gly-star .rating-stars:before{padding-left:2px}
.rating-lg .rating-gly-star,.rating-lg .rating-gly-star .rating-stars:before{padding-left:4px}
.rating-xl .rating-gly-star,.rating-xl .rating-gly-star .rating-stars:before{padding-left:2px}
.rating-active{cursor:default}
.rating-disabled{cursor:not-allowed}
.rating-uni{font-size:1.2em;margin-top:-5px}
.rating-container{position:relative;vertical-align:middle;display:inline-block;color:#e3e3e3;overflow:hidden}
.rating-container .rating-stars{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#fde16d;transition:all .25s ease-out;-o-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-webkit-transition:all .25s ease-out}
.rating-container .rating-stars:before{content:attr(data-content);text-shadow:0 0 1px rgba(0, 0, 0, .7)}
.rating-container-rtl{position:relative;vertical-align:middle;display:inline-block;overflow:hidden;color:#fde16d}
.rating-container-rtl:before{text-shadow:0 0 1px rgba(0, 0, 0, .7)}
.rating-container-rtl .rating-stars{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:#e3e3e3;transition:all .25s ease-out;-o-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-webkit-transition:all .25s ease-out}
.rating-xl{font-size:4.89em}
.rating-lg{font-size:3.91em}
.rating-md{font-size:3.13em}
.rating-sm{font-size:2.5em}
.rating-xs{font-size:2em}
.star-rating .clear-rating,.star-rating-rtl .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%}
.clear-rating-active{cursor:pointer!important}
.clear-rating-active:hover{color:#843534}
.star-rating .caption,.star-rating-rtl .caption{color:#999;display:inline-block;vertical-align:middle;font-size:55%}
.star-rating .caption{padding-left:5px}
.infodgenre{padding:10px;margin:0 10px}
.red,.text_red{color:red}
.page{color:#2882BC;padding:20px;text-align:right!important}
.page a,.page font{font-size:15px;font-weight:700;line-height:40px}
.page a{padding:5px 10px;background-color:#F1F1F1}
.page font{padding:5px 8px;margin:0 3px 0 0}
#truyenMoi{z-index:1;padding:0;margin:0;height:332px;overflow:hidden}
.ulbtnproduct{margin:20px 0 0 10px;padding:0}
.btnproduct{margin:5px 0 0 10px;padding:0;text-align:left;list-style-image:url(http://truyentranh8.net/templates/main/images/s_icon9.gif)}
.smallfont{display:inline;padding:5px}
.blogtruyen{background-color:#F8F8F8;padding:0;margin:15px 10px;clear:both;text-shadow:0 -1px 0 #EAEAEA}
.blogtruyen .name a{line-height:80%}
.blogtruyen .info{width:425px;float:right}
.blogtruyen .name{font-size:20px;font-weight:700;font-family:"Book Antiqua", "Times New Roman", Arial}
.blogtruyen p{color:#333!important;font-size:14px!important;line-height:auto;text-align:justify;font-family:Verdana, Geneva, sans-serif}
.blogExtra{color:#999;clear:both;font-size:10px;background-color:#DDEFFF;border:1px solid #B2DAFD;padding:5px 20px}
.ExpandManga{margin:0 0 0 30px;padding:0;list-style:none}
.ExpandManga a{font-weight:inherit!important;font-size:10px!important}
.chaplisttitle{font-weight:700;padding:0 10px 5px}
#ChapList h2{display:inline;font-size:16px;font-weight:700;color:#005094}
#ChapList .h2 span{float:right;font-weight:400;padding:0 0 0 5px}
#ChapList .h2{color:#337ab7;margin:0;padding:0;font-size:110%;font-weight:700}
#ChapList .h2 time{float:right;font-weight:400;padding:0 0 0 5px}
ul#ChapList{list-style:none;margin:0;padding:0}
ul#ChapList li{padding:3px 10px}
ul#ChapList li:hover{background-color:#1C1C1C;cursor:pointer}
ul#ChapList li a:hover{color:#FFF}
#ChapList .page-header{margin:20px 0 0;padding:0}
ul#ChapList li.bg-danger{padding:5px;margin:5px;border:1px dashed #FCF8E3}
#truyenMoi .sShortDec{font-size:14px;font-weight:700;line-height:18px;font-family:"Book Antiqua", "Times New Roman", Arial;margin:0}
#truyenMoi .sShortDec,.tmH2{text-align:left}
.tmH2 a{line-height:100%}
.tit .sShortDec{font-size:11px}
.product-item-info .sShortDec{line-height:11px;font-weight:700}
#blockdetail .info{background:#E1E8EC;padding:8px;margin-bottom:10px;border-radius:5px}
#blockdetail .info .field{border-bottom:1px dotted #D0D8DC;line-height:2em}
#blockdetail .info .field.last{border-bottom:none}
#blockdetail b.rank{margin-right:10px;background-color:#4774A7;color:#FFF;padding:0 5px;border-radius:5px 0}
#searchHelper{position:absolute;right:0px;z-index:100}
#readstream{bottom:10px;box-shadow:2px 2px 5px 1px #000;border:1px solid #ccc;background:#fff;display:none;padding:10px;position:fixed;right:10px;width:280px;z-index:9999999999}
#readstream .close{background:#eee;border:1px solid #ccc;border-radius:17px;color:#666;cursor:pointer;float:right;height:17px;line-height:17px;margin:-5px;text-align:center;width:17px}
.fixed_position,.fixed_position{top:31px;z-index:1;width:680px;position:fixed}
#readstream .readstream-title{color:#333;margin:-4px 0 7px;font-size:12px;font-weight:700}
#readstream a,.node-bigthumb h2.node-title a,.node-smallthumb h2.node-title a{color:#3B5998}
#readstream h2{font-size:13px;margin-bottom:2px}
.node-smallthumb .date,.node-smallthumb h2.node-title{margin-left:60px;font-size:11px}
.node-smallthumb .thumbnail img{border:1px solid #d8d8d8;border-radius:3px;padding:1px;float:left}
.node-smallthumb h2.node-title{font-weight:700;margin-bottom:0}
.sticky{z-index:999!important;position:fixed;top:30px;width:300px}
.absolute{position:absolute;bottom:0}
.float-ck,.float-ck2{position:fixed;bottom:0;z-index:2099;text-align:left}
.float-ck2{left:0}
.float-ck{right:0}
* html .float-ck{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.curren.tStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)))}
#hide_float{position:absolute;top:-16px;right:20px}
#hide_float a,#hide_float2 a{background:#01AEF0;padding:0 6px;color:#FFF}
#quangcaotop_balloon{border:2px solid #01aef0;background-color:#000}
.product_detail_header{background-color:#FBFBFB}
.fb-profile{margin:0 -11px}
.fb-profile img.fb-image-lg{z-index:0;width:100%;margin-bottom:10px}
.fb-image-profile{margin:-120px 10px 0 50px;z-index:9; position:relative}
.select-avatar-btn{position: absolute;top:2px;background-color: rgba(0,0,0,0.4);
color: #fff;
padding: 5px 10px;
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 5px 0px #999;
-moz-box-shadow: 0px 0px 5px 0px #999;
box-shadow: 0px 0px 5px 0px #999}
.poptext li a{position:relative;display:block;width:85px;height:122px}
.poptext li a p,.qtip{position:absolute;line-height:12px}
.poptext li a p{background-color:rgba(0, 0, 0, .6);top:0;left:0;display:none;color:#fff;text-align:center;width:85px;height:122px;overflow:hidden;font-size:12px}
.poptext li a:hover p{display:block}
.qtip{left:-28000px;top:-28000px;display:none;max-width:500px;min-width:50px;font-size:10.5px;direction:ltr;box-shadow:none;padding:0}
.qtip-content,.qtip-titlebar{position:relative;overflow:hidden}
.qtip-content{text-align:left}
.qtip-titlebar{padding:5px 35px 5px 10px;border-width:0 0 1px;font-weight:700}
.qtip-titlebar+.qtip-content{border-top-width:0!important}
.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}
.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}
* html .qtip-titlebar .qtip-close{top:16px}
.qtip-icon .ui-icon,.qtip-titlebar .ui-icon{display:block;text-indent:-1000em;direction:ltr}
.qtip-icon,.qtip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none}
.qtip-icon .ui-icon{width:18px;height:14px;line-height:14px;text-align:center;text-indent:0;font:400 bold 10px/13px Tahoma, sans-serif;color:inherit;background:-100em -100em no-repeat}
.qtip-default{border:1px solid #bbb;background-color:#fff;color:#555}
.qtip-default .qtip-titlebar{background-color:#f2f2f2}
.qtip-default .qtip-icon{border-color:#CCC;background:#F1F1F1;color:#777}
.qtip-default .qtip-titlebar .qtip-close{border-color:#AAA;color:#111}
.qtip:not(.ie9haxors) div.qtip-content,.qtip:not(.ie9haxors) div.qtip-titlebar{filter:none;-ms-filter:none}
.qtip .qtip-tip{margin:0 auto;overflow:hidden;z-index:10}
.qtip .qtip-tip,x:-o-prefocus{visibility:hidden}
.qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;border:0 dashed transparent}
.qtip .qtip-tip canvas{top:0;left:0}
.qtip .qtip-tip .qtip-vml{behavior:url(#default#VML);display:inline-block;visibility:visible}
.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, .15);-moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, .15);box-shadow:1px 1px 3px 1px rgba(0, 0, 0, .15)}
.qtip-rounded{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.qtip-content .wrapper{padding:5px 10px}
.qtip-content .text-right{background-color:#f2f2f2;padding:5px 10px}
.hide2017,.hideWater{overflow:hidden}
.hideWater img{margin-bottom:-42px;max-width:100%}
.hide2017 img{margin-bottom:-72px;max-width:100%}
.hideOverflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block}
.navbar-inverse{background:#333}
.nenden{background:#222}
.nenxam{background:#eee}
.nentrang{background:#fff}
.bubble{position:relative;min-height:30px;clear:both;background-color:#fff}
.bubble:after{content:'';position:absolute;border-style:solid;border-width:15px 15px 0;border-color:#FFF transparent;display:block;width:0;z-index:1;margin-left:-15px;bottom:-14px;left:20%}


.radio{display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.radio input{position:absolute;opacity:0;cursor:pointer}

.checkround{position:absolute;top:2px;left:0;height:20px;width:20px;background-color:#fff;border-color:#f8204f;border-style:solid;border-width:2px; border-radius:50%}
.radio input:checked ~ .checkround{background-color:#fff}
.checkround:after{content:"";position:absolute;display:none}
.radio input:checked ~ .checkround:after{display:block}
.radio .checkround:after{left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#f8204f}

ul.nav-inline {white-space: nowrap;overflow-x: auto; width:100%}
ul.nav-inline li {display: inline-block;float: none}
.timTheoTheLoai {-webkit-column-count:3; -moz-column-count:3; column-count:3}
ul.nav-inline li a {padding:10px 10px}
@-webkit-keyframes pulse{0%, 8%{-webkit-transform:scale(0); opacity:0}
 15%{-webkit-transform:scale(.1); opacity:1}
 30%{-webkit-transform:scale(.5); opacity:1}
 100%{opacity:0; -webkit-transform:scale(1)}}
@-moz-keyframes pulse{0%, 8%{-moz-transform:scale(0); opacity:0}
 15%{-moz-transform:scale(.1); opacity:1}
 30%{-moz-transform:scale(.5); opacity:1}
 100%{opacity:0; -moz-transform:scale(1)}}
.pulse-holder{display:block;position:absolute;top:22%;right:2%}
.pulse-holder .pulse-marker{width:6px;height:6px;background:#c00;border-radius:28px}
.pulse-holder .pulse-rays{margin:0 auto;position:absolute;right:-12px;top:-12px;z-index:10;background-color:transparent;opacity:.1;width:30px;height:30px;border:2px solid #f78b8b;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border-radius:100px;-webkit-animation:pulse 2s linear infinite;-moz-animation:pulse 2s linear infinite;border-image:initial}
#tt8Preload{text-align:center}
#tt8Preload .modal-body{padding:2px}


@media (min-width:768px){
	#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none}
	#boxes .window {position:absolute;left:0;top:0;width:740px;display:none;z-index:9999;padding:10px;margin-top:0px}
	#boxes #dialog {width:660px;margin: 10px; background-color:#ffffff}
	#tt8Preload .modal-dialog{width:506px}
	#tt8Preload .modal-dialog img{max-width:500px}
	#tt8Preload:before{display:inline-block; vertical-align:middle; content:" "; height:100%}
	#tt8Preload .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
	#tt8Preload .close{font-size:25px;position:absolute;z-index:10;right:2px;top:1px;background-color:#fff!important;opacity:1;padding: 5px; padding: 0px 5px 5px 7px; border-radius: 0px 0px 0px 5px;}
	.hideTablet{display:inherit!important}
	#quangcaotop2{}
	.fb-profile-text{margin-top:-20px}
	.dropdown#listtruyen:hover .dropdown-menu{display:block}
}
@media screen and (max-width:1360px){.container{width:990px}}
@media screen and (max-width:1400px){.container{width:1060px}}
@media screen and (max-width:1280px){.container{width:970px}}
@media screen and (max-width:1024px){
	.hideTablet{display:none!important}
	.container{width:100%}
	.timTheoTheLoai {-webkit-column-count:8; -moz-column-count:8; column-count:8}
	.webkit-md-col4{-webkit-column-count:4; -moz-column-count:4; column-count:4}
	.webkit-md-col3{-webkit-column-count:3; -moz-column-count:3; column-count:3}
	.webkit-md-col2{-webkit-column-count:2; -moz-column-count:2; column-count:2}
	}

@media screen and (max-width:992px){.hideTablet{display:none!important}}
@media screen and (max-width:920px){.hideTabletMobile{display:none!important}}
@media (max-width:767px){
	.timTheoTheLoai {-webkit-column-count:5; -moz-column-count:5; column-count:5}
	.webkit-xs-col4{-webkit-column-count:4; -moz-column-count:4; column-count:4}
	.webkit-xs-col3{-webkit-column-count:3; -moz-column-count:3; column-count:3}
	.webkit-xs-col2{-webkit-column-count:2; -moz-column-count:2; column-count:2}
	.dropdown-menu>li>ul>li>a{color:#9d9d9d}
	#imgCurrent, #wrapper img.lazy{width:100%}
	.fb-profile-text>h1{font-weight:700; font-size:20px}
	#chontheloai ul { -webkit-column-count:3 ; -moz-column-count:3 ; column-count:3}
	.dropdown-menu>li>ul>li>a {color: #eee;}
	.infodgenre{color: #eee;}
	.navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #555;}
}
@media screen and (max-width:610px){.fbbar-scroll{position:relative}.hideIpad{display:none}}
@media screen and (max-width:579px){.hideMobile{display:none}}
@media screen and (max-width:481px){.webkit-md-col2{-webkit-column-count:2; -moz-column-count:2; column-count:2}}
@media screen and (max-width:479px){#timtruyenAjax{min-width:inherit}}
@media screen and (max-width:413px){
	/*dùng cho Iphone 6/7/88plus*/
	.menu-listtruyen{-webkit-column-count:2;-moz-column-count:2;column-count:2}
	#timtruyenAjax{min-width:inherit}
}