﻿.head-news-cover-wrapper h2{margin:0;overflow:hidden;line-height: 18px;}
.head-news-cover-wrapper h2 a{
	margin: 0;
    padding: 8px 0px 0;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 700;
    font-size: 19px;
    line-height: 26px;
    color: #3D5586;
}
.featured{position:relative;height:468px;overflow:hidden;}
.featured ul.ui-tabs-nav{position:absolute;top:0;left:63%;list-style:none;padding:0;margin:0;overflow:auto;overflow-x:hidden;width:37%;padding-left: 15px;text-align: justify;margin-top:-5px;max-height: 460px;padding-right: 10px;}
.featured ul.ui-tabs-nav li{
	border-bottom:1px #e2e2e2 dashed;font-size:9pt;color:#666;overflow:hidden;
	width: 100%;
    display: inline-block;}
.featured ul.ui-tabs-nav li img[src='']{visibility:hidden}
.featured ul.ui-tabs-nav li span{
    font-size: 15px;
    line-height: 23px;
    text-align: justify;
    font-weight: 400;
    font-family: 'Roboto';
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.featured li.ui-tabs-nav-item a{
	display: block;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #fff;
    line-height: 20px;
    outline: none;
    padding: 8px 0px;
    background: transparent !important;
    width: 100%;
    display: inline-block;
}
.featured li.ui-tabs-nav-item:last-child,
.featured li.ui-tabs-nav-item:last-child a {
	padding-bottom: 0;
	border-bottom: none
}
.featured li.ui-tabs-nav-item a:hover{background:#eee;}
.featured ul.ui-tabs-nav li.ui-tabs-selected a, .featured ul.ui-tabs-nav li.ui-tabs-active a{font-weight:bold;background:#eee;}
.featured .ui-tabs-panel{width:63%;position:relative;}

.featured .ui-tabs-panel img[src='']{display:none}
.featured .ui-tabs-panel .info{text-align: justify;margin-top:5px}
.featured .ui-tabs-panel .info a.hideshow{position:absolute;font-size:9pt;color:#000;right:10px;top:-20px;line-height:20px;margin:0;outline:none;background:#333;}
.featured .info h2{font-size:10pt;padding:5px 0;margin:0;font-weight:normal;overflow:hidden;font-weight:bold;}
.featured .info p{margin:0px;font-size:14px;line-height:20px;color:#000; font-family: Roboto}
.featured .info a{text-decoration:none;font-family:Arial, Helvetica, sans-serif;line-height:20px;}
.featured .ui-tabs-hide{display:none;}
.featured .ui-tabs-nav-item img{
    width: 105px;
    height: 68px;
    border-radius: 6px;
    flex: 1 0 110px
}
.featured .ui-tabs-nav-item span a{font-size:9pt;font-family:Arial, Helvetica, sans-serif;}

.tabbed .tabcont .tabcontent{display:none;line-height:20px;}
.tabbed .tabcont .tabcontent img{max-width:100%;}
.tabbed .tabcont .tabcontent.active{display:block;}
.tabnav{list-style:none;padding:0;width: 100%; display: inline-block; border-bottom: 2px solid #c00d0d;}
.tabnav li{float:left; margin-right:1px; display: inline-block}
.tabnav li a:hover{text-decoration:none;}
.tabnav li a{
	display: block;
    padding: 7px 11px;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    color: #c00d0d !important;
    background: #005798;
    text-transform: uppercase;
    font-weight: 500;
    font-family: roboto, Arial, Helvetica, sans-serif;
    transition: all ease .3s;
}
.tabnav li.active a, .tabnav li:hover a, .tabnav li:focus a {
    color: yellow !important;
    background: #0e58c0;
}
.tabnav li:first-child a{
	padding-left:50px;
	background-image: url('/portal/_res/img/bg-title.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.at-btn,.at-sep,.at-btn .icon,.at-btn .icon-text{display:inline-block;}
.at-btn{
	padding:4px;cursor:pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
  line-height: 8px;
vertical-align: middle;
}
.at-btn .icon{
	content:" ";
	width:16px;
	height:16px;
	background-position:16px 16px
}
.at-btn .icon-text{
	height:16px;width:auto;font-weight:bold;vertical-align: middle;
line-height: 16px;
}
.at-sep{
	padding: 8px 2px;
vertical-align: middle;
border-left: 1px #888 solid;
}
/*Weather*/
ul.forecast-small{list-style:none;padding:6px;}
ul.forecast-small>li{background:#f0f0f0;color:#222;text-align:center;padding:4px}
ul.forecast-small>li .temp-high,ul.forecast-small>li .temp-low{padding:0;color:#fff;margin:0 -4px;margin-top:2px}
ul.forecast-small>li .temp-high{color:#ff006e}
ul.forecast-small>li .temp-low{color:#0094aa}
ul.forecast-small>li .wt-item-capt{font-weight:700;color: #666;}
ul.forecast-small>li.night{background:#333;color:#ddd}
ul.forecast-small>li.night .wt-item-capt{color:#aaa}
ul.forecast-small.horizontal {
    overflow:auto;overflow-y:hidden;white-space: nowrap;
}
ul.forecast-small.horizontal > li {
    display:inline-block;margin:2px;min-width:60px
}
.weather-temp-big{font-size:72px;color:#333;display:inline-block}
.weather-icon-big{float:left;margin-right:12px}
.weather-temp-unit-switch-cont{display:inline-block}
.weather-temp-unit-switch-cont ul{list-style:none;padding:0}
.weather-temp-unit-switch{color:#aaa;font-size:22px}
.weather-temp-unit-switch.selected{color:#222}
.weather-section{
	position:relative;overflow:hidden;background: #eee;
    margin-top: 5px;
    margin-bottom: 8px;
    padding: 6px; display: flex;
    align-items: center;
}
.weather-section>div>select{
	background: transparent;
    border: none;
    padding: 10px 10px 10px 20px;
}
.fancybox-inner .weather-section{background:none;margin:0;padding:0}
.weather-section:after{display:block;content:" ";clear:both}
.binh-chon .body::after {
    display: none;
}
.fancybox-wrap{
	max-width:100%!important;
}
.fancybox-inner{
	position:relative
}
.loading{position:fixed;}
.section-loading{position:absolute;}
.loading,.section-loading{
left:0;top:0;right:0;bottom:0;
	background-color:rgba(255,255,255,.5);
	background-image:url(img/loader.gif);
	background-position:center center;
	background-repeat:no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ffffff', endColorstr='#88ffffff',GradientType=0 ); /* IE6-9 */
	z-index:999;
}
.block{margin-bottom:5px;margin-bottom:15px;height:auto;}
.block.border{padding-bottom: 0px;}
.block .body{overflow:hidden;}
.TD-div-module-right .TD-link-img{
	margin-bottom: 10px;
}
.TD-div-module-left .block .body, .TD-div-module-right .block .body, .TD-main-left .block .body, .TD-main-right .block .body{
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 2px 1px #fff;
    border-top: none; margin-bottom: 15px;
    position:relative;
    overflow:inherit;
    border-radius: 0 0 5px 5px;
}
.TD-div-module-left .block .body .body, .TD-div-module-right .block .body .body, .TD-main-left .block .body .body, .TD-main-right .block .body .body{background: transparent; border: none; box-shadow: none;}
.TD-div-module-left .block .body .body:after, .TD-div-module-right .block .body .body:after, .TD-main-left .block .body .body:after, .TD-main-right .block .body .body:after {display: none;}
.TD-div-module-left .block .body:after, .TD-div-module-right .block .body:after, .TD-main-left .block .body:after, .TD-main-right .block .body:after{
	content: '';
	position: absolute;
	top:100%;
	left:15%;
	right: 15%;
	height:15px;
	background-image: url('/portal/_res/img/shadow-box.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}
.block>.title,.block .tandan-div-article-other p.tandan-p-article-other{text-align:left;padding-left:0px;color:white;line-height:27px; border-bottom: 2px solid #c10e0d;overflow-x: hidden;}
.block>.title.flat{background:none;color:#333;line-height:20px}
.block .title a, .block .tandan-div-article-other p.tandan-p-article-other{
	position: relative;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 3px 3px 3px 45px;
    background: #2574e0;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Roboto, arial, sans-serif !important;
    background-image: url('/portal/_res/img/bg-title.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    font-size: 14px;
}
.tabnav li:last-child a{
	position:relative
}
.block .title a:after, .tabnav li:last-child a:after{
	position: absolute;
    content: '';
    left: 100%;
    bottom: 4px;
    width: 0px;
    height: 100%;
    top: 0;
    display: inline-block;
    border-bottom: 33px #2574e0 solid;
    border-left: 0px transparent solid;
    border-right: 20px transparent solid;
}
.tabnav li:last-child a:after{
    border-bottom: 31px #f7d383 solid;
    transition: all ease .3s;
}
.tabnav li:last-child.active a:after, .tabnav li:last-child:hover a:after{
    border-bottom: 28px #005798 solid;
}

.td-slide-rotate {
    width: 100%;
    height: 170px;
    overflow:hidden
}
.td-slide-rotate > li>a {
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.td-slide-rotate > li img {
    object-fit: cover;
}
.contact table,.contact table tr,.contact table td{border-style:none;border-color:transparent}