#dnw-main { position: relative; z-index: 1; width: 1000px; margin: 0 auto; cursor: default; background: url(images/bg_menu.png) top repeat-x }
body { padding: 0; margin: 0; color: #322C20; background: #C8000A; font: 13px/1.5 Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; }
.playout ::-webkit-scrollbar {
 width: 6px;
height:8px;
}
 .playout ::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
}
 .playout ::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.dnw-sheet { position: relative; margin: 0 auto; min-width: 990px; margin-top: 0; margin-bottom: 0; cursor: auto; width: 990px; text-align: left; padding: 0 }
.dnw-sheet-body { position: relative; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif }
div.dnw-header { margin: 0 auto; position: relative; padding-bottom: 5px; height: 150px; min-width: 1000px }
div.header_ext { float: right; margin-top: 15px; right: 0; margin-left:-50px; }
div.header_domain { float: right; right: 220px; position: absolute; display: block; overflow: hidden; max-height: 40px; font-weight: 700; color: red; font-size: 32px; text-transform: uppercase; letter-spacing: 3px; text-shadow: 3px 1px 2px rgba(0,0,0,1) }
.h_banner{ position:relative}
div.logo { float: left; margin-top: 10px; width: 90%; max-width:550px }
div.logo img { height: 140px; }
.mobilelicon { float: left }
.mobilelicon a { background: url(images/iphone.png) top center no-repeat; background-size: 60px; width: 60px; height: 60px; display: block; text-indent: -200px; overflow: hidden; margin-top: 10px }
div.dnw-nav { background: url(images/button.png) left -41px repeat-x; margin-bottom: 10px; border: 1px solid #fff; border-left: 0; border-right: 0; width: 990px; margin: 0 auto 10px auto; border-radius: 5px; padding: 0 5px }
.dnw-content-layout { display: table; position: relative; margin: 0; table-layout: fixed; border-collapse: collapse; border: none!important; width: 100% }
.dnw-content-layout .dnw-sheet { border-radius: 5px; padding: 5px; min-height: 800px; background: #FCFCFC }
#dnw-left, .dnw-left { width: 160px; overflow: hidden }
.dnw-content-layout .left { width: 160px; padding-right: 10px }
.dnw-content-layout .right { padding-left: 10px }
.dnw-content-layout .right, .sidebar-roller { width: 300px; }
.dnw-content-layout td { vertical-align: top }
div.dnw-content-top { z-index: 50 }
#flashtop { height: 242px; padding: 0; margin: 0; background: url(images/5.png) }
.dnw-footer { position: relative; margin-bottom: 0; min-width: 1000px }
.dnw-footer .dnw-sheet { overflow: hidden; color: #fff; padding-top: 10px }
.dnw-footer .dnw-sheet a, .dnw-footer .dnw-sheet:visited { color: #fff }
body { padding: 0; margin: 0; color: #322C20; font: 13px/1.5 Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; 
 }
.bodylayout{background-image:url(images/bg_top.gif), url(images/bgbottom.png);
background-position: top, bottom ;
background-repeat: repeat-x}
.playout { background: url(images/bg_opacity.png); margin: 0 auto }
.pcontent { width: 1000px; margin: 0 auto;  }
#header { width: 100%; min-height: 50px;  position: relative; display: inline-block; }
.toppage_menu {
    margin: 0px;
    padding: 0;
    position: absolute;
    clear: both;
    right: 0; top:0;
    float: right;
}
.topbar{ height:40px; z-index:10; width:100%; background:#6E060A; }
.topbar > div{ max-width:1000px; margin:0 auto; position:relative;padding:10px 0; color:#fff;}
#MobileMenuIcon { display: none }
#navbar { width: 100%; max-width:1000px; margin:0 auto; background:url(images/menutop.png) center top no-repeat; background-size:1000px; min-height:47px; border-radius:10px 10px 0 0  }
#navbar.menuontop{ position:fixed; width:100% !important; max-width:100% !important; min-height:30px; top:0; z-index:10; background:#CA0503; border-bottom:1px solid #F90; border-radius:0;}
#cssmenu > ul > li.home > a{    
    background: url(images/ico-home.png) center 3px no-repeat;
    display: inline-block;
    width: 10px;
    height: 15px;
    border-radius: 5px 5px 0 0; }
	
#cssmenu > ul > li.home > a:hover,#cssmenu > ul > li.home > a.active	{    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
    background-color: #f9f9f9;
	background-image: url(images/icon_home_cur.png);
	background-position: center 3px ;
	background-repeat:no-repeat;
	
	}

#breadcrumb { width: 100%; }
#slide { width: 100%; }
#main { clear: both; margin-top:-3px;  }
#main .pcontent{ border-radius:5px; overflow:hidden; }
#main .pcontent >div { background: #fff; display: inline-block; width: 100% }
#content { width: 100%; }
#leftmodule { width: 160px; top: 0; padding-right: 10px; overflow: hidden }
.RTopmodule { float: left; width: 830px; display: inline-block }
#contentmodule { width: 520px; position: relative; background: #fff; }
.modules_bottom { clear: both }
.noleft .RTopmodule { width: 100%; }
.fullpage .RTopmodule { width: 100%; }
.fullpage #contentmodule { width: 100% }
.noleft #contentmodule { width: 690px; }
.noright #contentmodule { width: 830px; }
.fullpage #contentmodule { width: 100% }
.noleft #contentmodule { width: 690px; }
.noright #contentmodule { width: 830px; }
#rightmodule { width: 300px; top: 0; padding-left: 10px; }
#rightmodule .ui-datepicker { width: auto; max-width: none; }
#bottom { width: 100%; }
#foter img{ max-width:100%;}
#foter .clear{ height:0; overflow:hidden}
#foter {     width: 100%;
    clear: both;
    background: #211d1d;
    background-position: top center;
    background-repeat: no-repeat;
    display: inline-block;
    color: #A3A3A3;
    margin-top: 10px;}
#foter .pcontent { padding: 10px 0;  }
#foter .module { width: 50%; float: left; display: inline-block; text-align: center }
.btnshowmenu { display: none; padding: 10px; border: 1px solid #CCC; width: 40px; background: #FFC; border-radius: 3px; }
#contentmodule img, #contentmodule ul, #contentmodule iframe { max-width: 100%; overflow: hidden }
.RTopmodule img, .RTopmodule ul, .RTopmodule div, .RTopmodule iframe { max-width: 100%; }
#contentmodule img, .RTopmodule img { height: auto }

 .menu_footer {
	padding:10px 0px; 
}

 .contact_footer{
	padding-bottom:10px;
}
	
 .footer_support{
	background: #fff;
    padding: 10px 0px 7px 0px;
    border-radius: 10px;
   
}
.footer_support >div{ max-width:1000px; margin:0 auto}
.footer_support .support_chat .hotline{
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	background:url(images/icon_hotline.gif) 0px 3px no-repeat;
	padding-left:30px;
	display:inline-block;
	line-height:25px;
	margin-left:3px;
}
.footer_support .support_ad{
	border-left:#bbbbbb solid 1px;
	padding-left:20px;
	margin-left:20px;
	color:#333333;
	font-weight:bold;
	display:inline-block;
	line-height:25px;
}
.footer_support .support_ad a{
	font-weight:normal;
	color:#333;
}
.footer_support .social_network img{
	max-width:25px;
}
 .copyright {
	background:url(images/hr_menu_footer.png) top repeat-x;
	padding-top:20px;
	text-align:center;
	color:#fff;
	font-size:11px;
	padding-bottom:20px; display:inline-block; width:100%
	}
 .copyright a{
	color:#fe8f8f;
}
 .copyright strong a{
	color:#ffffff;
}
 .copyright strong{
	color:#ffffff;
}	

.copyright .box{ float:left; width:48%; display:inline-block; margin:0 1%; text-align:left}
@media (max-width: 767px) {
.copyright .box{ float:left; width:90%; display:inline-block; margin:0 5%; text-align:center}
}
.top_page{
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:100;
}

.divBoxFooter .boxFooter {
	float: left;
	margin-right: 2%;
	font-size:12px;
	width:23%;
}
.divBoxFooter .boxFooter.last{
	margin-right:0px;
}
.divBoxFooter .boxFooter h2 {
	padding-bottom:12px;
	color: #ffcc00;
	font-size:14px;
	text-transform:uppercase;
}
.divBoxFooter .boxFooter h2 a{
	color: #ffcc00;
}
.divBoxFooter .boxFooter li {
	line-height:24px;
}
.divBoxFooter .boxFooter li a{
	display:block;
	line-height:24px;
	background: 0px 9px no-repeat;
	padding-left:14px;
	color:#fff;
}
.address_footer h2{
	font-size:18px;
	color:#ffcc00;
	line-height:normal;
	padding-bottom:15px;
}
.address_footer li{
	
	display:block;
	line-height:24px;
	margin-bottom:10px;
	padding-left:16px;
}
.address_footer li a{
	color:#fff;
}
.list_domain{
	color:#fff;
	padding:20px 0px;
	text-align:center;
}
.list_domain span{
	padding:0px 3px;
}
.list_domain a{
	color:#fff;
}
.box_kqxs .title {
    background: url(images/iconkqxs.png) left center no-repeat;
    padding: 5px 0 5px 30px;
}
.box_kqxs .top_adv img {
    content: url(/upload/images/banner/doi-so-trung-gia-hao.gif);
}
.tracukqxs .mdcontent{ background:url(images/bg_box_tracuu.jpg); background-size:cover; padding-right:80px;}
@media only screen and (min-width: 768px) {
body { min-width: 1000px; }
.pcontent { width: 1000px; }
#main .pcontent{ padding:5px; width:990px; background-color:#fff;  }
#header { width: 100%; }
#header .pcontent{ background:url(images/bg_footer.png) center bottom no-repeat; height:150px;}
#leftmodule { width: 160px; overflow: hidden; }
#contentmodule { width: 510px; }
#rightmodule { width: 300px; }
#cssmenu {  overflow: hidden; margin:0 15px; }
}
 @media only screen and (min-width: 1050px) {
body { min-width: 1030px; }
.pcontent { width: 1030px;  }
#main .pcontent{ padding:15px; width:1000px; background-color:#fff;  }
#navbar{ max-width:1030px; background-size:1030px;}
#header { width: 100%; }
#leftmodule { width: 160px; overflow: hidden; }
#contentmodule { width: 520px; min-height:10px; }
#rightmodule { width: 300px; }
#cssmenu { overflow: hidden; margin:0 15px; }
}
@media only screen and (min-width: 720px) and (max-width: 767px) {
body { min-width: 720px; }
.pcontent { width: 710px; }
#leftmodule { width: 160px; }
.RTopmodule { float: left; width: 540px; display: inline-block; overflow: hidden; }
#contentmodule { width: 540px; }
#rightmodule { width: auto; margin: 0 auto; float: none; display: table; }
#rightmodule .module { float: left; width: 300px; margin: 0 10px; }
#topnavbar { display: none }
.btnshowmenu { display: block }
.navmenu { display: none }
.floatmenu { display: block; width: 200px; position: absolute; left: 0; }
.floatmenu ul { position: relative !important; width: 100%; display: table !important }
.floatmenu ul li { display: block; float: none }
.fullpage #contentmodule { width: 710px }
.noleft #contentmodule { width: 710px; }
.noright #contentmodule { width: 540px; }

div.header_ext{ position:absolute; top:50px; right:10px;}
}
@media only screen and (min-width: 640px) and (max-width: 719px) {
body { min-width: 640px; }
.pcontent { width: 640px }
#content img { width: 100%; }
#leftmodule { width: 0; display: none; }
.RTopmodule { float: none; width: 100%; display: inline-block; overflow: hidden; }
#contentmodule { width: auto; float: none; padding: 0 5px; }
#rightmodule { width: 100%; padding-left: 0; margin-top: 10px; }
#rightmodule .module { float: left; width: 300px; margin: 0 10px; }
div.bangkqxs_link { }
#contentmodule img { height: auto; max-width: 100% }
#contentmodule ul, #contentmodule div, #contentmodule * { max-width: 100% }
#topnavbar { display: none }
.btnshowmenu { display: block }
.navmenu { display: none }
.floatmenu { display: block; width: 200px; position: absolute; left: 0; }
.floatmenu ul { position: relative !important; width: 100%; display: table !important }
.floatmenu ul li { display: block; float: none }
.fullpage #contentmodule { width: auto }
.noleft #contentmodule { width: auto; }
.noright #contentmodule { width: auto; }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
body { min-width: 480px; }
.pcontent { width: 100% }
#content img { width: 100%; }
#leftmodule { width: 0; display: none }
.RTopmodule { float: none; width: 100%; display: inline-block; overflow: hidden; }
#contentmodule { width: auto; float: none; padding: 0 2px; }
#rightmodule { width: 100%; padding-left: 0; margin-top: 10px; }
div.bangkqxs_link { }
#contentmodule img { height: auto; max-width: 100% }
#contentmodule ul, #contentmodule div, #contentmodule * { max-width: 100% }
#topnavbar { display: none }
.btnshowmenu { display: block }
.navmenu { display: none }
.floatmenu { display: block; width: 200px; position: absolute; left: 0; }
.floatmenu ul { position: relative !important; width: 100%; display: table !important }
.floatmenu ul li { display: block; float: none }
.fullpage #contentmodule { width: auto }
.noleft #contentmodule { width: auto; }
.noright #contentmodule { width: auto; }
}
@media only screen and (max-width: 479px) {
body { min-width: 320px; }
.pcontent { width: 100% }
#leftmodule { width: 0; display: none }
.RTopmodule { float: none; width: 100%; display: inline-block; overflow: hidden; }
#contentmodule { width: auto; float: none; padding: 0 2px; }
#rightmodule { width: 100%; padding-left: 0; margin-top: 10px; }
#topnavbar { display: none }
.btnshowmenu { display: block }
.navmenu { display: none }
.floatmenu { display: block; width: 200px; position: absolute; left: 0; }
.floatmenu ul { position: relative !important; width: 100%; display: table !important }
.floatmenu ul li { display: block; float: none }
ul.tab_thu li { width: 25%; }
.fullpage #contentmodule { width: auto }
.noleft #contentmodule { width: auto; }
.noright #contentmodule { width: auto; }
.divBoxFooter .boxFooter{ width:47%}
}
@media only screen and (max-width: 375px) {
.miennam5cot .giai_tam div img { width: 20px; }
.listimage_title, .othervideo li { width: 100%; float: left; }
.divBoxFooter .boxFooter{ width:auto; float:0; padding:0 10px; margin-right:0}

}

@media (max-width: 500px) {
.box_kqxs .tenbkqxs { background: #C50000; padding: 5px 0px 5px 10px; }
.pagemaxdate, .pagemindate { display: none }
.Menutool > table td:nth-child(2) { display: none !important }
#foter .module { width: 100%; float: none; }
.mobilehiden, .hidemobile { display: none }

}
@media (max-width: 400px) {
.miennam5cot .giai_dac_biet div { font-size: 20px; }
#hottoday .btnprev, #hottoday .btnnext { display: none; }
ul.tab_thu li { width: 25%; }
.bkqtinhmiennam .giai_tu div { width: 50%; }
.bkqtinhmiennam .giai_tu .lq_1 { width: 100% }
.kqxsmienbac .giai_ba div { width: 50% }
div.box_dauduoi .box_dauduoi_content tr.content td { font-size: 11px; }
div.bangkqxs_link a, div.bangkqxs_link input { margin: 5px 2px !important }
.boxsharekqxs label { display: none }
.btntk2sc, .btntkhdv { font-size: 10px; text-indent: -33px; margin-left: 5px; }
}
@media only screen and (max-width: 320px) {
body { min-width: 320px; }
.pcontent { width: 100% }
#leftmodule { width: 0; display: none }
#contentmodule { width: auto; float: none; padding: 0 1px; }
#rightmodule { width: 100%; padding-left: 0; margin-top: 10px; }
#topnavbar { display: none }
.btnshowmenu { display: block }
.navmenu { display: none }
.floatmenu { display: block; width: 200px; position: absolute; left: 0; }
.floatmenu ul { position: relative !important; width: 100%; display: table !important }
.floatmenu ul li { display: block; float: none }

.fullpage #contentmodule { width: auto }
.noleft #contentmodule { width: auto; }
.noright #contentmodule { width: auto; }
.btntk2sc, .btntkhdv { font-size: 10px; text-indent: -33px; margin-left: 5px; }
.kqxsmiennam .thu, .kqxsmienbac .thu { width: 50px; min-width: 36px; }
.miennam5cot .giai_tam div img { width: 20px; }
.miennam5cot .giai_dac_biet div { font-size: 18px; }
.box_kqxs .title a, .box_kqxs .title{ font-size:13px;}

}
@media (max-width: 767px) {
body{	background-color: #b8040d; }
	.logo_icon{ background:url(images/logo.png) center left no-repeat; background-size:contain;  display:inline-block; height:100px; width:400px;}
	.topbar{ height:32px;}
#header { background:none }
#navbar { background-color: #c70000; background-image:none; min-height:30px; }
#MobileMenuIcon { width: 50px; height: 50px; float: right; display: block; position: absolute; top: 5px; right: 5px; }
#MobileMenuIcon a { border: 1px solid #BE2727; border-radius: 5px;  background-size: 30px; padding: 0 0; width: 50px; height: 50px; display: block; background-color: #DE1919; font-weight: bold; text-align: center; color: #fff; }
#MobileMenuIcon a:hover, #MobileMenuIcon a.clicked { background-color: #d80041; }
#MobileMenuIcon a> span{ display:block; padding-top:3px; margin-top:5px; background-color:#fff; width:30px; margin:0 auto; margin-top:5px;}
#cssmenu { display: none; overflow: auto;  }
#cssmenu > ul { width: 100%; margin-bottom: 100px }
#cssmenu > ul li { display: block; }
#cssmenu > ul li.right { float: none; }
#cssmenu > ul li.has-sub { position: relative; }
#cssmenu > ul li.has-sub ul { display: table; position: static; width: 90%; min-width: 290px; padding: 5px 0; background: #ffd3a2; border: 1px solid #F08900; margin: 10px auto; border-radius: 5px; }
#cssmenu > ul li.has-sub ul li { display: block !important; }
#cssmenu > ul li.has-sub ul li a span { display: block; }
#cssmenu > ul li.has-sub > ul > li > ul > li a span { display: block; padding-left: 20px; }
#cssmenu > ul li.has-sub > a { background-image: none; }
#cssmenu > ul > li > a { }
#cssmenu > ul > li > a { font-size: 16px; color: #FFF; display: block; border-bottom: 1px solid #DA3030; border-top: 1px solid #DA3030; background-color: #AE0505; text-align: center; margin-bottom: 1px; }
#cssmenu > ul > li > ul > li > a { font-size: 15px; color: #000; border-bottom: 1px solid #F5BF81; display: block; background-color: transparent; text-align: left }
#cssmenu > ul > li > ul > li:last-child > a { border-bottom: 0; }
div.logo { float: none; margin-right:60px; margin-top:2px}
div.logo img { max-width: 100%; height: auto; margin-left: 10px; }
a.logo { background: url(images/logo.png) left center no-repeat; width: 150px; height: 50px; display: block; background-size: 150px; margin: 10px 0; }
#cssmenu.mobilemenushow { display: block; z-index:6 }
#main{ padding-left:2px; padding-right:2px; margin-top:3px;}
}
@media (max-width: 500px) {
.logo_icon{  height:80px; width:100%;}
}
@media (max-width:360px) {
.logo_icon{  height:70px; width:100%;}
}

@media (min-width: 768px) {
.logo_icon{ background:url(images/logo.png) center left no-repeat; background-size:contain;  display:inline-block; height:140px; width:100%;}
#cssmenu > ul > li { float: left }
#cssmenu > ul > li.collapsed { display: inline-block !important; display: inline; zoom: 1; }
#cssmenu > ul ul li.collapsed { display: block !important; }
#cssmenu > ul li.has-sub:hover > ul { display: block; }
#cssmenu > ul li.has-sub ul { background: #ececec; z-index: 100 }
#cssmenu > ul li.has-sub ul > li.has-sub ul { margin-left: 250px; display: none; position: absolute; top: 0; }
#cssmenu > ul li.has-sub ul > li.has-sub:hover ul { display: block }
.menukqxstinh { width: 600px !important; }
.menukqxstinh li { width: 200px; float: left; }
.menukqxstinh li.root { width: 100%; float: left; }
.menukqxstinh li a { padding: 5px !important; }
}
@media (min-width: 600px) {
.boxthongkemini { max-height: 430px; overflow: auto }
}