@charset "utf-8";
/* CSS Head
.Header { height:80px; overflow:hidden;}
body { background-color:#666 }*/
.Header { height:80px; overflow:hidden; background: rgba(0, 0, 0, 0) url(../event/bg-2020.jpg)no-repeat 0px 0px;}

.logo-top { width:300px}
.slogan { position:absolute; top:60px;text-shadow: 1px 1px #fff; display: none;}
.logo-top img { height:66px; width:auto; margin-top:5px}
.zone-contact { width:300px; text-align: right; margin-top: 3px; line-height:20px}
.contact { }
.icon-mobile { background: rgba(0, 0, 0, 0) url(../images/icon-phone-header.svg)no-repeat 0px 0px; width:10px ; height:14px; padding-right:5px;}
.Header .list-navication { top:35px; right:0px}
.Header .list-navication li{ margin-right:10px;}
.Container .box-new24h label {
    cursor: pointer;
    display: block;
    width: 100px;
    text-align: center;
    background: #fff;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto-Regular";
    left: 800px;
    top: -67px;
}
.Header .list-navication li:last-child{ margin:0px}
.bt-fb{  background: url(../images/icon-face-header.svg) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 30px; height: 30px; background-size: 30px}
.bt-fb:hover {  background: url(../images/icon-face-header-hover.svg) 0px 0px no-repeat rgba(0, 0, 0, 0);background-size: 30px}
.bt-youtb{  background: url(../images/icon-you-header.svg) 0px 0px no-repeat rgba(0, 0, 0, 0);background-size: 30px;width: 30px; height: 30px; }
.bt-youtb:hover { background: url(../images/icon-you-header-hover.svg) 0px 0px no-repeat rgba(0, 0, 0, 0);background-size: 30px }
.old-site { border: 1px solid #ccc;
color: #a4a09f;
border-radius: 3px;
background: rgba(0, 0, 0, 0) url(../images/icon-list.png)no-repeat 5px -99px;
width: 100px;
float: right;
padding-left: 17px;
line-height: 28px;
top:20px;
right:-130px;
font-size:11px;
height:30px}
.old-site:hover{ background:#a92b30 url(../images/icon-list.png)no-repeat 5px -135px; color:#fff}
.button-hot { width:auto; height:30px; vertical-align:middle; line-height:30px; padding:0px 15px}
.button-hot:hover{ color:#fff;}
.search-box {background-color: #FFF;
    border: 1px solid #ccc;
    width: 144px;
    line-height: 25px;
    top: 35px;
    left: 535px;
}
.search-button {
     background: url(../images/icon-search.svg) 0px 0px no-repeat rgba(0, 0, 0, 0);
    width: 15px;
    height: 16px;
	padding-left:5px;
	background-size:15px 15px
}

#SearKeyword{
    border: none;
    width: 112px;
    font-size: 11px;
    color: #888;
    height: 26px;
	padding-left:5px
}

.list-navication li.m-l-10{ margin-left:8px}
@-moz-document url-prefix() {
    .list-navication li.m-l-10{ margin-left:10px}
}
.bt-list{ height:30px; width:30px;}
/* END CSS Head*/


/*  CSS MeNuTop*/
ul.menu-top {
    height: 28px;
    list-style: none;
    position: relative;
	width:980px;
	margin:0px auto;
	border-bottom:1px solid #971928
}
.fixed ul.menu-top { border:none; background-color: #eee }
.fixed ul.menu-top .submenu{ display: none; }
ul.menu-top li.item {
    
  float: left;
	height:30px;
}
ul.menu-top li.item a {
    font-size: 12.5px;
    color: #3e3e3e;
    padding:0px 3px;
    line-height:26px;
    display: inline-block;
  height:28px;
  font-family: "Roboto-Bold";
}



@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
  ul.menu-top li.item a{
        padding:0px 2px 
    }
  ul.menu-top li.item .full-menu-bt { display: none }
}}

@media not all and (min-resolution:.001dpcm) { 
    @media {
        ul.menu-top li.item a{
        padding:0px 2px 
        } 
    }
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ 
  ul.menu-top li.item a{
        padding:0px 2px 
    }
  ul.menu-top li.item .full-menu-bt { display: none }
}

@media not all and (min-resolution:.001dpcm) { 
        ul.menu-top li.item a{
        padding:0px 2px 
        } 
    
}


ul.menu-top li.item:last-child {
    background: 0 0
}

ul.menu-top li.item a:hover, ul.menu-top li.item.active a
{
    color: #fff;
    background-color: #a92b30;
}


ul.menu-top li.item a.icon-home {
    background: url(../images/full-icon-common.png) 0px -43px no-repeat;
    display: inline-block;
    font-size: 0;
    width: 16px;
    line-height: 30px;
  height:30px
}
@media (max-width:1025px) {
  ul.menu-top li.item a {font-size: 12px;}
  }


ul.menu-top li.item .full-menu-bt {background: url(../images/full-icon-common.png) 5px -67px no-repeat; width:20px ; height:28px; font-size:0px}
ul.menu-top li.item .full-menu-bt:hover{background-position: -24px -67px}
ul.menu-top li.item.aticle .full-menu-bt{border-bottom:2px solid #c00000; background: url(../images/close-mega.svg) center center no-repeat #fff; background-size:15px auto;}
ul.menu-top li.item .submenu {
    list-style: none;
    position: absolute;
    top: 29px;
    visibility: hidden;
    width: 100%;
    left: 0!important;
    line-height: 40px;
	z-index: 9999999;
	background-color:#eee;
	color:#d7d7d7;

}

ul.menu-top li.item:hover .submenu {
    visibility: visible
}

ul.menu-top li.item .submenu li {
    display: inline-block;
    line-height: 38px;
    margin-top: 0;
}


ul.menu-top li.item .submenu li a {
    font-size: 12px;
    font-weight: 400;
    border-bottom: none;
    color: #333;
    background: 0 0;
    line-height: 38px;
	padding:0px 5px;
    font-family: "NotoSans"	
}

ul.menu-top li.item .submenu li a:hover {
    color: #cc0202;
}
.MenuSub {
    border-top: 1px solid #ddd;
    line-height: 36px;
}
.HotEvent { height:50px; line-height: 48px}

/* CSS cho SlideNew Dòng sự kiện nóng*/
  .HomeNewsSlider { position:relative; overflow:hidden; width:534px}
  .HomeNewsSlider-mask{width:493px;overflow:hidden; height:50px}
	.HomeNewsSlider-list{ width:3000px; text-align:left}
	.HomeNewsSlider-mask .HomeNewsSlider-item{font-size:12px; display:inline-block;padding:0px 7px 0px 3px; vertical-align:top;; overflow:hidden; width:auto !important; line-height:49px;color:#565656}
	.HomeNewsSlider-mask .HomeNewsSlider-item:nth-child(3n){ padding-right:500px}
	.HomeNewsSlider-item a.title{text-decoration:none;  color:#565656; display:inline; padding-left:5px;}
	.HomeNewsSlider-item a.title:hover{ color:#c30b13 }
	.HomeNewsSlider-button{top:-2px;right:-3px; position:absolute; line-height:50px; font-size: 15px}
	.HomeNewsSlider-button .btnPrev, .HomeNewsSlider-button .btnNext{ color:#971928;}
    .HomeNewsSlider-button .btnPrev:hover, .HomeNewsSlider-button .btnNext:hover{ color:#c30b13;}
	.hot-event-bt{ width: 108px; background: url(../images/set-icon.svg) 4px 15px no-repeat rgba(0, 0, 0, 0); padding-left:18px; background-size: 10px; font-size: 18px; font-family: "Roboto-Bold"; color: #970000; vertical-align: top; line-height: 46px }
	.small-menu { text-align: right; position: absolute; right: 0px; top: 10px}
	.small-menu a {padding: 0px 4px; }
  .small-menu a:last-child{ padding-right: 0px }
  .small-menu a:first-child{ padding-left: 0px }
	
/*  End CSS MeNuTop*/
.VnnBtnBackToTop {
    background: url(../images/back-top-vnn.svg) 0px 0px no-repeat rgba(0, 0, 0, 0)!important;
    height: 36px!important;
    opacity: .75;
    width: 36px!important;
}
/*  CSS MeNuBottom*/
.MenuBottom, .MenuBottom .f-n{
     font-family:arial;
}
.MenuBottom li.item {
    float: left;
    width: 140px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-weight: 700;
    overflow: hidden;
    line-height: 28px
}

.MenuBottom li.item a {
    padding-right: 10px;
    color: #333333
}
.full5 {
    width: 100%;
    padding: 6px 0;
    display: inline-block;
}
.p-l-25 {
    padding-left: 25px;
}


.MenuBottom li .submenu {
    font-weight: 400;
    height: 100%;
	margin-top:5px
}

.MenuBottom li .submenu li {
    line-height: 28px
}

.MenuBottom li .submenu li a {
    color: #686868;
    line-height: 16px;

    display: inline-block;
    vertical-align: top;
    font-size: 12px
}

.MenuBottom li a:hover,
.MenuBottom li.item a:hover {
    color: #ec0202;
    text-decoration: underline
}

.row-2 { border-top:1px solid #ebebeb; padding-top:6px}

/*  CSS Footer*/
.Footer { background-color:#eeeeee; border:1px solid #c2c2c2; padding:10px; height:135px; position:relative; font-size: 12px; font-family: arial;}
.Footer b{font-family: arial; font-weight: 700}
.logo-bottom { line-height:65px; padding:15px 0px 0px 15px; }
.text-info{ padding-left:18px}
.bottom-button {  margin-left:90px; background: url(../images/full-icon-common.png) 0px -150px no-repeat; width:163px ; height:22px;}
.bottom-button:hover { color:#F60}
.link-contact{ top:80px; left: 55px ; color: #4247b4; font-size: 11px}
/* END  CSS Footer*/





/* CSS Scoller div  */
/*.TopNew .w-200{background: url(../images/one.png) 198px top repeat-y rgba(0, 0, 0, 0);}*/
.fix-nano { width:200px; height:700px; background: url(../images/one.png) 197px top repeat-y rgba(0, 0, 0, 0) }

.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  
  position   : absolute;
  width      : 5px;
  right      : 0px;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #d8d8d8;
  width:3px;
  position              : relative;
  margin                : 0 1px;
  height:50px;
  font-size:0px
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
.has-scrollbar .height-list { width:190PX}
/* CSS List W*/
.widht-list-images { clear:both;}
.widht-list-images li img { max-width:100%}
.TopNew .widht-list-images .item img{ }
.TopNew .widht-list-images li{
	overflow:hidden;
	display:block;
	vertical-align:top;
	height:155px;
    width:140px;
}
.w3.widht-list-images li:nth-child(3n),.item205.w3.widht-list-images li:nth-child(3n){ margin-right: 0px;}
.item205.w3.widht-list-images li { width: 205px; margin-right:21px; height: 205px ; margin-bottom: 0px}
.item205.w3.long.widht-list-images li { height: 215px }
.widht-list-images li {
    width: 140px;
    margin:0px 10px 10px 0px;
	float: left;
    overflow: hidden;
}
.w-440 .widht-list-images li {
    height: 180px;
}
.ShowCate1 .widht-list-images li{ height: 200px; }
.widht-list-images2 li {
    width: 140px;
	margin:10px 10px 10px 0px;
	max-height:160px;
	float: left
}
.widht-list-images.w215 li{ width:215px; margin-right:45px}
.widht-list-images li:last-child { margin-right:0px}
/* END List W*/

/*  List H*/
.height-list{ width:100%}
 .height-list li {
    border-bottom: 1px solid #eee;
    padding: 7.6px 0
}
.height-list li:first-child{ padding-top:0px }
.height-list li:last-child , .BoxCate .height-list li:last-child {
	padding-bottom:0px;
    border-bottom: none ;

}

/* END List H*/

/* EventTop*/
.EventTop,.event-top-box .item { width: 300px; height: 200px; overflow: hidden; float: left; bottom: 0px}
.event-top-title{background: url(../images/blue-bg-op80.png)  repeat; padding: 0px 5px 5px 5px; width: 290px ; z-index: 9; vertical-align: middle}
.event-top-title .title{ width: 240px; vertical-align: middle; margin-left: 5px ; font-size: 10px}
.event-content-title { padding: 5px 5px 5px 5px; width: 290px ;bottom: 0px; height: 105px;
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Opera */ 
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(1, rgba(0, 0, 0, 0.9)));
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* Proposed W3C Markup */ 
  background-image: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}
.event-content-title .title{ bottom: 30px; width: 280px; left: 10px }
.EventTop img { width: 300px; height: 200px }

/* END EventTop*/
/* Slide Châm*/
.ListTalk .list_carousel .pager {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 0px;
}
.list_carousel .pager {
    position: absolute;
    bottom: 0px;
    left: 140px;
    font-size: 0px;
}
.EventTop .list_carousel .pager {
    position: absolute;
    bottom: 10px;
    left: 110px;
    font-size: 0px;
}
.list_carousel .pager span {
    display: block;
    float: left;
    background-color: #ccc;
    margin-left: 10px;
    width: 10px;
    height: 10px;
    border-radius: 5px 5px;
}
.list_carousel .pager .selected span {
    background-color: #a92b30;
}
.list_carousel .pager span:hover{ background-color:#920207}
/* End Slide Chấm*/

/* Top Slide Home*/
.hot-slide-new { width: 440px; height: 293px }
.hot-slide-new .list_carousel li {
    width: 440px; 
    height: 293px;
    padding: 0;
    display: block;
    float: left;
}
.hot-slide-new .list_carousel li .thumb img { width: 440px; height: 293px }
.hot-slide-new .event-content-title{ 
    padding: 60px 10px 10px;
    width: 420px;
    bottom: 0px;
    height: auto;

}
.hot-slide-new .event-content-title .title{width: 420px; display: block;; margin-bottom: 10px}
.hot-slide-new .list_carousel .pager { left: 185px; bottom: 10px }
.bt-subcate{ 
display: table;
font-family: "Roboto-Bold";
color: #fff;
background: #971928;
padding: 0px 8px;
text-transform: uppercase;
font-size: 14px;
opacity: 1; }
.bt-subcate span { opacity: 1; }

.bt-subcate:hover { color: #969696}
/* END Top Slide Home*/

/*  CSS Show Cate1*/
.BoxCate .Head, .BoxCate.Home-Layout .Head{line-height: 30px; height: 30px}
.BoxCate.ShowCate8 .Head{ height: 35px}
.BoxCate.Home-Layout .Head{ border-bottom:1px solid #a92b30; background-color:#fff; border-top:none }
.BoxCate .ParentCate { text-transform: uppercase;color: #971928;float: left;background: #fff;padding-right: 7px;font-family: "Roboto-Bold";font-size: 18px; font-weight: 400
; line-height: 30px}
.BoxCate .ParentCate a{color: #971928}
.BoxCate .btn-red .ParentCate a { color: #fff }
.BoxCate .ParentCate.logo-2sao {background: url(../images/full-icon-common.png) 0px -100px no-repeat #fff; width:55px ; height:24px ; font-size:0px; }
.BoxCate .ParentCate.logo-ttol {background: url(../images/full-icon-common.png) -100px -100px no-repeat #fff; width:69px ; height:24px ; font-size:0px; }
.BoxCate .ParentCate.logo-talk {background: url(../images/full-icon-common.png) 0px -160px no-repeat #fff; width:90px ; height:37px ; font-size:0px; padding:0px; }
.line-red{ border-bottom: 1px solid #971928;width: 100%;display: block; font-size: 0px; height: 21px;}
.line-red.line-gray, .line-gray{ border-bottom: 1px solid #d5d5d5;   }
.line-red.dottertwo, .dottertwo{ border-bottom: none;  background: url(../images/head-ema.png) center bottom repeat-x }
.long .line-red{ height: 26px}
.BoxCate .long.Head{ height: 40px}
.BoxCate .btn-red .ParentCate {color: #fff;background-color: #971928;font-size: 14px;padding: 0px 7px;height: 30px;}
.BoxCate .btn-red .line-red{height: 29px}
.BoxCate .btn-red .mini-menu { top: 10px }
.mini-menu { text-align: right; font-size:10px; position: absolute; right: 0px; top:3px; vertical-align: top;line-height: 18px;height: 20px;}
.mini-menu a { display: inline-block;  line-height: 16px; vertical-align: top;}
.mini-menu a.adv{ line-height:25px}
.mini-menu img{ max-height: 17px;}

.BoxCate .ChildCate{  color:#555; padding:0px 3px}
.BoxCate .ParentCate:hover, .BoxCate .ChildCate:hover, .BoxCate .NameBox:hover, .subtitle a:hover { color:#c77878 }
.ShowCate1 .top-one { width:240px}
.ShowCate1 .height-list{ width:180px;}
@-moz-document url-prefix() {
   .ShowCate1 .height-list{ width:180px;}
}
.BoxCate.hotnew .height-list li{ padding:5px 0px; }
.BoxCate.hotnew .height-list li:last-child{ padding-bottom: 0px }
.ShowCate1 .top-one .thumb img { width:240px; height:160px;}
.content-time { font-size: 10px; color: #555 }
.content-time span { margin-right: 7.5px }
.content-time.min span { margin-right: 5px }
.content-time span:last-child, .content-time.min span:last-child { margin-right: 0px }
.BoxCate .height-list li {
    border-bottom:none;
    padding: 5px 0;

}
.BoxCate .height-list li.bor-bottom2 { border-bottom: 1px solid #e8e8e8 }
.Top-Cate .BoxCate .height-list li {
    border-bottom:none;
    padding: 5px 0;
    height: 93px; 
    overflow: hidden
}
.BoxCate .height-list li:first-child{ padding-top: 0px }
.TopReadCate.BoxCate .height-list li{  border-bottom: 1px solid #eee;padding: 10px 9px}
.TopReadCate.BoxCate .height-list li:last-child{ border-bottom: none }
.TopReadCate ul{border: 1px solid #eee; border-top: none; width: auto;padding: 10px;}

/* END CSS  Show Cate1*/
/*Box hotevent*/

.EventFocus .btn-hotevent{  min-height:40px; height:auto; padding:10px 10px 0px 15px; color:#fff}
.EventFocus .EventFocusOne .f-16{ margin:5px 0px}
.EventFocus a {
    color: #fff;
    text-shadow:1px 1px #000;
}

.EventFocus .EventFocusList {
    width: 170px;
}
.EventFocus.BlokCate .HotList li{ list-style-type:none}
.EventFocus .EventFocusList li h5 a.bold{ font-weight:bold;}
.btn-hotevent {
    display: inline-block;
    font-size:18px;
    text-transform:uppercase;
    font-weight:bold;
    line-height:60px;
    height: 60px;
    padding-left:80px;
    
}

.EventFocus.BlokCate .HotList li:last-child{ border:none}
.EventFocus.TA2017 {
    background: url(../images/bg-tahead.png) center top no-repeat;
    color: #222;
    background-color:#8ebac6;
}
.EventFocus.TA2017 .EventFocusBody{
    
    background: url(../images/bg-tabody.png) center top no-repeat;
    padding-bottom:20px
    }
.EventFocusOne {
    width: 240px;
}
.EventFocus.TA2017 .btn-hotevent{ lline-height: normal;min-height: 40px;height: auto;padding: 23px 10px 0px 44px;color: #fff;}
.EventFocus a { color:#0f1e4c; text-shadow:none}
.EventFocus .Lead.c-fff{ color:#0f1e4c}
.EventFocus.BlokCate .HotList li{ border-bottom: 1px solid #adb5b7; padding:2px 0px;}
.EventFocus.BlokCate .HotList li:first-child{ padding-top:0px;}
.EventFocus.BlokCate .HotList li:last-child{ border:none}
.EventFocus .height-list li { border-color:#0f1e4c}

.EventFocus.AL2019 {  background: url(../event/bg-box-al660.jpg) center top no-repeat #b51927; height: 280px; overflow: hidden; padding:20px; }
.EventFocus.AL2019 a { color: #fff }
.EventFocus.AL2019 .EventFocusOne { width:310px;}
.EventFocus.AL2019 .EventFocusList{ width:270px }
.EventFocus.AL2019 .btn-hotevent {
    height: 25px;
    padding: 0px;
    color: #fff;
    width: 280px;
    font-size: 0px;
    display: inline-block;
    min-height:25px;
}
.EventFocus.AL2019 .EventFocusOne .fix-one,.EventFocus.AL2019 .EventFocusOne .fix-one .thumb{ width: 310px; height: 206px; display: block;
 }
 .EventFocus.AL2019 .EventFocusOne .fix-title {width: 310px; min-height: 40px; bottom: 0px; 
 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
 background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
 background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
 }
  .EventFocus.AL2019 .EventFocusOne .fix-title a { color: #fff; display: block;    padding: 60px 10px 10px; height: auto; line-height: 24px; text-shadow:1px 1px #333 }
  .w-130{ width: 130px }
  .EventFocus.AL2019 .height-list li { border: none; padding:5px 0px; }
 .EventFocus.AL2019 .EventFocusList .w-120 { width: 120px; height: 80px; display: block; }
/* END CSS hotevent*/



/*  CSS Show Thư Viên*/
.library-home { padding:10px; background-color: #f0f0f0 }

.library-home li{ width:130px; float:left; padding-right:15px;}
.lib-name { position:relative;line-height:22px; color:#971928; border-bottom: 1px solid #d1d1d1; font-size: 15px; height: 50px;font-family: "NotoSans-Bold"}
.lib-name .redline{ background-color:#971928; width:34px; height:2px; bottom:0px; left:0px; font-size:0; position:absolute;}
.lib-info { font-size:12px; color:#515151; padding:8px 0px 15px 0px}
.Slide .btnPrev,.library-home .btnPrev{position: absolute;
top: 73px;
left: 0px;
display: block;
width: 25px;
height: 77px;
font-size: 0px;
color: #fff;
opacity: 0.6;
border-radius: 0px 3px 3px 0px;
background: url(../images/full-icon-common.png) -116px 33px no-repeat #970000;
 } 

.Slide .btnNext,.library-home .btnNext{position: absolute;
top: 73px;
top: 73px;
right: 0px;
display: block;
width: 25px;
height: 77px;
font-size: 0px;
color: #fff;
opacity: 0.6;
border-radius: 3px 0px 0px 3px;
background: url(../images/full-icon-common.png) -76px 33px no-repeat #970000;}

.btnNext:hover, .btnPrev:hover { opacity: 0.9 }
.SelectSub {     border: none;font-size: 12px;color: #5e5e5e;line-height: 24px; padding:0px 5px; position: absolute;top:0px;right: 0px}
.SelectSub option { padding:0px 5px}
/*  END CSS Show Thư Viên*/








/* List bài home*/
.HomeBody .ListContentImages li.item img{ width:145px; height:82px}
.HomeBody  .ListContentImages li.item {border-bottom: 1px dotted #d6d6d6;
    padding: 10px 0 15px;
	min-height:106px;
	clear:both;}
.HomeBody  .ListContentImages li.item:first-child{ padding-top:0px}
.ListContentImages li.item img{ width:217px; height:122px}
.ListContentImages li.item:last-child{ border-bottom:none}
.CateBody .ListContentImages li.item:first-child{ padding-top:0px }
.ListContentImages li.item {border-bottom: 1px dotted #d6d6d6;
    display: block;
    padding: 10px 0 15px;
	min-height:118px;
	clear:both;}

.HomeBody .ListContentImages li.item .Lead { height:84px; overflow:hidden;  }
.lead { color:#333; display:table; font-style:inherit; line-height: 20px; margin-top: 5px}
.ListContentImages li.LoadMore{ border-bottom:1px solid #d6d6d6;  padding:6px 0px}
.LoadMore a{ color:#6b6d70 }
.LoadMore .btnNext,.LoadMore .btnPrev, .LoadMore a:hover{ color:#a92b30;}
/* END List bài home*/


/* Box Cánh Mạng Công Nghệ 4.0 */
.BoxCMCN40.Box-HotEvent {
    background: url(../event/bg-cmcn-40.jpg) top center no-repeat #b6eaf6;
    max-height: 220px;
    overflow: hidden;
}
.BoxCMCN40.Box-HotEvent .btn-hotevent { display: inline-block; height: 30px; padding:10px 15px 5px 10px; }
.BoxCMCN40.Box-HotEvent h2{ display: inline-block;}
.BoxCMCN40.Box-HotEvent .Name1 { width: 118px}
.BoxCMCN40.Box-HotEvent .Name2 { width: 120px }
.BoxCMCN40.Box-HotEvent .Name3 { width: 84px; padding-left: 30px }
.BoxCMCN40.Box-HotEvent .widht-list-images li:last-child{ padding-right: 0px; margin-right: 0px}
.Box-HotEvent .btn-hotevent {
    font-size: 0px;
    height: 30px;
    padding: 10px 15px 5px 25px;
    display: block;
}
.BoxCMCN40.Box-HotEven .Box-HotEventBody{ margin:0px}
.BoxCMCN40.Box-HotEvent .Box-HotEventBody a { text-shadow:none; line-height:20px; font-size: 13px}
.BoxCMCN40.Box-HotEvent .widht-list-images { margin-left: 9px; }
.Box-HotEvent .widht-list-images li {
    width: 135px;
    margin: 0px 8px 5px 0px;
    height: 165px}
.BoxCMCN40.Box-HotEvent .widht-list-images li {
    width: 130px;
    margin: 0px 15px 5px 0px;
    height: 165px}

/* Box AFC U23 */
.BoxAFC23.Box-HotEvent {
    background: url(../event/bg-box-afc23.jpg) top center no-repeat #1585c3;
    width: 660px;
    height: 300px;
    overflow: hidden;
}
.BoxAFC23.Box-HotEvent .btn-hotevent {
    font-size: 0px;
    height: 30px;
    margin: 10px 180px 0px 50px;
    display: block;
}
.BoxAFC23 .event-menu{ line-height: 24px; font-size: 0px; margin-left: 70px; margin-top: 5px}
.BoxAFC23 .event-menu .ltd{width: 120px;
    display: inline-block;
    margin-right: 10px;}
.BoxAFC23 .event-menu .bxh{width: 145px;
    display: inline-block;
    margin-right: 10px;}
.BoxAFC23 .event-menu .kq{width: 100px;
    display: inline-block;}
.BoxAFC23.Box-HotEven .Box-HotEventBody{ margin:0px}
.BoxAFC23.Box-HotEvent .Box-HotEventBody a { text-shadow:none; line-height:20px; font-size: 13px; color:#fff; font-size: 14px}
.BoxAFC23.Box-HotEvent .widht-list-images { margin-left: 25px; }
.BoxAFC23.Box-HotEvent .widht-list-images li {
    width: 194px;
    padding: 0px 15px 0px 0px;
    margin: 0px;
    max-height: 200px}

/*  CSS Box Kinh doanh*/
.bg-eb{ background-color:#ebebeb}
.sponsor-box .height-list li{ padding:5px 10px 5px; border:none}
.sponsor-box .height-list li .w-175{ width:155px}
.sponsor-box .Head2{ border-bottom:1px solid #273889; height:25px}
.sponsor-box .NameBox{ border-bottom:3px solid #273889; height:23px; color:#333333; display:inline-block;}
.list-content.sponsor-box .height-list li{ padding:10px 0px; border-bottom:1px dotted #adadad; margin:0px 10px}
.list-content.sponsor-box .height-list li:first-child{ padding-top: 0px; }
.list-content.sponsor-box .height-list li:last-child{ border:none; }
.list-content.sponsor-box .height-list { padding:10px 0px}

/*  END CSS Box Kinh doanh*/

/* CSS thoi tiet */
.VNNWeatherBox {
    display: none;
    position: relative;
	margin-top:10px
}

.VNNWeatherBoxInfo {
    position: relative;
    height: 30px
}

.VNNWeatherBoxIcons {
    width: 28px;
    height: 28px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    position: absolute;
    top: 0;
    left: 0
}

.VNNWeatherBoxInfoText {
    margin-bottom: 2px
}

.VNNWeatherBoxInfoControl {
    position: absolute;
    right: 0;
    top: 0px
}

.VNNWeatherBoxTempe {
    left: 30px;
    position: absolute;
    top: 8px
}

.VNNWeatherBoxInfoText .text {
    position: absolute;
    top: 17px;
    right: 0px;
    color: #444;
	font-size:10px;
	width:90px;
	text-align:center
}

.VNNWeatherBoxInfo .text>span {
    padding: 0 10px 0 0
}

.VNNWeatherBoxInfoControlLocation {
    font-size: 11px;
    font-weight: 700;
    width: 70px;
    text-transform: uppercase;
    color: #444;
    margin: 0;
    border: none;
    outline: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

label.FixVNNWeatherBoxInfoControlLocation {
    position: relative
}

label.FixVNNWeatherBoxInfoControlLocation:after {
    content: '<>';
    font: 11px Consolas, monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: -2px;
    top: 0px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none
}

label.FixVNNWeatherBoxInfoControlLocation:before {
    content: '';
    right: -1px;
    top: 0;
    height: 18px;
    background: #f8f8f8;
    position: absolute;
    pointer-events: none;
    display: block
}

.VNNWeatherBoxInfoText p {
    margin: 0;
    line-height: 14px;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    color: #222
}

.VNNWeatherBoxTempeHight {
    padding-bottom: 3px;
    border-bottom: 1px solid #666
}

.VNNWeatherBoxTempeHight,
.VNNWeatherBoxTempeLow {
    font-size: 12px;
    font-weight: 700;
    color: #129281;
    margin-bottom: 5px
}

.VNNWeatherBoxTempeHight sup,
.VNNWeatherBoxTempeLow sup {
    font-size: 10px;
    top: -2px;
    position: relative
}

.VNNWeatherBoxTempeCurrent {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    padding-right: 3px;
    margin-right: 3px;
    float: left
}

.VNNWeatherBoxTempeCurrent sup {
    font-size: 8px;
    top: -7px;
    position: relative
}

.VNNWeatherBoxTempeRanger {
    float: left;
    display: none
}

.VNNWeatherBoxInfoText a {
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: 400;
    color: #666
}

.TQWeatherBoxIcons {
    background-position: 50% 0;
    background-repeat: no-repeat;
    float: left;
    height: 120px;
    width: 120px
}

.TQWeatherBoxInfo {
    float: left;
    width: 100px
}

.TQWeatherBoxInfoText {
    margin-bottom: 5px
}

.TQWeatherBoxInfoControlLocation {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px
}

.TQWeatherBoxInfoText p {
    color: #000;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    margin: 0;
    padding: 0
}

.TQWeatherBoxTempeHight {
    border-bottom: 1px solid #666;
    padding-bottom: 3px
}

.TQWeatherBoxTempeHight,
.TQWeatherBoxTempeLow {
    color: #C13828;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px
}

.TQWeatherBoxTempeHight sup,
.TQWeatherBoxTempeLow sup {
    font-size: 10px;
    position: relative;
    top: -2px
}

.TQWeatherBoxTempeCurrent {
    border-right: 1px solid #666;
    color: #C13828;
    float: left;
    font-size: 30px;
    font-weight: 700;
    margin-right: 3px;
    padding-right: 3px
}

.TQWeatherBoxTempeCurrent sup {
    font-size: 20px;
    position: relative;
    top: -7px
}

.TQWeatherBoxTempeRanger {
    float: left
}

.TQWeatherBoxInfoText a {
    color: #DE2018;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.TQWeatherIcons0 {
    background-image: url(../images/tygiathoitiet/icons/0.png)
}

.TQWeatherIcons1 {
    background-image: url(../images/tygiathoitiet/icons/1.png)
}

.TQWeatherIcons2 {
    background-image: url(../images/tygiathoitiet/icons/2.png)
}

.TQWeatherIcons3 {
    background-image: url(../images/tygiathoitiet/icons/3.png)
}

.TQWeatherIcons4 {
    background-image: url(../images/tygiathoitiet/icons/4.png)
}

.TQWeatherIcons5 {
    background-image: url(../images/tygiathoitiet/icons/5.png)
}

.TQWeatherIcons6 {
    background-image: url(../images/tygiathoitiet/icons/6.png)
}

.TQWeatherIcons7 {
    background-image: url(../images/tygiathoitiet/icons/7.png)
}

.TQWeatherIcons8 {
    background-image: url(../images/tygiathoitiet/icons/8.png)
}

.TQWeatherIcons9 {
    background-image: url(../images/tygiathoitiet/icons/9.png)
}

.TQWeatherIcons10 {
    background-image: url(../images/tygiathoitiet/icons/10.png)
}

.TQWeatherIcons11 {
    background-image: url(../images/tygiathoitiet/icons/11.png)
}

.TQWeatherIcons12 {
    background-image: url(../images/tygiathoitiet/icons/12.png)
}

.TQWeatherIcons13 {
    background-image: url(../images/tygiathoitiet/icons/13.png)
}

.TQWeatherIcons14 {
    background-image: url(../images/tygiathoitiet/icons/14.png)
}

.TQWeatherIcons15 {
    background-image: url(../images/tygiathoitiet/icons/15.png)
}

.TQWeatherIcons16 {
    background-image: url(../images/tygiathoitiet/icons/16.png)
}

.TQWeatherIcons17 {
    background-image: url(../images/tygiathoitiet/icons/17.png)
}

.TQWeatherIcons18 {
    background-image: url(../images/tygiathoitiet/icons/18.png)
}

.TQWeatherIcons19 {
    background-image: url(../images/tygiathoitiet/icons/19.png)
}

.TQWeatherIcons20 {
    background-image: url(../images/tygiathoitiet/icons/20.png)
}

.TQWeatherIcons21 {
    background-image: url(../images/tygiathoitiet/icons/21.png)
}

.TQWeatherIcons22 {
    background-image: url(../images/tygiathoitiet/icons/22.png)
}

.TQWeatherIcons23 {
    background-image: url(../images/tygiathoitiet/icons/23.png)
}

.TQWeatherIcons24 {
    background-image: url(../images/tygiathoitiet/icons/24.png)
}

.TQWeatherIcons25 {
    background-image: url(../images/tygiathoitiet/icons/25.png)
}

.TQWeatherIcons26 {
    background-image: url(../images/tygiathoitiet/icons/26.png)
}

.TQWeatherIcons27 {
    background-image: url(../images/tygiathoitiet/icons/27.png)
}

.TQWeatherIcons28 {
    background-image: url(../images/tygiathoitiet/icons/28.png)
}

.TQWeatherIcons29 {
    background-image: url(../images/tygiathoitiet/icons/29.png)
}

.TQWeatherIcons30 {
    background-image: url(../images/tygiathoitiet/icons/30.png)
}

.TQWeatherIcons31 {
    background-image: url(../images/tygiathoitiet/icons/31.png)
}

.TQWeatherIcons32 {
    background-image: url(../images/tygiathoitiet/icons/32.png)
}

.TQWeatherIcons33 {
    background-image: url(../images/tygiathoitiet/icons/33.png)
}

.TQWeatherIcons34 {
    background-image: url(../images/tygiathoitiet/icons/34.png)
}

.TQWeatherIcons35 {
    background-image: url(../images/tygiathoitiet/icons/35.png)
}

.TQWeatherIcons36 {
    background-image: url(../images/tygiathoitiet/icons/36.png)
}

.TQWeatherIcons37 {
    background-image: url(../images/tygiathoitiet/icons/37.png)
}

.TQWeatherIcons38 {
    background-image: url(../images/tygiathoitiet/icons/38.png)
}

.TQWeatherIcons39 {
    background-image: url(../images/tygiathoitiet/icons/39.png)
}

.TQWeatherIcons40 {
    background-image: url(../images/tygiathoitiet/icons/40.png)
}

.TQWeatherIcons41 {
    background-image: url(../images/tygiathoitiet/icons/41.png)
}

.TQWeatherIcons42 {
    background-image: url(../images/tygiathoitiet/icons/42.png)
}

.TQWeatherIcons43 {
    background-image: url(../images/tygiathoitiet/icons/43.png)
}

.TQWeatherIcons44 {
    background-image: url(../images/tygiathoitiet/icons/44.png)
}

.TQWeatherIcons45 {
    background-image: url(../images/tygiathoitiet/icons/45.png)
}

.TQWeatherIcons46 {
    background-image: url(../images/tygiathoitiet/icons/46.png)
}

.TQWeatherIcons47 {
    background-image: url(../images/tygiathoitiet/icons/47.png)
}
/* End Thơi Tiet*/




/* Chi tiết tin bài */

.TopCate .w-250.m-l-20{ margin-left:16px;}
.top-cate-list .height-list .w-140 { width:138px;}
@-moz-document url-prefix() {}
.TopCate .w-250.m-l-20{ margin-left:17px;}

.ShowCate4 { border:1px solid #d9d9d9; background-color:#eeeeee;}
.red-link,.red { color:#a92b30}



.megasubmenu {
position: absolute;
top: 30px;
width: 980px;
left: 0px;
line-height: 23px;
z-index: 9999999;
border:1px solid #d4d4d4;
background-color:#fff}
ul.menu-top li.item .SubMega li{ display:inline-block; width:156px; vertical-align:text-top; height:auto;}
ul.menu-top li.item .SubMega li a{ display:block; border:none; font-weight:400; color:#454545;height:auto;}
ul.menu-top li.item .SubMega li a:hover{ color:#a92b30; background-color: #fff;}
ul.menu-top li.item .SubMega li a:first-child{ font-weight:700; color:#a92b30; line-height:12px; padding-bottom:8px}
ul.menu-top li.item .SubMega li a:first-child:hover{ text-decoration:underline}
ul.menu-top li.item .tiny-cate li { width:155px; display:inline-block ; padding:0px 20px 20px}
ul.menu-top li.item .btn-tiny-cate { background-color:#d7d7d7; border-radius:7px; width:155px; height:30px; text-align:center; display:inline-block; color:#000; text-align:center; line-height:28px; font-weight:400; text-transform:uppercase}
ul.menu-top li.item a.btn-tiny-cate:hover{ background-color:#ddd;color:#a92b30}
/* CSS fix quảng cáo*/
.fixed { position:fixed; top:0px; z-index:9991; left:0px; width:100%; background-color: #eee}
.HomeProfileSlider {
    position: relative;
    overflow: hidden;
}
.HomeProfileSlider-mask {
    width: 445px;
    overflow: hidden;
	height:246px
}
.HomeProfileSlider-list {
    width: 3000px;
}
/* Box tại trợ*/
.sponsor-adv { width:300px; float:left; margin-right:5px}
/* Fix loi quang cao demo */
.fix-adv-hot {width: 300px;
overflow: hidden;
height: 400px;}
.VnnAdsPos .vmc_ads_viewport { display:block; margin:0px auto}
.ssm{ vertical-align: middle; font-size:0px;background: url(../images/full-icon-common.png) -211px 0px no-repeat rgba(0, 0, 0, 0); width:11px; height:11px; overflow:hidden; display:inline-block; opacity: 0.6}
a:hover .ssm{ background-position:-200px 0px}
/*  Box anh home 2018 */

.list_carousel {
	width: 100%;
}
.images-home { background-color: #343434; padding: 10px; border-radius: 3px ;max-width: 440px; overflow: hidden;}
.images-home.Slide{ max-width: 100%; border-top: 2px solid #f69100 } 
.images-home .ParentCate { background-color: #343434; }
.images-home .ParentCate a{ color: #fff }
.images-home .line-red{ border-bottom:1px solid #666666 }
.images-home.Slide{ padding:10px 15px; border-radius: 0px }
.images-home.Slide .widht-list-images li{ width: 200px; margin:10px 15px 10px 0px; }
.images-home.Slide .widht-list-images li:last-child{ margin-right: 0px }
.Slide .btnPrev {    background-color: #fa9403;top: 43px;left: -15px;}
.Slide .btnNext {    background-color: #fa9403;top: 43px;right: -15px;}
.ShowEventSlider.Slide .btnPrev,.ShowEventSlider.Slide .btnNext { top: 28px;  background-color: #970000}

.images-home #foo2 img{ width:420px; height:280px}
.images-home #foo2 a.thumb{ width:420px; height:280px; display: block;}
.images-home .list_carousel .pager{ left: 185px; bottom: 10px }

.images-home .list_carousel a, .images-home { color: #fff }
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.images-home .list_carousel li {
	color: #444;
	width: 420px;
	height: auto;
	padding: 0;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.list_carousel .prev {
	position:absolute;
	top:200px;
	left:0px;
}
.list_carousel .next {
	float: right;
	margin-right: 10px;
}

/* Box vàng ngoại tệ mới*/

.vang-ngoaite-v8 { overflow:hidden; max-height:74px; padding: 5px 10px;border: 1px solid #e5e5e5}

.vang-ngoaite-v8 .unit-title{ background-color:#339a99; color:#fff; font-size:11px; padding:2px 0px; padding: 2px 10px;border-radius: 3px 3px 0px 0px;}
.vang-ngoaite-v8 .item { font-size:11px; color:#333333}
.vang-ngoaite-v8 .title { font-weight:bold;  } 
.vang-ngoaite-v8 .unit-title span { width: 58px; display: inline-block;text-align: center;}
.vang-ngoaite-v8 .unit-slider{
    padding: 0px 10px;
overflow: hidden;}
.ngoaite-slider .caroufredsel_wrapper .caroufredsel_wrapper,.vang-data { max-width: 200px !important; border: 1px solid #e5e5e5 }

.vang-ngoaite-v8 .item span {width: 59x; display: inline-block;text-align: center;}
.vang-ngoaite-v8 .unit-data-v8 { position:relative;width: 202px; margin-right: 10px; padding-bottom: 5px;}
.vang-ngoaite-v8 .unit-data-v8:last-child{ margin: 0px }
.vang-ngoaite-v8 .unit-slider li { float:left; width:190px;padding:5px 0px}
.vang-ngoaite-v8 .unit-slider span { width: 58px; display: inline-block;text-align: center;}
.vang-ngoaite-v8 .ngoaite-slider-mask, .vang-ngoaite-v8 .vang-slider-mask{ width:10000px}

.vang-ngoaite-v8 .ngoaite-slider-button { font-size:12px}
.vang-ngoaite-v8 .ngoaite-slider-button a, .vang-ngoaite-v8 .vang-slider-button a{ color:#c7c7c7}
.vang-ngoaite-v8 .btnNext { position:absolute; top:22px; left:3px}
.vang-ngoaite-v8 .btnPrev { position:absolute; top:22px; right:3px}

.vang-ngoaite-v8 img { max-height: 20px; display:block; margin-top: 5px}
.unit-data-v8 .caroufredsel_wrapper { margin:0px !important}

.BoxCate h3,.BoxCate h4, h3.l-h-20.f-5, .box-small h5,.EventFocus h4 , .EventFocus h5, .fix-nano h2, .fix-nano h3{  line-height:20px}
.BoxCate h4{ font-weight:500px}
.images-home.BoxCate .caroufredsel_wrapper { height:340px !important}
.images-home.BoxCate .caroufredsel_wrapper img { text-shadow: 1px 1px # }

.ParentCate .f-22{ font-size:22px}
.TalkIcon {background: url(../images/full-icon-common.png) -210px -50px no-repeat rgba(0, 0, 0, 0); width:11px; height:24px; display:inline-block; font-size:0px}
.TalkShow { width:100%; overflow:hidden}
.TalkShow ul { width:2000px;}
.ListTalk.list_carousel li { width:340px; max-height:120px ; float: left;}
.ListTalk.list_carousel .caroufredsel_wrapper { height: 105px !important }
.ListTalk.list_carousel .pager span { border-radius:0px}
.height-315{ max-height:330px; overflow:hidden}
.BoxSP1 .widht-list-images.height-315 li{ overflow:hidden; width:142px; height:156px; margin-top:0px}
.BoxSP1 .widht-list-images.height-315 li:nth-child(3n){ padding-right:0px}
.BoxSP1 { background-color:#f2f0f1; padding:0px 5px}

.l-h-34{ line-height:34px}
.search-result { border-top:1px solid #666}
.SearchTool .itemsearch.active { color:#cd2027; border-bottom:1px solid #cd2027} 
.BoxCate.hotnew{ height: 293px; overflow: hidden; }


/*CTBQT*/
.CTBQT .widht-list-images li:nth-child(7),
.CTBQT .widht-list-images li:nth-child(8) {
  display: none;
}
/*End CTBQT*/
.ShowCate2 .widht-list-images li.item .VnnAdsPos.adv{ background-color: #ccc;height: 160px; }
.ShowCate2 .widht-list-images li.item .VnnAdsPos.adv .vmc_ads_viewport{ background-color:#fff; height: 100% }

/* Fix khi ảnh ko lên*/
.f440x293{ width: 440px; height: 293px; }
.f140x93,.w-140.thumb{ width: 140px; height: 93px }
.f240x160,.w-240.thumb{ width: 240px; height: 160px }
.button-blue{padding: 0px 9px;}


/* CSS cho trang english*/

.EngLayout.MenuBottom { background-color: #971928; padding:20px 20px 0px 20px;}
.EngLayout.MenuBottom a { display: inline-block; width: 140px; color: #fff; padding-bottom: 20px; font-family: "NotoSans-Bold";}
.EngLayout.MenuBottom a:nth-child(4),.EngLayout.MenuBottom a:nth-child(10){ width: 200px }
.EngLayout.MenuBottom a:nth-child(11),.EngLayout.MenuBottom a:nth-child(6){ width: 180px }
.EngLayout.Footer { height: 95px }
.EngLayout.Header .search-box{ left: 752px }
.EngLayout ul.menu-top li.item a { padding:0px 6px ;  text-transform: uppercase  }
.EngLayout .zone-contact {    top: 36px;font-size: 11px; color: #9d9d9d;left: 445px; }
/* END CSS cho trang english*/

/*Event Thi PTTH2019*/
.Box-HotEvent.BoxTHPT2019 { background: url(../event/bg-thpt2-440.jpg) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 440px; height: 220px  }
.Box-HotEvent.BoxTHPT2019 .Box-HotEventBody a { color: #20334e; font-size: 13px; line-height: 18px }
.Box-HotEvent.BoxTHPT2019 .widht-list-images { margin-left: 17px }
.Box-HotEvent.BoxTHPT2019 .widht-list-images li { width: 130px;   }
.BoxTHPT2019 .ssm{ opacity: 1 }

.Box-HotEvent.BoxTHPT2019.w660 { background: url(../event/bg-thpt2-660x300.jpg) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 660px; height: 300px; max-height: 330px  }
.Box-HotEvent.BoxTHPT2019.w660 .widht-list-images li { width: 195px; margin-right: 10px; height: auto;  }
.Box-HotEvent.BoxTHPT2019.w660  .widht-list-images { margin-left: 28px }
.BoxTHPT2019.Box-HotEvent .btn-hotevent { height: 40px;  }
.Box-HotEvent.BoxTHPT2019.w660 .Box-HotEventBody a {  font-size: 16px; line-height: 24px }

.BoxTHPT2019.Box-HotEvent .btn-hotevent{ width: 495px; display: inline-block; }
.BoxTHPT2019.Box-HotEvent h2{ display: inline-block; }
.BoxTHPT2019.Box-HotEvent .link { width: 96px; display: inline-block; margin: 8px 0px 0px 10px;  height: 50px; font-size: 0px; vertical-align: top; }

.BoxTHPT2019.Box-HotEvent.Home .btn-hotevent{ width: 290px; display: inline-block; }
.BoxTHPT2019.Box-HotEvent.Home h2{ display: inline-block; }
.BoxTHPT2019.Box-HotEvent.Home .link { width: 80px; display: inline-block; margin: 8px 0px 0px 18px;  height: 50px; font-size: 0px; vertical-align: top; }





.Box-HotEvent.BoxTSDH2019 { background: url(../event/bg-box-tsdh2019-440.jpg) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 440px; height: 220px  }
.Box-HotEvent.BoxTSDH2019 .Box-HotEventBody a { color: #20334e; font-size: 13px; line-height: 18px }
.Box-HotEvent.BoxTHPT2019 .widht-list-images li { width: 130px;   }
.BoxTSDH2019 .ssm{ opacity: 1; background-color: #02806b}

.Box-HotEvent.BoxTSDH2019.w660 { background: url(../event/bg-box-tsdh2019-660.jpg) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 660px; height: 300px; max-height: 330px  }
.Box-HotEvent.BoxTSDH2019.w660 .widht-list-images li { width: 195px; margin-right: 10px; height: auto;  }
.Box-HotEvent.BoxTSDH2019.w660  .widht-list-images { margin-left: 28px }
.BoxTSDH2019.Box-HotEvent .btn-hotevent { height: 40px;  }
.Box-HotEvent.BoxTSDH2019.w660 .Box-HotEventBody a {  font-size: 16px; line-height: 24px }

.BoxTSDH2019.Box-HotEvent .btn-hotevent{ width: 495px; display: inline-block; }
.BoxTSDH2019.Box-HotEvent h2{ display: inline-block; }
.BoxTSDH2019.Box-HotEvent .link { width: 96px; display: inline-block; margin: 8px 0px 0px 10px;  height: 50px; font-size: 0px; vertical-align: top; }

.BoxTSDH2019.Box-HotEvent.Home .btn-hotevent{ width: 290px; display: inline-block; }
.BoxTSDH2019.Box-HotEvent.Home h2{ display: inline-block; }
.BoxTSDH2019.Box-HotEvent.Home .link { width: 80px; display: inline-block; margin: 8px 0px 0px 18px;  height: 50px; font-size: 0px; vertical-align: top; }






/*Box Radio*/
.Radio-Box-Show { position: absolute; top: 0px; left: 0px; width: 423px; z-index: 9;}
.Radio-Box .stage1 { cursor: pointer;}
.Radio-Box-Tool { z-index: 9; background: url(../images/radio-common.png) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 377px; height: 41px; position: relative;line-height: 41px; font-size: 11px; color: #fff; padding-left: 45px}
.Radio-Box-Tool .btn-close { font-size: 0px;  background: url(../images/radio-common.png) -160px -60px no-repeat rgba(0, 0, 0, 0); width: 17px; height: 17px; display: inline-block;  position: absolute; top: 12px; right:15px}
.Radio-Box-Tool .btn-list { font-size: 0px;  background: url(../images/radio-common.png) -80px -60px no-repeat rgba(0, 0, 0, 0); width: 29px; height: 27px; display: inline-block; position: absolute; top: 7px; right: 44px }
.Radio-Box-Tool .btn-list.action { font-size: 0px;  background: url(../images/radio-common.png) -120px -60px no-repeat rgba(0, 0, 0, 0); width: 29px; height: 27px; display: inline-block; }
.Radio-Box-List { border: 1px #e6e6e6 solid; background-color: #eff1f9; z-index: 7; border-right: 2px #e6e6e6 solid; border-left: 2px #e6e6e6 solid;
width: 380px;position: absolute; left: 20px; top:41px; }
.Radio-Box-List a { display: block; border-bottom: 1px solid #e1e1e1; padding: 0px 10px; font-weight: 700; color: #5c6273; line-height: 24px; padding: 6px 25px; }
.Radio-Box-List a:last-child{ border:0px }
.Radio-Box-List a.action{ background-color:#e6e6e6;}
.fix-nano-r { width:380px; height:250px; background: url(../images/one.png) 379px top repeat-y rgba(0, 0, 0, 0) }
.Radio-Box .nano > .nano-pane > .nano-slider { background-color: #3a53a4 }

.HomeNewsSlider.action { position:relative; overflow:hidden; width:384px}
.HomeNewsSlider.action .HomeNewsSlider-mask{width:343px;overflow:hidden; height:50px}
.stage1 .btn-close {width: 20px; height: 20px; display: inline-block;  position: absolute; top: 11px; left:117px; display: block; font-size: 0px}
.Radio-Box.fixed {top:30px;background:transparent !important;}
.Radio-Box.fixed .stage1, 
.Radio-Box.fixed .stage2 {width:980px;margin: 0 auto;}
.Radio-Box.fixed .stage2 {position:relative;}
.Radio-Box .rmp-color-bg{background: transparent !important;}
.Radio-Box .rmp-error-text{background: #3a53a4 !important;}
/*END Box Radio*/


/*Event Box chúc mừng 2020*/
.Box-HotEvent.Box2020  { background: url(../event/cnm2020-440.jpg) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 440px; height: 220px ; overflow: hidden;}
.Box-HotEvent.Box2020  .Box-HotEventBody a { color: #202020; font-size: 12px; line-height: 16px }
.Box-HotEvent.Box2020  .widht-list-images { margin-left: 17px; margin-top: 7px }
.Box-HotEvent.Box2020  .widht-list-images li {  margin-right: 8px   }
.Box2010  .ssm{ opacity: 1 }

.Box-HotEvent.Box2020.w660 { background: url(../event/cnm2020-660.jpg) 0px 0px no-repeat rgba(0, 0, 0, 0); width: 660px; height: 332px; max-height: 332px ; overflow: hidden; }



.Box-HotEvent.Box2020.w660 .widht-list-images li { width: 195px; margin-right: 10px; height: auto;  }
.Box-HotEvent.Box2020.w660  .widht-list-images { margin-left: 28px; margin-top: 20px}
.Box2020 .Box-HotEvent .btn-hotevent { height: 30px;  }
.Box-HotEvent.Box2020.w660 .Box-HotEventBody a {  font-size: 15px; line-height: 20px }


.Box2020.Box-HotEvent .btn-hotevent{ width: 230px; display: block; margin: 0px auto; padding: 0px; height: 50px }
.Box2020.Box-HotEvent.w660 .btn-hotevent{ width: 280px; display: block; margin: 0px auto; padding: 0px; height:73px }
.Box2020.Box-HotEvent h2{ display: block; }

/* End KTCN2018 */


