*html .minHeight  { height:500px}
.minHeight { min-height:500px; height:auto}


body { color:#333333; font:80%/1.5 Helvetica,Arial,FreeSans,sans-serif; background:#e2e2e2; margin:0; padding:0; line-height:20px}

a { color:#f00472}
a:hover { color:#363636; text-decoration:none}

.txtHotNews {
    color: #FFFFFF;
    height: 100px;
    left: 0;
    overflow: hidden;
    padding:0 5px;
    position: absolute;
    bottom: 0px;
    z-index: 10;
}

.ul_xemngay_right,.img_xemngay_right,.img_xemngay_right >a>img{
    width: 100%;
}

.img_xemngay_right > a >span{
    color : #000;
    text-transform: uppercase;
    font-weight: 600;
}

.img_xemngay_right:not(:first-child){
    text-align: center;
    line-height: 30px;
    border:1px solid #270716;
    border-radius:  5px;
    width: 70%;
    margin-left: 15%;
    margin-bottom:5px;
}

.bgtxtHotNews {
    background: none repeat scroll 0 0 #000000;
    height: 100px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    bottom: 0px;
    width: 455px;
    z-index: 6;
}


.site { width:960px; margin:0 auto; }

.logo { padding:5px}

.menuTop { background:url(../images/bg/bg_menuL.png) no-repeat left top; float:left; height:35px; padding-left:10px}
.inMenuTop { float:left; background:url(../images/bg/bg_menuR.png) no-repeat right top; height:35px; line-height:35px; padding-right:10px}
.menuTop li a { float:left; height:35px; color:#fff; line-height:35px; font-weight:bold}
.menuTop li a span { background:url(../images/bg/bg_line.png) no-repeat right; display:inline-block; height:35px;  padding:0 19px;}
.menuTop li.none span { background:none}

.blogTopHome { background:url(../images/bg/bg_hot.png) repeat; border:1px solid #000; padding:15px; margin-bottom:20px}
.blogNHome { float:left; width:730px; padding:10px; background:#18191a; border:1px solid #414143}
.blogNComment { float:right; width:155px}

.titleL { color:#64df3e; font-size:20px; font-weight:normal; margin:0 0 10px 0}
.titleR { color:#f00472; font-size:20px; font-weight:normal; margin:0 0 10px 0}
.listNComment li { background:url(../images/bg/bg_tips.png) no-repeat; width:131px; height:80px; padding:10px;line-height:16px; margin-bottom:10px}
.listNComment li a { color:#fff; height:65px; overflow:hidden; display:block }
.listNComment li a:hover { text-decoration:underline}

.blogBody { margin:3px 0 20px 0; background:#fff; border:1px solid #b8b7b7; padding-bottom:20px}
.rowBar { background:url(../images/bg/bg_barAll.png) no-repeat; height:47px; color:#fff; margin-top:-4px; margin-bottom:20px}
.titleBarA { float:left; width:700px; padding:10px; font-size:18px; font-weight:bold; text-shadow:1px 1px 1px #000}
.colShare { float:right; width:120px; padding:10px; text-align:right}
.colShare a { margin:0 5px}

.mainLeft { width:645px; float:left; margin-left:15px}
.mainRight { width:266px; float:right; margin-right:15px}

.rowNews { margin:0px 0 40px}
.rowNews .colPic { width:220px; margin:0; float:left} 
.rowNews .colTxt { float:left; margin-left:10px; width:390px}
.colPic img { width:200px; height:140px; padding:5px; border:1px solid #cfcfcc}
.colPic img:hover { border:1px solid #fff}
.titleCa { font-size:12px; text-transform:uppercase; color:#fff; float:left; padding:3px 10px; background:#333; font-weight:bold; margin-bottom:10px}
.titleCa:hover { color:#fff; text-decoration:underline}
.titleNews { clear:both; margin:0px 0 10px 0; font-size:18px; line-height:22px; font-weight:normal}
.rowUp { font-size:11px; color:#888; margin-top:10px}

.pageNum { background:#f1f1ef; padding:10px; border:1px solid #cdc7c2;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; color:#222; text-transform:uppercase; font-size:11px}
.pageNum a { color:#f00472; display:inline-block; padding:2px 8px; border:1px solid #f1f1ef; margin:0 3px}
.pageNum a:hover, .pageNum a.active { background:url(../images/bg/bg_num.png) repeat-x top; border:1px solid #cdc7c2; color:#000}

.boxRigth { background:#fff; border:1px solid #cfcfcc; padding:1px; margin-bottom:20px}
.inboxRigth { background:#efefef; padding:0px }
.titleRight { background:url(../images/bg/bg_barR.png) no-repeat; height:35px; color:#fff; font-weight:bold; font-size:14px; padding:0 10px; line-height:35px; margin:-5px -1px 0 -1px}

.listViewMore li { padding:5px 10px; border-bottom:1px solid #fff; line-height:16px }
.abn { float:left; padding:10px 1px; font-weight:bold}
.listViewMore li img { width:45px; height:40px; float:left; margin:0 10px 5px}
.listViewMore li a { color:#111}
.listViewMore li a:hover { text-decoration:underline}

.boxSearch { padding:10px}
.inpS { width:180px; padding:5px; background:#fff; border:1px solid #777}
.bntS { padding:5px; border:0; color:#fff; background:#777; font-weight:bold; cursor:pointer}

.listComments { padding:10px}
.listComments li { background:url(../images/ico/ico_listN.png) no-repeat left 12px; padding:5px 5px 5px 15px}
.listComments li a { color:#f00472}
.listComments li a:hover { text-decoration:underline}

.boxTag { padding:10px; font-weight:bold; text-align:center;}
.boxTag a { background:#fff; color:#444; padding:3px 6px; display:inline-block; margin:2px 3px;}
.boxTag a:hover { color:#fff; background:#7CCB16}

.blogLasted { background:#fff; border:1px solid #b8b7b7; padding-bottom:0px}
.titleLasted { background:url(../images/bg/bg_barAll.png) no-repeat; height:47px; margin-top:-5px}
.listTitle li { float:left; color:#fff; font-weight:bold; font-size:14px}
.hotN { padding:0px 10px; line-height:47px}
.listTitle li a { float:left; padding:0px 0px; color:#7ccb16; line-height:47px; text-align:center; width:200px}
.listTitle li a:hover { color:#fff}
.listTitle li.fl a { width:150px; padding-right:30px}
.listTitle li.fr a { padding-left:50px}

.colListNews { float:left; width:22%; margin:1.5%; display:inline-block; position:relative; padding-bottom:30px}
.picLN { margin-bottom:10px }
.picLN img { width:200px; height:140px; padding:5px; border:1px solid #cfcfcc}
.picLN img:hover { border:1px solid #aaa}
.txtLN { font-size:14px; margin-bottom:10px}
.txtLN a { color:#000}
.listLN li { padding:5px; border-top:1px solid #ccc; line-height:18px }
.listLN li a { color:#555}
.listLN li a:hover { color:#f00472}
.colListNews .moreLN  { position:absolute; bottom:0px}
.moreLN { color:#f00472; font-weight:bold; text-align:right}

.barDetail {  position:relative; left:-23px}
.inBarD { left:-7px; background:url(../images/bg/bg_r1.png) no-repeat left bottom; height:42px}
.colLB { background:url(../images/bg/bg_bar.png) repeat-x; color: #FFFFFF; display: inline-block; float: left; font-weight: bold; height: 25px;line-height: 25px;
padding: 6px 25px 7px; text-transform: uppercase; width:460px}
.colRB { float: right; height:25px; overflow: visible;  text-align: center; width: 124px; background:#676767; color:#fff; padding: 8px 5px 5px;}
.colRB a { font-weight:bold; color:#fff}
.colRB a:hover { text-decoration:underline}

.dateB { float:right; font-size:9px}
.colLB h4 { font-weight:bold; color:#fff; font-size:16px; font-weight:bold}

.titleDN { font-size:22px; margin:15px 0; color:#f00472; font-weight:normal}
.boxTagD { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #E0E0E0;  color: #777777; font-size: 0.9em; padding: 10px 15px;}
.DirTxt { margin:15px 0; font-weight:bold; font-style:italic; margin-bottom:15px}

.navBottom { margin:20px 0}

.navigation { padding:10px 15px; font-size:11px}
.navigation a { color:#F00472; margin:0 3px}
.navigation a:hover, .navigation a.active { color:#0d7605; font-weight:bold}
.mar-3 { margin-top:-1px}

.boxLQ { float:left; width:48%; margin-right:2%; display:inline-block }
.boxCCM { float:right; width:48%; display:inline-block }
.boxLQ { border:1px solid #CCCCCC}
.titleLQ { background:#EEEEEE; padding:5px; color:#222; border-bottom:3px solid #fff; font-size:14px}

.boxCCM { border:1px solid #f00472 }
.titleCCM { background:#F00472; padding:5px; color:#fff; border-bottom:3px solid #fff; font-size:14px}

.listLQ li { padding:5px 0px; border-bottom:1px solid #fff; line-height:16px }
.listLQ li.row { background:#eee}
.listLQ li img { width:45px; height:40px; float:left; margin:0 10px 5px; padding:1px; border:1px solid #ccc}
.listLQ li a { color:#111}
.listLQ li a:hover { text-decoration:underline}
.listLQ li.bold { text-align:right; padding:5px}

.listCCM li { padding:5px 0px; border-bottom:1px solid #fff; line-height:16px }
.listCCM li img { width:45px; height:40px; float:left; margin:0 10px 5px; padding:1px; border:1px solid #ccc}
.listCCM li.row { background:#FFFFEA;}
.listCCM li.row a { color:#f00472;}
.listCCM li a { color:#111}
.listCCM li a:hover { text-decoration:underline}
.listCCM li.bold { text-align:right; padding:5px}

.boxArchor { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #E0E0E0;  color: #777777; font-size: 0.9em; padding: 10px 15px; margin:20px 0 2px 0}
.boxArchor h4 { font-size:20px; padding-bottom:10px}
.imgAr { width:35px; height:35px; border:1px solid #ccc; padding:2px; float:left; margin:0 10px 10px 0}
.nameA { font-weight:bold; font-size:14px} 
.bntVote { background:#F00472; float:left; height:40px; line-height:40px; text-align:center; padding:0 20px; color:#fff; font-size:16px}
.bntSend { background:#7CCB16;  height:40px; line-height:40px; text-align:center; padding:0 20px; color:#fff; font-size:16px; border:0; cursor:pointer}

.blogComment { margin:20px 0}
.blogComment .barDetail { left:-8px}
.blogComment .colLB { float:none; width:auto; font-weight:normal}

.formComment { margin:0 100px; color:#999;}
.formComment .title { font-size:28px; color:#BBBBBB; padding:20px 0; font-weight:normal}
.title2 { font-size:18px; color:#999; font-weight:normal}
.formComment label { float:left; width:200px; color:#222}
.formComment br { clear:both}
.inpFr { width:350px; border:1px solid #DCDCDC; background:#f8f8f8; padding:5px; margin-bottom:10px}
.areaCom { width:350px; border:1px solid #DCDCDC; background:#f8f8f8; padding:5px; margin-bottom:10px; height:100px}
.bto { margin:5px 5px 5px 200px}

.titleAll { font-weight:bold; color:#202020; font-size:16px; text-transform:uppercase; margin-bottom:0px; padding:10px 0}
.contactFrom { margin:5px auto;padding:20px 40px;  }
.contactFrom  label { float:left; width:100px; margin-bottom:10px}
.contactFrom  br { clear:both}
.inpContact { width:280px; padding:5px; border:1px solid #DCDCDC; background:#f8f8f8;}
.inpCode { width:150px; padding:2px}
.areaContact { width:290px; height:80px; margin-bottom:10px; border:1px solid #DCDCDC; background:#f8f8f8;}

.address { padding:20px 40px; line-height:30px}
.address b { color:#3881AF; margin-right:10px}


.footer { background:#202122; padding:5px; border-top:2px solid #7CCB16; color:#fff} 
.copyR { float:left; padding:5px 10px; font-size:11px}
.copyR b { color:#7CCB16}
.icoTop { float:right; width:50px; text-align:right}