@charset "utf-8";
/*/////////////////////////////////////
=======================================
========|| Copyright: thanhPr[0] ||====
-- mail:thanhtran0104@gmail.com ---/// */

/*@import url(fontsize.css);
@import url(../font-awesome/css/font-awesome.css);*/
@import url(jquery.ad-gallery.css);

/*////////////////////////////////////*/

/*@font-face {font-family:'RobotoCondensed-Bold';
	src: url('../fonts/RobotoCondensed-Bold.ttf');
	src: url('../fonts/RobotoCondensed-Bold.eot') format('eot');
	src: local('?'), url('../fonts/RobotoCondensed-Bold.woff') format('woff'), url('../fonts/RobotoCondensed-Boldr.otf') format('opentype'), url('../fonts/RobotoCondensed-Bold.svg') format('svg');
}
@font-face {font-family: 'RobotoCondensed-Bold';
	src: url('../fonts/Roboto-Bold.ttf');
	src: url('../fonts/Roboto-Bold.eot') format('eot');
	src: local('?'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Boldr.otf') format('opentype'), url('../fonts/Roboto-Bold.svg') format('svg');
}
@font-face {font-family:'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.ttf');
	src: url('../fonts/Roboto-Regular.eot') format('eot');
	src: local('?'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regularr.otf') format('opentype'), url('../fonts/Roboto-Regular.svg') format('svg');
}*/


a:hover{text-decoration:underline; outline:none;}
body{margin:0; background:#f9f9f9; padding:0; font-size:13px; color:#3b3b3d; position:relative; line-height:18px;}
#bodyMainfull{position:relative; margin:0; padding:0;min-width:1160px !important}
#fixMainBdy,
#mainBdy,
.heder-ctent,
.footer-content,
.shareboxfull{width:1160px; margin:0 auto;}
#fixMainBdy{padding-bottom:10px; position:relative;}
.boxShareColfull{margin:0 auto;}
#header{margin:0; padding:0; position:relative; background:#f3f3f5; clear:both; border-bottom:6px solid #21265d;}
.logo{clear:both; padding:10px 0;text-align:center;}
.boxNavSearch{padding: 0 0 20px 0; clear:both; position:relative;}
#nav{ width:900px; float:left; margin:0; padding:0;}
#nav ul{margin:0; padding:0;}
#nav ul li{float:left; line-height:30px; list-style:none; margin:0; padding: 0 20px 0 0; font-size:18px; text-transform:uppercase; font-weight:bold;}
#nav ul li a{color:#20275b; display:block;font-family: 'RobotoCondensed-Bold';}
.boxSearch{background:url(../images/live/box-search.png) no-repeat; width:225px; height:27px; float:right;}
.boxSearch input[type=text]{border:none; background:none; padding:3px; width:196px; height:25px; color:#666; float:left; outline:none;}
.boxSearch input[type=button]{float:right; border:none; cursor:pointer; background:none; width:26px; height:25px; outline:none;}
.boxBarLive{background:#b32229; padding:20px 0 20px 0; clear:both; position:relative; color:#FFF; margin-bottom:20px;}
.boxBarLive .left{width:300px; 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:left; 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;font-size:14px}
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;margin-bottom:50px;}
.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:10px; clear:both; position:relative; left:1px; text-decoration:none; cursor:pointer;font-size:14px;}
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{background:url(../images/live/line-content.png) top left repeat-y; padding-left:40px; clear:both; position:relative;}
.blogItemStreams{clear:both; position:relative; padding-top:25px;}
span.noteTimeline,
span.noteTimelineed{background:#f9f9f9; padding:10px 0 10px 0; display:inline-block; position:absolute; top:-10px; left:-60px;font-size:14px;}
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,h4.title{text-transform:uppercase;font-family: 'RobotoCondensed-Bold'; font-size:24px; margin-bottom:20px; clear:both; display:block; text-decoration:none;}
h2.title a,h4.title a,h4.title span,h2.title span{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;
}