@charset "UTF-8";

@font-face {
  font-family: vnexpress-icon;
  src: url(../plugins/font-vnexpress/vnexpress-icon.eot?sfrjz8);
  src: url(../plugins/font-vnexpress/vnexpress-icon.eot?sfrjz8#iefix) format("embedded-opentype"), url(../plugins/font-vnexpress/vnexpress-icon.ttf?sfrjz8) format("truetype"), url(../plugins/font-vnexpress/vnexpress-icon.woff?sfrjz8) format("woff"), url(../plugins/font-vnexpress/vnexpress-icon.svg?sfrjz8#vnexpress-icon) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Roboto_Bold;
  src: url(fonts/Roboto-Bold.eot);
  src: url(fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/Roboto-Bold.woff) format("woff"), url(fonts/Roboto-Bold.ttf) format("truetype"), url(fonts/Roboto-Bold.svg#Roboto-Bold) format("svg");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Roboto_Regular;
  src: url(fonts/Roboto-Regular.eot);
  src: url(fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/Roboto-Regular.woff) format("woff"), url(fonts/Roboto-Regular.ttf) format("truetype"), url(fonts/Roboto-Regular.svg#Roboto-Regular) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Roboto_Light;
  src: url(fonts/Roboto-Light.eot);
  src: url(fonts/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(fonts/Roboto-Light.woff) format("woff"), url(fonts/Roboto-Light.ttf) format("truetype"), url(fonts/Roboto-Light.svg#Roboto-Light) format("svg");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: Roboto_Medium;
  src: url(fonts/Roboto-Medium.eot);
  src: url(fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(fonts/Roboto-Medium.woff) format("woff"), url(fonts/Roboto-Medium.ttf) format("truetype"), url(fonts/Roboto-Medium.svg#Roboto-Medium) format("svg");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Roboto_Black;
  src: url(fonts/Roboto-Black.eot);
  src: url(fonts/Roboto-Black.eot?#iefix) format("embedded-opentype"), url(fonts/Roboto-Black.woff) format("woff"), url(fonts/Roboto-Black.ttf) format("truetype"), url(fonts/Roboto-Black.svg#Roboto-Black) format("svg");
  font-weight: 900;
  font-style: normal
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

#warpper {
  /* background: url(images/graphics/bg.jpg) no-repeat;
  background-size: contain; */
  margin-top: 46px;
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
  clear: both
}

a:hover {
  color: #681a18
}
.ghichu{
    color: #666;
    line-height: 1.5;
    clear: both;
}

/*box-text*/
.box-text{
    background: rgba(248, 168, 29, 0.03);
    border: 1px solid #F8A81D;
    padding: 20px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
}
.box-text a, 
.box-text span{
    color: #076DB6;
}
/*End box-text*/

/*boxtuvan*/
.boxtuvan{
    background: #eee;
    padding: 26px;
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
}
.boxtuvan .header{
    color: #c00c3f;
    font-size: 30px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 35px;
}
.boxtuvan .row-input{
    display: block;
    margin-bottom: 12px;
}
.boxtuvan .row-input .error{
    display: block;
    color: #c00c3f;
    font-size: 13px;
    margin-top: 5px;
}
.row-input input{
    width: 100%;
    height: 57px;
    line-height: 57px;
    border: 1px solid #ddd;
    color: #222;
    background: #fff;
    padding: 0 18px;
    font-size: 18px;
}
.row-input input::-webkit-input-placeholder{
    color: #919191;
}
.row-input input::-webkit-input-placeholder{
    color: #919191;
}
.row-input input::-moz-placeholder{
    color: #919191;
}
.row-input input:-ms-input-placeholder{
    color: #919191;
}
.row-input input:-moz-placeholder{
    color: #919191;
}
.boxtuvan button{
    width: 156px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #c00c3f;
    font-size: 18px;
    border: none;
    border-radius: 5px;
}
/*End boxtuvan*/

/*Lightbox Gửi câu hỏi*/
.info-dr {
  background: #F7F7F7;
  padding: 17px 0 0 10px;
  margin: -10px 0 10px;
  font-family: Roboto_Regular;
}

.info-dr .name {
  color: #CB1C23;
  font-size: 14px;
  line-height: 1.142;
  display: inline-block;
  margin-bottom: 10px;
  font-family: Roboto_Bold;
}

.info-dr .position {
  font-size: 12px;
  line-height: 1.167;
  color: #4F4F4F;
}

.info-dr img {
  float: right;
  width: 80px;
}

.inner-info-dr {
  width: calc(100% - 80px);
  padding-right: 5px;
  float: left;
}

.wrap-lightbox .hotline {
  color: #4F4F4F;
  font-size: 12px;
  line-height: 1.167;
  margin-bottom: 15px;
}

.wrap-lightbox .hotline strong {
  color: #CB1C23;
}

.wrap-lightbox .hotline .icon {
  margin-right: 3px;
}

.wrap-lightbox .inner-lightbox {
  width: 100%;
  position: relative;
}

.wrap-lightbox .title-lightbox {
  color: #CB1C23;
  font-size: 16px;
  line-height: 1.35;
  display: inline-block;
  margin-bottom: 10px;
}

.wrap-lightbox .input-row {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.wrap-lightbox input,
.wrap-lightbox select {
  width: 100%;
  height: 32px;
  line-height: 32px;
  border: 1px solid #E5E5E5;
  font-size: 15px;
  padding: 0 10px;
  outline: none;
}

.wrap-lightbox select {
  color: #757575;
}

.wrap-lightbox input::-webkit-input-placeholder {
  color: #757575;
}

.wrap-lightbox input::-moz-input-placeholder {
  color: #757575;
}

.wrap-lightbox input::-ms-input-placeholder {
  color: #757575;
}

.wrap-lightbox input::-o-input-placeholder {
  color: #757575;
}

.wrap-lightbox textarea {
  width: 100%;
  height: 100px;
  padding: 6px 10px;
  border: 1px solid #E5E5E5;
  resize: none;
  outline: none;
  font-size: 15px;
}

.wrap-lightbox button {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #CB1C23;
  background: #F7F7F7;
  border: 0.5px solid #CB1C23;
  cursor: pointer;
}

.wrap-lightbox .note {
  font-size: 13px;
  line-height: 1.35;
  color: #757575;
}

.wrap-lightbox .error {
  font-size: 13px;
  line-height: 1.35;
  color: rgba(189, 0, 3, 1.00);
  margin-top: 5px;
  display: inline-block;
  float: left;
}

.wrap-lightbox .wrap-capcha {
  width: 100%;
  float: left;
  margin: 20px 0;
}

.wrap-lightbox .btn-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.wrap-lightbox .btn-close:before {
  content: '';
  width: 100%;
  height: 2px;
  background: #BDBDBD;
  position: absolute;
  transform: rotate(45deg);
  top: 8px;
  left: 0;
}

.wrap-lightbox .btn-close:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #BDBDBD;
  position: absolute;
  transform: rotate(-45deg);
  top: 8px;
  left: 0;
}

.mask-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}

.show-lightbox .mask-overlay,
.show-lightbox .wrap-lightbox-2 {
  opacity: 1;
  visibility: visible;
}

.wrap-lightbox-2 {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
}

.wrap-lightbox-2 .inner-lightbox {
  width: 100%;
  max-width: 300px;
  background: #fff;
  border-radius: 4px;
  align-self: center;
  padding: 20px;
  font-size: 14px;
  position: relative;
  z-index: 9999;
  transition: all .4s ease;
}

.wrap-lightbox-2 .inner-lightbox .title-lightbox {
  margin-bottom: 10px;
  display: inline-block;
}

.wrap-lightbox-2 .btn-close {
  color: #BDBDBD;
  font-size: 40px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
  font-family: -webkit-body;
}

/*End Lightbox Gửi câu hỏi*/

.social_mobile {
  display: none
}

.title_news a {
  font-family: Roboto_Regular;
  color: #222;
  font-weight: 500
}

.ic-comment {
  color: #cb1c23
}

.thumb img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.avata {
  position: relative
}

.avata.full {
  width: 100%;
  margin-bottom: 10px;
    clear: both;
}

.avata.full .icon-play {
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%)
}

.icon-play {
  width: 32px;
  height: 32px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  bottom: 8px;
  cursor: pointer;
  z-index: 1
}

.icon-play:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 12px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  left: 12px;
  top: 8px
}

.duration {
  width: 50px;
  height: 28px;
  line-height: 28px;
  background: rgba(34, 34, 34, .8);
  color: #fff;
  font-size: 16px;
  text-align: center;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1
}



.title_box_category {
  background: #eee;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  padding-left: 10px;
  height: auto
}

.title_box_category .first {
  color: #cb1c23;
  font: 500 18px/135% Roboto_Medium;
  padding: 6px 0;
  display: block
}

.title_box_category .first:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background: #f8a81d;
  z-index: 9
}

.title_box_category h2,
.title_box_category h3 {
  display: inline-block;
  min-height: 28px;
  position: relative;
  margin-right: 6px
}

.title_box_category h2 a,
.title_box_category h3 a {
  font: 400 11px arial;
  color: #666;
  padding: 10px 6px;
  display: block
}

.title_box_category h3 {
  margin: 0
}

.title_box_category h3:after {
  content: '';
  width: 1px;
  height: 10px;
  background: #ccc;
  position: absolute;
  left: -2px;
  top: 11px;
  z-index: 1
}

.title_box_category h3:first-of-type {
  margin-left: -9px
}

.title_box_category h3:first-of-type:after {
  content: none
}

.title_box_category .right a {
  display: inline-block;
  height: 30px;
  margin: 0 5px;
  line-height: 30px
}

.title_box_category .right i {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  color: #999
}

.title_box_category>a {
  display: inline-block;
  float: right;
  margin: 6px 5px 0 0
}

.title_box_category::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0
}

.col_300 .box_category .title_news a {
  font-family: Roboto_Bold;
}

.col_300 .box_category ul li .title_news a {
  font-family: Roboto_Regular;
}

.box_category .title_news a {
  font-size: 16px;
  line-height: 1.35
}

.list-item .icon-play {
  width: 24px;
  height: 24px
}

.list-item .icon-play:before {
  border-width: 5.5px 0 5.5px 9px;
  left: 9px;
  top: 6px
}

.list-item {
  width: 100%;
  float: left;
  border-top: 1px solid #e5e5e5;
  padding-top: 10px
}

.list-item li {
  width: 100%;
  float: left;
  margin-bottom: 15px
}

.list-item .avata {
  width: 130px;
  float: left;
  margin-right: 10px
}

.list-item .title_news a {
  font-weight: 400
}

.list-item .conten {
  overflow: hidden
}

.pagination {
  width: 100%;
  float: left;
  margin-top: 30px;
  text-align: center
}


.pagination a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 4px;
  line-height: 40px;
  color: #757575;
  border: 1px solid #e5e5e5;
  font-size: 16px;
  font-family: Roboto_Regular;
  position: relative
}

.pagination a.active,
.pagination a:hover {
  border-color: #cb1c23
}

.vne_app {
  color: #666;
  float: right
}

.vne_app H6 {
  font: bold 12px/20px arial;
  margin: 0 0 5px
}

.vne_app .logo_app {
  margin-bottom: 10px
}

.vne_app .logo_app img {
  width: 28px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle
}

.vne_app .tab_app {
  font-size: 0
}

.vne_app .tab_app a {
  position: relative;
  color: #222;
  border: 1px solid #f4f4f4;
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 4px 10px 26px;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 5px
}

.vne_app .tab_app a:before {
  content: "";
  width: 18px;
  height: 21px;
  background: url(images/icons/app_vne.png);
  background-position: 18px 0;
  position: absolute;
  left: 5px;
  top: 6px
}

.vne_app .tab_app a.active {
  border: 1px solid #dfdfdf;
  border-bottom: 0
}

.vne_app .tab_app a.active:before {
  background-position: 0 0
}

.vne_app .link_app {
  width: 55%;
  float: left
}

.vne_app .link_app a {
  display: block;
  margin-bottom: 2px
}

.vne_app .link_app a:last-child {
  margin-bottom: 0
}

.vne_app .qr_code {
  float: right;
  width: 45%
}

.vne_app .qr_code img {
  width: 65px
}

.wrap-slide {
  position: relative
}

.wrap-slide .item-slide {
  position: relative
}

.wrap-slide .item-slide .doc-name {
  font-family: Roboto_Regular;
  font-size: 16px;
  line-height: 19px;
  color: #CB1C23;
  font-weight: 700;
  position: absolute;
  left: 15px;
  top: 15px
}

.wrap-slide .item-slide .doc-position {
  font-family: Roboto_Regular;
  font-size: 13px;
  line-height: 15px;
  color: #4f4f4f;
  position: absolute;
  left: 15px;
  top: 40px
}

.wrap-slide .btn-control {
  width: 38px;
  height: 38px;
  background: #fff;
  opacity: .5;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  border-radius: 50%;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9
}

.wrap-slide .btn-control:before {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  left: 15px;
  top: 13px
}

.btn-control.btn-prev {
  left: 6px
}

.btn-control.btn-prev:before {
  transform: rotate(-230deg)
}

.btn-control.btn-next {
  right: 6px
}

.btn-control.btn-next:before {
  transform: rotate(-45deg);
  left: 13px
}

.owl-controls {
  font-size: 0;
  position: absolute;
  left: 15px;
  bottom: 10px
}

.owl-controls .owl-page {
  width: 5px;
  height: 5px;
  display: inline-block;
  background: #d1d1d1;
  margin: 0 2.5px;
  border-radius: 50%
}

.owl-controls .owl-page.active {
  background: #681a18
}

.box_sp {
  width: 100%;
  float: left;
  margin: 30px auto 10px !important;
  border: 1px solid #dedede;
  clear: both
}

.box_sp .wrap_slide_sp {
  padding: 20px 10px;
}

.box_sp header {
  height: 40px;
  line-height: 40px;
  background: #f4f4f4;
  color: #cb1c23;
  padding: 0 20px;
  font-weight: 500;
  font-size: 18px;
  font-family: Roboto_Medium;
  position: relative;
  text-align: left
}

.box_sp .logo {
  float: left;
  width: 13.7551%;
  margin: 20px 20px 0 0
}

.box_sp .logo span {
  color: #9f224e;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 10px;
  display: block
}

.box_sp .slide_sp img {
  border: 1px solid #eee
}

.box_sp .slide_sp .ten_sp {
  display: block;
  color: #222222;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 5px
}

.box_sp .slide_sp .giam_gia {
  color: #6b6b6b;
  font-weight: 700;
  line-height: 1.2;
  font-size: 15px
}

.box_sp .slide_sp .description {
  color: #4F4F4F;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.box_sp .slide_sp .price {
  color: #CB1C23;
  font-size: 13px;
}

.box_sp .list_sp {
  padding-right: 10px;
  float: left;
  width: 25%;
}

/*Video*/
.page_video .section1{
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}
.page_video .section2-border{
    border-top: 0;
}
.page_video .section2{
    margin-bottom: 0;
}
.page_video .section1 .col_left{
    width: calc(100% - 300px);
    margin-top: 20px;
}
.page_video .section1 .col_left a{
    width: 100%;
    float: left;
}
.page_video .section1 .col_left a img{
    display: block;
    width: 100%;
}
.page_video .section1 .col_left .noi_dung{
    position: relative;
    border: none;
    clear: both;
    width: 100%;
    height: auto;
    float: left;
}
.page_video .section1 .col_left .noi_dung p{
    font-weight: bold;
}
.page_video .section1 .col_left .noi_dung .time{
    font-family: Arial;
    font-size: 14px;
    line-height: 135%;
    color: #999;
    display: inline-block;
    margin-bottom: 15px;
}
.page_video .section1 .col_left .noi_dung .rotate{
    height: auto;
    padding: 20px 0 0;
}
.page_video .section1 .col_left .noi_dung .rotate .txw-line h1 a{
    font-size: 32px;
}
.page_video .section1 .col_right{
    width: 300px;
}
.page_video .section1 .col_right ul li .avata{
    width: 100%;
    margin: 0 0 10px 0;
}
.page_video .section1 .col_right ul li .conten{
    clear: both;
    height: auto;
}
.page_video .section3 .col_right{
    width: 100%;
}
.page_video .section3 .col_noidung{
    width: calc(100% - 320px);
}
.page_video .section3 .col_300{
    width: 320px;
}
.page_video .col_noidung>ul.list-video {
    margin-right: -20px;
    width: auto;
    font-size: 0;
}
.page_video .section3 .col_noidung>.list-video> li{
    width: 33.3333%;
    padding-right: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.page_video .section3 .col_noidung>.list-video> li .conten{
    clear: both;
}
.page_video .section3 .col_noidung>.list-video> li .avata{
    width: 100%;
    margin: 0 0 10px 0;    
}
.page_video .section3 .col_noidung ul li .conten h3 a{
    font-size: 16px;
    line-height: 1.35;
    font-family: Roboto_Bold;
}
.page_video .icon-play{
    width: 24px;
    height: 24px;
}
.page_video .icon-play:before{
    border-width: 4px 0 4px 7px;
    left: 10px;
}


/*Detail*/
.page_detail_video.page-detail-2 .section3 .col_right{
    width: 920px;
}
.page_detail_video.page-detail-2 .section3 .col_noidung{
    width: 600px;
}
.icon_blockvideo{
    width: 67px;
    height: 67px;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    z-index: 1;
    border: 5px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}
.icon_blockvideo:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16.5px 0 16.5px 25px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    left: 20px;
    top: 11px;
}
.icon_blockvideo .img_icon{display: none !important;}
/*end Detail*/
/*End Video*/

@media only screen and (max-width:900px) {
  .box_sp .wrap_slide_sp {
    padding: 10px;
  }

  .box_sp .list_sp {
    width: 50%;
    margin: 8px 0;
  }
}

.box_sp .thumb_sp_b {
  width: 98px;
  float: left;
  margin-right: 10px;
  position: relative
}

.box_sp .thumb_sp_b .price {
  padding-top: 20px
}

.box_sp .thumb_sp_b .btn_buy {
  font-size: 9px
}

.box_sp .btn_shop_b_prev {
  left: 95%;
  top: 0;
  height: 30px;
  position: absolute
}

.box_sp .btn_shop_b_prev i {
  font-weight: 400;
  color: #000;
  line-height: 33px;
  font-size: 13px
}

.box_sp .btn_shop_b_next {
  right: 1%;
  top: 0;
  position: absolute
}

.box_sp .btn_shop_b_next i {
  font-weight: 400;
  color: #000;
  line-height: 33px;
  font-size: 13px
}

.box_sp .price {
  padding-top: 5px !important;
  text-transform: none
}

.coppy_right_info {
  padding: 15px;
  font: 400 14px arial !important;
  position: relative
}

.coppy_right_info label {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 7px
}

.coppy_right_info .app_info {
  margin-bottom: 20px
}

.coppy_right_info .app_info p {
  width: calc(50% - 10px)
}

.coppy_right_info .app_info p a {
  width: 100%;
  height: 40px;
  background: #e7e7e7;
  display: block;
  padding-left: 10px;
  padding-top: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px !important
}

.coppy_right_info .app_info p a .ic {
  float: left;
  margin-right: 7px;
  margin-top: 5px
}

.coppy_right_info .app_info p a .s_text {
  text-transform: uppercase;
  font-size: 10px !important;
  line-height: 13px !important
}

.coppy_right_info .app_info p a .s_text strong {
  font-size: 15px !important
}

.coppy_right_info .vne_app p a {
  text-align: center;
  padding-top: 8px
}

.coppy_right_info .vne_app p a span {
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle
}

.coppy_right_info .phone_info {
  margin-bottom: 20px
}

.coppy_right_info .phone_info p {
  width: 50%;
  font-size: 14px !important
}

.coppy_right_info .phone_info p.right {
  padding-left: 10px
}

.coppy_right_info .phone_info p strong {
  font-size: 18px
}

.copyright_text {
  color: #999;
  text-align: center;
  padding: 15px 0 0 0;
  margin-bottom: 30px;
  border-top: 1px solid #e7e7e7;
}
.copyright_text img{width: 170px;}

.copyright_text p {
  font-size: 14px !important
}

.list_menu {
  background: #f7f7f7
}

.list_item_panel {
  padding-right: 15px;
  border-bottom: 1px solid #ccc;
  background: #f4f4f4
}

.list_item_panel li.active a {
  border-left: none
}

.list_item_panel li a {
  border: none
}

.list_item_panel:last-child {
  border: none
}

.list_item_panel li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0 0 0 15px
}

.list_item_panel li a.link_item_panel {
  display: block;
  width: 100%;
  float: left;
  color: #333;
  font: 400 16px/40px arial !important;
  border-bottom: 1px solid #e7e7e7;
  padding: 0
}

.list_item_panel li:last-child a.link_item_panel,
.list_item_panel li:nth-last-child(2) a.link_item_panel {
  border: none
}

.list_item_panel li.active a.link_item_panel {
  font-weight: 700 !important;
  color: red
}

.list_item_panel li.active a.link_item_panel.kinhdoanh {
  color: #04416d
}

.list_item_panel li.active a.link_item_panel.giaitri {
  color: #d71450
}

.list_item_panel li.active a.link_item_panel.thethao {
  color: #58a12b
}

.list_item_panel li.active a.link_item_panel.phapluat {
  color: #6e2c2d
}

.list_item_panel li.active a.link_item_panel.giaoduc {
  color: #e17100
}

.list_item_panel li.active a.link_item_panel.suckhoe {
  color: #04a59d !important;
}

.list_item_panel li.active a.link_item_panel.giadinh {
  color: #2d96b5
}

.list_item_panel li.active a.link_item_panel.dulich {
  color: #0072bb
}

.list_item_panel li.active a.link_item_panel.khoahoc {
  color: #806f26
}

.list_item_panel li.active a.link_item_panel.sohoa {
  color: #df9c00
}

.list_item_panel li.active a.link_item_panel.xe {
  color: #6a7b83
}

.list_item_panel li.active a.link_item_panel.cuoi {
  color: #dc3926
}

.list_item_panel.list_index li a.link_item_panel {
  border: none;
  font-weight: 400 !important;
  color: #004f8b !important
}

.list_item_panel .item_social {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 15px;
  margin-top: 8px
}

.list_item_panel li a {
  padding-left: 0
}

.guitoasoan_btn {
  display: block;
  width: calc(50% - 10px) !important;
  background: #e7e7e7;
  text-align: center;
  font: 400 16px/21px arial !important;
  padding: 10px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px
}

.guitoasoan_btn .ic {
  margin: -3px 10px 0 0
}

.guitoasoan_btn.ads_btn {
  float: right;
  background: #ffc134
}

.mb30 {
  margin-bottom: 30px
}

.login-health {
  font-family: roboto_regular;
  font-size: 12px;
  color: #767676;
  font-weight: 600
}

.login-health span {
  padding-left: 9px;
  padding-right: 3px
}

.social-cuttom {
  margin-top: 12px !important;
  margin-left: 0 !important
}

.register-health {
  font-family: roboto_regular;
  font-size: 12px;
  color: #767676;
  font-weight: 600
}

.topbar {
  height: 46px;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  width: 100%;
  background-color: #fff;
  -webkit-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.topbar.nav-up {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%)
}

.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  z-index: 9000
}

.topbar>.container {
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.topbar .navbar-toggle {
  width: 28px;
  height: 28px;
  float: left;
  border: none;
  padding: 0;
  margin: 12px 20px 0px 0;
  background-color: transparent;
  cursor: pointer;
  outline: 0
}

.topbar .navbar-toggle .toggle-icon {
  position: relative;
  width: 18px;
  height: 2px;
  display: inline-block;
  background: #999
}

.topbar .navbar-toggle:hover .toggle-icon {
  background: #9f224e
}

.topbar .navbar-toggle:hover .toggle-icon:after,
.topbar .navbar-toggle:hover .toggle-icon:before {
  background: #9f224e
}

.topbar .navbar-toggle .toggle-icon:before {
  bottom: 12px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.topbar .navbar-toggle .toggle-icon:after,
.topbar .navbar-toggle .toggle-icon:before {
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background: #999;
  content: " "
}

.topbar .navbar-toggle .toggle-icon:after {
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.topbar .navbar-toggle .toggle-icon.is-clicked {
  background: rgba(153, 153, 153, 0)
}

.topbar .navbar-toggle .toggle-icon.is-clicked:before {
  bottom: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.topbar .navbar-toggle .toggle-icon.is-clicked:after {
  top: -5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.topbar .logo {
  width: 150px;
  display: inline-block;
  padding: 8px 0;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.img-100 {
  width: 100%
}

img {
  vertical-align: top;
  border-style: none
}

.m-only {
  display: none
}

.topbar .block-right {
  float: right
}

.topbar .block-right .button-comments,
.topbar .block-right .search,
.topbar .block-right .social,
.topbar .block-right .user {
  float: right
}

.topbar .block-right .social {
  margin: 10px 0 10px 10px
}

.list-inline {
  padding-left: 0;
  margin-left: 0;
  list-style: none
}

.list-inline>li {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px
}

.topbar .block-right .social .social-item {
  width: 26px;
  height: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 13px;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.topbar .block-right .social .social-item.si-facebook {
  background-color: #44619d
}

.topbar .block-right .social .social-item.si-twitter {
  background-color: #55acee
}

.topbar .block-right .social .social-item.si-google {
  background-color: #dd4b39
}

.topbar .block-right .social .social-item:focus.si-facebook,
.topbar .block-right .social .social-item:hover.si-facebook {
  background-color: #1d2a44
}

.topbar .block-right .social .social-item:focus.si-twitter,
.topbar .block-right .social .social-item:hover.si-twitter {
  background-color: #126db2
}

.topbar .block-right .social .social-item:focus.si-google,
.topbar .block-right .social .social-item:hover.si-google {
  background-color: #802216
}

.topbar .block-right .button-comments,
.topbar .block-right .search,
.topbar .block-right .social,
.topbar .block-right .user {
  float: right
}

.topbar .block-right .search {
  margin: 10px 0 10px 10px;
  display: table;
  width: 150px
}

.topbar .block-right .search form {
  border-radius: 20px;
  border: 1px solid #ccc;
  position: relative
}

.topbar .block-right .search .search-input {
  background-color: transparent;
  padding-left: 10px;
  border-top-right-radius: 0;
  line-height: 1;
  border-bottom-right-radius: 0;
  border-right: 0;
  display: table-cell;
  width: 80%;
  padding: 5px 12px;
  color: #666;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  outline: 0
}

button,
input {
  overflow: visible
}

.topbar .block-right .search .search-btn:last-child {
  border-left: 0
}

.topbar .block-right .search .search-btn {
  background-color: transparent;
  border-radius: 20px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: table-cell;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  position: absolute;
  top: 2px;
  right: 5px
}

.topbar .block-right .search .search-btn>button {
  border: 0;
  background-color: transparent;
  cursor: pointer
}

.topbar .block-right .search .search-btn>button>i {
  color: #999
}

.shape-circle {
  border-radius: 50%
}

.menu-box.is-open {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}

.menu-box.box-top {
  top: 0
}

.menu-box {
  width: 375px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2247483647;
  will-change: transform;
  -moz-transition: .4s;
  -o-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: translate(-100%);
  -ms-transform: translate(-100%);
  -o-transform: translate(-100%);
  transform: translate(-100%);
  overflow: hidden;
}

.menu-box .box_width_common {
  height: 100vh
}

.menu-box>.box_width_common {
  margin-bottom: 30px
}

.mask-content {
  position: relative
}


.ic-live-2 {
  font-size: 9px;
  height: 12px;
  line-height: 12px;
  display: inline-block;
  vertical-align: middle;
  color: #e78dac
}

.ic-live-2:before {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
  content: '';
  top: -2px;
  margin-right: 10px;
  background: #9f224e;
  float: left;
  border: 3px solid #42173d
}

@-webkit-keyframes live-pulse {
  0% {
    background-color: #e78dac
  }

  50% {
    background-color: #fff
  }

  100% {
    background-color: #e78dac
  }
}

@-moz-keyframes live-pulse {
  0% {
    background-color: #e78dac
  }

  50% {
    background-color: #fff
  }

  100% {
    background-color: #e78dac
  }
}

@keyframes live-pulse {
  0% {
    background-color: #e78dac
  }

  50% {
    background-color: #fff
  }

  100% {
    background-color: #e78dac
  }
}

.menu-box .box_width_common {
  height: 100vh
}

.main_show_comment.width_common .nicescroll-rails>div,
.menu-box .nicescroll-rails>div {
  width: 8px !important
}

.container {
  background: #fff;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 100%;
  position: relative;
  clear: both
}

.section0 {
  background-size: cover;
  height: 0;
  position: relative;
  padding-bottom: 12.1%
}

.section0 .container {
  margin-top: 30px
}

.section0 .logo--left {
  float: left;
  width: 50%;
  margin-top: 20px
}

.section0 .logo--left--detail {
  float: left;
  width: 50%;
  margin-top: 0
}

.section0 .logo--left a p {
  text-align: right;
  float: left;
  font-size: 24px;
  color: #fb354e;
  font-family: roboto_regular
}

.logo--left--home a p {
  margin-top: -10px
}

.logo--left--detail a p {
  margin-top: 0
}

.section0 .logo--left a p span {
  text-align: right;
  font-size: 40px;
  font-family: Roboto_Bold;
  color: #5f1512
}

.section0 .logo--right {
  float: left;
  width: 50%
}

.section0 .logo--right img {
  float: right;
  margin-top: -12px
}

.meta .meta_author>a {
  color: #999;
  font-size: 12px;
  padding-right: 9px;
  position: relative
}

.meta .meta_author>a:before {
  position: absolute;
  top: 0;
  right: 0;
  content: '|';
  display: inline-block
}

.txt_num_comment {
  margin-left: -2px
}

.ic-invert span {
  margin-left: -1px
}

.section_mobile {
  background: url(../images/td/img_0v2.jpg) no-repeat;
  background-size: cover;
  position: relative;
  display: none
}

.section_mobile .logo {
  text-align: center;
  margin: 0 -15px;
  border-bottom: 1px solid #ccc4c4
}

.section_mobile .logo img {
  width: 100%;
  margin: 0;
  padding: 0
}

.section_mobile .navigation_scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 9;
  margin: 0 -15px;
  padding: 10px 2.5px;
  border-bottom: 1px solid #e5e5e5
}

.section_mobile .navigation_scroll ul {
  display: table-cell;
  vertical-align: middle
}

.section_mobile .navigation_scroll ul li {
  display: table-cell;
  padding: 0 16px
}

.section_mobile .navigation_scroll ul li#mnutop_hot a i {
  color: #5f1512;
  font-size: 20px
}

.section_mobile .navigation_scroll ul li a {
  font-size: 17px;
  display: block;
  color: #757575;
  font-family: Roboto_light;
  font-weight: 400;
  padding-bottom: 3px
}

.navigation_mobile .parent,
.navigation_mobile .submenu {
  position: relative
}

.navigation_mobile .parent:before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #bdbdbd;
  border-right: 2px solid #bdbdbd;
  transform: rotate(45deg);
  position: absolute;
  top: 10px;
  right: 0;
  content: ''
}

.navigation_mobile .submenu:before {
  width: 1px;
  height: 16px;
  background: #bdbdbd;
  position: absolute;
  top: 4px;
  right: 0;
  content: ''
}

.navigation_mobile .submenu:last-of-type:before {
  content: none
}

.navigation_mobile .parent.active a {
  color: #cb1c23;
  font-weight: 500;
  font-family: Roboto_bold
}

.navigation_mobile .submenu.active a {
  color: #222
}

.logo-left--health {
  width: 190px;
  float: left;
  padding-left: 20px;
  margin-top: 20px
}

.logo-right--health {
  width: 100px;
  float: right;
  padding-right: 20px
}

.menu_main {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 15px;
  border-top: 1px solid #2b2b4a;
  margin-top: 15px
}

.menu_main a {
  font-size: 16px;
  font-family: Roboto_Regular;
  color: #fff;
  margin: 0 15px;
  padding-bottom: 13px
}

.menu_main a.active,
.menu_main a:hover {
  border-bottom: 3px solid #ef4c54
}

.fixed_neo {
  position: absolute;
  left: -78px;
  top: 73px
}

.fixed_neo.fixed_top {
  position: fixed;
  top: 0;
  padding-top: 15px !important;
  z-index: 9000;
  width: 34px;
  left: calc((100% - 1170px)/ 2 - 78px)
}

.fixed_neo.down {
  top: 40px;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.fixed_neo a {
  display: block;
  margin-bottom: 10px
}

.fixed_neo a:hover .ic-arrow-left {
  background: #04a59d
}

.fixed_neo a:hover .fa-facebook {
  background: #44619d
}

.fixed_neo a:hover .fa-google {
  background: #dd4b39
}

.fixed_neo a i {
  border-radius: 50%;
  width: 34px;
  background: #ccc;
  height: 34px;
  line-height: 34px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  -webkit-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.fixed_neo a.back_tt {
  border-top: 1px solid #dfdfdf;
  margin-top: 10px;
  padding-top: 10px
}

.fixed_neo a.home i {
  color: #9f224e
}

.fixed_neo a.home i:hover {
  background: #9f224e;
  color: #fff
}

.fixed_neo a.home i:before {
  content: "\f015";
  font: normal normal normal 18px/1 FontAwesome
}

.fixed_neo a.back_tt+span,
.fixed_neo a.home span,
.fixed_neo a.neo-facebook span,
.fixed_neo a.neo-google span {
  font-size: 12px;
  background: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  width: 135px;
  left: -55px;
  top: -29px;
  text-align: center;
  opacity: 0;
  display: none;
  z-index: 10
}

.fixed_neo a.back_tt span:before,
.fixed_neo a.home span:before,
.fixed_neo a.neo-facebook span:before,
.fixed_neo a.neo-google span:before {
  position: absolute;
  right: 58px;
  top: 24px;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333
}

.fixed_neo a.home span {
  top: -30px
}

.fixed_neo a.neo-facebook span {
  top: 15px
}

.fixed_neo a.neo-google span {
  top: 58px
}

.fixed_neo.fixed_top a.home span {
  top: -14px
}

.fixed_neo.fixed_top a.neo-facebook span {
  top: 30px
}

.fixed_neo.fixed_top a.neo-google span {
  top: 74px
}

.fixed_neo.fixed_top a.back_tt span {
  top: 34px
}

.fixed_neo a i.fa-facebook:hover+span,
.fixed_neo a i.fa-google:hover+span,
.fixed_neo a i.ic-arrow-left:hover+span,
.fixed_neo a.home i:hover+span {
  opacity: 1;
  display: block
}

.fixed_neo a.back_tt span {
  font-size: 12px;
  background: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  width: 100px;
  left: -30px;
  top: -22px;
  text-align: center;
  opacity: 0
}

.fixed_neo a.back_tt span:before {
  position: absolute;
  right: 46px;
  top: 24px;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333
}

.fixed_neo a.back_tt span {
  top: 104px;
  display: none
}

.fixed_neo a.back_tt i:hover+span {
  opacity: 1;
  top: 104px
}

.fixed_neo a.back_tt {
  position: relative
}

.fixed_neo a.back_tt i:hover+span {
  opacity: 1;
  top: -20px
}

.section1 {
  padding-bottom: 15px
}

.section1 .col_left {
  float: left;
  width: 660px;
  max-width: 100%;
  position: relative;
  margin-top: 10px
}

.section1 .col_left .line_top {
  width: 576px;
  height: 0;
  border-right: 0 solid transparent;
  border-bottom: 20px solid #fff;
  right: -4px;
  position: absolute;
  top: -20px
}

.section1 .col_left img {
  width: 500px;
  float: left
}

.section1 .col_left .noi_dung {
  width: 240px;
  height: 0;
  border-bottom: 300px solid #f7f7f7;
  right: 0;
  position: absolute
}

.section1 .col_left .noi_dung .rotate {
  padding: 15px;
  height: 300px
}

.section1 .col_left .noi_dung .rotate .txw-line {
  height: 100%;
  overflow: hidden
}

.section1 .col_left .noi_dung .rotate .txw-line i {
  color: #cb1c23
}

.section1 .col_left .noi_dung .rotate .txw-line h1 {
  max-height: 149px;
  overflow: hidden
}

.section1 .col_left .noi_dung .rotate .txw-line h1 a {
  color: #222;
  font-family: Roboto_Medium;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.35;
  margin-bottom: 10px;
  display: inline
}

.section1 .col_left .noi_dung .rotate .ic-live {
  font-size: 14px;
  color: #fff;
  font-weight: 100;
  margin-right: 5px
}

.section1 .col_left .noi_dung h3 {
  margin-bottom: 10px
}

.section1 .col_left .noi_dung h3 a {
  color: #fff;
  font-size: 28px;
  font-family: Roboto_Medium;
  line-height: 1.1;
  font-weight: 400
}

.section1 .col_left .noi_dung p {
  font-size: 16px;
  color: #222;
  line-height: 1.35;
  margin: 10px 0;
  max-height: 83px;
  overflow: hidden
}

.section1 .col_right {
  float: right;
  width: 340px;
  padding-left: 15px;
  max-width: 100%;
  padding-top: 15px;
  background: #fff;
  z-index: 2;
  position: relative
}

.section1 .col_right ul li {
  margin-bottom: 10px;
  width: 100%;
  float: left
}

.section1 .col_right ul li:last-child {
  margin-bottom: 0
}

.section1 .col_right ul li .avata {
  width: 155px;
  float: left;
  margin-right: 10px;
  position: relative;
  overflow: hidden
}

.section1 .col_right ul li .avata .rote_45 {
  width: 20px;
  height: 0;
  right: -1px;
  position: absolute;
  top: -5px;
  z-index: 2
}

.section1 .col_right ul li .conten {
  overflow: hidden;
  padding-right: 10px;
  height: 84px
}

.section1 .col_right ul li .conten h3 {
  margin-bottom: 0;
  line-height: 18px;
  padding: 0;
  max-height: 84px;
  overflow: hidden;
  margin-bottom: 5px
}

.section1 .col_right ul li .conten h3 a {
  font-size: 16px;
  margin-top: 0;
  font-family: Roboto_Medium;
  line-height: 1.2;
  font-weight: 400;
  color: #222
}

.timer {
  font-size: 12px;
  color: #999;
  display: inline-block
}

.txw-line .timer {
  color: #ccc
}

.section1 .col_right ul li .conten .comment {
  position: relative;
  margin-left: 10px
}

.section1 .col_right ul li .conten .comment:before {
  height: 13px;
  content: "";
  top: 0;
  background: #dedede;
  width: 1px;
  position: absolute;
  left: -8px
}

.section2 {
  margin-bottom: 15px
}

.width-commin2 {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  background: #fff;
  position: relative
}

.width-commin2:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 54px;
  background: #fff;
  top: -1px;
  left: 0
}

.menu--right2 {
  position: absolute;
  top: 0;
  right: 0
}

.section2 ul {
  display: inline-block;
  height: 50px;
  /*overflow: hidden;*/
  padding-top: 14px
}

.section2 ul li {
  display: inline-block
}

.section2 ul li a:hover {
  color: #cb1c23
}
.drop-menu, .drop-menu a{
    position: relative;    
}
.drop-menu > a:before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #333333 transparent transparent transparent;
    position: absolute;
    left: 7px;
    top: 9px;
}
.menu--second-top .drop-menu > a:before{
    top: 6px;
}
.content_nav_topbar .menu--second-top .list-sub li{
    padding: 0;
}
.content_nav_topbar .menu--second-top .list-sub{
    width: 180px;
    top: calc(100% + 20px);
}
.content_nav_topbar .menu--second-top .list-sub li a{
    padding: 0 10px;
}
.drop-menu .list-sub{
    width: 236px;
    background: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    border: 1px solid #E5E5E5;
    border-bottom: 0;
    padding: 0;
    height: auto;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease;
}
.drop-menu .list-sub.active,
.Firstest-menu .list-sub{
    visibility: visible;
    opacity: 1;
}
.drop-menu .list-sub li{
    margin: 0;
    width: 100%;
}
.drop-menu .list-sub a{
    display: block;
    height: 40px;
    line-height: 40px;
    color: #757575;
    border-bottom: 1px solid #E5E5E5;;
}
.menu--first {
  padding-right: 7px
}

.menu--first li {
  position: relative
}

.menu--first li:last-child a {
  font-family: Roboto_Medium;
  color: #cb1c23
}

.menu--first li:last-child:before {
  width: 6px;
  height: 6px;
  border-top: 2px solid #bdbdbd;
  border-right: 2px solid #bdbdbd;
  transform: rotate(45deg);
  position: absolute;
  top: 8px;
  right: -5px;
  content: ''
}

.menu--first li:before {
  position: absolute;
  top: 8px;
  right: -5px;
  content: '';
  width: 6px;
  height: 6px;
  border-top: 2px solid #bdbdbd;
  border-right: 2px solid #bdbdbd;
  transform: rotate(45deg)
}

.menu--first li a {
  color: #999;
  font-size: 17px;
  padding-left: 18px;
  font-family: roboto_regular;
  padding-right: 18px
}

.menu--first li:first-child a {
  padding-left: 0
}

.section2 .menu--second {
  padding-top: 10px
}

.menu--second li {
  position: relative;
  margin-top: 3px
}

.menu--second li:last-child:before {
  content: none
}
#topbar .menu--second li:last-child:before {
  content: '';
}

.menu--second li a {
  color: #757575;
  font-size: 17px;
  padding-left: 9px;
  font-family: roboto_regular;
  padding-right: 13px
}

.menu--second li:first-child a {
  padding-left: 12px
}

.menu--second > li:before {
  position: absolute;
  top: 5px;
  right: 0;
  content: '';
  width: 1px;
  height: 16px;
  background: #bdbdbd
}
.menu--second > li:nth-last-child(2):before{content: none;}
.menu--second .active {
  color: #222 !important;
}

.menu--right {
  float: right
}

.menu--right li {
  margin-right: 24px
}

.menu--right li a span {
  margin-left: 20px
}

.menu--right li a {
  color: #999;
  font-family: roboto_regular;
  font-size: 18px
}

.timer {
  color: #f4f4f4;
  font-size: 13px
}

.menu--left-bottom {
  background: #fbf0d7;
  padding: 10px 12px;
  position: relative;
  display: none
}

.menu--left-bottom img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100px;
  height: 100px
}

.menu--left-bottom>span {
  color: #999;
  font-family: roboto_regular;
  font-size: 13px
}

.menu--left-bottom h2 {
  color: #222;
  font-family: roboto_bold;
  font-size: 17px;
  margin-bottom: 8px;
  margin-top: 16px
}

.menu--left-bottom ul {
  margin-bottom: 96px
}

.menu--left-bottom ul li {
  border-top: 1px solid #f1e1bd;
  padding-left: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #767676;
  font-size: 13px;
  font-family: roboto_regular
}

.menu--left-bottom ul li:last-child {
  border-top: 0;
  padding-left: 0
}

.menu--left-bottom p {
  position: absolute;
  right: 0;
  bottom: 17px;
  width: 77px
}

.menu--left-bottom p span {
  color: #9d7a2d;
  font-size: 13px;
  font-family: roboto_regular;
  display: block;
  margin-bottom: 10px
}

.menu--left-bottom p a {
  background: #9f224e;
  color: #fff;
  font-family: roboto_regular;
  font-size: 13px;
  width: 65px;
  display: block;
  text-align: center;
  padding: 5px 0
}

.right-advertise {
  display: block;
  width: 100%;
  height: 250px;
  margin-bottom: 30px
}

.right-advertise img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.section3 {
  position: relative
}

.section3 .col_fillter {
  float: left;
  width: 150px
}

.section3 .col_fillter>div {
  float: left;
  width: 150px !important
}

.sticky_info_st.fixed.down {
  top: 50px !important
}

.section3 .col_right {
  float: right;
  width: 820px
}

.section3 .col_right.line {
  position: relative
}

/*.section3 .col_right.line:before {
  content: '';
  width: 1px;
  height: 100%;
  background: #e5e5e5;
  position: absolute;
  left: -10px;
  top: 0
}*/

.section3 .col_fillter h3 {
  margin-bottom: 0
}

.section3 .col_fillter h3 a {
  position: relative;
  padding-left: 28px
}

.section3 .col_fillter h3 a:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 11px;
  left: 13px;
  background-image: url(../images/td/img7.png)
}

.section3 .col_fillter h3 a {
  font: 400 14px arial;
  color: #222;
  display: block;
  padding: 6px 12px;
  cursor: pointer;
  position: relative;
  width: 100%;
  padding-left: 28px
}

.section3 .col_fillter h3 a.active {
  background: #eee;
  font-family: roboto_Medium;
  font-size: 15px;
  color: #767676
}

.section3 .col_fillter h3 a.active:after {
  position: absolute;
  right: -10px;
  top: calc(50% - 16px);
  content: "";
  border-bottom: 16px solid transparent;
  border-top: 16px solid transparent;
  border-left: 10px solid #eee
}

.section3 .col_fillter .top_1 a {
  font-family: roboto_regular;
  color: #767676;
  display: block;
  padding: 12px;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
  font-size: 14px;
  padding-left: 28px;
  background: #fbfbfb;
  position: relative
}

.section3 .col_fillter .top_1 a:hover:before {
  position: absolute;
  top: 15px;
  right: 8px;
  width: 17px;
  height: 17px;
  display: inline-block;
  content: ''
}

.section3 .col_fillter .top_1 a:hover {
  color: #222;
  font-size: 14px;
  font-weight: 700
}

.section3 .col_fillter .top_1 a.active,
.section3 .col_fillter .top_2 a.active {
  background: #f7f7f7;
  width: calc(100% + 15px)
}

.section3 .col_fillter .top_1 a.active:after,
.section3 .col_fillter .top_2 a.active:after {
  position: absolute;
  right: -20px;
  top: calc(50% - 20px);
  content: "";
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid #f7f7f7
}

.section3 .col_fillter .top_2 {
  border-top: 1px solid #999;
  margin-right: 15px
}

.section3 .col_fillter .top_001 li {
  position: relative
}

.section3 .col_fillter .top_001 li .top_001--right {
  float: right
}

.section3 .col_fillter .top_001 li a img {
  position: absolute;
  top: -27px;
  right: 9px
}

.section3 .col_fillter .top_001 a {
  font-family: roboto_regular;
  color: #767676;
  display: block;
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #f2f2f2;
  font-size: 14px;
  padding-left: 28px;
  background: #fbfbfb
}

.section3 .col_fillter .top_001 a:before {
  position: absolute
}

.section3 .col_fillter .top_001 .active {
  color: #681a18;
  font-family: roboto_bold;
  font-size: 14px;
  position: relative
}

.section3 .col_fillter .top_001 .active:before {
  position: absolute;
  top: 13px;
  right: 8px;
  width: 17px;
  height: 17px;
  display: inline-block;
  content: ''
}

.section3 .col_fillter .top_3 {
  margin-top: 35px;
  float: left;
  margin-right: 15px
}

.section3 .col_fillter .top_3 h3 {
  font-size: 16px;
  font-family: Roboto_Bold;
  color: #222;
  border-bottom: 10px solid #eee;
  margin-bottom: 15px;
  line-height: 10px
}

.section3 .col_fillter .top_3 li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
  min-height: 70px
}

.section3 .col_fillter .top_3 li span {
  font-family: Roboto_Black;
  font-size: 80px;
  color: #f4f4f4;
  line-height: 62px;
  margin-top: -10px;
  position: absolute;
  right: 0;
  bottom: 2px;
  font-weight: 700;
  z-index: 1
}

.section3 .col_fillter .top_3 li h4 {
  margin-bottom: 0
}

.section3 .col_fillter .top_3 li h4 a {
  font-size: 14px;
  padding-right: 20px;
  font-weight: 400;
  color: #666;
  display: block;
  font-family: Roboto_Medium;
  position: relative;
  z-index: 2
}

.section3 .col_fillter .top_3 li h4 a:hover {
  color: #004f8a
}

.section3 .col_noidung {
  float: left;
  width: 500px
}

.section3 .col_noidung>ul {
  float: left;
  width: 100%
}

.section3 .col_noidung #data_filter {
  margin-top: 5px !important
}

.section3 .col_noidung>ul>li {
  margin-bottom: 20px;
  width: 100%;
  float: left
}

.section3 .col_noidung>ul>li:last-child {
  margin-bottom: 0
}

.section3 .col_noidung>ul>li .avata {
  width: 180px;
  float: left;
  margin-right: 10px;
  position: relative;
  overflow: hidden
}

.thumb_5x3 {
  padding-bottom: 60%;
  display: block;
  overflow: hidden;
  height: 1px;
  position: relative;
  width: 100%;
  background: #dfdfdf
}

.thumb_5x4 {
  padding-bottom: 66%;
  display: block;
  overflow: hidden;
  height: 1px;
  position: relative;
  width: 100%;
  background: #dfdfdf;
  border: 1px solid #eee
}

.section3 .col_noidung ul li .avata .rote_45 {
  width: 30px;
  height: 0;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 2
}

.section3 .col_noidung ul li .conten {
  overflow: hidden;
  margin-top: 0
}

.section3 .col_noidung ul li .conten h3 {
  line-height: 18px;
  padding: 0;
  margin-bottom: 5px
}

.section3 .col_noidung ul li .conten h3 a {
  font-size: 18px;
  line-height: 1.35;
  margin-top: 0;
  font-family: Roboto_Regular;
  font-weight: 500;
  color: #222
}

.section3 .col_noidung ul li .conten p {
  line-height: 1.35
}

.col_noidung>.noidung__title>li {
  margin-bottom: 20px !important;
  float: left !important;
  width: auto !important
}

.noidung__title li {
  margin-right: 15px
}

.noidung__title li img {
  margin-top: -10px;
  margin-left: 10px;
  width: 40px
}

.noidung__title li:first-child a {
  color: #767676;
  margin-right: 5px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-family: roboto_regular
}

.noidung__title-item1 a {
  color: #222;
  padding: 10px;
  padding-right: 0;
  font-family: roboto_regular;
  background: #eee
}

.noidung__title-item1 li:nth-child(3) a {
  color: #222;
  padding: 13px;
  padding-right: 0;
  font-family: roboto_regular;
  background: #eee
}

.noidung__title li:last-child a {
  position: relative;
  color: #222;
  padding: 13px;
  padding-left: 0;
  padding-right: 0;
  font-family: roboto_regular
}

.noidung__title li:last-child a:before {
  content: '';
  position: absolute;
  bottom: 11px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #222
}

.noidung__title-item1 a:hover {
  color: #222
}

.conten p {
  font-size: 14px;
  color: #222;
  line-height: 1.35
}

.conten p .location-stamp {
  font-size: 12px;
}

.timer {
  font-size: 13px;
  color: #999;
  display: inline-block
}

.comment {
  position: relative;
  margin-left: 4px
}

.comment i {
  color: #9f224e
}

.box_slide_home {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #dfdfdf;
  margin-top: 15px;
  padding-top: 15px
}

.box_slide_home .rote_45 {
  width: 32px;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 30px solid transparent;
  border-top: 140px solid #c891b0;
  left: 240px;
  position: absolute;
  top: 15px;
  z-index: 8
}

.box_slide_home .text_post {
  background: #c891b0;
  width: 240px;
  float: left;
  padding: 9px 15px
}

.box_slide_home .text_post h3 {
  font-size: 22px;
  margin-bottom: 0;
  font-family: Roboto_Regular;
  font-weight: 100;
  color: #fff;
  line-height: 1.2
}

.box_slide_home .text_post p {
  font: 400 12px arial;
  color: #fff;
  margin-bottom: 0;
  margin-top: 30px
}

.box_slide_home .slide_img {
  float: left;
  width: 704px;
  position: relative;
  background: #fff
}

.box_slide_home .slide_img .item_slider_tt {
  padding-bottom: 60%;
  height: 0;
  background: #f4f4f4;
  position: relative;
  overflow: hidden;
  margin: 0 1px
}

.prev_slider_sun {
  position: absolute;
  top: 40%;
  left: 35px;
  z-index: 9;
  width: 16px;
  height: 32px;
  background: url(../images/td/prev.png) no-repeat
}

.next_slider_sun {
  position: absolute;
  top: 40%;
  right: 25px;
  z-index: 9;
  width: 16px;
  height: 32px;
  background: url(../images/td/next.png) no-repeat
}

.section3 .col_300 {
  float: right;
  width: 320px;
  position: relative
}

.box_full_right {
  border-top: 1px solid #dfdfdf;
  padding-top: 15px;
  margin-top: 15px
}

.box_full_right .col_noidung ul {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.banner_300x600 {
  text-align: center
}

.section4 {
  margin-top: 30px;
  border-bottom: 1px solid #dfdfdf;
  padding: 15px 0 12px 0
}

.section4 .back_vne {
  float: left;
  width: 25%
}

.section4 .back_vne .br {
  display: inline-block;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  height: 30px
}

.section4 .back_vne a {
  font-size: 14px;
  cursor: pointer;
  color: #666;
  padding: 0 3px
}

.section4 .back_vne a:hover {
  color: #9f224e
}

.section4 .back_vne a .ic-arrow-left:hover,
.section4 .back_vne a .ic-m-home:hover {
  color: #9f224e
}

.section4 .back_vne a .ic-arrow-left {
  padding: 4px 6px;
  font-size: 13px;
  display: inline-block
}

.section4 .back_vne a .ic-m-home {
  padding: 5px 7px;
  border-left: 1px solid #dfdfdf;
  display: inline-block
}

.section4 .back_vne a .ic-m-home:before {
  content: "\f015";
  font: normal normal normal 18px/1 FontAwesome
}

.section4 .copyright {
  float: left;
  width: 46%;
  text-align: center;
  font-size: 14px;
  margin-top: 8px;
  color: #666
}

.section4 .social {
  float: right;
  width: 28%;
  text-align: right;
  height: 32px
}

.section4 .social .br {
  display: inline-block;
  border: 1px solid #dfdfdf;
  border-radius: 4px
}

.section4 .social .br a {
  font-size: 14px;
  color: #666;
  padding: 5px 0;
  float: left;
  border-right: 1px solid #dfdfdf;
  width: 35px;
  text-align: center;
  cursor: pointer
}

.section4 .social .br a.facebook:hover {
  color: #3b5998
}

.section4 .social .br a.twitter:hover {
  color: #09c
}

.section4 .social .br a.google:hover {
  color: #c33
}

.section4 .social .br a.rss:hover {
  color: #f90
}

.section4 .social .search {
  float: left;
  padding: 5px 0
}

.section4 .social .search span {
  font-size: 14px;
  color: #666;
  cursor: pointer;
  padding-right: 10px
}

.section4 .social .search .search-btn button {
  background: 0 0;
  border: none;
  cursor: pointer;
  outline: 0
}

.section4 .social .search .search-btn button i {
  color: #666;
  font-size: 14px;
  width: 30px
}

.section4 .social .search .search-input {
  width: 75px;
  font-size: 14px
}

.section5 {
  margin: 14px 0 60px 0
}

.section5 .lineFmenu {
  width: 100%
}

.section5 .lineFmenu .ulBlockMenu {
  width: 12%
}

.section5 .lineFmenu .ulBlockMenu li a {
  height: 20px;
  font-size: 14px;
  color: #666;
  font-family: roboto_regular;
  font-weight: 300
}

.section5 .lineFmenu .ulBlockMenu .liFirst a {
  font-size: 14px;
  color: #666;
  font-family: Roboto_Bold
}

.section5 .lineFmenu .liFirst a {
  font-size: 14px;
  color: #666;
  font-family: Roboto_Bold
}

.section5 .lineFmenu .liFirst a:hover,
.section5 .lineFmenu .liFollow a:hover {
  color: #004f8a
}

.section5 .lineFmenu .liFollow a {
  font-size: 14px;
  color: #666;
  font-family: Roboto_Regular
}

.section5 .lineFmenu .ulBlockMenu li h2 {
  height: 37px
}

.section5 .qc_bottom {
  width: 50%;
  float: right;
  height: 185px;
  background: #ccc;
  display: none
}

.liFirst h2 {
  margin: 0 !important
}

.page_detail .container {
  width: 1210px
}

.page-detail-2 .section3 .col_right {
  width: 100%;
}

.page-detail-2 .section3 .col_noidung {
  width: 670px;
}

.main_infographic {
  background: #fff;
  padding: 25px 110px;
  margin-top: -30px
}

.main_infographic .list_news_dot_3x3_300 {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  margin-bottom: 15px
}

.main_infographic .list_news_dot_3x3_300 li {
  background-position: 0 12px;
  margin: 0 0 5px !important;
  background: url(images/graphics/bg_dot_gray_3x3.gif) no-repeat left 10px;
  background-size: 5px
}

.main_infographic .padding {
  padding: 0 105px
}

.main_infographic .img_info {
  margin-bottom: 25px
}

.main_infographic .title {
  font-size: 32px;
  font-family: Roboto_Bold;
  margin-bottom: 15px;
  color: #222;
  line-height: 1.1
}

.main_infographic .lead {
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.4;
  margin-bottom: 15px;
  font-weight: 700
}

.main_infographic .padding p {
  font-size: 16px;
  line-height: 1.4
}

.main_infographic .author {
  text-align: right;
  display: block;
  font-size: 16px
}

.detial_infographic {
  margin-top: 45px
}

.detial_infographic .col_left {
  float: left;
  width: calc(100% - 300px);
  padding-left: 105px;
  padding-right: 60px
}

.detial_infographic .box_300 {
  float: right;
  width: 300px
}

.xemthem_new_ver {
  padding-top: 30px;
  margin-top: 20px
}

.xemthem_new_ver .list_xemthem_newver {
  padding-left: 100px
}

.xemthem_new_ver .text_xemthem {
  font-size: 16px;
  font-family: Roboto_Bold;
  margin-top: -2px
}

.list_xemthem_newver ul li a {
  font-size: 16px;
  color: #1a113f;
  font-family: Roboto_Regular;
  letter-spacing: -1px
}

.button_chiase {
  margin-bottom: 30px
}

.button_chiase .search_face {
  width: 240px;
  float: left
}

.button_chiase .search_face button {
  padding: 10px;
  display: block;
  color: #fff;
  font-family: Arial;
  background: #3b5999;
  width: 100%;
  border: none;
  text-align: center;
  font-size: 16px;
  cursor: pointer
}

.button_chiase .search_face button:hover {
  background: #283b65
}

.button_chiase .search_face button:before {
  content: "\f09a";
  font: normal normal normal 16px/1 FontAwesome;
  float: left
}

.main_infographic .button_chiase .search_face,
.main_infographic .button_chiase .search_google {
  width: 210px
}

.button_chiase .search_google {
  width: 240px;
  float: left;
  margin: 0 20px
}

.button_chiase .search_google button {
  padding: 10px;
  display: block;
  color: #fff;
  font-family: Arial;
  background: #dd4b39;
  width: 100%;
  border: none;
  text-align: center;
  font-size: 16px;
  cursor: pointer
}

.button_chiase .search_google button:hover {
  background: #9a3529
}

.button_chiase .search_google button:before {
  content: "\f0d5";
  font: normal normal normal 16px/1 FontAwesome;
  float: left
}

.button_chiase .luu_tin {
  float: right;
  text-align: right;
  position: relative
}

.button_chiase .luu_tin .myvne_save_for_later {
  background: #fff;
  border: 1px solid #ccc;
  color: #ccc;
  padding: 9.5px 12.29px;
  cursor: pointer;
  display: block
}

.button_chiase .luu_tin .myvne_save_for_later a {
  display: none
}

.button_chiase .luu_tin .myvne_save_for_later:hover a {
  display: block;
  position: absolute;
  top: 0;
  right: -90%;
  background: #fff;
  color: #333;
  padding: 2px 10px;
  font-size: 11px;
  border: 1px solid #dfdfdf;
  border-radius: 2px
}

.button_chiase .luu_tin .myvne_save_for_later.active,
.button_chiase .luu_tin .myvne_save_for_later:hover {
  background: #004f8a;
  border: 1px solid #004f8a
}

.button_chiase .luu_tin .myvne_save_for_later:before {
  content: "\f097";
  font: normal normal normal 16px/1 FontAwesome
}

/*.block_tag {
  margin-bottom: 0
}*/

.block_tag .txt_tag {
  font-size: 14px;
  background: 0 0;
  color: #ccc
}

.block_tag .tag_item {
  font-size: 14px;
  background: 0 0;
  color: #ccc;
  margin: 0;
  font-family: Roboto_Regular
}

.block_tag .tag_item.active,
.block_tag .tag_item:hover {
  background: 0 0;
  color: #999
}

.box_tinkhac .tittle {
  font-family: Roboto_Regular;
  font-size: 18px;
  position: relative;
  line-height: 1.167;
  display: inline-block;
  margin-bottom: 15px;
  color: #cb1c23
}

.box_tinkhac .tittle:before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #f8a81d
}

.box_tinkhac ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px
}

.box_tinkhac ul li {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: inline-block;
  display: -ms-flexbox;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
  vertical-align: top;
  float: left;
  width: 20%
}

.box_tinkhac ul li .avata {
  position: relative;
  overflow: hidden
}

.box_tinkhac ul li .avata .rote_45 {
  width: 30px;
  height: 0;
  right: 0;
  position: absolute;
  top: 0
}

.box_tinkhac ul li .conten .title_news {
  font-size: 18px;
  font-family: Roboto_Medium;
  line-height: 1.1;
  margin-bottom: 0;
  margin-top: 5px;
  display: inline-block
}

.box_tinkhac ul li .conten .title_news a {
  font-family: Roboto_regular;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  color: #222
}

.box_tinkhac ul li .conten .comment {
  margin-left: 5px
}

.page_detail .section3 {
  margin-top: -30px;
  background: #fff;
  padding-top: 30px;
  margin-bottom: 20px
}

.page_detail .section3.container_3_col {
  padding-left: 20px;
  padding-right: 20px
}

.page_detail .col_fillter .list_location_left {
  margin-top: 80px
}

#box_details_news .title_news {
  padding-bottom: 0;
  font-size: 16px;
  line-height: 1.35;
  color: #222
}

#box_details_news .box_quangcao {
  width: 100%;
  padding: 10px 2%;
  float: left;
  background: #f7f7f7;
  border-top: 1px solid #681a18
}

#box_details_news .title_news h1 {
  font-size: 24px;
  font-family: Roboto_Bold
}

#box_details_news .short_intro {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.35;
  color: #222;
  padding-bottom: 0;
  font-weight: 400;
}

#box_details_news .short_intro .location-stamp {
  font-size: 14px;
  color: #555;
  font-weight: 400;
  text-transform: uppercase
}

#box_details_news .relative_new .list_news_dot_3x3_300 li {
  background-position: 0 12px;
  margin: 0 0 10px !important;
  background: url(images/graphics/bg_dot_gray_3x3.gif) no-repeat left 6px;
  background-size: 5px
}

.list_news_dot_3x3_300 li a {
  font-size: 14px;
  color: #999
}

#box_details_news .fck_detail .Normal,
#box_details_news .fck_detail p {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.4;
  color: #222
}

#box_details_news .fck_detail .tplCaption .Image,
#box_details_news .fck_detail table.tplCaption td .Image {
  background: #f7f7f7 !important;
  color: #757575 !important;
  font-size: 15px !important
}

#box_details_news .fck_detail table img {
  width: 100%
}

#box_details_news .box_quangcao.list_news .thumb img {
  position: static !important;
}

.list_xemthem_newver ul li {
  margin: 0 0 10px !important;
  background: url(images/graphics/bg_dot_gray_3x3.gif) no-repeat left 8px;
  background-size: 5px;
  padding-left: 13px !important
}

.xemthem_new_ver .list_xemthem_newver ul {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0
}

.page_live .col_750 {
  width: 750px;
  max-width: 100%
}

.page_live .box_timestamp {
  width: 770px;
  max-width: 100%;
  border-right: 1px solid #dfdfdf;
  padding-right: 20px
}

.page_live .col_right {
  width: 100%;
  border-left: 0;
  padding-right: 40px;
  max-width: 100% !important
}

.page_live .col_noidung {
  width: 770px;
  padding-right: 20px;
  border-right: 1px solid #dfdfdf
}

.vongloai_vongbang ul.tabs {
  background: 0 0;
  border-bottom: 1px solid #dfdfdf;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-bottom: 0
}

.vongloai_vongbang ul.tabs li {
  width: auto;
  margin-bottom: 0
}

.vongloai_vongbang ul.tabs li a {
  font-size: 14px;
  background: #eee;
  float: left;
  padding: 7px 19px;
  color: #333
}

.vongloai_vongbang ul.tabs li a.active {
  background: #101134;
  color: #fff
}

.page_live .views_dienbien {
  font-size: 16px;
  color: #95bb26;
  border: 1px solid #95bb26;
  display: block;
  padding: 20px;
  margin-bottom: 30px;
  margin-top: 10px;
  text-align: center;
  background: #f7ffe1;
  font-weight: 700
}

#box_details_news .title_news h1 {
  font-size: 32px;
  font-family: Roboto_Bold;
  margin-bottom: 15px;
  line-height: 1.2
}

#box_details_news .news_lead {
  margin-bottom: 15px
}

.news_lead {
  font: 700 16px/20px arial
}

.live_timestamp_640 {
  display: none
}

#container_tab_live {
  float: left;
  margin: 0 0 20px
}

#container_tab_live ul li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative
}

#container_tab_live ul li .day_time {
  font: 700 12px arial;
  color: #9f224e;
  padding: 0 0 10px 10px
}

#container_tab_live ul li.day {
  background: 0 0
}

#container_tab_live .list_slide {
  margin: 0 0 10px
}

#container_tab_live div.text_live .tb_servey .w130 {
  width: 92%;
  float: left
}

#container_tab_live div.text_live .tplCaption {
  margin: 0 auto 10px
}

#container_tab_live div.text_live p.Image {
  background: #f5f5f5;
  padding: 10px;
  font: 400 12px/18px arial
}

#container_tab_live div.bg_special_tuongthuat {
  background: #f7f7f7;
  margin: 0 0 10px
}

#container_tab_live div.minutes span {
  display: inline-block;
  text-align: center;
  float: left;
  margin: 0 0 10px;
  font-size: 14px
}

#container_tab_live div.minutes span.icon_special {
  width: 19px;
  height: 19px;
  background: url(images/icons/icon_live.png) no-repeat
}

#container_tab_live li.icon_traibanh div.minutes span.icon_special {
  background-position: -1px
}

#container_tab_live li.icon_muiten div.minutes span.icon_special {
  background-position: -24px center
}

#container_tab_live li.icon_thevang div.minutes span.icon_special {
  background-position: -44px center
}

#container_tab_live div.text_live table {
  max-width: 100%
}

#container_tab_live div.text_live table.tplCaption td {
  line-height: 0
}

#container_tab_live div.text_live table.tplCaption .Image {
  padding: 10px;
  background: #f5f5f5;
  font-size: 12px;
  line-height: 16px
}

#container_tab_live div.text_live .tplCaption img {
  width: 100%
}

#container_tab_live div.text_live .live_quote .first_quote {
  width: 16%
}

#container_tab_live div.text_live .live_quote img {
  margin: 0;
  width: 100%
}

#container_tab_live .text_live .block_audio .title_audio {
  background: #303030 url(images/icons/icon_audio_player.gif) no-repeat 10px 10px;
  color: #fff;
  font: 400 14px arial;
  padding: 10px 0 10px 50px
}

.block_check_noibat {
  float: left;
  margin: 10px 0 0 10px;
  font: 400 12px/16px arial
}

.block_check_noibat label {
  cursor: pointer
}

.block_check_noibat input {
  float: left;
  margin: 0 5px 0 0
}

.block_filter_live {
  width: 100%;
  float: left;
  height: 30px;
  background: #f4f4f4;
  margin: 0 0 15px
}

.filter_right {
  float: right
}

.filter_left {
  float: left
}

.block_filter_live a {
  display: inline-block;
  float: left;
  padding: 0 10px;
  font: 400 16px/30px arial;
  color: #333
}

.block_filter_live a.active {
  color: #9f224e;
  font: 700 16px/30px arial
}

.icon_live {
  width: 24px;
  height: 24px;
  background: url(images/icons/icon_football_live.png) no-repeat -100%;
  float: left;
  margin: -2px 0 0 10px
}

.icon_live_01 {
  background-position: -48px -2px;
  margin-top: 4px
}

.icon_live_02 {
  background-position: -100px 0
}

.icon_live_03 {
  background-position: 0 -48px
}

.icon_live_04 {
  background-position: -24px -48px
}

.icon_live_05 {
  background-position: 0 0
}

.icon_live_06 {
  background-position: -24px -25px
}

.icon_live_07 {
  background-position: -48px -25px
}

.icon_live_08 {
  background-position: 0 -24px
}

.icon_live_09 {
  background-position: -48px -49px
}

.icon_live_10 {
  background-position: -72px -1px
}

.icon_live_11 {
  background-position: -96px -49px
}

.icon_live_12 {
  background-position: -72px -48px
}

.icon_live_13 {
  background-position: -24px -1px
}

.icon_live_14 {
  background-position: 0 -73px
}

.icon_live_16 {
  background-position: -24px -73px
}

.icon_live_17 {
  background-position: -48px -73px
}

.icon_live_18 {
  background-position: -72px -25px
}

.icon_live_19 {
  background-position: -96px -25px
}

.icon_live_20 {
  background-position: -74px -73px
}

#container_tab_live ul li.first .icon_dot_live,
.high-light .icon_dot_live {
  background: url(images/icons/icon_dot_live_active.gif) no-repeat left top
}

.icon_dot_live {
  background: url(images/icons/icon_dot_live.gif) no-repeat center center;
  position: absolute;
  left: 85%;
  top: 0;
  margin: 0
}

#container_tab_live div.minutes span.special_time {
  display: inline-block;
  padding: 2px 5px;
  background: #9f224e;
  color: #fff
}

#container_tab_live div.text_live .list_dot_3x3 {
  width: 96%;
  float: left;
  padding: 5px 2%;
  background: #f4f4f4;
  margin-bottom: 10px
}

#container_tab_live .list_dot_3x3 .dot_item {
  padding: 5px 0 5px 2%;
  width: 97%;
  background: url(images/graphics/bg_dot_gray_3x3.gif) no-repeat left 13px
}

.list_dot_3x3 .dot_item a {
  font: 700 14px arial;
  color: #666
}

#container_tab_live div.text_live .thumb {
  float: left;
  margin: 0 10px 0 0
}

#container_tab_live div.text_live .thumb img {
  margin: 0;
  width: 100%
}

#container_tab_live div.text_live .title_news {
  width: auto;
  float: none;
  margin: 0
}

#container_tab_live div.text_live .block_image_news {
  padding: 5px 2%;
  float: left;
  width: 96%;
  background: #f4f4f4;
  margin: 0 0 10px
}

#container_tab_live div.text_live .item_slider {
  padding: 0 5px
}

#container_tab_live div.text_live .btn_control_tv_slider {
  top: 40%
}

#container_tab_live .author_quote {
  font-weight: 700
}

.live_post_status {
  width: 100%;
  float: left;
  text-align: center;
  padding: 10px 0;
  background: #f4f4f4;
  margin: 0 0 15px
}

.live_post_status a {
  color: #9f224e;
  font: 700 12px/16px arial;
  display: inline-block;
  background: url(images/icons/icon_live_post.gif) no-repeat left top;
  padding: 0 0 0 20px
}

.live_post_status a.short_live {
  background: url(images/icons/icon_live_post.gif) no-repeat left bottom
}

#container_tab_live div.text_live td {
  vertical-align: top
}

#container_tab_live .image_quote {
  width: 30px;
  height: 23px;
  background: url(images/icons/icon_quote.gif) no-repeat right top
}

#detail_page_live #box_details_news .news_lead {
  padding-bottom: 15px;
  font: 400 16px/20px arial
}

.live_timestamp_640 .inner_timestamp {
  background: #f5f5f5 url(images/graphics/bg_1x1_gray.gif) repeat-y 50% 0;
  padding: 5px 0 10px;
  width: auto
}

.home_team_box {
  width: 50%;
  float: left
}

.title_team {
  height: 56px;
  color: #666;
  padding: 10px 10px 10px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: left
}

.title_team img {
  max-height: 30px;
  max-width: 30px;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.title_team span {
  font: 700 14px/18px arial;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.list_event_point li {
  width: 100%;
  float: left;
  padding: 5px 0 5px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.icon_box .icon_live,
.list_event_point li span {
  vertical-align: middle;
  display: inline-block;
  font-size: 13px;
  position: relative;
  top: auto;
  right: auto;
  margin: 0
}

.away_team_box {
  width: 50%;
  float: right
}

.away_team_box .title_team {
  padding: 10px 50px 10px 10px;
  text-align: right
}

.away_team_box .title_team img {
  left: auto;
  right: 10px
}

.away_team_box .list_event_point li {
  padding: 5px 5px 5px 0
}

.away_team_box .list_event_point li {
  text-align: right
}

.away_team_box .icon_box {
  margin: 0 0 0 5px
}

.live_timestamp {
  position: relative;
  z-index: 88;
  padding-bottom: 15px;
  background: #fff
}

.inner_timestamp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #f5f5f5
}

.inner_timestamp .icon_live {
  margin: 0
}

.ctn_timestamp {
  position: relative;
  float: left;
  width: 100%;
  height: 110px
}

.process_bar_live {
  position: relative;
  top: 50%;
  width: 100%;
  height: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 10px;
  background: #888
}

.processing_bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  border-radius: 10px;
  background: #95bb26
}

.away_team,
.home_team {
  position: absolute;
  left: 0;
  width: 30px;
  height: 30px;
  text-align: center
}

.away_team img,
.home_team img {
  max-width: 100%;
  height: 30px
}

.home_team {
  top: -40px
}

.away_team {
  bottom: -40px
}

.match_90p {
  position: relative;
  width: 87.8889%;
  height: 6px;
  margin: 0 auto
}

.rank_min {
  position: relative;
  float: left;
  width: 5.5555%;
  height: 6px;
  margin: 0;
  padding: 0
}

.rank_min.active {
  background: #95bb26
}

.point_min {
  position: absolute;
  z-index: 9;
  top: 50%;
  right: -4px;
  float: left;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background: #888
}

.point_start {
  right: auto;
  left: -4px
}

.rank_min_main::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 2px;
  width: 1px;
  height: 80px;
  content: '';
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background: #e1e1e1
}

.rank_min5.rank_min_main::after {
  right: auto;
  left: 2px
}

.rank_min_start::after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 2px;
  width: 1px;
  height: 80px;
  content: '';
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background: #e1e1e1
}

.text_main_point {
  position: absolute;
  top: -58px;
  left: 50%;
  min-width: 40px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  text-align: center;
  font-size: 12px
}

.event_point {
  position: absolute;
  left: 50%;
  width: 27px;
  height: 39px;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background: #f5f5f5;
  cursor: pointer
}

.event_point.event_point_home {
  top: -40px
}

.event_point.event_point_away {
  bottom: -40px
}

.event_point .number_min {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  white-space: nowrap;
  font-size: 12px
}

.event_point .icon_live {
  position: absolute;
  top: auto;
  right: auto;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0)
}

.event_point.event_point_home .number_min {
  bottom: 2px
}

.event_point.event_point_home .icon_live {
  bottom: 17px
}

.event_point.event_point_away .number_min {
  top: 2px
}

.event_point.event_point_away .icon_live {
  top: 17px
}

.rank_min_addtime {
  position: absolute;
  top: 0;
  right: 2.5%;
  width: 2.5%
}

.popup_detail_point {
  position: absolute;
  z-index: 10;
  top: -44px;
  right: auto;
  left: 130%;
  min-width: 200px;
  max-width: 420px;
  padding: 0 10px 0 10px;
  background: #333;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .47);
  -moz-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .47);
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .47)
}

.popup_detail_point_start {
  left: 40%
}

.title_pop {
  font: 700 16px arial;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 10px 8px 0;
  color: #fff;
  white-space: nowrap
}

.box_icon_pop {
  line-height: 31px;
  position: absolute;
  top: 0;
  left: -32px;
  width: 32px;
  height: 37px;
  text-align: center;
  background: #333
}

.box_icon_pop::after {
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  content: '';
  border-top: 4px solid #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.box_icon_pop .icon_live {
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
  vertical-align: middle
}

.popup_detail_point .icon_live {
  margin-top: 5px
}

.scroll-popup-live {
  float: left;
  width: 100%;
  height: 277px
}

.content_event_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.block_filter_live .filter_left span {
  font-size: 12px;
  display: block
}

#container_tab_live div.minutes span {
  font-size: 12px;
  font-weight: 700;
  margin-left: 15px;
  margin-top: 5px
}

.block_image_news .news_lead {
  padding-bottom: 15px;
  font: 400 14px/18px arial
}

#container_tab_live div.text_live p {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 1.4;
  color: #333
}

#container_tab_live div.text_live img {
  margin-bottom: 10px
}

#container_tab_live div.text_live b {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 16px
}

#container_tab_live ul li:last-child div.text_live {
  padding-bottom: 15px !important
}

#container_tab_live div.bg_special_tuongthuat {
  padding: 5px
}

#lich_thidau {
  padding: 20px 20px 0 20px
}

#lich_thidau.margin {
  margin-top: 30px
}

#lich_thidau h1 {
  font-size: 32px;
  font-family: Roboto_Bold;
  color: #333;
  margin-bottom: 10px
}

.scroll_lich.fixed {
  position: fixed;
  top: 0;
  padding-top: 10px !important;
  z-index: 9000;
  background: #fff !important;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #f4f4f4
}

.scroll_lich.fixed .container {
  padding: 0 20px
}

.scroll_lich.fixed .lich_thidau {
  border: 0
}

.lich_thidau {
  border: 1px solid #ef4c54;
  float: left
}

.lich_thidau li {
  float: left;
  width: 50.75px;
  text-align: center;
  padding: 5px 0 0 0
}

.lich_thidau li.active,
.lich_thidau li:hover {
  background: #fff5f5
}

.lich_thidau li h3 {
  font: 400 11px arial;
  color: #ef4c54;
  padding-bottom: 5px;
  border-right: 1px solid #ccc
}

.lich_thidau li h4 {
  font: 400 13px arial;
  margin-bottom: 5px;
  border-right: 1px solid #ccc
}

.lich_thidau li h4 a {
  cursor: pointer;
  display: block
}

.lich_thidau li span {
  background: #fff5f5;
  color: #333;
  font: 400 11px arial;
  display: block;
  border-right: 1px solid #ccc;
  padding: 5px 0;
  height: 22px
}

.lich_thidau li:last-child h3,
.lich_thidau li:last-child h4 {
  border-right: 0
}

.lich_thidau li:last-child span {
  border-right: 0
}

.lich_thidau li.null h3,
.lich_thidau li.null h4 {
  color: #ccc
}

.ngay_thidau {
  margin-top: 40px
}

.ngay_thidau h2 {
  font-size: 22px;
  font-family: Roboto_Bold;
  color: #333;
  border-bottom: 5px solid #ef4c54;
  display: inline-block;
  margin-bottom: 35px
}

.ngay_thidau ul li {
  float: left;
  width: 100%;
  border-bottom: 1px dotted #dfdfdf;
  padding-bottom: 15px;
  margin-bottom: 15px
}

.ngay_thidau ul li h3 {
  width: 20%;
  float: left;
  text-align: left;
  font-size: 22px;
  font-family: Roboto_Regular;
  color: #333;
  font-weight: 100
}

.ngay_thidau ul li h3 span {
  color: #999
}

.ngay_thidau ul li .col_0 {
  width: 9%;
  float: left;
  font-size: 22px;
  text-align: left;
  font-family: Roboto_Regular;
  color: #999
}

.ngay_thidau ul li .col_1 {
  width: 21%;
  float: left;
  text-align: left
}

.ngay_thidau ul li .col_1 .left {
  width: 48px;
  margin-right: 15px
}

.ngay_thidau ul li .col_3 .right {
  width: 48px
}

.ngay_thidau ul li .col_1 .left .thumb_5x3 {
  margin-left: 0
}

.ngay_thidau ul li .col_3 .right .thumb_5x3 {
  margin-right: 0
}

.ngay_thidau ul li .col_1 img {
  display: inline-block
}

.ngay_thidau ul li .col_1 a {
  font-size: 22px;
  font-family: Roboto_Regular;
  color: #333;
  font-weight: 100;
  display: inline-block;
  margin-left: 15px
}

.ngay_thidau ul li .col_2 {
  width: 14%;
  float: left;
  text-align: center
}

.ngay_thidau ul li .col_2 span {
  font-size: 22px;
  font-family: Roboto_Regular;
  color: #333;
  font-weight: 100;
  padding: 2px 35px;
  border-radius: 8px
}

.ngay_thidau ul li .col_2 span.ti_so {
  color: #fff;
  background: #101134
}

.ngay_thidau ul li .col_3 {
  width: 21%;
  float: left;
  text-align: right
}

.ngay_thidau ul li .col_3 a {
  font-size: 22px;
  font-family: Roboto_Regular;
  color: #333;
  font-weight: 100;
  display: inline-block;
  margin-right: 15px
}

.ngay_thidau ul li .col_4 {
  width: 15%;
  float: right;
  text-align: right
}

.ngay_thidau ul li .col_4 .kenh {
  display: inline-block;
  position: relative
}

.ngay_thidau ul li .col_4 .kenh:before {
  content: "";
  width: 1px;
  height: 27px;
  background: #dfdfdf;
  position: absolute;
  background-color: #dfdfdf;
  left: -15px;
  top: -5px
}

.ngay_thidau ul li .col_4 .kenh img {
  width: 45px
}

.ngay_thidau ul li .col_4 span a {
  color: #9f224e;
  font-size: 11px;
  font-family: Roboto_Regular;
  margin-right: 15px
}

.ngay_thidau ul li .col_4 span a:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #c37590;
  border-radius: 50%;
  border: 3px solid #e7c8d3;
  float: left;
  margin-right: 5px
}

.ngay_thidau ul li:last-child {
  margin-bottom: 0
}

.vong_dau {
  margin-top: 60px
}

.vong_dau h2 {
  background: url(images/icons/bg_title.jpg) repeat-x;
  text-align: center
}

.vong_dau h2 span {
  font-size: 32px;
  font-family: Roboto_Bold;
  color: #311483;
  background: #fff;
  padding: 0 20px;
  position: relative
}

.vong_dau h2 span:after {
  width: 10px;
  height: 0;
  content: "";
  border-left: 0 solid transparent;
  border-right: 15px solid transparent;
  border-top: 30px solid #fff;
  right: -15px;
  position: absolute;
  top: 10px;
  z-index: 8
}

.vong_dau h2 span:before {
  width: 10px;
  height: 0;
  content: "";
  border-left: 15px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 30px solid #fff;
  left: -15px;
  position: absolute;
  top: 10px;
  z-index: 2
}

.vong_dau .ngay_thidau h2 {
  background: 0 0
}

.vong_dau .ngay_thidau ul li .col_2 p {
  font-size: 14px;
  font-family: Roboto_Regular;
  color: #666
}

#bang_thidau {
  padding: 20px 20px 0 20px
}

#bang_thidau h1 {
  font-size: 32px;
  font-family: Roboto_Bold;
  color: #333;
  margin-bottom: 20px
}

#bang_thidau .tab_bangdau {
  background: #fff5f5;
  padding: 10px 0 10px
}

#bang_thidau.margin {
  margin-top: 30px
}

.tab_bangdau.fixed {
  position: fixed;
  top: 0;
  padding-top: 15px !important;
  z-index: 9000;
  background: #fff !important;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #f4f4f4
}

.tab_bangdau.fixed .container {
  padding: 0 20px
}

.clear-choose {
  display: none
}

#FOOTER_BANNER {
  margin-top: 30px !important
}

.ss-wrapper {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.ss-content {
  position: relative;
  right: 0;
  overflow: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 418px;
  height: 100%;
  padding: 0;
  overflow-x: hidden
}

.ss-content.ss-content-noscroll {
  width: 100%
}

.ss-scroll {
  position: relative;
  z-index: 2;
  top: 0;
  width: 4px;
  cursor: pointer;
  -webkit-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear;
  opacity: 0;
  border-radius: 4px;
  background: 0 0
}

.ss-container:hover .ss-scroll {
  opacity: 1
}

.ss-grabbed {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  -khtml-user-select: none
}

.popup_detail_point_away {
  top: 12px
}

.popup_detail_point_away .box_icon_pop::after {
  top: -4px;
  bottom: auto;
  border-top: none;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #333;
  border-left: 4px solid transparent
}

.rank_min_h2 .popup_detail_point {
  left: auto;
  right: 18px
}

.rank_min_h2 .box_icon_pop {
  right: -32px;
  left: auto
}

.rank_min_h2 .item_subevent,
.rank_min_h2 .title_pop {
  text-align: right
}

.rank_min_h2 .title_pop {
  padding: 7px 0 7px 10px
}

.ob {
  position: relative;
  float: none;
  clear: both;
  width: 100%;
  min-width: 400px;
  margin-bottom: 10px;
  outline: 0
}

figure {
  margin: 0 auto;
  padding: 0
}

.video-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.thumb-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 60%
}

.thumb-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.item_subevent {
  padding: 10px 0 10px 0;
  white-space: nowrap;
  border-top: 1px solid #6f6f6f
}

.item_subevent span {
  display: inline-block;
  vertical-align: middle
}

.item_subevent .icon_live {
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle
}

.item_subevent span {
  font: 700 16px arial;
  color: #fff
}

.rank_min_h2 .item_subevent .icon_live {
  float: right;
  margin: -3px 0 0 15px
}

.box-line-author,
.box-line-desc-first,
.box-line-desc-second,
.box-line-desc-third,
.box-line-thumb,
.box-line-title {
  -webkit-animation: timeline;
  animation: timeline;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eee), color-stop(18%, #ddd), color-stop(33%, #eee));
  background: -webkit-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
  background: -o-linear-gradient(left, #eee 8%, #ddd 18%, #eee 33%);
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px auto;
  background-position: 100px 0
}

.box-line-thumb {
  width: 200px;
  height: 130px;
  float: left;
  margin-right: 15px
}

.box-line-title {
  height: 10px;
  width: 40%;
  margin-bottom: 7px
}

.box-line-author {
  height: 10px;
  width: 25%;
  margin-bottom: 15px
}

.box-line-desc-first {
  height: 8px;
  margin-bottom: 7px;
  width: 70%
}

.box-line-desc-second {
  height: 8px;
  margin-bottom: 7px;
  width: 90%
}

.box-line-desc-third {
  height: 8px;
  margin-bottom: 7px;
  width: 60%
}

@-webkit-keyframes timeline {
  0% {
    background-position: -350px 0
  }

  100% {
    background-position: 400px 0
  }
}

@keyframes timeline {
  0% {
    background-position: -350px 0
  }

  100% {
    background-position: 400px 0
  }
}

.pin-down {
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.pin-up {
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -o-transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  transition-timing-function: cubic-bezier(.7, 1, .7, 1);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.pin_bar_3 .more_group {
  margin-left: 60%
}

.space_comment {
  display: none
}

.box_loading_2 .content_item {
  overflow: hidden
}

#box_comment .comment_item p {
  font: 400 14px/18px arial
}

.embed-container {
  z-index: 80 !important
}

figure {
  margin-bottom: 10px !important
}

figure.tplCaption img {
  width: 100%
}

figcaption {
  float: left;
  width: 100%;
  margin-bottom: 10px
}

figcaption .Image {
  float: left;
  width: 100%
}

#container_tab_live div.text_live .block_image_news,
#container_tab_live div.text_live .list_dot_3x3 {
  width: 100% !important
}

#container_tab_live div.text_live .thumb .icon_thumb_videophoto {
  bottom: 0
}

#box_tinlienquan .content_box_category .list_news_dot_3x3 li {
  margin-bottom: 5px !important
}

.box_embed_video .bg_overlay_small_unpin {
  display: none
}

#container_tab_live div.text_live strong {
  display: block;
  margin-bottom: -5px
}

#box_details_news .block_timer {
  font-size: 14px;
  color: #999
}

.block_share a i {
  color: #ccc;
  font-size: 14px;
  font-weight: 100
}

.block_share a {
  margin: 0 0 0 10px
}

.author_mail {
  font-size: 16px
}

#container_tab_live .text_live .tb_servey .w20 {
  width: 5%
}

.right-mystory>h4 a {
  font-size: 13px;
  color: #999;
  font-family: roboto_regular;
  font-weight: 300
}

.right-mystory>h3 {
  font-size: 18px;
  color: #222;
  padding: 5px 0;
  font-family: roboto_medium;
  font-weight: 500
}

.right-mystory>h3 a {
  font-size: 18px;
  color: #222;
  font-weight: 500
}

.right-mystory .right-mystory-content>img {
  width: 90px;
  height: 90px
}

.right-mystory-content {
  margin-top: 5px
}

.right-mystory .right-mystory-content>div {
  float: right;
  display: inline-block;
  width: calc(100% - 90px);
  padding: 10px;
  color: #767676;
  font-size: 13px;
  font-family: arial;
  padding-top: 7px;
  max-height: 86px;
  overflow: hidden;
  line-height: 1.3
}

.right-mystory .right-mystory-content>div a {
  color: #767676;
  font-size: 13px;
  font-family: arial;
  line-height: 1.3
}

.ic-invert .add-search {
  margin-left: 4px;
  font-family: roboto_medium !important;
  font-size: 15px !important
}

.right-content--health {
  padding-left: 20px;
  padding-right: 0
}

.opinion-scroll {
  max-height: 255px;
  position: relative
}

.opinion-outer {
  width: 100%;
  background: #f4f4f4;
  position: relative;
  margin-top: 10px;
  padding: 10px 6px
}

.opinion-outer:before {
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f4f4f4;
  top: -10px;
  left: 17px
}

.right-opinion>a {
  display: block;
  width: 23px;
  height: 23px;
  float: right;
  margin-top: -22px;
  margin-left: 4px;
  margin-right: 6px;
  position: relative;
  top: -5px
}

.right-opinion>a .fa-facebook {
  background: #3b5998;
  color: #fff;
  padding: 6px 10px;
  font-size: 16px
}

.right-opinion>a .fa-twitter {
  background: #09c;
  color: #fff;
  padding: 6px 7px;
  font-size: 16px
}

.right-opinion .opinion-title {
  margin-top: 10px;
  font-size: 13px;
  color: #9f224e
}

.right-opinion .opinion-content {
  margin-top: -17px;
  background: #f4f4f4;
  padding: 16px 10px;
  position: relative
}

.right-opinion .opinion-content:before {
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f4f4f4;
  top: -10px;
  left: 17px
}

.right-opinion .opinion-content li {
  list-style-type: none;
  color: #767676;
  padding-top: 6px;
  padding-bottom: 15px;
  font-family: arial;
  font-size: 13px;
  border-bottom: 1px dotted #dadada
}

.right-opinion .opinion-content li a {
  color: #767676;
  font-size: 12px;
  display: inline-block;
  margin-top: 10px;
  font-weight: 700
}

.right-opinion .opinion-content li span {
  font-size: 12px
}

.right-opinion .opinion-content li a:hover {
  color: #681a18
}

.share-opinion a {
  color: #681a18
}

.right-opinion .opinion-content li:last-child {
  border-bottom: 0
}

.right-opinion .share-opinion {
  background: #fbf0d7;
  color: #681a18;
  display: block;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Arial;
  font-weight: 700;
  padding: 10px 24px;
  padding-right: 37px;
  height: 35px;
  border-radius: 4px;
  position: relative
}

.right-opinion .share-opinion:after {
  top: 11px;
  right: 7px;
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(images/icons/img001_03.png);
  background-repeat: no-repeat;
  background-position: center
}

.share-opinion--style {
  width: 100%;
  height: 1px;
  background: #fbf0d7;
  position: relative;
  top: 35px
}

.right-video .clearfix h5 {
  font-family: roboto_regular;
  font-size: 18px;
  color: #222;
  margin-top: 10px;
  margin-bottom: 15px
}

.right-video .video-title {
  background: #fbf0d7;
  font-weight: 700;
  padding: 11px 16px;
  font-family: roboto_bold;
  font-size: 18px
}

.right-video .first-video {
  width: 100%;
  height: 170px;
  background: #ccc
}

.right-video>h5 {
  color: #222;
  font-size: 16px;
  font-family: Roboto_Regular;
  margin-top: 10px;
  margin-bottom: 18px;
  font-weight: 500
}

.right-video .small-video {
  width: calc(50% - 12px);
  display: inline-block
}

.right-video .small-video>img {
  width: 50%;
  height: 1px;
  padding-bottom: 60%
}

.right-video .small-video.small-video__left {
  margin-right: 10px;
  vertical-align: top
}

.right-video .small-video.small-video__right {
  margin-left: 10px;
  vertical-align: top
}

.small-video p {
  color: #222;
  font-size: 14px;
  font-family: Roboto_Regular;
  font-weight: 500;
  margin-top: 8px
}

.right-information .infomation-title {
  font-weight: 700;
  padding: 12px 14px;
  margin-top: 24px;
  font-family: roboto_bold;
  font-size: 18px;
  padding-bottom: 20px
}

.right-information>ul>li {
  border-bottom: 1px dotted #dedede;
  padding-bottom: 16px;
  margin-bottom: 13px
}

.right-information>ul>li>a {
  width: 115px;
  height: 106px;
  float: right;
  position: relative;
  display: block
}

.right-information>ul>li>a img {
  position: absolute;
  right: 0;
  width: 100px;
  height: 100px;
  bottom: -4px
}

.right-information ul li p a {
  font-size: 16px;
  font-family: roboto_medium;
  color: #111;
  display: block;
  margin-bottom: -11px
}

.right-information ul li p a:hover {
  color: #681a18
}

.right-information>ul>li>p {
  text-align: justify;
  text-align: justify;
  font-size: 14px;
  font-family: roboto_regular;
  color: #767676
}

.view-more a {
  color: #767676;
  font-size: 12px
}

.view-more i {
  margin-left: 5px
}

#col_660 {
  width: 573px
}

.section2-border {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf
}

.right-mystory-content>a {
  display: inline-block;
  width: 90px
}

.block_thumb_slide_show .left {
  margin-bottom: 10px
}

.social-in-news1 .dropdown-menu__social li .view-more02 {
  color: #767676;
  font-size: 12px;
  font-weight: 400
}

.right-opinion .opinion-content li .view-more02 {
  color: #767676;
  font-size: 12px;
  font-weight: 400
}

.right-opinion .opinion-content li .view-more02 i {
  margin-left: 5px;
  margin-top: 2px
}

.view-more1 a {
  color: #767676;
  font-size: 13px;
  font-family: arial;
  padding-right: 5px
}

.view-more1 a:hover {
  color: #681a18
}

.view-more1 a i {
  margin-left: 5px
}

.view-more1 i:hover {
  color: #681a18
}

.menu--second-top li {
  float: left;
  margin-top: 9px
}

.menu--second-top .menu--second-bold {
  color: #333;
  font-weight: 700
}

.menu--second-top .active {
  color: #681a18 !important;
  font-weight: 400;
}

.bg-detail {
  height: 208px
}

.top_001 li a:hover {
  color: #681a18 !important
}

.section1 .col_right ul li .conten h3 a:hover {
  color: #681a18 !important
}

.log-health {
  vertical-align: top
}

.menu--second-top {
  margin-top: 6px;
  margin-left: 15px
}

.content_nav_topbar .menu--second-top li {
  padding: 0 9px
}

.menu--second-top li::before {
  top: 0;
  left: 0
}

.menu--second-top li a {
  font: 400 13px arial
}

.menu--second-top li:first-child a {
  padding-left: 0
}

.menu--second-top li:first-child:before {
  position: absolute;
  top: 0;
  right: 73px;
  background: #e5e5e5
}

.menu--second-top li.Consultant:before {
  background-color: transparent;
  width: 6px;
  height: 6px;
  border-top: 2px solid #bdbdbd;
  border-right: 2px solid #bdbdbd;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: -4px;
  content: ''
}

/*.menu--second-top li:last-child:before {
  content: '';
  position: absolute;
  top: 0;
  right: 130px
}*/

.menu--second-top li a:hover {
  text-decoration: underline
}

.menu--second-top li a {
  padding-right: 0;
  padding-left: 0
}

.section1 .col_left .txw-line h1 a i {
  display: inline-block;
  margin-left: 5px
}

.qc_quangcao_300x250 {
  margin-bottom: 15px
}

.wrap_xemthem {
  width: 100%;
  float: left;
  margin: 0 0 15px 0;
  padding-top: 5px;
  border-top: 1px solid #e2e2e3
}

.wrap_xemthem span.txt_xemthem {
  font-size: 14px;
  color: #4f4f4f;
  font-weight: 700
}

.list_title {
  border-top: 1px dotted #ccc;
  margin-top: 10px;
  padding-top: 10px;
  float: left;
  width: 100%
}

.wrap_xemthem .list_title {
  margin-top: 0;
  border-top: none;
  float: none
}

.list_title li {
  position: relative;
  padding: 0 0 5px 10px
}

.wrap_xemthem .list_title li {
  margin-bottom: 10px;
  padding: 0 0 0 10px
}

.wrap_xemthem .list_title li a {
  color: #04416d;
  font: 400 14px/21px arial
}

.list_title li:after {
  content: '';
  width: 3px;
  height: 3px;
  background: #999;
  position: absolute;
  left: 0;
  top: 7px
}

.wrap_xemthem .list_title li:after {
  background: #bdbdbd;
  top: 9px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%
}

@media only screen and (max-width:1920px) {
  .container {
    width: 1020px;
    padding: 0 10px
  }
}

@media only screen and (min-width:1920px) {
  .container {
    width: 1020px;
    padding: 0 10px
  }
}

@media only screen and (max-width:1443px) {

  .fixed_neo a.home span,
  .fixed_neo a.neo-facebook span,
  .fixed_neo a.neo-google span {
    left: -12px;
    z-index: 10
  }

  .fixed_neo a.home span:before,
  .fixed_neo a.neo-facebook span:before,
  .fixed_neo a.neo-google span:before {
    position: absolute;
    left: 23px;
    right: auto
  }

  .fixed_neo a.back_tt span {
    left: -13px;
    right: auto;
    z-index: 10;
    width: 135px
  }

  .fixed_neo a.back_tt span:before {
    position: absolute;
    right: 67px
  }
}

@media only screen and (max-width:1338px) {
  .fixed_neo {
    position: absolute;
    left: -49px;
    top: 73px
  }

  .fixed_neo a.back_tt span {
    left: -11px;
    z-index: 10
  }

  .fixed_neo a.back_tt span:before {
    position: absolute;
    right: 71px
  }
}

@media only screen and (max-width:1280px) {
  .fixed_neo {
    left: -40px
  }

  .fixed_neo {
    display: none
  }
}

@media only screen and (max-width:1200px) {
  .container {
    width: 1170px
  }

  .section2 ul li a {
    font-size: calc(.7vw + 8px);
    padding-right: calc(.5vw + 8px);
    padding-left: calc(.5vw + 8px)
  }

  .menu--right li {
    margin-right: -12px
  }
}

@media only screen and (max-width:1169px) {
  .clear-choose {
    margin-left: 7px
  }

  .section3 .col_noidung>ul>li:last-child {
    margin-bottom: 0
  }

  .col_noidung>.noidung__title>li {
    margin-bottom: 20px !important;
    width: auto !important
  }

  .page_live .col_750 {
    width: calc(100% - 320px)
  }

  .page_live .box_timestamp {
    width: calc(100% - 320px)
  }

  .container {
    width: 970px
  }

  .page_detail .container {
    width: 1000px
  }

  .box_tinkhac {
    overflow: hidden
  }

  .section1 .col_left {
    max-width: 68%
  }

  .section1 .col_right {
    max-width: 32%;
    padding-left: 15px
  }

  .section3 .col_fillter {
    max-width: 19%
  }
	
  .section3 .col_right {
    max-width: 81%;
    padding-left: 20px;
    padding-right: 20px
  }

  .section3 .col_noidung {
    width: calc(100% - 320px)
  }
  
  .page_video .section3 .col_right {
	  max-width: 100%; 
	  padding-left: 0; 
	  padding-right: 0;
  }

  .section3 .col_300 {
    width: 300px
  }

  .section3 .col_noidung ul li .conten {
    margin-top: 0
  }

  .box_slide_home .text_post {
    width: 200px;
    padding: 5px;
    height: 125px
  }

  .box_slide_home .text_post p {
    margin-top: 15px
  }

  .box_slide_home .text_post h3 {
    font-size: 18px
  }

  .box_slide_home .rote_45 {
    left: 200px;
    border-top: 184px solid #c891b0
  }

  .box_slide_home .slide_img {
    width: calc(100% - 200px)
  }

  .section4 .back_vne {
    width: 23%
  }

  .section4 .copyright {
    width: 48%
  }

  .section4 .social {
    width: 28%
  }

  .section2 ul li .avata {
    width: 170px
  }

  .section0 .logo,
  .section0 .tai_tro {
    width: 20%
  }

  .section0 .vs {
    width: 60%
  }

  .button_chiase .search_face,
  .button_chiase .search_google {
    width: 40%
  }

  .main_infographic {
    padding: 25px 40px
  }

  .main_infographic .padding {
    padding: 0 30px
  }

  .detial_infographic .col_left {
    padding-left: 30px
  }

  .scroll_lich {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden
  }

  .lich_thidau {
    width: 1170px
  }

  .page_detail .section3.container_3_col {
    padding-left: 15px;
    padding-right: 15px
  }

  .bang_thidau ul li .w360 {
    width: 22%
  }

  .bang_thidau ul li .w90 {
    width: 8.66%
  }

  .box_slide_home {
    height: 120px;
    overflow: hidden
  }

  .ngay_thidau ul li .col_1,
  .ngay_thidau ul li .col_3 {
    width: 23%
  }

  .ngay_thidau ul li .col_2 {
    width: 10%
  }

  .ngay_thidau ul li .col_2 span {
    padding: 2px 15px
  }

  .ngay_thidau ul li .col_1 a {
    margin-left: 0
  }

  .ngay_thidau ul li .col_1 .left,
  .ngay_thidau ul li .col_3 a {
    margin-right: 5px
  }

  .conten p {
    display: none
  }

  .section3 .col_noidung>ul>li .avata {
    width: 180px
  }
}

@media only screen and (max-width:1024px) {
    .page-detail-2 .section3 .col_right{
        width: 100%;
        float: left;
        max-width: 100%;
        padding: 0;
    }
    .page-detail-2 .section3 .col_right.line:before{
        content: none;
    }
    .page-detail-2 .section3 .col_noidung{
        width: calc(100% - 300px);
    }
}
@media only screen and (max-width:969px) {
    .page_detail_video.page-detail-2 .section3 .col_noidung{width: 100%;}
    .page-detail-2 .section2{
        white-space: nowrap;
        overflow-x: auto;
    }
    .page-detail-2 .section3 .col_noidung{width: 100%;}
  .clear-choose {
    display: none
  }

  .main_infographic,
  .page_detail .section3,
  .page_detail .section3.container_3_col {
    padding: 0;
    padding-top: 15px;
    margin-top: 0
  }

  .container,
  .page_detail .container {
    width: 800px
  }

  .section1 .col_left {
    max-width: 100%
  }

  .section1 .col_right {
    max-width: 100%;
    width: 100%;
    padding-left: 0
  }

  .section1 .col_left .line_top {
    width: 348px;
    right: 0
  }

  .section1 .col_right ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
  }

  .section1 .col_right ul li {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    display: inline-block;
    display: -ms-flexbox;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    vertical-align: top;
    float: left;
    width: 33.33%;
    margin-bottom: 0
  }

  .section1 .col_right ul li .avata {
    width: 100%
  }

  .section1 .col_right ul li .avata img {
    width: 100%
  }

  .section1 .col_right ul li .conten {
    width: 100%;
    margin-top: 10px;
    float: left
  }

  .section2 ul li .avata {
    width: 100%
  }

  .section2 ul li .conten {
    width: 100%;
    margin-top: 10px;
    float: left;
    padding: 0
  }

  .section2 ul li .conten h3 {
    margin-top: 0
  }

  .section3 .col_fillter {
    display: none
  }

  .home_thethao .col_fillter {
    display: block
  }

  .section3 .col_right {
    max-width: 100%;
    border-left: 0;
    padding: 0
  }

  .home_thethao .col_right {
    width: 77%
  }

  .section3 .col_noidung {
    width: 100%
  }

  .section3 .col_300 {
    display: none
  }

  .page_live .box_timestamp {
    width: 100%;
    border-right: 0;
    padding-right: 0
  }

  .box_slide_home .rote_45 {
    border-top: 174px solid #c891b0
  }

  .section4 .back_vne a {
    font-size: 0
  }

  .section4 .back_vne a .ic-m-home {
    display: none
  }

  .section4 .back_vne {
    width: 13%
  }

  .section4 .copyright {
    width: 48%
  }

  .section4 .social {
    width: 38%
  }

  .section0 .logo {
    width: 20%
  }

  .section0 .vs {
    width: 60%
  }

  .section0 .tai_tro {
    width: 20%
  }

  .section0 .vs .time .bg {
    padding: 5px 5px
  }

  .section0 .vs .time,
  .section0 .vs .time span {
    font-size: 14px
  }

  .section0 .vs .city_1 p {
    font-size: 16px
  }

  .section0 .vs .city_1 p img {
    width: 40%;
    margin-top: -4px
  }

  .section0 .vs .city_2 p {
    font-size: 16px
  }

  .section0 .vs .city_2 p img {
    width: 40%;
    margin-top: -4px
  }

  .box_tinkhac ul {
    margin: 0 -10px
  }

  .box_tinkhac ul li {
    padding: 0 10px
  }

  .page_live .col_noidung {
    border-right: 0;
    padding-right: 0
  }

  .page_live .col_750 {
    width: 100%
  }

  .mobile_none {
    display: none
  }

  .home_thethao .col_300 {
    display: none
  }

  .section0 .vs .time {
    margin-top: 13px
  }

  .section0 .tai_tro .tt_2 {
    margin-top: 45px
  }

  .section3 .col_noidung ul li .avata {
    width: 180px
  }

  .box-line-thumb {
    width: 180px;
    height: 110px
  }

  .section4 .back_vne .br {
    height: 27px;
    padding: 2px 0
  }

  .ngay_thidau ul li .col_0 {
    font-size: 16px
  }

  .ngay_thidau ul li .col_1,
  .ngay_thidau ul li .col_3 {
    width: 23%
  }

  .ngay_thidau ul li .col_1 a,
  .ngay_thidau ul li .col_2 span,
  .ngay_thidau ul li .col_3 a,
  .ngay_thidau ul li h3 {
    font-size: 16px
  }

  .bang_thidau ul li .w90 {
    font-size: 16px;
    margin-top: 4px
  }

  .bang_thidau ul li .w360 a.name {
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px
  }

  .bang_thidau ul li .w90.down_up:before {
    font-size: 24px
  }

  .ngay_thidau ul li .col_2 span {
    padding: 2px 15px
  }

  .ngay_thidau ul li .col_4 .kenh:before {
    display: none
  }

  .ngay_thidau ul li .col_4 span a {
    margin-right: 5px
  }

  #bang_thidau,
  #lich_thidau {
    padding: 0;
    margin-top: 0
  }

  .section0 {
    position: relative
  }

  .section0 .container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0
  }

  .menu_main {
    position: absolute;
    bottom: 15px
  }

  .section0 .tai_tro .tt_2 p {
    display: none
  }

  .section0 .tai_tro .tt_2:after {
    top: 0;
    right: 0
  }

  .box_slide_home {
    background: #c891b0
  }

  .box_slide_home .slide_img .item_slider_tt {
    margin: 0
  }

  .live_timestamp_640 {
    display: block
  }

  .live_timestamp_pc {
    display: none
  }

  .icon_live {
    right: inherit;
    margin-top: -5px
  }

  .section2-border {
    overflow: hidden;
    max-width: 727px
  }
}

@media only screen and (max-width:768px) {

  .section3 .col_noidung,
  .page-detail-2 .section3 .col_noidung {
    width: 100%
  }

  .container,
  .page_detail .container {
    width: 720px
  }

  .section5 .lineFmenu {
    padding-top: 20px
  }

  .section5 .lineFmenu .ulBlockMenu {
    width: 50%;
    float: left
  }

  .section1 .col_right {
    overflow: hidden
  }

  .right-content--health {
    display: none
  }

  .section3 .col_300 {
    display: none
  }

  .topbar .block-right .search {
    display: table
  }

  .menu_main a {
    margin: 0 10px
  }

  .page_detail .col_fillter .list_location_left {
    margin-top: 20px
  }

  .detial_infographic .col_left {
    width: 100%;
    padding: 0
  }

  .detial_infographic .box_300 {
    display: none
  }

  .topbar .block-right .social {
    display: none
  }

  .live_timestamp {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden
  }

  .inner_timestamp {
    width: 752.63px
  }

  .box_tinkhac ul li {
    width: 25%
  }

  .box_tinkhac ul li:nth-child(5) {
    display: none
  }
}

@media only screen and (max-width:749px) {
  .mui_gio {
    display: none
  }

  .section2 {
    display: none
  }

  .right-content--health {
    padding: 0;
    border-left: 0
  }

  .box_tinkhac {
    margin-top: 20px
  }

  .menu--second li:first-child a {
    padding-left: 0
  }

  .home_thethao .col_right {
    width: 64%
  }

  .embed-container.audio {
    padding-bottom: 23.7% !important
  }

  .container {
    max-width: 90%
  }

  .section_mobile .container {
    overflow: hidden
  }

  .box_slide_home {
    overflow: hidden
  }

  .box_tinkhac ul li {
    width: 33.33%;
    margin-bottom: 15px
  }

  .box_tinkhac ul li .conten .title_news a {
    font-size: 16px
  }

  .page_detail .section3 .col_fillter {
    display: none
  }

  .page_detail .section3 .col_right {
    max-width: 100%;
    width: 100%
  }

  .page_detail .section3.container_3_col {
    padding-left: 0;
    padding-right: 0
  }

  .section3 .col_right {
    border-left: 0
  }

  .section_mobile {
    display: block
  }

  .section0 {
    display: none
  }

  .section4 .back_vne {
    text-align: center
  }

  .section4 .back_vne .br {
    height: 30px;
    padding: 0
  }

  .page_detail .section3 {
    margin-top: 0;
    padding-top: 10px
  }

  .main_infographic .button_chiase .search_face,
  .main_infographic .button_chiase .search_google {
    width: 100%
  }

  #box_details_news #box_tinlienquan .content_box_category .list_news_dot_3x3 a {
    font-weight: 400
  }

  .section1 {
    margin-top: 0
  }

  .box_tinkhac ul li:nth-last-child(2) {
    display: none
  }

  .topbar .block-right .search .search-btn {
    top: 3px
  }

  .section4 {
    margin-top: 10px
  }

  .section4 .back_vne {
    width: 100%
  }

  .section4 .copyright {
    width: 100%;
    text-align: center;
    margin-top: 15px
  }

  .section4 .social {
    width: 100%;
    text-align: center;
    margin-top: 15px
  }

  .section4 .back_vne a {
    font-size: 13px
  }

  .section4 .back_vne a .ic-m-home {
    display: inline-block
  }

  .section5 .lineFmenu {
    width: 100%
  }

  .section5 .qc_bottom {
    width: 100%
  }

  #box_details_news .title_news h1 {
    font-size: 24px
  }

  #box_details_news .short_intro {
    font-size: 16px
  }

  #box_details_news .fck_detail .Normal,
  #box_details_news .fck_detail p,
  .author_mail {
    font-size: 18px
  }

  .xemthem_new_ver .list_xemthem_newver {
    float: right;
    padding-left: 0;
    margin-top: 10px
  }

  .block_tag {
    margin-bottom: 15px
  }

  #SexyAlertBox-Box {
    width: 100%
  }

  #login-vne5 .complete-form {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 15px
  }

  #login-vne5.sent_mail_mobile .txt-login {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 27px
  }

  #login-vne5.sent_mail_mobile textarea.txt-login {
    height: 75px;
    margin-bottom: 10px
  }

  .icon_dot_live {
    left: -9px
  }

  #swipebox-overlay {
    background: #0d0d0d
  }

  #swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
  }

  #swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none
  }

  #swipebox-slider .slide {
    background: url(images/graphics/loading.gif) no-repeat center center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
  }

  #swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
  }

  #swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
  }

  #swipebox-overlay img {
    border: none !important
  }

  #swipebox-caption.visible-bars {
    top: 0
  }

  #swipebox-caption {
    color: #fff !important;
    white-space: normal !important;
    font-size: 13px;
    font-family: arial;
    font-weight: 700;
    line-height: 13px;
    display: none !important
  }

  #swipebox-caption {
    top: -50%;
    text-align: center
  }

  #swipebox-close {
    background: url(images/graphics/icon_total_01.png) no-repeat -233px -77px;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    position: absolute;
    width: 46px;
    height: 46px;
    top: 3px;
    z-index: 3;
    right: 10px
  }

  #swipebox-close.visible-bars,
  #swipebox-next.visible-bars,
  #swipebox-prev.visible-bars {
    display: block
  }

  #swipebox-next,
  #swipebox-prev {
    background-image: url(images/graphics/icon_total_01.png);
    background-repeat: no-repeat;
    border: none !important;
    text-decoration: none !important;
    cursor: pointer;
    position: absolute;
    width: 43px;
    height: 65px;
    top: 44%;
    z-index: 2
  }

  #swipebox-prev {
    background-position: -119px -195px;
    left: 10px
  }

  #swipebox-next {
    background-position: -162px -195px;
    right: 10px
  }

  #swipebox-description.visible-bars {
    bottom: 0;
    text-align: center
  }

  #swipebox-description {
    color: #fff !important;
    font-family: arial;
    font-size: 13px;
    white-space: normal
  }

  #swipebox-action,
  #swipebox-caption,
  #swipebox-description {
    text-shadow: 1px 1px 1px #000
  }

  #swipebox-description {
    bottom: -50%;
    text-align: center
  }

  #swipebox-description {
    position: absolute;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 0
  }

  .decs_cript {
    margin: 20px 0 0;
    text-align: left;
    padding: 25px 10px 10px;
    background: url(images/graphics/bg_stranparent_title_slide.png)
  }

  .decs_cript * {
    color: #fff !important
  }

  .section3 .col_noidung ul li .avata {
    display: inline-block
  }

  .section3 .col_noidung ul li .conten h3 {
    margin-top: 6px
  }

  .thumb_5x3 {
    width: 180px;
    height: 108px;
    display: inline-block;
    padding-bottom: 0
  }

  .section3 .col_noidung ul li .conten {
    display: inline-block;
    width: calc(100% - 200px)
  }

  .section3 .col_noidung ul li .conten h3 {
    display: inline-block
  }

  @media only screen and (max-width:700px) {
    #warpper {
      overflow: hidden
    }

    .container {
      max-width: 90%
    }

    .home_thethao .col_right {
      width: 60%
    }

    .location-stamp {
      color: #4f4f4f;
    }
  }

  @media only screen and (max-width:668px) {
    .menu_main a {
      font-size: 15px;
      padding-bottom: 19px
    }

    .section0 .tai_tro .tt_2 {
      margin-top: 40px
    }

    .button_chiase .search_face,
    .button_chiase .search_google {
      width: 200px
    }
  }

  @media only screen and (max-width:590px) {
    .section3 .col_right.line:before {
      content: none
    }

    .container {
      max-width: 100%;
      padding: 0 10px
    }

    .menu_main {
      display: none
    }

    .section1 .col_left .noi_dung {
      width: 250px
    }

    .section1 .col_left .line_top {
      width: 247px;
      top: -15px
    }

    .section1 .col_left .noi_dung .rotate {
      padding: 10px
    }

    .section1 .col_left .noi_dung .rotate h3 {
      line-height: 1
    }

    .section1 .col_left .noi_dung h3 a {
      font-size: 22px
    }

    .section5 {
      margin: 0 0 30px 0
    }

    .main_infographic,
    .page_detail .section3,
    .page_detail .section3.container_3_col {
      padding-top: 0
    }

    .scroll_lichdau {
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in;
      -webkit-overflow-scrolling: touch;
      -webkit-backface-visibility: hidden
    }

    .section5 .qc_bottom {
      margin-top: 20px
    }

    .block_filter_live a.active {
      background: 0 0
    }

    .block_filter_live a {
      font-size: 14px !important
    }

    .block_timer {
      display: block !important
    }

    .block_timer_share {
      display: block !important;
      margin-top: 20px
    }

    .block_timer_share .block_share {
      margin-top: 0
    }

    .section3 .qc_quangcao_300x250 {
      margin-bottom: 30px
    }
  }

  @media only screen and (max-width:480px) {
    .box_sp {
      margin: 0 auto
    }

    .ic-android {
      background: url(images/graphics/icon_vne.svg) no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 22px;
      height: 24px;
      background-position: -169px -260px
    }

    .ic-ios {
      background: url(images/graphics/icon_vne.svg) no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      height: 24px;
      background-position: -146px -260px
    }

    .ic-ads {
      width: 16px;
      height: 16px;
      background: url(images/graphics/ad.svg) no-repeat 0 0;
      background-size: contain;
      display: inline-block;
      vertical-align: middle
    }

    .ic-email {
      background: url(images/graphics/icon_vne.svg) no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 16px;
      height: 12px;
      background-position: -192px -127px
    }

    .ic-email:before {
      content: none
    }

    .ic-twitter {
      background: url(images/graphics/icon_vne.svg) no-repeat;
      display: inline-block;
      vertical-align: middle;
      background-position: -120px -260px;
      width: 24px;
      height: 24px
    }

    .ic-twitter:before {
      content: none
    }

    .ic-facebook:before {
      content: none
    }

    .ic-rss:before {
      content: none
    }

    .ic-facebook {
      background: url(images/graphics/icon_vne.svg) no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      background-position: -72px -260px
    }

    .ic-rss {
      background: url(images/graphics/icon_vne.svg) no-repeat;
      display: inline-block;
      vertical-align: middle;
      background-position: -339px -263px;
      width: 20px;
      height: 20px
    }

    .ic-comment {
      color: #cb1c23
    }

    .social_mobile {
      display: block;
      padding-bottom: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #e5e5e5
    }

    .social_mobile .icon-cmt {
      width: 32px;
      height: 32px;
      line-height: 32px;
      text-indent: 40px;
      font-size: 14px;
      color: #757575;
      background: url(images/graphics/cmt.svg) no-repeat;
      float: left
    }

    .social_mobile .fb {
      width: 32px;
      height: 32px;
      background: url(images/graphics/fb.svg) no-repeat;
      float: left;
      margin-left: 10px
    }

    .social_mobile .tw {
      width: 32px;
      height: 32px;
      background: url(images/graphics/tw.svg) no-repeat;
      float: left;
      margin-left: 10px
    }

    .social_mobile a[title="Comment"] {
      display: block !important
    }

    .social_mobile .luutin {
      width: 32px;
      height: 32px;
      float: left;
      margin-left: 10px;
      font-size: 0;
    }

    .social_mobile .luutin a {
      width: 32px;
      height: 32px;
      display: block;
      border: 1px solid #eaeaea;
      text-align: center;
      line-height: 32px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
    }

    .social_mobile .luutin a .ic-bookmark {
      background: url(images/graphics/icon_vne.svg) no-repeat;
      display: inline-block !important;
      vertical-align: middle;
      background-position: -83px -126px;
      width: 9px;
      height: 16px;
    }

    .social_mobile .luutin a .ic-bookmark::before {
      display: none
    }

    .social_mobile .luutin.active a {
      font-size: 0 !important;
      background: #004f8b;
      border: 1px solid #004f8b;
    }

    .social_mobile .luutin.active a .ic-bookmark {
      display: inline-block;
      vertical-align: middle;
      background-position: -56px -265px;
      background-color: #fff;
    }

    .block_share.right,
    .button_chiase {
      display: none
    }

    .box_tinkhac ul li {
      width: 100%
    }

    .box_tinkhac ul li .avata {
      width: 140px;
      float: left;
      margin-right: 15px
    }

    .box_tinkhac ul li .conten {
      overflow: hidden
    }

    .section3 .qc_quangcao_300x250 {
      margin-bottom: 30px
    }

    .container {
      padding: 0 15px
    }

    .section0 {
      height: 185px
    }

    .section0 .tai_tro,
    .section0 .vs {
      display: none
    }

    .section0 .logo {
      width: 100%
    }

    .section1 {
      margin-top: 0
    }

    .section1 .col_left {
      margin-top: 10px;
      border-bottom: 1px dotted #dfdfdf
    }

    .section1 .col_left .avata {
      margin: 0 -15px
    }

    .section1 .col_right {
      padding-top: 15px
    }

    .section2 ul li:nth-child(1) .avata {
      width: 100%
    }

    .section2 ul li:nth-child(1) .conten {
      width: 100%
    }

    .section2 ul li:nth-child(1) .avata .rote_45 {
      display: none
    }

    .section1 .col_left .line_top {
      display: none
    }

    .section1 .col_left .noi_dung {
      position: inherit;
      border: 0;
      height: 100%;
      width: 100%;
      background: #ef4c54;
      float: left
    }

    .section1 .col_right ul li {
      width: 100%;
      margin-bottom: 15px
    }

    .section1 .col_right ul li .avata {
      width: 50%
    }

    .section1 .col_right ul li .conten {
      width: calc(50% - 15px);
      float: right;
      margin-top: 0
    }

    .section2 ul li {
      width: 100%;
      margin-bottom: 15px
    }

    .section2 ul li .avata {
      width: 50%
    }

    .section2 ul li .conten {
      width: calc(50% - 15px);
      float: right;
      margin-top: 0
    }

    .section3 .col_noidung ul li .conten {
      width: calc(50% - 15px);
      float: right;
      margin-top: 0
    }

    .section3 .col_fillter {
      max-width: 100%;
      width: 100%
    }

    .section3 .col_right {
      max-width: 100%;
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      border: 0
    }

    .section3 .col_fillter h3 a:after {
      display: none
    }

    .section3 .col_noidung ul li .avata {
      width: 50%
    }

    .section1 .col_right ul li .conten h3,
    .section2 ul li .conten h3 {
      margin-top: 0;
      max-height: inherit;
      overflow: visible
    }

    .section1 .col_right ul li .conten h3 a,
    .section2 ul li .conten h3 a,
    .section3 .col_noidung ul li .conten h3 a {
      font-size: 16px;
      font-family: Roboto_Regular;
      font-weight: 400;
      color: #000
    }

    .section2 ul li:nth-child(1) .conten h3 a {
      font-size: 20px;
      display: block;
      margin-top: 10px
    }

    .section3 .col_fillter>div {
      position: relative !important;
      margin-bottom: 20px;
      top: 0 !important
    }

    .button_chiase .search_face,
    .button_chiase .search_google {
      width: 40%
    }

    .page_detail .container_3_col {
      margin-top: -15px;
      padding-top: 20px
    }

    #box_details_news .title_news h1 {
      font-size: 32px;
      line-height: 1.35
    }

    .main_infographic {
      padding: 10px 0
    }

    .main_infographic .padding {
      padding: 0
    }

    .main_infographic .title {
      font-size: 20px;
      color: #222
    }

    .section1 .col_left .noi_dung {
      background: #fff
    }

    .section1 .col_left .noi_dung h3 a {
      font-size: 22px;
      color: #222;
      font-family: Roboto_Bold
    }

    .section1 .col_left .noi_dung p {
      font-size: 16px;
      color: #222
    }

    .main_infographic .list_news_dot_3x3_300 li {
      padding-left: 10px
    }

    .main_infographic .list_news_dot_3x3_300 li a {
      font-size: 16px
    }

    #bang_thidau .tab_bangdau a {
      padding: 0 5px 8px 5px;
      font-size: 15px
    }

    .box_tinkhac ul li:nth-last-child(2) {
      display: block
    }

    .button_chiase .search_face {
      width: 40px
    }

    .button_chiase .search_google {
      width: 40px;
      margin: 0 10px
    }

    .button_chiase .search_face button,
    .button_chiase .search_google button {
      font-size: 0
    }

    .button_chiase .search_face button:before {
      float: none
    }

    .button_chiase .luu_tin .myvne_save_for_later:hover a {
      right: 90%
    }

    .section5 .lineFmenu .ulBlockMenu {
      width: 50%
    }

    .list_sp {
      width: 100%;
      float: left;
      margin-bottom: 15px
    }

    .list_sp:last-child {
      margin-bottom: 0
    }

    .box_sp .btn_shop_b_prev {
      left: 90%
    }
      
      .boxtuvan .header{
          font-size: 20px;
          margin-bottom: 20px;
      }
      .row-input input{
          height: 48px;
          line-height: 48px;
          
      }
  }

  @media only screen and (max-width:414px) {
    .box_tinkhac ul li {
      width: 100%
    }

    .navigation_scroll {
      overflow-x: none !important
    }
  }

  @media only screen and (max-width:390px) {
    .topbar .logo {
      width: 130px;
      margin-top: 3px
    }

    .topbar .navbar-toggle {
      margin: 12px 10px 10px -8px;
    }

    .topbar .block-right .search {
      width: 150px;
      margin: 10px 0
    }

    .section5 .lineFmenu .ulBlockMenu {
      width: 50%
    }

    #bang_thidau .tab_bangdau a {
      font-size: 13px
    }
  }

  @media only screen and (max-width:340px) {
      .boxtuvan{
          padding: 20px;
      }
      .boxtuvan .header{
          font-size: 18px;
      }
    .section1 .col_right ul li .conten h3 a,
    .section2 ul li .conten h3 a {
      font-size: 15px
    }

    .section3 .col_noidung ul li .conten h3 a {
      font-size: 16px
    }

    .topbar .navbar-toggle {
      margin: 12px 5px 10px 0
    }

    .topbar .block-right .search {
      width: 120px;
      margin: 10px 0
    }

    .topbar .block-right .search form {
      margin-top: 2px
    }

    .topbar .block-right .search .search-input {
      width: 76%
    }

    .bang_dau .box_conten ul li .w360 .left {
      width: 40px
    }

    .bang_dau .box_conten ul li .w360 .name {
      margin-top: 5px
    }

    #bang_thidau .tab_bangdau a {
      font-size: 11px
    }
  }

  .item_slide_show p {
    font-size: 14px
  }

  .logo-all-health {
    position: relative
  }

  .mobile--treatment {
    height: 44px;
    background: #e8e8e8;
    padding-left: 12px;
    padding-top: 8px;
    margin-bottom: 17px
  }

  .mobile--treatment button {
    background: inherit;
    border: 0
  }

  .home_thethao {
    margin-bottom: 25px
  }

  .section3 .col_300 .category {
    margin-bottom: 0
  }

  .section3 .col_300 .qc_quangcao_300x250.category {
    margin-bottom: 15px
  }
}

/* Update new 17/9/2019 */
.fck_detail p a[rel="nofollow"] {
  word-wrap: break-word;
}

/*//////////////*/
.guicauhoi {
  height: 40px;
  line-height: 40px;
  background: #F7F7F7;
  border: 0.5px solid #CB1C23;
  color: #CB1C23;
  font-family: Roboto_Bold;
  font-size: 16px;
  display: block;
  text-align: center;
  margin-bottom: 25px;
}

/*//////////////*/

/* Update menu new */

.block_scoll_menu {
  scroll-behavior: smooth;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
  height: 100%;
  padding-bottom: 35px;
  width: calc(100% + 17px);
}

.header_menu {
  height: 45px;
}

.close_main_menu {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  font-size: 0 !important;
  text-align: center;
}

.mask-content::before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 201;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  transition: all 250ms cubic-bezier(0.7, 1, 0.7, 1);
  -moz-transition: all 250ms cubic-bezier(0.7, 1, 0.7, 1);
  -webkit-transition: all 250ms cubic-bezier(0.7, 1, 0.7, 1);
  -ms-transition: all 250ms cubic-bezier(0.7, 1, 0.7, 1);
  opacity: 0;
  visibility: hidden;
}

.mask-content.mask-is-open::before {
  opacity: 1;
  visibility: visible;
}


.main_menu .ic {
  width: 14px;
  height: 14px;
  background: url(images/graphics/icon_vne.svg) no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.main_menu .ic-twitter {
  background-position: -120px -260px;
  width: 24px;
  height: 24px;
}

.main_menu .ic-facebook {
  width: 24px;
  height: 24px;
  background-position: -72px -260px;
}

.main_menu .ic-rss {
  background-position: -339px -263px;
  width: 20px;
  height: 20px;
}

.main_menu .ic::before {
  display: none
}

.main_menu .ic-false {
  width: 18px;
  height: 18px;
  background-position: -72px -192px;
}

.main_menu .ic-false:before {
  display: none
}

.header_menu .block_swich_en_mobile {
  float: right;
  padding: 0 0 0 15px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 40px;
  color: #999;
}

.header_menu .block_swich_en_mobile a {
  line-height: 40px;
  vertical-align: middle;
  width: 80px;
  height: 18px;
  text-indent: -9000px;
  display: inline-block;
  position: relative;
}

.main_menu .ic-vnexpress {
  width: 16px;
  height: 18px;
  background-position: -415px -192px;
}

.header_menu .block_swich_en_mobile a .ic {
  text-indent: 0;
  position: absolute;
  top: -1px;
  left: 0;
}

.header_menu .block_swich_en_mobile a::after {
  content: "English";
  position: absolute;
  top: 0;
  left: 20px;
  text-indent: 0;
  height: 18px;
  font: 400 14px arial;
}

.block_scoll_menu .block_search {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 15px;
  position: relative;
  background: #fff;
}

.block_scoll_menu .block_search .input_form {
  color: #333;
  padding-right: 64px;
  font-size: 16px !important;
  height: 32px;
  width: 100%;
  float: left;
  border: 1px solid #eee;
  padding-left: 10px;
  outline: none;
}

.block_scoll_menu .block_search .btn_search,
.block_scoll_menu .block_search .btn_reset {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  border: 1px solid #eee;
  text-align: center;
  line-height: 32px;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  transition-duration: 350ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  visibility: visible;
  opacity: 1;
  outline: none;
}

.main_menu .ic-search {
  width: 17px;
  height: 18px;
  background-position: -108px -192px;
}

.main_menu .ic-search::before {
  display: none
}

.block_scoll_menu .block_search .btn_reset {
  visibility: hidden;
  opacity: 0;
  right: 47px;
  border: none;
  background: none;
  font-size: 30px;
  color: #999;
  font-family: -webkit-body;
}

.guitoasoan_btn .ic {
  margin: -3px 10px 0 0;
}

.guitoasoan_btn .ic::before {
  display: none
}

.ic-ads {
  width: 16px !important;
  height: 16px !important;
  background: url(images/graphics/ad.svg) no-repeat 0 0 !important;
  background-size: contain;
}

.main_menu .ic-email {
  width: 16px;
  height: 12px;
  background-position: -192px -127px;
}

.ic-menu,
.ic-facebook-svg,
.ic-twitter-svg {
  width: 14px;
  height: 14px;
  background: url(images/graphics/icon_vne.svg) no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.ic-facebook-svg {
  width: 24px;
  height: 24px;
  background-position: -72px -260px;
}

.ic-facebook-svg::before {
  display: none
}

.ic-twitter-svg {
  background-position: -120px -260px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
}

.ic-twitter-svg::before {
  display: none
}

.location-stamp {
  color: #444;
  letter-spacing: -0.5px;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 12px;
  position: relative;
}

.location-stamp::before {
  content: "";
  position: absolute;
  bottom: 5px;
  width: 7px;
  height: 1px;
  background: #444444;
  right: -8px;
}

@media (max-width: 420px) {
  .menu-box {
    width: 100%;
    padding-right: 15px;
  }

  .location-stamp::before {
    bottom: 5px;
  }
}

/* End Update menu new */