body {
	padding: 0;
	margin: 0;
	color: #322C20;
	background: #fefefe;
	min-width: 360px;
	font: 13px/1.5 Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
}
.playout ::-webkit-scrollbar {
width: 2px;
height:2px;
}
.playout ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
border-radius: 1px;
}
header {
	margin: 0 auto;
	position: relative;
	margin-bottom: 5px;
	display: -webkit-box;
	max-width: 1000px;
	min-height: 65px;
}
div.header_ext {
	position: absolute;
	float: right;
	margin-top: 15px;
	right: 0;
}
div.logo {
	float: none;
	margin-top: 10px;
	width: 510px;
}
div.logo img {
	height: 60px;
	max-width: 100%
}

.playout {
	height: 100%;
}
.pcontent {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#MobileMenuIcon {
	display: none
}
nav {
	background-color: #CA0000;
}
section.sitebody {
	clear: both;
	padding-top: 10px;
	max-width: 1000px;
	margin: 0 auto;
	display: block;
}
section.main {
	clear: both;
	padding-top: 10px;
	background: #f9f9f9;
	max-width: 1000px;
	margin: 0 auto;
	display: block;
}
.mdcontent {
	background-color: #fff
}
#leftmodule {
	width: 160px;
	top: 0;
	overflow: hidden
}
#contentmodule {
	width: 520px;
	position: relative;
}
.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;
}
#rightmodule .ui-datepicker {
	width: auto;
	max-width: none;
}
#bottom {
	width: 100%;
}
footer {
	clear: both;
	padding: 10px 0;
	background: #363636;
	color: #A3A3A3;
	min-height: 50px;
}
footer .module {
	width: 50%;
	float: left;
	display: 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
}
.boxcontent {
	background-color: #fff;
}
div.boxdoveso {
	padding: 0 20px;
	border-radius: 30px;
	border: 1px solid #006c93;
	background: #0ca2d8;
	float: right;
	clear: both;
}
.xsmax3d {
	background-color: #fff7fd;
	border: 1px solid #edd0e6;
}
.xsmega {
	background-color: #f0f6fb;
	border: 1px solid #d3dde7;
}
.xskeno {
	background-color: #fff9f2;
	border: 1px solid #e9d6c0;
	color: #000;
}
.xskeno .title a, .xskeno .title, .xskeno .kyve, .xskeno .ngay {
	color: #a91000;
}
.xskeno .title .row {
	padding: 0 10px;
	font-size: 16px;
}
.xskeno .tabs-container {
	margin: 10px 5px;
	background: #ffe8b9;
	border-radius: 5px;
}

.xsbingo18 {
	color: #000;
}
.xsbingo18 .title a, .xsbingo18 .title, .xsbingo18 .kyve, .xsbingo18 .ngay {
	color: #a91000;
}
.xsbingo18 .title .row {
	padding: 0 10px;
	font-size: 16px;
}
.xsbingo18 .tabs-container {
	margin: 10px 5px;
	background: #ffe8b9;
	border-radius: 5px;
}
.xsbingo18 table.tabSelNumberInfo {
	border: 1px solid #d7bb8e;
}
.xsbingo18 table.tabSelNumberInfo td {
	border: 1px solid #d7bb8e;
	padding: 2px 5px;
}
.xsmax3dpro {
	background-color: #fffafe;
	border: 1px solid #bda3b6;
}
.xspower {
	background-color: #fff8f2;
    border: 1px solid #ebe0db;
}


@media only screen and (min-width: 768px) {
body {
	min-width: 1000px;
}
.pcontent {
	width: 1000px;
	display: table
}
#header {
	width: 100%;
}
#leftmodule {
	width: 160px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
#contentmodule {
	width: 520px;
	display: inline-block;
}
#rightmodule {
	width: 300px;
	float: right;
	margin-left: 10px;
}
#cssmenu {
	border-radius: 5px;
}
}

@media only screen and (min-width: 720px) and (max-width: 767px) {
body {
	min-width: 720px;
}
.pcontent {
	width: 100%;
}
#leftmodule {
	width: 22%;
	float: left;
}
.RTopmodule {
	float: left;
	width: 550px;
	display: block;
	overflow: hidden;
}
#contentmodule {
	width: 78%;
	display: inline-block;
}
#contentmodule > * {
	margin-left: 10px;
}
#rightmodule {
	width: 100%;
	margin-left: 0px;
	float: none;
	display: table;
}
#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: 720px
}
.noleft #contentmodule {
	width: 720px;
}
.noright #contentmodule {
	width: 550px;
}
}

@media only screen and (max-width: 719px) {
#leftmodule ul.menu > li, #leftmodule ul.menuxosott > li {
	width: 45%;
	margin-right: 4%;
	display: inline-grid;
}
#leftmodule ul.menuxosott li.menu_mien4 {
	width: 100%;
	display: inline-block;
	clear: both;
	float: none;
}
#leftmodule ul.menuxosott li.menu_mien4 > a {
	margin-right: 6%;
    font-weight: 700;
    border-top: 1px solid #eaeaea;
    margin-top: -1px;
	width: 42%;
}
#leftmodule ul.menuxosott li.menu_mien4 ul > li {
	width: 45%;
	margin-right: 3%;
	display: inline-grid;
}
}

@media only screen and (min-width: 640px) and (max-width: 719px) {
.pcontent {
	width: 100%
}
#content img {
	width: 100%;
}
#leftmodule {
	width: 100%;
	display: block;
}
.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;
}
#contentmodule img {
	height: auto;
	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) {
.pcontent {
	width: 100%
}
#content img {
	width: 100%;
}
#leftmodule {
	width: 100%;
	display: block
}
.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;
}

#contentmodule img {
	height: auto;
	max-width: 100%
}
#contentmodule img {
	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) {
.pcontent {
	width: 100%
}
#leftmodule {
	width: auto;
	padding-right: 0;
}
.RTopmodule {
	float: none;
	width: 100%;
	display: inline-block;
	overflow: hidden;
}
#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
}
ul.tab_thu li {
	width: 25%;
}
.fullpage #contentmodule {
	width: auto
}
.noleft #contentmodule {
	width: auto;
}
.noright #contentmodule {
	width: auto;
}
}

@media only screen and (max-width: 375px) {
.miennam5cot .giai_tam div img {
	width: 20px;
}
.miennam5cot .giaidb td > span {
	font-size: 22px;
	letter-spacing: 0;
}
.listimage_title, .othervideo li {
	width: 50%;
	float: left;
}
}

@media only screen and (max-width: 360px) {
.pcontent {
	width: 100%
}
#leftmodule {
	width: auto;
	display: block
}
#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
}

#MobileMenuIcon {
	top: 5px !important
}
.fullpage #contentmodule {
	width: auto
}
.noleft #contentmodule {
	width: auto;
}
.noright #contentmodule {
	width: auto;
}
.btntk2sc, .btntkhdv {
	font-size: 10px;
	text-indent: -33px;
	margin-left: 5px;
}
.miennam5cot .giai_tam td div img {
	width: 20px;
}
.miennam5cot .giaidb td > span {
	font-size: 22px;
	letter-spacing: 0;
}
}

@media (max-width: 500px) {
.pagemaxdate, .pagemindate {
	display: none
}
.Menutool > table td:nth-child(2) {
	display: none !important
}
#foter .module {
	width: 100%;
	float: none;
}
.mobilehiden, .hidemobile {
	display: none
}
.miennam5cot .giaidb td > span {
	font-size: 24px;
	letter-spacing: 0;
}
}

@media (max-width: 400px) {

#hottoday .btnprev, #hottoday .btnnext {
	display: none;
}
ul.tab_thu li {
	width: 25%;
}
.kqtmn .giai_tu .lq_2, .kqtmn .giai_tu .lq_3, .kqtmn .giai_tu .lq_4, .kqtmn .giai_tu .lq_5, .kqtmn .giai_tu .lq_6, .kqtmn .giai_tu .lq_7 {
	width: 50%;
}
.kqtmn .giai_tu .lq_1 {
	width: 100%
}
.xsmb .giai_ba div {
	width: 50%
}
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 (max-width: 767px) {

#navbar {
	background-color: #6C0909;
}
#cssmenu ul.mnul1>li.has-sub:hover>ul.mnul2 {
	display: none !important;
}
#MobileMenuIcon {
	float: right;
	top: 5px;
	right: 5px;
	border: 1px solid #000000;
	border-radius: 3px;
	height: 50px;
	width: 50px;
	display: block;
	position: absolute;
	background-color: #ffffff;
	font-size: 12px;
	text-align: center;
	color: #000;
}
#MobileMenuIcon >span {
	display: block;
	background-color: #000;
	margin-top: 5px;
	padding-top: 3px;
}
#MobileMenuIcon a:hover, #MobileMenuIcon a.clicked {
	background-color: #d80041;
}
#cssmenu {
	display: none;
	overflow: auto;
}
#cssmenu {
	width: 100%;
}
#cssmenu li {
	display: block;
}
#cssmenu li.right {
	float: none;
}
#cssmenu li.has-sub {
	position: relative;
}
#cssmenu li.has-sub ul {
	display: block;
	position: static;
	width: auto;
	background: #9e0000;
	border: 0px solid #c4161c;
}
#cssmenu li.has-sub ul li {
	display: block !important;
}
#cssmenu li.has-sub ul li a span {
	display: block;
}
#cssmenu li.has-sub > ul > li > ul > li a span {
	display: block;
	padding-left: 20px;
}
#cssmenu li.has-sub > a {
	background-image: none;
}

#cssmenu > li > a {
	font-size: 17px;
	color: #fc0;
	display: block;
	border-bottom: 1px solid #790000;
	border-top: 1px solid #790000;
	background-color: #7d0307;
}
#cssmenu > li > ul > li > a {
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	border-bottom: 1px solid #bb2f2f;
	display: block;
	background-color: transparent;
	text-align: left;
}
#cssmenu li a {
	border-bottom: 1px solid #bb2f2f;
}
#cssmenu ul.mnul1>li.has-sub:hover>ul {
	background-color: transparent
}
.header_ext {
	display: none
}
div.logo {
	float: none;
	width: auto;
	margin-right: 80px;
	max-width: 400px;
}
div.logo img {
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 45px;
	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;
	width: 100%;
	z-index: 6;
	background: #000000db;
	position: fixed;
}
}

@media (min-width: 768px) {
#cssmenu > li {
	float: left
}
#cssmenu > li.menulast > a {
	border-right: 1px solid #d24646;
}
#cssmenu > li.collapsed {
	display: inline-block !important;
	display: inline;
	zoom: 1;
}
#cssmenu ul li.collapsed {
	display: block !important;
}
#cssmenu li.has-sub:hover > ul {
	display: block;
}
#cssmenu li.has-sub ul {
	background: #9e0000;
	z-index: 100
}
#cssmenu li.has-sub ul > li.has-sub ul {
	margin-left: 250px;
	display: none;
	position: absolute;
	top: 0;
}
#cssmenu 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 {
	overflow: auto
}
}