#dnw-main { position: relative; z-index: 1; width: 1000px; margin: 0 auto; cursor: default;}
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:70%; max-width: 550px; min-width:250px; }
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; overflow:auto }
.playout { background: url(images/bg_opacity.png); margin: 0 auto }
.pcontent { width: 1000px; margin: 0 auto; }
#header { width: 100%; min-height: 50px; position: relative;  }
.toppage_menu { margin: 0px; padding: 0; position: absolute; clear: both; right: 0; top: 0; float: right; }
.topbar { height: 40px; z-index: 2; 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-image: url(images/bg_footer_opacity.png); background-position: top center; background-repeat: no-repeat; display: inline-block; color: #A3A3A3; }
#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: #fe8f8f; font-size: 11px; }
.copyright a { color: #fe8f8f; }
.copyright strong a { color: #ffffff; }
.copyright strong { color: #ffffff; }
.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;  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; }
.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: 100px; 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 }
}