﻿@charset "utf-8";
/* CSS Document */

/* -----------CSS iPad----------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	body {
		background: url(../images/bg2.png) right 175px no-repeat #eef0f0;
	}

	ul.menu_content li a {
		margin: 12px 15px;
	}

	.so_du {
		color: #333;
	}

	ul.nd_top_menu li {
		padding: 14px 0;
	}

	ul.ht_submenu {
		top: 45px;
	}
	ul.ht_submenu li {
		padding: 0;
	}
	
	.top_menu {
		height: 54px;
	}
	.m_top_menu {
		display: none;
	}

	.xac_nhan {
		padding: 0 0 0 192px;
	}

/* CSS Trang chu */
.vip {
	width: 100%;
	text-align: center;
}

.vip li {
	float: none;
	display: inline;
}

.sap_ramat {
	width: 100%;
	text-align: center;
}
.bg_left {
	overflow: hidden;
}

.tin_tuc { padding: 20px 0 0 20px;}
.tin_moi {
	padding: 20px 20px 0 0;
}


.kiem_tra_id {margin: 5px 0 0 0; height: auto; line-height: normal; display: block; width: 100%;}

.vip1 { width: 137px;}

.m_sogg {display: none;}

}


/* -----------CSS iPhone----------- */
@media only screen and (max-width: 767px) {
	body {
		background: none;
	}
	.bg_left{
		background: none;
	}

	ul.nd_top_menu {
		display: none;
	}

	.logo_id {
		margin-left: 39px;
	}

	.top_menu {
		padding: 20px 0 20px;
		height: 130px;
		margin: 0 0 20px 0;
	}

	.m_top_menu {
		display: block;
		width: 300px;
		float: left;
	}

	.m_top_menu select {
		width: 300px;
		height: 30px;
		background: url(../images/ar2.png) 280px center no-repeat;
		text-indent: 0.01px;
		text-overflow: '';
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		-o-appearance: none;
		border: 1px solid #999;
		padding: 0 0 0 10px;
	}

	.content {
		border: none;
	}

	.ten_menu { display: block;}

	ul.menu_content {
		height: auto;
		border: none;
		margin: 0;
	}

	ul.menu_content li {
		width: 100%;
		background: #8dc73f;
		border-bottom: 1px solid #fff;
	}
	ul.menu_content li a {
		margin: 6px 0;
		text-align: center;
		color: #fff;
		line-height: 25px;
		float: left;
		width: 292px;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	ul.menu_content a span {

		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	ul.menu_content a span:before {
		content: normal;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		position: inherit;
	}
	ul.menu_content a:hover span,
	ul.menu_content a:focus span {

		color: #fff;
		-webkit-transform: none;
		-moz-transform: none;
		transform:none;
	}
	ul.menu_content li:hover {
		background-color: #0091D0;
	}
	.chon_menuc {
		color: #fff !important;
	}


	.nd_option {
		margin: 0;
	}

	.hd_napgg { padding: 0;}
	.hd_napgg span {
		font-size: 14px;
	}
	.mau_qc {
		font-size: 18px !important;
	}

	.chon_menhgia {
		text-align: left;
	}
	.menh_gia {
		width: 300px;
		background: url(../images/ar2.png) 278px center no-repeat;
	}
	.so_luong input {
		width: 290px;
	}

	.xac_nhan {
		padding:0;
	}

	.cdat_bmat {
		margin: 60px 0 20px 0;
	}
	.cdat_bmat li {
		padding: 0;
	}
	.cdat_bmat li a:hover {
		background: url(../images/ar3.png) 294px center no-repeat #0091d0;
	}

	ul.pay{ margin: 0 0 10px 0; padding: 0;}
	ul.pay li {
		margin: 0 12px 10px 0;
	}

	ul.pay li:nth-child(3) {
		margin-right: 0;
	}
	ul.pay li:nth-child(6) {
		margin-right: 0;
	}

	ul.pay li:nth-child(9) {
		margin-right: 0;
	}
	ul.pay li:nth-child(12) {
		margin-right: 0;
	}
	ul.pay li:nth-child(15) {
		margin-right: 0;
	}
	ul.pay li:nth-child(18) {
		margin-right: 0;
	}
	ul.pay li:nth-child(21) {
		margin-right: 0;
	}
	ul.pay li:nth-child(24) {
		margin-right: 0;
	}
	ul.pay li:nth-child(27) {
		margin-right: 0;
	}

	.huong_dan p {
		padding: 0;
	}

	.tbl_lichsu {
		margin: 0;
	}

	.tbl_lichsu th, td {
		border: 1px solid #ccc;
		padding: 5px;
	}

	.chon_ngay {
		display: none;
	}

	.dia_chi {
		background: none;
		padding: 0;
	}
	.gioi_thieu {
		padding: 0;
		margin: 30px 0 0 0;
	}

/* css hotro*/
p.ht_note { text-align: left;}
ul.tro_giup li a {width: 260px;}
.lien_he { padding: 0;}

.footer {
	margin: 0 0 30px 0;
	border-top: 1px solid #999;
}
.footer a { display: none;}


/* css trang chu */
.vip {display: none;}
.pre_id { 
	text-align: center;
	padding: 30px;
	background: #8dc73f;
}
.sap_ramat {
	height: auto;
	line-height: normal;
	color: #fff;
}

.dg-wrapper {
	width: 300px;
	left: 50%;
	margin: 0 0 0 -150px;
}

.dg-wrapper a {
	width: 300px;
	height: 202px;
	background: transparent url(../images/browser1.png) no-repeat top left;
}
.dg-wrapper a img {
	width: 298px;
}
.dg-container {
	height: 310px;
}
.bg_left {
	overflow: hidden;
}

.tin_tuc { padding: 0;}
.tin_moi {
	padding: 0;
}

.nd_tbao { margin: 0;}
.erros {display: none;}

ul.chon_game {padding: 0;}
ul.chon_game li {width: 138px;}

.kiem_tra_id {margin: 5px 0 0 0; height: auto; line-height: normal;}

.nap_sms {padding: 0;}

.tit_tttk {padding: 30px 0 10px;}
.l_t_tin {text-align: left; color: #333;}
.thay_doi {margin: 0;}

.qly_knoi {padding: 30px 0;}
.qly_knoi td {text-align: center;}

.vip_index {display: none;}

.m_sogg {
	float: left;
	display: block;
	width: 100%;
}

.menu_link {display: none;}

.m_sodu {
	float: left;
	display: block;
	width: 100%;
	color: #666;
	font-size: 14px;
}

.so_du { display: none;}
.menu_name {margin: 0;}

	#history_table {
		border: none !important;
	}

} /* END CSS iPhone */