a {
    outline: none !important;
}

body {
    font-family: "Times New Roman" !important;
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.br-theme-fontawesome-stars .br-widget {
    height: 28px;
    white-space: nowrap;
}

.br-theme-fontawesome-stars .br-widget a {
    /*font: normal normal normal 20px/1 FontAwesome;*/
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 2px;
    float: left;
    font-size: 20px;
}

.br-theme-fontawesome-stars .br-widget a:after {
    content: "\2605";
    color: #d2d2d2;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #EDB867;
}

.br-theme-fontawesome-stars .br-widget a.br-selected:after {
    color: #EDB867;
}

.br-theme-fontawesome-stars .br-widget .br-current-rating {
    display: none;
}

.br-theme-fontawesome-stars .br-readonly a {
    cursor: default;
}

.star-rev a {
    float: left;
    margin-right: 2px;
}

.star-rev {
    clear: both;
    display: block;
    overflow: hidden;
}

.star-rev a:after {
    content: "\2605";
    color: #EDB867;
}


.sub__titleBox h2 span {
    text-transform: uppercase;
}

#wrap,
#wrap.sub.book-page,
#wrap.sub.success,
#wrap.sub.book-pagedetail,
#wrap.sub.video,
#wrap.sub.register,
#wrap.sub {
    background: #FFF;
}

.top__book .blockTitle .blockName li a {
    text-transform: uppercase;
}

.img_vinhan {
    border-radius: 50%;
}

.top #wrap {
    /*padding-bottom: 15px;*/
}

.vinhat-detail-info {
    text-align: center;
}

.wap-img-hid {
    max-height: 280px;
    min-height: 280px;
    overflow: hidden;
}

.related.book-pagedetail__boxDescription__banner {
    /*padding-left: 80px;*/
}

.header__nav__boxMenu .menu>li:first-child>a {
    padding: 22px 20px;
}

.header__nav__boxMenu .menu>li>a {
    font-family: "Times New Roman";
    padding: 17px 20px;
    line-height: 22px;
}

.header__nav__boxMenu .sub-menu>ul>li>a {
    font-family: "Times New Roman";
}

.sub-m-1 {
    margin-top: 49px;
    border-top: 1px solid #333333;
}

.menu-social .boxSocial {
    margin: 20px 70px;
}

.menu-social li {
    float: left;
}

.alert-register {
    display: none;
    margin-top: 10px;
}

.form-group {
    text-align: left;
}

.form-lh {
    padding: 10px 10px;
}

.register__boxForm__boxButton {
    text-align: center;
}

.register__boxForm__boxButton .btn-submit {
    background: #FFF;
    color: #000;
    border: 1px solid #000;
    line-height: 30px;
}

.register__boxForm__boxButton .btn-submit:hover {
    color: #FFF;
    background: #000;
}

.text-center {
    text-align: center;
}

.register__boxInfo p {
    font-size: 13px;
}

.tt-dk-ht {
    font-size: 15px;
    color: #000;
    padding: 15px 0px;
}

.register__boxForm {
    max-width: 100%;
}

.register__boxForm__boxButton {
    margin-bottom: 20px;
}

img.scale {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

img.scale:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.title-tn {
    color: #333333;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 10px;
    font-size: 16px;
    text-transform: uppercase;
}

.btn-tn {
    background: #333333;
    color: #fff;
    text-align: center;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 15px;
    padding: 0 14px 0;
    outline: 0;
    line-height: 33px;
}

.btn-tn:hover {
    color: #FFF;
    background: #333;
}

.menu-login {
    float: right;
    margin: 15px 0px 0px 0px;
}

.menu-login li {
    float: left;
    padding: 0px 10px;
}

.menu-login li a {
    color: #EEE;
}

.header__nav__boxMenu .menu>li>a:hover {
    background: #000;
    color: #cd9e3c;
}

.header__nav__boxMenu .menu>li.not-sub>a:before {
    display: none;
}

.footer,
.footer .boxLinks .links dt {
    color: #cccccc;
}

.footer .boxLinks .links dt:before {
    display: none;
}

.footer__info .boxSocial .social li a .fa-stack {
    width: 35px;
    height: 35px;
}

.footer__info .boxSocial .social li a .fa-stack {
    line-height: 35px;
}

.footer__info .boxSocial .social li a .fa-stack-2x {
    font-size: 35px;
}

.footer__info .boxSocial {
    float: left;
    margin: 10px 0px;
}

.footer .boxLinks .links dt {
    padding: 0px;
}

.footer {
    background: #000;
}

.box-fux-1 {
    text-align: center;
    padding: 10px 0px;
    border-top: 1px solid #666666;
}

.invert {
    -webkit-filter: invert(100%);
}

.itle-ft {
    font-size: 18px;
    text-transform: uppercase;
}

.super-link ul {
    padding: 0px;
    margin: 0px;
}

.super-link ul li a {
    font-size: 12px;
}

.super-link ul li a {
    background: url('../images/common/arow-ft.png') left 7px no-repeat;
    padding: 2px 10px 2px 15px;
}

.register__boxForm table tr th {
    font-family: "Times New Roman";
}

.header__nav .search .form-control {
    width: 180px;
}

#modal-login,
#modal-register {
    padding: 30px !important;
}

.blocknews__item__inner .boxDesciprtion p,
.top__success .block-contentMenu .nameWrap__item .boxInfo .mess,
.book-page__title h3,
.blocknews__item__inner .boxTitle h4 a {
    font-family: "Times New Roman";
}

.success .blockSuccess__content--leftBox .post-view span {
    padding: 4px 30px;
}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
a,
input,
button {
    font-family: "Times New Roman" !important;
}

.bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option {
    /* text-transform: capitalize;*/
}

.container-fluid {
    width: 1100px;
    padding: 0px;
    margin: 0px auto;
}

.top__book .blockTitle .all-detail {
    margin-right: 20px;
}

#wrap.ceo {
    background: #FFF;
}

.footer__info {
    padding-top: 20px;
}

.sub__pageNav {
    padding-bottom: 20px;
}

.top__mainvisual {
    /* height: 500px;*/
}

.top__success .blockTitle .ttl {
    font-size: 15px;
}

.top__success .block-nameMenu ul li a {
    font-size: 14px;
}

.top__success .block-contentMenu .nameWrap__item .boxInfo {
    min-height: 60px;
}

.tu-sach-home .blocknews__item__inner {
    background: #EEE;
}

.top__success .block-contentMenu .nameWrap__item .boxInfo h4,
.top__success .block-contentMenu .nameWrap__item .boxInfo .mess {
    font-size: 10px;
}

.top__book .blockTitle .blockName li a,
.mainTitle .title-h3 span,
.mainTitle .title-h3 {
    font-size: 15px;
    text-transform: uppercase;
}

.blocknews__item__inner .boxTitle h4 a {
    font-size: 11px;
}

.top .article__item a .boxTitle h4 {
    font-size: 12px;
}

.top .article__item a .boxDesciprtion {
    font-size: 11px;
}

.boxInfo,
.box-fux-1 {
    font-size: 11px;
}

.top__process {
    background: #1a1a1a;
}

.top .article__item a .boxTitle {
    /* background: none;*/
    padding: 10px;
}

.top .boxLeft .article__item a .boxTitle h4 {
    font-size: 15px;
}

.top .boxRight .article__item a .boxTitle {
    background: #000;
}





.header__nav__boxMenu .sub-menu>ul>li>a {
    text-transform: uppercase;
    font-size: 12px;
}

.header__nav__boxMenu .sub-menu>ul>li>a:before {
    display: none;
}

.header__nav__boxMenu .menu>li>a {
    font-size: 12px;
}

.sub__titleBox h2 span {
    font-size: 15px;
}

.sub__newsBox__item__info .ttl a {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
}

.sub__titleBox h2 span:before {
    bottom: -4px;
}

.main-detail-text {
    font-size: 25px;
    text-align: center;
    padding: 20px 0px;
    text-transform: uppercase;
}

.sub-img-chamngon {
    width: 70%;
    text-align: center;
}

.vinhat-detail-info p {
    font-size: 13px;
}

.success .blockSuccess__content--leftBox .boxInfo {
    text-align: left;
}

.success .blockSuccess__content--leftBox figure img {
    border: 1px solid #EEE;
}

.title-b {
    padding: 3px 5px;
    border-radius: 8px;
    background: #333;
    float: left;
    color: #FFF;
    margin-bottom: 10px;
}

.boxContent .post-view {
    margin-left: 10px;
    float: left;
}

.main-view {
    margin-top: 4px;
}

.img-qg {
    border-radius: 50%;
    border: 1px solid #EEE;
}

.boxInfo-detail {
    font-size: 14px;
}

.sub-breadcrums ul li a {
    text-transform: capitalize;
}

.book-page__boxContent__content__itemWrap__item__boxinfo h4 {
    font-size: 14px;
}

.book-page__boxContent__sidebar .ttl {
    text-transform: uppercase;
    font-size: 15px;
}

.book-page__boxVideo .sub__titleBox h2 span {
    font-size: 15px;
}

.book-page__boxPopular .book-page__title h3 {
    font-size: 15px;
}

.book-page__title:before {
    bottom: 9px;
}

.book-pagedetail__boxInfo__wrap__img img {
    /*width: auto !important;*/
    /* height: 300px;*/
}

.book-pagedetail__boxInfo__wrap__info,
.book-pagedetail__boxInfo__wrap__img {
    width: 123;
}

.book-pagedetail__boxInfo__wrap__info h3 {
    font-size: 20px;
}

.book-pagedetail__boxInfo__wrap__info__content .quote span {
    font-size: 20px;
    padding: 10px 20px;
}

.box-social {
    padding: 10px 0px;
}

.view-all {
    display: inline-block;
    color: #4267b2;
    cursor: pointer;
    padding-left: 5px;
}

.book-pagedetail__boxInfo__wrap__info__content .quote span:before,
.book-pagedetail__boxInfo__wrap__info__content .quote span:after {
    background-size: contain;
    width: 30px;
    height: 20px;
}

.book-pagedetail__boxInfo__wrap__info__content .quote {
    margin-top: 20px;
}

.book-pagedetail__boxInfo__wrap__info {
    min-height: auto;
}

.book-pagedetail__boxInfo__wrap__info {
    border: none;
}

.sub__titleBox {
    /* height: 1px;*/
    border-bottom: 1px solid #EEE;
}

.book-pagedetail__boxInfo__wrap__info__content {
    margin: 10px 0px;
}

.book-pagedetail__boxInfo__wrap__info__des .box-favorite {
    text-align: left;
    width: 100%;
}

.book-pagedetail__boxInfo__wrap__info__des .box-favorite p.fav {
    margin-left: 10px;
}

.book-pagedetail__boxInfo__wrap {
    border-bottom: 1px solid #EEE;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.book-pagedetail__boxDescription {
    margin: 20px 0px;
}

.related .blocknews__item .blocknews__item__inner {
    box-shadow: none;
}

.over-hidden {
    display: inline-block;
    height: 180px;
    overflow: hidden;
}

.book-pagedetail__boxDescription__banner {
    width: 300px;
}

.book-pagedetail__boxDescription__content {
    width: calc(100% - 300px);
}

.famous__boxInfo__tabsItem .tabs li a,
.famous__boxSlide h3 {
    font-size: 18px;
}

.famous__boxSlide__slider {
    margin-top: 30px;
}

.fix-t {
    padding: 10px;
    text-align: center;
    color: #000;
}

.tooltip-b {
    position: absolute;
    left: 0px;
    bottom: 60px;
    color: #000;
    border: 1px solid #CCC;
    border-radius: 5px;
    /* padding: 20px;*/
    z-index: 99999;
    background: #000;
    opacity: 0.7;
    display: none;
    font-size: 15px;
    padding: 10px;
    color: #FFF;
}

.famous__boxInfo__tabsContent__itemWrap__item__inner {
    position: relative;
}

.ht-viewmore {
    /*position: relative;*/
    /*z-index: 99999;
    background:#000;
    font-size: 20px;
    display: inline-block;
    padding: 5px;
    color: #FFF;*/
    font-size: 20px;
    display: inline-block;
}

.ht-viewmore:hover .tooltip-b {
    display: block;
}

a:hover {
    opacity: 1;
}

img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.success .blockSuccess__formsearch {
    min-height: 50px;
    /*overflow: hidden;*/
}

.blocknews__item__inner .boxDesciprtion p.post-view {
    width: 100%;
}

.img-cover {
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}

.form-control.focus {
    border: 1px solid red;
}

.line-ct {
    width: 300px;
    height: 1px;
    margin: 30px auto;
    border-bottom: 1px solid #CCC;
}

.blockSuccess__content--leftBox h4 {
    margin-top: 15px;
}

.header__language {
    padding: 0px;
}

.sliderPage .slick-arrow.slick-prev {
    left: 20px;
    background: url(../images/common/arrow_prev.png) no-repeat 0 0;
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
}

.sliderPage .slick-arrow {
    position: absolute;
    top: 50%;
    text-indent: -9999px;
    background-color: transparent;
    padding: 0;
    border: none;
    width: 38px;
    height: 38px;
    z-index: 10;
    outline: 0;
    margin-top: -19px;
}

.sliderPage .slick-arrow.slick-next {
    right: 20px;
    background: url(../images/common/arrow_next.png) no-repeat 0 0;
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
}

.sub .blockNews {
    margin: 0px;
}

.padding-0 {
    padding: 0px;
    margin: 0px;
}

.sub__newEvents__item .box-info {
    border: 0px;
    margin: 0px;
}

.sub__newEvents__item {
    background: #FFF;
    color: #000;
    /*   padding: 0px;
    margin: 0px;*/
}

.blockEvents-inner .sub__newEvents {
    margin: 0px -12px;
}

.sub .blockEvents {
    padding: 20px 0 50px;
}

.sub__newsBox__item-2 {
    /*padding-left: 0px;
    overflow: hidden;
    background: #FFF;*/
}

.wap-item-3 {
    background: #242424;
    overflow: hidden;
}

.wap-item-3 h4 a {
    color: #FFF;
    font-size: 15px;
    margin: 10px 0px;
    display: block;
}

.btn-wish {
    cursor: pointer;
    max-width: 100px;
    width: 100%;
    background: #777;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 15px;
}

.btn-wish:hover {
    color: #FFF;
    background: #000;
}

.box-wish .btn-wish {
    float: left;
}

.box-wish .btn-share {
    margin-left: 15px;
}

.sub__newsBox__item p.wp {
    padding: 2px 0px;
    color: #FFF;
}

.sub .blockEvents .blockEvents-inner {
    padding: 0px;
}

.book-page__boxVideo__itemWrap__item h4 {
    font-size: 12px;
    padding: 5px 5px;
}

.max-img-thumb {
    padding-bottom: 10px;
    outline: none;
}

.book-pagedetail__boxInfo__wrap__img figure img {
    width: 230px;
    height: auto;
}

.img-thumb {
    float: left;
    margin-right: 30px;
    width: 60px;
}

.img-thumb img {
    margin: 4px 0px;
}

blockquote {
    border-left: 4px solid #CCC;
    padding: 5px 0px 5px 10px;
}

.book-page__boxContent__content__itemWrap__item__boxfavorite .btn-favorite a span {
    color: #999;
}

.book-page__boxContent__content__itemWrap__item__boxfavorite .btn-favorite a span:before {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.sub__leftSide .ttl a {
    font-size: 13px;
}

.book-page__boxContent__content__itemWrap__item__boxfavorite .btn-favorite a.active {
    background: #666;
    color: #FFF;
}

.book-page__boxContent__content__itemWrap__item__boxfavorite .btn-favorite a.active span {
    color: #FFF;
}

.book-page__boxContent__content__itemWrap__item__boxfavorite .btn-favorite a {
    cursor: pointer;
}

.relative {
    position: relative;
}

.top__book .blockTitle .all-detail {
    right: 0px;
    margin-right: 0px;
}

.sub__rightSide .blockMessage {
    padding: 0px;
    text-align: justify;
}

.sub__titleFeature h4 {
    font-size: 15px;
}

.sub__favoriteNews {
    padding-bottom: 30px;
}

.success .blockSuccess__formsearch .form-wrap .form-item {
    max-height: 50px;
}

.success .blockSuccess__content .nationWrap__item__wrap .item-info h4 {
    font-size: 15px;
}

.blockRelated {
    padding-bottom: 30px;
}

.img-thumb img {
    opacity: 0.7;
}

.img-thumb .current {
    opacity: 1;
}

.img-thumb img:hover {
    opacity: 1;
    /*border:1px solid #000;
    border-collapse: collapse;*/
}

.book-pagedetail__boxDescription__content .box-content .ttl {
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.bctqt {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

.header__language {
    background: url('../images/common/icon-lang.png') left center no-repeat;
    width: auto;
    height: 50px;
}

.header__language .lang {
    width: 63px;
}

.header__language .lang:before {
    right: 0px;
    top: 21px;
}

.header__language .lang li.init {
    padding: 5px 24px 14px 24px;
}

.header__nav .search {
    margin: 0px 15px;
}

.header__language {
    margin-right: 10px;
}

.top .article__wrap {
    margin: 15px 0px;
}

.is_tablet_1 {
    /*  font-size: 15px;*/
    /*padding: 0px 10px;*/
}



/*.header__language .lang li:not(.init){
    width: auto;
}
.header__language .lang{
    padding: 0px 0px 0px 40px;
    width: auto;
}*/

input {
    outline: none !important;
}

.search-mobile {
    float: right;
    color: #FFF;
    line-height: 50px;
    margin-left: 10px;
    display: none;
}

.book-page__boxContent__content__itemWrap__item__boxfavorite .post-view span {
    padding: 3px 0 0 27px;
}

.super-link-h {
    padding-top: 0px;
    padding-right: 0px;
}

.col-ft {
    display: none;
}

.sub__videoContent .video__boxRate p.star {
    display: inline-block;
}

.video__boxRate {
    float: right;
}

.box-cmt .star-rev,
.video__boxRate .star-rev {
    float: left;
}

.book-pagedetail__boxInfo__wrap__info {
    width: 65%;
}

.book-pagedetail__boxInfo__wrap__img {
    width: 35%;
}

.search.success .blockSuccess__content .nationWrap__item__wrap .item-info {
    background: #FFF;
    padding: 10px 0px;
}

.search .success .blockSuccess__content .nationWrap__item {
    margin: 10px 0px;
}

.main-search {
    min-height: 500px;
}

.famous__boxSlide__slider .slide li {
    display: flex;
    align-items: center;
    justify-content: center;
}


.box-lich-su {
    position: relative;
    min-height: 4920px;
}

.img1_center {
    position: absolute;
    left: 278px;
    top: 307px;
}

.img1_1 {
    position: absolute;
    left: 0px;
    top: 418px;
    width: 41%;
}

.img1_2 {
    position: absolute;
    right: 0px;
    top: 280px;
    width: 41%;
}

.img1_3 {
    position: absolute;
    right: 0px;
    top: 620px;
    width: 41%;
}

.img2_title {
    top: 974px;
    position: absolute;
    left: 30px;
}

.img2_1 {
    top: 1340px;
    position: absolute;
    left: 0px;
    width: 41%;
}

.img2_2 {
    top: 1340px;
    position: absolute;
    right: 0px;
    width: 41%;
}

.img2_center {
    top: 1300px;
    position: absolute;
    left: 270px;
}

.img3_title {
    position: absolute;
    top: 1800px;
    left: 60px;
}

.img3_center {
    top: 2050px;
    position: absolute;
    left: 270px;
}

.img3_1 {
    position: absolute;
    left: 0px;
    top: 2050px;
    width: 41%;
}

.img3_2 {
    position: absolute;
    left: 0px;
    top: 2350px;
    width: 41%;
}

.img3_3 {
    position: absolute;
    right: 0px;
    top: 2167px;
    width: 41%;
}

.box-4 {
    width: 100%;
    position: relative;
    top: 2470px;
    left: 0px;
}

.img4_title {
    top: 0px;
    left: 65px;
    position: absolute;
}


.img4_center {
    top: 300px;
    position: absolute;
    left: 270px;
}

.img4_1 {
    top: 305px;
    left: 0px;
    position: absolute;
    width: 41%;
}

.img4_2 {
    top: 640px;
    left: 0px;
    position: absolute;
    width: 41%;
}

.img4_3 {
    top: 305px;
    right: 0px;
    position: absolute;
    width: 41%;
}

.img4_4 {
    top: 770px;
    right: 0px;
    position: absolute;
    width: 41%;
}

.box-5 {
    position: relative;
    width: 100%;
    top: 3590px;
    left: 0px;
}


.img5_title {
    top: 0px;
    left: 83px;
    position: absolute;
}


.img5_1 {
    top: 305px;
    left: 0px;
    position: absolute;
    width: 41%;
}

.img5_2 {
    top: 700px;
    right: 0px;
    position: absolute;
    width: 41%;
}

.img5_3 {
    top: 205px;
    right: 0px;
    position: absolute;
    width: 41%;
}

.img5_center {
    top: 200px;
    position: absolute;
    left: 270px;
}

.tu-sach.blocknews__wrap {
    min-height: 400px;
}

.wap-vi-nhan-home {
    min-height: 600px;
}

.sub__rightSide .blockLine .list-img li:first-child {
    margin: 0px;

}

.sub__rightSide .blockLine .list-img li {
    margin-bottom: 70px !important;
}

.wap-m-cate {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

.title-vn-cate {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;

}

.title-vn-cate .view-more {
    float: right;
    font-size: 11px;
    text-transform: capitalize;
    background: url('../images/common/icon_plus_grey.png') right center no-repeat;
    padding-right: 17px;
}

.success .blockSuccess__formsearch .form-wrap .form-item {
    width: 33%;
}


.sub__rightSide .blockMessage p {
    margin-bottom: 15px;
}

.slide-arow .slick-prev {
    width: 8px;
    height: 17px;
    background: url('../images/common/arow.png') right center no-repeat;
    border: none;
    font-size: 0px;
    background-position: 5px 0px;
    top: 43%;
    left: -22px;
    position: absolute;
}

.slide-arow .slick-next {
    width: 8px;
    height: 17px;
    background: url('../images/common/arow.png') right center no-repeat;
    border: none;
    font-size: 0px;
    background-position: -8px 0px;
    top: 35%;
    right: -8px;
    position: absolute;
}

.title-dh {
    margin-bottom: 20px;
}

.sub__leftSide .ttl a {
    font-size: 12px;
    padding: 0px 7px;
}

.sub__leftSide .ttl a i {
    top: 14px;
}

.sub__block__other {
    background: none;
}

.sub__rightSide .blockLine__content p {
    text-align: left;
}

.sub__rightSide .blockLine__content p {
    margin: 10px 0px;
}

.main-read li a {
    font-size: 14px;
    padding: 7px 5px 7px 10px;
    text-transform: uppercase;
    color: #000;
}

.main-read li a:hover {
    background: #e9eaeb;
}

.main-read li.active a {
    background: #e9eaeb url('../images/common/chuong-icon.png?v=1') 5px center no-repeat;
    background-size: 5%;

}

.l_read {
    width: 150px;
    height: 31px;
    background: url('../images/common/read_1.png?v=2') center center no-repeat;
    background-size: contain;
    float: left;
    margin-right: 10px;
}

.l_read:hover {
    background: url('../images/common/read_2.png?v=3') center center no-repeat;
    background-size: contain;
}

.m-download {
    margin: 10px 0px;
    overflow: hidden;
}

.l_audio {
    width: 150px;
    height: 31px;
    margin-right: 10px;
    float: left;
    background: url('../images/common/l_1.png?v=1') center center no-repeat;
    background-size: contain;
}

.l_audio:hover {
    background: url('../images/common/l_2.png?v=2') center center no-repeat;
    background-size: contain;
}

.download-icon {
    width: 138px;
    height: 31px;
    float: left;
    background: url('../images/common/down-1.png?v=3') center center no-repeat;
    background-size: contain;
}

.download-icon:hover {
    background: url('../images/common/down-2.png?v=7') center center no-repeat;
    background-size: contain;
}


.m-download {
    padding: 10px 0px;
}

.m-download p {
    margin-bottom: 5px;
}

.nav-bt {
    text-align: center;
    margin-bottom: 15px;
}

.nav-bt a {
    color: #FFF;
    background: #000;
    /*height: 30px;
    line-height: 30px;
*/
    border: none;
    padding: 0px 7px;
    display: inline-block;
    height: 29px;
    line-height: 28px;

}

.nav-bt select {
    background: #000;
    color: #FFF;
    height: 30px;
    line-height: 30px;
    border: 0px;
    display: inline-block;
}

.main-read-ss {
    padding: 10px;
    font-size: 15px;
    line-height: 24px;
}

.main-read-ss img {
    filter: none;
    -webkit-filter: none;
}

.nav-bt.fixed {
    position: fixed;
    top: 50px;
    left: -14%;
    width: 100%;
}

.main-read-ss {
    max-height: 500px;
    overflow-y: auto;
    background: #EEE;
}



@media screen and (max-width: 768px) {
    img {
        height: auto !important;

    }

    iframe {
        max-width: 100% !important;
        /* height: auto !important; */
    }

    .nav-bt.fixed {
        position: fixed;
        top: 50px;
        left: 0%;
        width: 100%;
    }

    .sub__rightSide .blockLine__video .video-frame {
        height: auto;
    }

    .main-detail .sub-img {
        display: none;
    }

    .lg-mb {
        text-align: center;
    }

    .col-ft {
        display: block;
    }

    .box-ft {
        padding: 12px 10px;
    }

    #modal-register,
    #modal-login {
        max-width: 300px !important;
        width: 100% !important;
        min-width: initial !important;
    }

    .container-fluid {
        width: 100%;
        padding: 0px 7px;
    }

    .book-pagedetail__boxDescription__content {
        width: 100%;
    }

    .book-pagedetail__boxInfo__wrap__info h3 {
        margin-top: 20px;
    }

    .book-pagedetail__boxDescription__banner {
        width: 100%;
    }

    .vinhat-detail-info p,
    .success .blockSuccess__content--leftBox .boxInfo .mess {
        font-size: 15px;
    }

    .top__book .blockTitle .blockName li {
        width: 100%;
    }

    .header__nav .search {
        padding: 13px 15px 12px 10px;
        /*  display: block; */
        position: absolute;
        right: 0px;
        Z-INDEX: 9999;
        bottom: -38px;
        margin: 0px;
        width: 100%;
        background: #000;
    }

    .header__nav .search .form-control {
        width: 100%;
    }

    .header__nav .search i {
        right: 25px;
    }

    .search-mobile {
        display: block;
    }

    .book-page__boxPopular .blocknews__item {
        width: 50%;
    }

    .book-page__boxPopular .blocknews__item {
        padding: 5px;
    }

    .book-page__boxPopular .blocknews__item.blocknews__item_4 {
        width: 100%;
    }

    .book-page__boxContent__content__itemWrap:nth-of-type(4n-3) .book-page__boxContent__content__itemWrap__item,
    .book-page__boxContent__content__itemWrap:nth-of-type(4n) .book-page__boxContent__content__itemWrap__item {
        background: none !important;
        border: 1px solid #e9e8e8;
    }

    .book-page__boxContent__content__itemWrap {
        padding: 0px 5px;
    }

    .success .blockSuccess__formsearch .form-wrap .form-item {
        width: 100%;
    }

    .slide-mode-mb {
        padding: 20px 20px;
    }

    .slide-mode-mb .text-center {
        text-align: left;
        padding-left: 20px;
    }

    .book-pagedetail__boxInfo__wrap__info,
    .book-pagedetail__boxInfo__wrap__img {
        width: 100%;
    }

    .m-download {
        text-align: center;
    }

    .m-download a {
        width: 30%;
        margin: 5px 5px;
    }

    .m-download .download-icon {
        width: 27%;
    }

    .main-read-ss p {
        font-size: 17px;
    }

    .nav-bt a {
        /* display: none;*/
    }

    .nav-bt select {
        font-size: 9px;
        width: 270px;
    }

    .wap-top-read-book {
        text-align: center;
    }

    .video__boxRate .star-rev {
        float: none;
        display: block;
    }

    .wap-top-read-book .book-pagedetail__boxInfo__wrap__info__des .box-favorite {
        text-align: center;
    }

    .main-top-audio .max-img-thumb {
        display: none;
    }

    .book-pagedetail__boxInfo__wrap__info,
    .book-pagedetail__boxInfo__wrap__img {
        text-align: center;
    }

    .book-pagedetail__boxInfo__wrap__info__des .box-favorite {
        width: 100%;
        text-align: center;
    }

    .star-rev a {
        float: none;
        display: inline-block;
    }

    .box-cmt .star-rev,
    .video__boxRate .star-rev {
        float: none;
    }

    .book-pagedetail__boxInfo__wrap__img .img-thumb {
        display: none;
    }
}

.main-top-audio .book-pagedetail__boxInfo__wrap__info {
    text-align: center;
}

.main-top-audio .book-pagedetail__boxInfo__wrap__info__des .box-cmt {
    width: 100%;
    text-align: center;
}

.video__boxRate .star-rev {
    float: none;
    display: block;

}

.main-top-audio .book-pagedetail__boxInfo__wrap__info__des .box-favorite {
    width: 100%;
    text-align: center;
}

.main-top-audio .star-rev a {
    float: none;
    display: inline-block;
}

.main-top-audio .book-pagedetail__boxInfo__wrap__info h3 {
    margin-top: 10px;
}

.post-audio i {
    color: #999;
    font-size: 18px;
}

.aplayer .aplayer-info .aplayer-music .aplayer-author,
.aplayer .aplayer-list ol li .aplayer-list-author {
    display: none;
}

.aplayer-title {
    /* position: absolute;
    white-space: nowrap;
    animation: floatText 20s infinite alternate ease-in-out;*/
}

.aplayer .aplayer-info .aplayer-music .aplayer-title {
    font-size: 14px;
}

.book-pagedetail__boxInfo__wrap__info__des .box-favorite p {
    float: left;
}

.book-pagedetail__boxInfo__wrap__info__des .box-favorite p i {
    color: #666;
}

@-webkit-keyframes floatText {
    from {
        right: 00%;
    }

    to {
        /* left: auto; */
        right: 100%;
    }
}

select.change-chapter {
    text-align-last: center;
}

@media only screen and (min-width: 1170px) {
    .header__logo img {
        width: 100px;
    }
}