@charset "utf-8";

.boxBarLive{background:#b32229; padding:20px 0 20px 0; clear:both; position:relative; color:#FFF; margin-bottom:20px;}
.boxBarLive .left{width:380px; float:left; position:relative;}
.boxBarLive .left h1,.boxBarLive .left h2{font-size:24px; text-transform:uppercase;font-family: 'RobotoCondensed-Bold'; padding-bottom:15px;}
.boxBarLive .left .streams{background:url(../images/live/ico-live.png) left no-repeat; padding-left:20px; font-family: 'RobotoCondensed-Bold'; line-height:20px; font-size:16px;}
.boxBarLive .right{width:778px; float:right; position:relative;}
.boxBarLive .right h2,.boxBarLive .right h1{font-size:22px; text-transform:uppercase;font-family: 'RobotoCondensed-Bold'; line-height:normal;}
#colLeft{width:300px; float:right; position:relative; color:#777;}
#colRight{width:778px; float:left; position:relative;margin-left:70px;}
.colLivetreamTime{width:300px;}
.blogAuthor{padding-bottom:10px; clear:both; margin-bottom:10px; font-size:16px;}
.blogAuthor p{padding:0 0 8px 0; margin:0;}
span.line{background:url(../images/live/note.png) left center no-repeat; display:block; line-height:20px; padding-left:15px;}
.blogShareSocial{clear:both; padding:6px 0 6px 0; position:relative; margin-bottom:10px;}
.blogShareSocial a.comment,
.blogShareSocial a.shareSocial,
.blogShareSocial a.likeFace{background:url(../images/live/icon-share-content.png) top left no-repeat; padding-left:40px; height:40px; overflow:hidden; display:inline-block; margin-right:15px; font-size:14px; line-height:30px; color:#B4B3B1;}
.blogShareSocial a.shareSocial{background-position:0 -44px;}
.blogShareSocial a.likeFace{background-position:0 -94px;}
.bderDted{border-bottom:1px dotted #bdbdbd;}
.blogloading{padding:6px; background:#e7e8ea; line-height:23px;}
a.back{background:url(../images/live/back.png) no-repeat; width:23px; height:23px; display:inline-block; float:right;}
ul.listItemComment{margin:0; padding:0 0 10px 0; clear:both; list-style:none;}
ul.listItemComment li.one,
ul.listItemComment li.two{margin:0; padding:6px; background:#e7e8ea; line-height:18px; list-style:none;}
ul.listItemComment li.two{background:none;}
span.hour{background:url(../images/live/dote.png) left center no-repeat; padding-left:10px; display:inline-block; float:right;}
span.nameUser{background:url(../images/live/ico-living.png) left center no-repeat; padding-left:20px; display:inline-block; float:left;}
.titleComment{padding-bottom:8px; clear:both; position:relative;}
.ctentCment{padding-bottom:8px; clear:both; position:relative;}
.blogCment{position:relative; clear:both; height:545px; overflow:hidden;}
.blogSharecmentlive{clear:both; padding:6px; position:relative; text-align:right;}
.blogSharecmentlive a.cment,
.blogSharecmentlive a.share,
.blogSharecmentlive a.like{background:url(../images/live/icon-share.png) top left no-repeat; height:20px; line-height:20px; overflow:hidden; margin-right:12px; display:inline-block; padding-left:30px;}
.blogSharecmentlive a.share{background-position:0 -33px;}
.blogSharecmentlive a.like{background-position:0 -68px;}
#blogLivesTreams{position:relative; margin:0; padding:0; font-size:16px; line-height:normal;}
.boxTimeline{background:url(../images/live/dote-timeline.png) center top repeat-y; position:absolute; text-align:center; width:60px; left:-103px; z-index:1000;top:62px !important}
.Heading{position:relative; padding-bottom:20px; clear:both; font-family: 'RobotoCondensed-Bold';}
span.noted {
    background: url(../images/live/ico-noted.png) #f9f9f9 center top no-repeat;
    width: 100%;
    height: 21px;
    position: relative;
    display: inline-block;
    top: 0;
    left: 1px;
    margin-bottom: 30px;
    clear: both;
}
span.note,
span.note:hover{background:url(../images/live/ico-living.png) top no-repeat; padding-top:20px; color:#7b7b7b; display:inline-block; margin-bottom:20px; clear:both; position:relative; left:1px; text-decoration:none; cursor:pointer;}
span.note:hover{background:url(../images/live/timeover.png) top no-repeat; color:#21265d}
.boxCtentHver{background:#f9f9f9; color:#787878; border-top:1px solid #f5f6f8; left:100px; position:absolute; top:-34px; padding:20px 20px 0 20px; box-shadow:0 12px 12px rgba(0,0,0,0.8); -moz-box-shadow:0 12px 12px rgba(0,0,0,0.8); -webkit-box-shadow:0 12px 12px rgba(0,0,0,0.8); display:none; text-align:left;}
span.arrLeft{background:url(../images/live/arr-shadow.png) no-repeat; width:76px; height:75px; position:absolute; top:0; left:-76px; display:inline-block;}
span.note:hover .boxCtentHver{display:block;}
.blogCtentLiveStreams{clear:both; position:relative;}
.blogItemStreams{clear:both; position:relative; padding-top:10px;}
span.noteTimeline, span.noteTimelineed {
    padding: 10px 0 10px 15px;
    background: url(../images/ico-clock-1.png) 0px 12px no-repeat;
    display: block;
    width: 100%;
	    color: #b22024;
}
span.noteTimelineed{color:#B32229;}
.boxStreamsImg{padding-bottom:10px; clear:both; position:relative}
.boxStreamsImg img{width:100%;}
.boxStreamsImg .boxShareSocial{padding:10px; float:right; position:absolute; top:0; right:0; display:none;}
.boxShareSocial a.share,
.boxShareSocial a.likes{background:url(../images/live/icon-share-video-2.png) top left no-repeat; display:inline-block; line-height:20px; height:20px; margin-right:10px; color:#FFF; padding-left:23px; text-decoration:none;}
.boxShareSocial a.likes{background-position:0 -44px;}
.boxStreamsImg:hover .boxShareSocial{display:block;}
.boxRadio{background:#dfe3ec; padding:20px; margin-bottom:10px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.boxRadio img.item{float:left; width:100px; margin:0 15px 6px 0;}
.blogTags{background:url(../images/live/bgTaGS.png) top left no-repeat; padding-left:40px; display:block; margin-bottom:15px; clear:both;}
.blogTags ul{margin:0; padding:0;}
.blogTags ul li{float:left; list-style:none; margin-right:6px;}
.blogTags ul li a{background:#ecedef; padding:6px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#133a63; display:inline-block; text-decoration:none; font-size:16px;font-family: 'RobotoCondensed-Bold';} 
.blogTags ul li a:hover{background:#e1e1e2}
.boxRelatednews{padding:30px 0 50px 0; clear:both;}
h2.title{text-transform:uppercase;font-family: 'RobotoCondensed-Bold'; font-size:24px; margin-bottom:20px; clear:both; display:block; text-decoration:none;}
h2.title a{color:#22285c; text-decoration:none;}
.boxRelatednews ul{margin:0; padding:0;}
.boxRelatednews ul li,
.boxRelatednews ul li:last-child{width:240px; margin-right:19px; list-style:none; float:left; font-size:14px; font-family: 'RobotoCondensed-Bold';margin-bottom:12px}
.boxRelatednews ul li:last-child{margin:0;}
.boxRelatednews ul li img{width:100%; clear:both;}
.boxRelatednews ul li a{color:#323232;}
.blogtinHot,
.blogtindaDang{margin-bottom:50px; clear:both;}
ul.listItemNews{margin:0; padding:0;}
ul.listItemNews li{background:url(../images/live/dote-line.png) 0 7px no-repeat; padding-left:20px; list-style:none; margin-bottom:6px;}
ul.listItemNews li a{color:#363233;font-family: 'RobotoCondensed-Bold'; font-size:14px;}
#groupNewsBtom{border-top:8px solid #cdcbcc; padding:20px 0 20px 0; clear:both; position:relative;}
.blogItemNews{width:25%; float:left; background:url(../images/live/bg-list-gray.png) left repeat-y; height:225px; overflow:hidden;}
.blogItemNews:first-child{background:none;}
.blogItemNews div.itemcter,
.blogItemNews:first-child div.itemcter{padding:0 10px 0 10px}
.blogItemNews:first-child div.itemcter{padding-left:0;}
.bderBtom{border-bottom:1px solid #ddd;}
h2.titleblogNews{text-transform:uppercase;font-family:'RobotoCondensed-Bold'; font-size:20px; margin-bottom:20px; line-height:30px;}
h2.titleblogNews a{color:#133960; display:inline-block;}
h2.titleblogNews a:after{content: ''; background:url(../images/live/arrMnu.png) no-repeat; width: 10px; height:15px; display:inline-block; position:relative; left:10px;}
div.itemtopnews,
div.itembottomnews{margin-bottom:8px; clear:both; position:relative; font-family: 'RobotoCondensed-Bold'; font-size:14px}
div.itemtopnews a,
div.itembottomnews a{color:#323230;}
div.itemtopnews img.itemImg{width:100px; float:right; margin:0 0 10px 12px;}
footer#fter{width:100%; margin:0; padding:0; clear:both; position:relative;}
.mnuFter{background:#b32229; border-top:5px solid #22285c; padding:20px 0 20px 0; clear:both; color:#FFF; font-size:14px; font-family: 'RobotoCondensed-Bold'; text-transform:uppercase;}
.mnuFter ul{margin:0; padding:0; float:left;}
.mnuFter ul li{float:left; margin-right:20px; list-style:none;}
.mnuFter ul li a{color:#FFF;}
.mnuFter ul li a img{position:relative; top:-2px;}
.mnuFter .phone{float:right; background:url(../images/live/phone.png) no-repeat; padding-left:26px; display:inline-block;}
.fterBtom{background:#f1f1f1; padding:20px 0 20px 0; clear:both; position:relative;}
.boxRelatednews-img {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 135px;
    margin-bottom: 12px;
}
.boxBarLive .left h1 a, .boxBarLive .left h2 a{color:#fff;}
#__MB_LIVE_UPDATE_TOOL{
	display: block;
    width: 100%;
    height: 32px;
    background: #fdddde;
    position: fixed;
    bottom: 0;
    z-index: 10;
}
.__MASTERCMS_LIVE_ANSWER._TEMPLATE_A {
    width: 93%;
}
#__MB_LIVE_UPDATE_TOOL{
	display: block;
    width: 100%;
    height: 32px;
    background: #fdddde;
    position: fixed;
    bottom: 0;
    z-index: 10;
}