@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	
}

ul, li {
	margin: 0;
	padding: 0;
}

img {
	border: none
}

div.wrap { width: 978px; margin: 0px auto; }

div.row { height: 1%; }
div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }


.h_chung {
	background: #f2f2f2;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif !important;	
}

.h_chung a {
	color: #666;
	text-decoration: none;
}

.c_header {
	width: 978px;
	float: left;
	display: block;
}

.c_logo {
	float: left;
	display: block;	
	margin: 0 15px 0 0;
	height: 50px;
}

.c_logo img {
	border: none;
	margin-top: 7px;
}

.c_menu {
	float: left;
	display: block;
	list-style: none;
	position: relative;
}

ul.c_menu li {
	float: left;
	display: inline;
	white-space: nowrap;
}

.c_menu li a{
	float: left;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	padding: 0 15px;
	height: 50px;
	line-height: 50px;
	color: #666;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
.c_menu li a:hover {
	color: #8dc63f;
}

.c_game_hover {
	position: relative;
	z-index: 1000;
}

.c_game_hover:hover {
	color: #8dc63f;
	height: 48px;
	padding: 0 14px;
	background: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #8dc63f;
	border-left: 1px solid #8dc63f;
}

#c_game:hover .c_game_hover {
	color: #8dc63f;
	height: 49px;
	background: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #8dc63f;
	border-left: 1px solid #8dc63f;

}

.c_ds_game {
	position: absolute;
	top: 50px;
	left: 0;
	background: #fff;
	display: block;
	padding: 20px 0 20px 20px;
	border: 1px solid #8dc63f;
	box-shadow: 0 3px 7px rgba(141,198,63,0.25);
	width: 501px;
	z-index: 999;

}
@-moz-document url-prefix() {
	.ds_game { top: 61px;}
}

ul.c_ds_game li {
	border-right: 1px solid #e5e5e5;
	width: 240px;
	margin-right: 20px;
}

.c_game1 {
	float: left;
	display: block;
	width: 240px;
	margin-bottom: 20px;
}

.c_icon_game {
	width: 50px;
	height: 50px !important;
	margin: 0 10px 0 0 !important;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	padding: 0 !important;
}

.c_icon_game img {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}
.c_game1:hover .c_icon_game img{
	transform:rotate(20deg);
	-ms-transform:rotate(20deg); /* IE 9 */
	-webkit-transform:rotate(20deg); /* Safari and Chrome */
}

.c_name_game {
	height: 20px !important;
	line-height: 20px !important;
	margin: 8px 0 0 0 !important;
	display: block !important;
	padding: 0 !important;
}

.c_the_loai {
	display: inline;
	float: left;
	color: #999;
	font-size: 12px;
	width: 180px;	
}

.c_dky_dn {
	float: right;
	display: inline;
}

.c_btn_dn {
	float: right;
	margin-left: 30px;
	display: inline-block;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	-webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	-moz-text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	-o-text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

.c_btn_dn:hover {
	color: #8dc63f !important;
}

#c_dky {
	color: #0090d0;
}

.c_line {
	background: #0090d0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzhkYzczZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDkwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, #0090d0 0%, #8dc73f 50%, #0090d0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0090d0), color-stop(50%,#8dc73f), color-stop(100%,#0090d0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0090d0 0%,#8dc73f 50%,#0090d0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0090d0 0%,#8dc73f 50%,#0090d0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0090d0 0%,#8dc73f 50%,#0090d0 100%); /* IE10+ */
	background: linear-gradient(to right, #0090d0 0%,#8dc73f 50%,#0090d0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090d0', endColorstr='#0090d0',GradientType=1 ); /* IE6-8 */
	height: 2px;
	width: 100%;
	margin: -2px 0 0 0;
}

#c_nap_gg {
	font-weight: bold ;
	font-size: 14px;
}

#c_nap_gg img {
	vertical-align: middle;
	margin-right: 5px;
}

.c_login {

	padding-left: 57px;
	height: 50px;
	float: right;
	display: inline-block;
	width: 163px;
}
#header_level {
	background: none;
	
}
#header_level1 {
	background: url(../images/c_vip1.png) left center no-repeat;
	
}
#header_level2 {
	background: url(../images/c_vip2.png) left center no-repeat;
	
}
#header_level3 {
	background: url(../images/c_vip3.png) left center no-repeat;
	
}
#header_level4 {
	background: url(../images/c_vip4.png) left center no-repeat;
	
}
#header_level5 {
	background: url(../images/c_vip5.png) left center no-repeat;
	
}
.c_tk {
	float: right;
	display: block;
	color: #666;
	font-size: 12px;
	margin-top: 10px;
	width: 213px;
}

.c_ten_tk {
	color: #0090d0 !important;
}
.c_ten_tk:hover {
	color: #8dc73f !important;
}

.c_tttk {
    color: #8dc73f !important;
	display: block;
	font-size: 12px;
	float: left;
}
.c_tttk:hover {
	color: #0090d0 !important;
}

.c_m_napgg {
	display: none !important;
}

.c_thoat {
	float: left;
	margin-left: 5px;
	font-size: 12px;
	color: #999 !important;
}
.c_thoat:hover {
	color: #8dc73f !important;
	text-decoration: underline;
}

.c_news {
	float: left;
	display: block;
	width: 286px;
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	color: #8dc73f;
}

.c_news a {
	color: #8dc73f;
}

.c_ic_hay {
	float: left;
	display: inline;
	background: #8dc73f;
	font-size: 9px;
	color: #fff;
	margin: 10px 0 0 5px;
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	animation: c_iconhhay 1s infinite;
	-webkit-animation: c_iconhhay 1s infinite;
	-moz-animation: c_iconhhay 1s infinite;
}

@keyframes c_iconhhay {
	0% { background: #8dc73f;}
	50% { background: #0090d0;}
	100% { background: #8dc73f;}
}

@-webkit-keyframes c_iconhhay {
	0% { background: #8dc73f;}
	50% { background: #0090d0;}
	100% { background: #8dc73f;}
}

@-moz-keyframes c_iconhhay {
	0% { background: #8dc73f;}
	50% { background: #0090d0;}
	100% { background: #8dc73f;}
}

.c_ic_moi {
	float: left;
	display: inline;
	background: #ff0000;
	font-size: 9px;
	color: #fff;
	margin: 10px 0 0 5px;
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	animation: c_ic_moi 1s infinite;
	-webkit-animation: c_ic_moi 1s infinite;
	-moz-animation: c_ic_moi 1s infinite;
}

@keyframes c_ic_moi {
	0% { background: #ff0000;}
	50% { background: #ff9000;}
	100% { background: #ff0000;}
}

@-webkit-keyframes c_ic_moi {
	0% { background: #ff0000;}
	50% { background: #ff9000;}
	100% { background: #ff0000;}
}

@-moz-keyframes c_ic_moi {
	0% { background: #ff0000;}
	50% { background: #ff9000;}
	100% { background: #ff0000;}
}


/* ---------CSS IPAD--------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	div.wrap { width: 748px; margin: 0px auto; }

	div.row { height: 1%; }
	div.row-end { clear: both; font: 1px/1px sans-serif; height: 1px; overflow: hidden; }
	
	.c_header { width: 748px;}
	
	.c_m_napgg { display: none !important;}
	
	.c_news {display: none;}
}

/* ---------CSS IPHONE--------- */
@media only screen and (max-width: 767px) {
	div.wrap { width: 300px; }
	.c_header { width: 300px;}
	.c_logo {display: none;}
	.c_m_napgg { 
		display: inline-block !important;
		float: right;
		position: relative;
		text-align: right;
		width:110px;
		height: 50px;
		
		cursor: pointer;
	}
	.c_m_nd_napgg{
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	background: url(../images/bg_ul.png) right center no-repeat;
	}
	.c_list_napgg {
		float: right;
		display: block;
		list-style: none;
		position: absolute;
		top: 50px;
		right: 0;
		width: 187px;
		z-index: 999;
	}
	
	.c_list_napgg li {
		float: left;
		display: block;
		
		background: #8dc73f;
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	
	.c_list_napgg li a {
		color: #fff;
		width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		display: block;
		padding: 7px 20px;
	}
	.c_list_napgg li a:hover {
		background: #0090d0;
	}
	
	.c_m_tentk {
		float: right;
		display: inline-block;
		height: 50px;
		line-height: 50px;
		font-size: 12px;
		margin: 0 1px 0 0;
		color: #0091d0 !important;
	}
	.c_m_thoat {
		float: right;
		display: inline-block;
		font-size: 16px;
		height: 50px;
		width: 15px;
		background: url(../images/bg_ul.png) right center no-repeat;
	}
	
	.c_m_napgg img {vertical-align: middle; margin-right: 3px}
	.c_menu li a {padding: 0 3px;}
	.c_menu li:first-child a {padding-left: 0;}
	.c_dky_dn { display: none;}
	.c_ds_game { width: 278px; padding: 10px 0 20px 20px;}
	#c_game:hover .c_game_hover {padding: 0 3px;}
	.c_game1 {margin: 10px 0 0 0;}
	ul.c_ds_game li {border: none;}
	
	.c_news  {display: none;}
    .c_m_napgg {
    width: 130px;
    }
    .m_hiden {
        display: none !important;
    }
}