.boxDetail {
 padding:0 15px;
}
#main-body{
    background:#e5e6ec
}
.box_category_news{margin:0}
.boxDetail .cover {
    width: 100%;
    margin-bottom: 40px;
}

.pic_cover {
    position: relative;
    max-height: 600px;
    overflow: hidden;
}

.pic_cover .cover {
    width: 100%;
}

.pic_cover .head {
    position: absolute;
    bottom: 25px;
    max-width: 835px;
    z-index: 5;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.pic_cover .head .title {
    font-size: 45px;
    color: #fff;
    line-height: 1.1;
    font-weight: bold;
}

.pic_cover .head .admin_name {
    font-size: 16px;
    color: #ff3300;
}

.pic_cover .date_social {
    color: #fff;
}

.pic_cover .date_social .date_post,
.pic_cover .date_social .view {
    color: #fff;
}

.pic_cover .date_post {
    background: url("../images/icon_clock_white.png") left no-repeat;
}

.pic_cover .view {
    background: url("../images/icon_eyes_white.png") left no-repeat;
}

.detail_layout_1 {
    padding-top: 30px;
}


/***********PRODUCT in content news***********/

.infoprod {
    width: 100%;
    max-width: 635px;
    height: auto;
    padding: 10px 5px;
    margin: 0 100px;
    display: inline-block;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.infoprod .image img {
    width: 150px;
}

.infoprod .image,
.infoprod-inline .image {
    float: left;
    width: 36%;
    text-align: center;
}

.infoprod .infor,
.infoprod-inline .infor {
    text-align: left;
    float: right;
    width: 64%;
}

.infoprod .infor h3,
.infoprod-inline .infor h3 {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    overflow: hidden;
    max-width: 290px;
}

.infoprod .infor h3 a {
    color: #288ad6;
}

.infoprod .infor strong,
.infoprod-inline .infor strong {
    display: block;
    overflow: hidden;
    padding: 3px 0;
    font-size: 16px;
    color: #d0021b;
    font-weight: 600;
}

.infoprod .infor figure,
.infoprod-inline .infor figure {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #777;
}


/*********PRODUCT in content news**************/


/*********** Detail NEWS *********/

.boxDetail .title {
    font-size: 2.5em;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
    margin-bottom: 10px;
    padding: 0px 0 10px;
}
.boxDetail .news-head{
    margin-bottom:10px;
    overflow: hidden;
} 
.detail-sidebar {
    display: none
}

.detail-sidebar .sidebar {
    width: 150px;
}
 

.date_social {
    text-align: center;
}

.date_social .admin_name {
    display: block;
    clear: both;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.date_social .count-view {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

.date_social .count-view span {
    display: block;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px
}

.boxDetail .imgDetail_left {
    display: block;
    float: left;
    margin-right: 7px;
}

.boxDetail .imgDetail_right {
    display: block;
    float: right;
    margin-left: 7px;
}

.boxDetail .fDespic {
    font-size: 9px;
    color: #999999;
    text-align: center;
}

.boxDetail .date_social {
    margin-bottom: 15px;
}

.boxDetail .date_social .g-plus-bound #___plus_0 {
    width: 70px;
}

.avatar_circle {
    padding-right: 5px;
}

.avatar_circle img {
    border-radius: 100%;
}

.boxDetail .noteNews {
    margin: 5px 0px;
    padding: 5px;
    border: 1px solid #bbbbbb;
    background-color: #e8e8e8;
    text-align: justify;
}

.hr {
    background: url(../images/hr.gif) repeat-x center;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

#otherNews {
    padding: 10px 0px;
}

#otherNews h3 {}

.content-news h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.content-news h2 {
    display: block;
    /*font-size: 1.5em;*/
    font-size: 1.25em;
    margin-top: 0.83em;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;
    line-height: 1.5;
}

.content-news h3 {
    display: block;
    font-size: 1.1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.content-news h4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.content-news h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.content-news h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.content-news {
    line-height: 1.5;
    font-size: 16px;
}

.content-news p {
    line-height: 1.5;
    padding-top: 0;
    padding-bottom: 15px;
    margin: 0;
    font-size: 16px;
}

.content-news hr {
    border-top: 1px solid #ccc;
    margin-right: 10%;
    margin-left: 10%;
}

 
.content-news img {
    width: 100%;
    height: auto !important
}

.content-news ul {
    display: block;
    list-style-type: disc;
    margin-bottom: 1em;
    margin-left: 15px;
    margin-right: 0;
    
}

.content-news ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
    padding-left: 100px;
    padding-right: 100px;
}

.content-news .short {
    font-size: 16px;
    line-height: 1.5;
}

#otherNews {
    margin-bottom: 25px;
    padding-top: 20px;
}

.title_other_news {
    padding: 0 20px;
    padding-top: 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 20px;
     
}

#otherNews h3 span {}

.row_other_news {
    margin: 0 -10px;
    padding: 0 20px;
}
.row_other_news img{border-radius: var(--primary-border-radius);}
.news-bottom {
    margin-bottom: 20px;
    padding: 0 10px;
}

.news-bottom a {
    text-decoration: none;
}

.news-bottom h4 {
    padding: 10px 0;
    padding-bottom: 5px;
    color: #000;
    font-size: 15px;
}

.date_news {
    padding: 0px;
    margin: 0px;
    color: #9c9c9c;
    font-weight: normal;
}

.date_news span {
    color: #9c9c9c;
}

.boxNews p.more {
    margin: 0px;
    padding: 2px 0px;
    text-align: right;
}


/*--------------------*/

.new_titleNews,
.new_titleNews a:link,
.new_titleNews a:active,
.new_titleNews a:visited {
    color: #FF4200;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.new_titleNews a:hover {
    color: #FD7849;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.tooltipTitle {
    color: #FF0000;
}

.tooltipDes {
    color: #000000
}

.font_keyword {
    background-color: yellow;
    color: red;
    font-weight: bold;
}

.font_keyword a {
    background-color: yellow;
    color: red;
    font-weight: bold;
}

.tblComemnt {}

.fComment {
    background-color: #ccc;
    padding: 2px 0px;
}

.font_username {
    color: #c53915;
}

.contentComment {
    padding: 10px 0px;
}


/*COMMENT*/

.fComment {
    background: url(../images/hr.gif) bottom center repeat-x;
    padding: 5px 5px;
    color: #e45601;
    font-weight: bold;
    border-bottom: 5px;
    margin-bottom: 5px;
}

.boxComment label {
    padding-bottom: 2px;
}

.boxComment input.error {
    border: 1px dotted #ff0000;
}

.boxComment label.error {
    margin-left: 5px;
    padding: 5px;
    background: #B70002;
    color: #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.list_comment {
    padding: 5px 0px;
    padding-bottom: 10px;
    background: url(../images/hr.gif) bottom center repeat-x;
}

.list_comment .hr {
    background: url(../images/hr.gif) bottom center repeat-x;
    padding-bottom: 5px;
}

.list_comment .fname {
    color: #0058a6;
}

.list_comment .femail {
    color: #e45601;
}

.list_comment .fdate {
    color: #a4a4a4;
}


/*SEARCH*/

.formSearch {
    background: #FAFAFA;
    padding: 5px;
    border: 1px solid #ccc;
}

p.mess_result {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
}

p.mess_result span {
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
}

.tbl_poll {
    margin: 5px;
}

.tbl_poll {
    background: #FFFFFF;
    border: 1px solid #ccc;
}

.tbl_poll .fPoll {
    padding: 5px;
    font-weight: bold;
    color: #8A0000;
    border-bottom: 1px solid #ccc;
}

.tbl_poll .btn {
    border-top: 1px solid #ccc;
    background: #FFFFFF;
    text-align: center;
}

.tbl_poll .poll_content {
    padding: 5px;
    background: #EEEEDD;
}

#box-detail-news {
    position: relative;
    background:#fff;border-radius: var(--primary-border-radius);
    padding:15px 15px 0;
    margin-bottom:10px;
}

@media (min-width:1024px) {
    /*.box_category_news a,.box_category_news a:hover,.box_category_news a.current{border:0;}
 .box_category_news{border-bottom: 1px solid #b7b7b7}
 .box_category_news a{font-size:13px;font-weight: bold;position: relative;padding-left: 25px;}
 .box_category_news a:before{font:normal normal normal 18px/1 FontAwesome;content:"\f055";width: 20px;height: 20px;  display: block;position: absolute;top: 10px;left: 0;color:#ebebeb;}
   .box_category_news a:hover,.box_category_news a.current,.box_category_news a:hover:before,.box_category_news a.current:before{color:#ff3300;}

 */
    .detail-sidebar {
        position: absolute;
        display: block;
    }
    .row_other_news {
        display: flex;
        -webkit-display: flex;
        flex-flow: row wrap;
        flex: 1 100%
    }
}

@media (max-width: 767px) {
    .boxDetail {
        
        padding:0
    }
     
    .infoprod {
        margin: 0;
    }
    .row_other_news {
        padding: 0 10px;
    }
    .boxDetail .title {
        font-size:1.5em;
        line-height: 1.2;
        padding: 10px 0;
        margin-bottom: 15px;
    }
    .pic_cover .head {
        bottom: 10px;
    }
    .pic_cover .head .title {
        font-size: 14px;
        line-height: 1.1;
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .avatar_circle img {
        width: 7%;
    }
    .pic_cover .date_social {
        padding: 0 10px;
    }
    .pic_cover .date_social .p-top-15 {
        padding-top: 5px;
    }
}

#vnt-footer {
    margin-top: 0;
}

.bn-detail-news {
    position: relative;
}

.bn-detail-news .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.bn-detail-news .owl-dots .owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #eee;
    margin: 0 5px;
    border: 1px solid #000;
}

.bn-detail-news .owl-dots .active {
    background: #ff3300;
}

.sc-p{
    max-width:550px;margin:15px auto;border:1px solid #cf0c0d;border-radius:5px;
}
.sc-p .p-inner{padding:10px;display:table;width:100%;}
.sc-p .p-inner .p-info,.sc-p .p-inner .p-thumb{display:table-cell;vertical-align:middle}
.sc-p .p-inner .p-thumb{width:40%}
.sc-p .p-inner .p-thumb img{max-width:80% I !important}
.sc-p .p-inner .p-info{width:60%;padding-left:15px;}
.sc-p .p-inner .p-info .p-name{font-size:16px;margin:0 0 10px; line-height: 1.4;font-weight: bold;}
.sc-p .p-inner .p-info .p-name a{text-decoration:none;color:#000}
.sc-p .p-inner .p-info .p-name a:hover{text-decoration:underline;color:rgb(0, 0, 255)}
.sc-p .p-inner .p-info .p-name,.sc-p .p-inner .p-info p{padding-left:0;padding-right: 0;}
.sc-p .p-inner .p-info .price {font-size:16px}
.sc-p .p-inner .p-info .price span{color:#cf0c0d}
.sc-p .p-inner .p-info .price span span{ color:grey;font-size:14px;padding:0 5px}
.sc-p .p-inner .p-info .price span span .mobile-discount{color:#cf0c0d}
.sc-p .p-inner .p-info .btn{color:#fff !important;text-decoration: none;background:#fe0000;border:1px solid #fe0000}

.toc {background:#EEF2F6;padding:10px; font-size:15px;border-radius: var(--primary-border-radius);}
.content-news .toc p{ font-size:18px;}
.content-news .toc p.toc_title{position: relative;}
.toc_toggle{position: absolute;top:0;right:0;font-size:0}
.toc_toggle a{font-size:12px;background:#d9d9d9;display: inline-block;padding:5px 10px;border-radius:5px}
.content-news .toc ul{ }
.content-news .toc ul li{list-style:none}
.content-news .toc ul > li {font-weight:bold}
.content-news .toc ul ol{padding-left:30px;padding-right:0;margin:0}
.content-news .toc ul ol li{margin-bottom:10px;font-size:14px}
.content-news .toc ul li a:hover{text-decoration:underline}
.toc_toggle i{display:none}
.toc .hidden-toc{display:none}
.click-toggle i{display:inline-block}
.click-toggle b{display:none}
@media screen and (max-width:640px){
    .content-news iframe{max-width:100%;height: auto;}
}
@media screen and (max-width:480px){
    .content-news iframe{width:100%;height:auto}
}

.bn-top-detail-news{
    margin-bottom:15px
}

.box-flash-sell .title_box{height:auto !important}
.nt-prepaid-installment{display:none}
.follow-google-news
{
  background: #f1f2f2;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
}
.follow-google-news span
{
  color: #6f6f70;
  font-size: 12px;
  display: inline-block;
  margin-right:5px;
}
.follow-google-news img
{
  height: 15px !important;
}
.breacrumbs{background:#fff}
@media screen and (min-width:768px){
    .boxDetail .news-head  .meta-left{float:left}
    .boxDetail .news-head  .meta-right{float:right;margin-top:8px}
    
}
@media screen and (max-width:768px){
    .boxDetail .news-head  .meta-right{margin-top:5px;}
}