.exp_qc_share .exp_qc_one {display: none;}
.exp_qc_share .exp_qc_one.active {display: block;}
.quote-inner figcaption {display: none !important;}
.quote-inner figure {width: 100% !important; padding-top: 8px !important;}
.quote-inner img {max-width: 100% !important; height: auto !important;}
.exp_live {border-left: 5px solid #ccc;padding: 8px 0 1px 10px !important;background: #f8f8f8; margin-bottom: 13px;}


.exp_tbllive {width: 100%; border: 0!important; margin: 13px 0; font-size: 17px;}
.exp_tbllive td {background: #FFF !important; border: none !important;}
.exp_tbllive .sprite {width: 32px;height: 32px;background-repeat: no-repeat;background-image: url(live/live.png);margin: auto;}
.exp_tbllive td.exp_type {vertical-align: top; border-right: 1px solid #ccc !important; padding-right: 8px; padding-top: 8px; margin-right: 8px;}
.exp_tbllive td.livecontent {border: 0 !important; border-bottom: 1px solid #ccc !important; padding-top: 5px; padding-bottom: 5px;}
.exp_tbllive .pl8 {padding-left: 8px;}
.exp_tbllive .livecontent .minute {
  display: inline-block;
  margin: 0 8px 0 0;
  float: left;
  font-size: 19px !important;
  font-weight: bold; 
  line-height: 1.6;
}
.exp_tbllive figure, .exp_tbllive figure img, .exp_tbllive figcaption {max-width: 100% !important; width: 100% !important;}
.content_detail figure figcaption:empty{
  display: none!important;
}

.name_team_bxh_right img{
  width: 25px;
}
@media screen and (max-width: 580px){
	.detail_article .exp_tbllive figure {
	    margin: 0 0 20px;
	}
	.exp_tbllive p {
		font-size: 17px;
	}
}

.sprite.default{ background-image: none; }
.sprite.goal{ background-position: 0 0; }
.sprite.red_card{ background-position: 0 -75px; }
.sprite.substitute{ background-position: 0 -155px; }
.sprite.yellow_card{ background-position: 0 -228px; }
.sprite.goal_miss{ background-position: 0 -308px; }
.sprite.gold_medal{ background-image: url('live/Gold_Medal.png') !important; }
.sprite.silver_medal{ background-image: url('live/Silver_Medal.png') !important; }
.sprite.bronze_medal{ background-image: url('live/Bronze_Medal.png') !important; }
.sprite.video_icon{ background-image: url('live/Video_Icon.png') !important; }
.sprite.start_match{ background-image: url('live/start-match.png') !important; }
.sprite.end_match{ background-image: url('live/end-match.png') !important; }

.wrapper-weather {width: 190px;float: left;border-right: 1px solid #d1dadf;padding: 10px;border-top: 1px solid #fff;}
.wrapper-weather .clear-both {clear: both;overflow: auto;}
.wrapper-weather .label-l {float: left;margin-left: 0;margin-top: 8px;font-weight: 700 }
.wrapper-weather .select-r{float: right;margin-right: 0;width: 69px;height: 29px;background: none;border:none;}
.wrapper-weather .dis-inline-block {display: inline-block;}
.wrapper-weather .weather-today {text-align: center;height: 42px;}
.wrapper-weather .info-weather-day {display:block; text-align:center;font-size: 10px;font-weight: bold;padding: 3px 0px;}
.wrapper-weather .city_item {margin-top: 0;}
.wrapper-weather .info-today {float: right;}
#box-stock{margin:0;width: calc(100% - 190px);float: left}
#box-stock li{padding:11px 10px;border-right: 1px solid #d1dadf;border-left: 1px solid #fff;border-top: 1px solid #fff;}
#box-stock li.fl { overflow-x: auto; overflow-y: hidden; width: calc(100% - 139px);height: 100px;}
#box-stock li.fr {border-right: none}
#box-stock li.fl::-webkit-scrollbar {width: 3px;height: 3px;}
#box-stock li.fl::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
#box-stock li.fl::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}

#box-stock label{color:red;font-weight:bold}
.tbl-gold{width:100%;border-collapse:collapse;}
.tbl-gold td{text-align:left;border:1px solid #ccc;padding:1px 3px; font-size: 13px}
.tbl-gold td.first{}
.tbl-stock{width:100%;border-collapse:collapse;}
.tbl-stock th{color:#555;font-weight:bold;text-align:center;border:1px solid #ccc;padding:5px 3px;font-size: 12px;}
.tbl-stock td{text-align:center;border:1px solid #ccc;padding:1px}
.tab-stock {height:20px}
.tab-stock a {text-align:center;position:relative;text-transform:uppercase;font-weight:bold;color:#666666;padding: 3px 10px;text-decoration:none;display:inline-block;font-size:11px;}
.tab-stock a.activeLink {-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;border:1px solid #ccc;border-bottom: 0; color:#004276;padding: 3px 10px;}



.baloonAds .closeBaloonAds{
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    color: #fff;
    background: #333;
    text-align: center;
}
.baloonAds{
	position: fixed;
	bottom: 0;
	right: 0;
}
.baloonAds a{
	display: block;
}

.closeTopRight{
    position: absolute;
    top: 6px;
    right: -10px;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 17px;
}
.status_live {
    border: 1px solid #f40000;
    display: inline-block;
    line-height: 9px;
    padding: 2px 4px 0!important;
    border-radius: 2px;
    width: 31px;
}
.status_live p {
    text-transform: uppercase;
    animation: typing 4s steps(12) infinite;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: #f40000;
    font-size: 10px;
    vertical-align: top;
}
.status_live .p {
    text-transform: uppercase;
    animation: typing 4s steps(12) infinite;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: #f40000;
    font-size: 10px;
    line-height: 0.88;
    vertical-align: top;
}

@keyframes fading {
    0% {
        opacity: .1
    }
    50% {
        opacity: .2
    }
    100% {
        opacity: .1
    }
}
@keyframes typing {
    0% {
        width: 0;
    }

    50% {
        width: 100%;
    }

    55%,
    65%,
    75% {
        opacity: 1;
    }

    60%,
    70% {
        opacity: 0;
    }

    80% {
        width: 100%;
    }

    100% {
        width: 0;
    }
}
.ad-label{
    color: #aaa;
    font-size: 10px;
    letter-spacing: 2.5px;
    line-height: 1;
    padding: 6px 0 3px;
    text-align: center;
    text-transform: uppercase;
    display: block;
}








.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  max-height: 509px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: attr(data-content); }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: attr(data-content); }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }


.videomclWrapper {
  margin: 0;
  position: relative;
  padding-bottom: 54.25%!important;
  padding-top: 25px;
  height: 0;
  min-width: 100%;
}
.videomclWrapper.vuong {
  padding-bottom: 100%!important;
}
.videomclWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.captionVideo, .captionVideo p{
  text-align: center!important;
  font-size: 16px;
  font-style: italic;
  margin-bottom: 15px;
  background: #fff!important;
}


.expNoEdit{
  min-width: 100%;
}
.explus_related_1404022217.expNoEdit{
  min-width: 300px;
}

#content_detail .explus_related_1404022217_right + p:after{
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

#content_detail .explus_related_1404022217_title .intro, 
#content_detail .explus_related_1404022217_title .exp-btn-more{
  display: none;
}


#content_detail .explus_related_1404022217_oneBig{
  border: 0;
  border-radius: 9px;
  overflow: hidden;
  background: #f6f6f6;
}
#content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_item{

}
#content_detail .explus_related_1404022217_oneBig> div:first-child{
  display: none;
}
#content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_photo{
  width: 348px;
  height: 100%;
  float: left;
}
#content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


#content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_title{
  font-size: 22px;
  font-weight: 700;
  margin-left: 368px;
  display: inherit;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  color: #000;
  line-height: 1.35;
  font-family: 'Roboto';
}
#content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_title .intro{
    display: block!important;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
}


#content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_title .exp-btn-more{
  margin-top: 15px;
  font-size: 18px;
  display: block!important;
  color: #0077b6;
}
#content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_title .exp-btn-more:before{
  content: '➜';
  margin-right: 6px;
  border: 2px solid #0077b6;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 580px){
  #content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_photo{
    width: 100%;
    height: auto;
  }
  #content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_title{
    margin: 10px;
    display: block;
    float: left;
  }
  #content_detail .explus_related_1404022217_oneBig .explus_related_1404022217_photo img{
    height: auto;
  }
}

.author-share-top{
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  padding: 6px 0;
}

@media screen and (max-width: 580px){
  .videomclWrapper {
      margin: 0 -15px 5px!important;
  }
  .expNoEdit .videomclWrapper {
      margin: 0 0 5px!important;
      /*width: calc(100% + 30px);*/
  }
}



.container_login {width: auto;max-width: 900px;margin: 0 auto;padding-bottom: 50px;}
.section_login {position: relative;}
.login_main {font-size: 10px;text-transform: uppercase;}
.login_main span {display: inline-block;margin-left: 5px;position: relative;top: -3px;font-weight: 500;}
.login_main svg {fill: 666;-webkit-transition: 0.3s;transition: 0.3s;}
.login_main:hover svg {fill: #254892;-webkit-transition: 0.3s;transition: 0.3s;}
.popup_login {position: fixed;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;z-index: 10000;transition: all 0.5s ease-in-out;opacity: 0;visibility: hidden;transition: opacity 0.5s, visibility 0.5s;}
.popup_login.active {opacity: 1; visibility: visible;}
.bg_login {background: rgba(0, 24, 59, 0.8);position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;left: 0;}
.content_popup_login {background: #fff;border-radius: 10px;padding: 20px 0 30px 0;position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;max-width: 600px;}
.close_login {position: absolute;right: 20px;top: 10px;width: 20px;height: 20px;opacity: 0.3;z-index: 9;}
.close_login:hover {opacity: 1;}
.close_login:before,
.close_login:after {position: absolute;left: 15px;content: " ";height: 25px;width: 2px;background-color: #333;}
.close_login:before {transform: rotate(45deg);}
.close_login:after {transform: rotate(-45deg);}
.login-tab > input,
.login-tab section > div {display: none;}
#tab1:checked ~ section .tab1,
#tab2:checked ~ section .tab2 {display: block;}
#tab1:checked ~ nav .tab1,
#tab2:checked ~ nav .tab2 {color: red;}
.login-tab {width: 600px;margin: 0 auto;}
.login-tab ul {list-style: none;margin: 0;padding: 0;}
.login-tab ul li label {display: block;padding: 15px 25px;color: #999999;font-weight: bold;font-size: 20px;border-bottom: 1px solid #ccc;cursor: pointer;}
.login-tab ul li label:hover {color: #305197;}
.login-tab ul li label:active {background: #ffffff;color: #305197;}
.login-tab ul li:not(:last-child) label {border-right-width: 0;}
.login-tab section {clear: both;}
.login-tab section .content_tab {padding: 20px 50px 0;max-width: 600px;background: #fff;line-height: 1.5em;color: #444;}
#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label {background: white;color: #305197;position: relative;}
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after {content: "";display: block;position: absolute;height: 1px;width: 100%;background: #305197;left: 0;bottom: -1px;}
.tab_log li {width: 100%;text-align: center;}
.tab_log {display: inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;position: relative;}
.title_login {text-align: center;position: relative;}
.title_login span {background: #fff;display: inline-block;padding: 0 10px;position: relative;z-index: 3;}
.title_login:after {content: "";height: 1px;position: absolute;width: 100%;left: 0;background: #eeeeee;top: 50%;}
.link_acc_social {background: #f2f2f2;border-radius: 5px;padding: 10px;width: 30%;}
.link_acc_social {align-items: center;justify-content: center;}
.link_acc_social span {display: inline-block;margin-left: 10px;}
.list_link_acc_social {justify-content: center;margin-top: 20px;margin-bottom: 20px;}
.txt_login {border: 1px solid #dddddd !important;padding: 13px 10px;border-radius: 5px;width: 100%;margin-top: 5px;}
.btn_forgot {text-decoration: underline;color: #006fc4;}
.btn_login {background: #305197;border-radius: 5px;padding: 13px 15px;width: 100%;text-align: center;font-weight: bold;color: #fff;font-size: 16px;text-transform: uppercase;}
.btn_update {background: #305197;border-radius: 5px;padding: 13px 15px;min-width: 230px;text-align: center;font-weight: bold;color: #fff;font-size: 16px;text-transform: uppercase;}
.link_blue {text-decoration: underline;color: #006fc4;}
.title_forgot_pw {color: #305197;font-size: 20px;padding: 8px 0 15px 0;border-bottom: 1px solid #305197;font-weight: bold;text-align: center;}
.content_forgot_pw {padding: 20px 50px 0;width: 600px;}
.login-tab.hidden {display: none;}
.forgot_pw.active {display: block;}
.forgot_pw {display: none;}
.avar_user {display: inline-block;border-radius: 100%;overflow: hidden;margin-right: 0;color: #9f9f9f;background: #e5e5e5;font-size: 16px;font-weight: 400;line-height: 25px;width: 24px;height: 24px;text-align: center;}
.name_user {font-size: 13px;display: inline-block;vertical-align: middle;position: relative;padding-right: 7px;max-width: 100px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-left: 5px;}
.name_user:after {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #757575;position: absolute;top: 5px;right: 0;content: "";display: none;}
.logged_user {display: inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;position: relative;align-items: center;border-radius: 20px;}
.box_list_info_user {z-index: 99999;position: absolute;height: auto;top: 35px;right: 0;margin-top: 0;min-width: 220px;background: #fff;border: 1px solid #e5e5e5;-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);border-radius: 6px;padding: 10px 20px;text-align: left;}
.box_list_info_user:before {width: 15px;height: 15px;border: solid #e5e5e5;border-width: 0 1px 1px 0;content: "";position: absolute;top: -9px;right: 23px;background: #fff;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.box_list_info_user ul li a {display: inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;position: relative;align-items: center;}
.box_list_info_user ul li a {padding: 12px 0;width: 100%;}
.box_list_info_user ul li:last-child {border-top: 1px solid #eee;}
.box_list_info_user ul li .icon_info {margin-right: 10px;display: inline-block;width: 16px;text-align: center;}
.box_list_info_user {display: none;}
.box_list_info_user.active {display: block;}
.box_list_info_user ul li:hover a,
.box_list_info_user ul li.active a {color: #254892;}
.box_list_info_user ul li .icon_info svg {fill: #999;}
.box_list_info_user ul li:hover .icon_info svg,
.box_list_info_user ul li.active .icon_info svg {fill: #254892;-webkit-transition: 0.3s;transition: 0.3s;}
.sticky_box {position: sticky;top: 55px;margin-bottom: 20px;}
.box_list_info_user.show {display: block;position: relative;top: 0;margin-bottom: 20px;z-index: 0;padding-top: 20px;}
.box_list_info_user.show:before {display: none;}
.col_right_user {width: calc(100% - 240px);margin-left: 20px;}
.title_info_user {color: #254892;border-bottom: 1px solid #ddd;font-size: 20px;font-weight: bold;padding-bottom: 15px;margin-bottom: 20px;}
.avar_img {text-align: center;}
.thumb_avar {width: 110px;height: 110px;display: inline-block;background: #f2f2f2;border-radius: 100%;position: relative;}
.thumb_avar img {width: 110px;height: 110px;border-radius: 100%;object-fit: cover;}
.icon_camera {background: #e8eef9;width: 30px;height: 30px;border-radius: 100%;position: absolute;bottom: 0;z-index: 3;line-height: 31px;right: 0;text-align: center;}
.name_avar {border-bottom: 1px solid #eee;padding-top: 5px;padding-bottom: 15px;margin-bottom: 10px;}
.email_support {background: #f2f2f2;padding: 15px;border-radius: 6px;}
.block_info_acc .w50,
.block_info_acc .w100,
.block_info_acc .w33 {padding: 0 10px;}
.block_info_acc {margin: 0 -10px;}
.gender_acc {margin: 15px 15px 0 0;display: inline-block;}
.account_link {border: 1px solid #dddddd;padding: 10px 15px;border-radius: 5px;display: inherit;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: nowrap;position: relative;align-items: center;margin-bottom: 15px;}
.ml-auto {margin-left: auto;}
.name_social {margin-left: 15px;border-left: 1px solid #ddd;padding: 5px 0 5px 15px;font-weight: bold;}
.connect_link {color: #999999;text-decoration: underline;}
.icon_link_social {width: 20px;text-align: center;display: inline-block;}
.delete_acc .d-flex {justify-content: center;}
.icon_delete_acc {margin-right: 10px;}
.icon_delete_acc svg {fill: #333;-webkit-transition: 0.3s;transition: 0.3s;}
.link_dele:hover svg {fill: #1b95e0;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;}
.cl999 {color: #999;font-size: 12px;}
.login_main_mb {color: #fff;}
.login_main_mb svg {fill: #fff;}
.detail_article #content_detail.txt_content h2{
  font-size: 23px
}
.detail_article #content_detail.txt_content h3,
.detail_article #content_detail.txt_content h4,
.detail_article #content_detail.txt_content h5,
.detail_article #content_detail.txt_content h6{
    font-size: 17px;
}

#content_detail .mce-toc h2 {
  margin-bottom: 0;
}
#content_detail .mce-toc {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 15px;
}

#content_detail .mce-toc>ul {
  margin: 20px 0 10px;
}

#content_detail .mce-toc ul li {
  list-style-type: disc;
  margin-left: 20px;
  margin: 5px 0 5px 15px;
}

#content_detail .mce-toc ul li a {
  color: #333;
}


#content_detail .mce-toc ul li a:hover {
  color: #1b95e0;
}
#content_detail .mce-toc .close-toc {
    color: #fff;
    border: 0;
    background: #1f4388;
    float: right;
    padding: 3px 10px 2px;
    border-radius: 2px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    margin-top: 5px
}


/* Container chứa slider */
.slider-magazine-container {
  overflow-x: auto;
  margin-bottom: 15px;
}

/* Slider sử dụng flexbox */
.slider-magazine {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px; /* Khoảng cách giữa các item (tuỳ chỉnh) */
  padding: 10px 0; /* Khoảng cách giữa slider và lề trái phải (tuỳ chỉnh) */
  align-items: center; /* Căn giữa các item theo chiều dọc */
  overflow-x: auto; /* Cho phép cuộn ngang */
  max-width: 100%; /* Để slider không bị khuất khi màn hình nhỏ hơn */
}

/* Các item trong slider */
.slider-magazine .item {
  flex: 0 0 480px; /* Kích thước cố định 250px cho mỗi item */
  overflow: hidden; /* Ẩn phần nội dung vượt quá kích thước item */
  max-width: 100%; /* Đảm bảo item không bị khuất khi màn hình nhỏ hơn */
}

/* Đảm bảo ảnh trong item có chiều rộng và chiều cao tương thích */
.slider-magazine .item img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .slider-magazine .item {
    flex: 0 0 320px;
  }
}



@media screen and (max-width: 900px) {
    .col_right_user .d-flex {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: inherit;flex-direction: inherit;}
    .col_right_user {width: 100%;margin-left: 0;}
    .block_info_acc .w50 {margin-bottom: 15px;}
    .block_info_acc .w50,
    .block_info_acc .w100,
    .block_info_acc .w33 {width: 100%;}
    .block_date .w33 {width: 33.3%;}
    .name_user {text-indent: -999px;margin-left: 0;}
    .name_user:after {border-top: 4px solid #ffffff;}
    .box_list_info_user:before {width: 12px;height: 8px;top: -6px;right: 16px;}
    .content_popup_login {max-width: 100%;}
    .login-tab {width: auto;}
    .login-tab section .content_tab {min-width: 360px;width: auto;}
    .list_link_acc_social {-ms-flex-direction: inherit;flex-direction: inherit;}
    .content_forgot_pw {min-width: 360px;width: auto;padding: 20px 15px 0;}
    .login-tab section .content_tab {padding: 20px 10px 0;}
    .tab_log {-ms-flex-direction: inherit;flex-direction: inherit;}
    .link_acc_social span {margin-left: 0;margin-top: 5px;}
}