/* user_front.all.css — trang tài khoản người dùng, mốc 768px. */

/* ===== MOBILE (dưới 768px) ===== */
@media (max-width: 767px) {
	.acount{
		width: 100%;
		min-height: 500px;
		clear: both;
		position: relative;
	}
	.acount .left{
		clear: both;
	}
	.acount .left .titile,.acount .right .titile{
		font-size: 20pt;

	padding-bottom: 10px;

	text-transform: uppercase;

	text-align: center;
	}
	.acount .left .user{
		font-weight: bold;
		clear: both;
		line-height: 50px;
		padding-top: 14px;
		padding-bottom: 10px;
	}
	.acount .left .user:before
	{	background:#d4d4d4;
		color:#fff;
		width:50px;
		height:50px;
		border-radius:50px;
		display:block;
		content: "\f0c0";
		font-family: fontAwesome;
		text-align:center;
		float:left;
		line-height:50px;
		margin-right:20px;
		font-size:24px;
	}
	.acount .left a{
		display: block;
	float: left;
	background: #e6e7e8;
	margin: 5px;
	width: 31%;
	text-align: center;
	height: 40px;
	margin-bottom: 11px;
	line-height: 40px;
	}
	.acount .left a.dmk{
		margin-right:0 !important;
	}
	.acount .left a.dx{
		margin-right:0 !important;
	}
	.acount .right{
		background: #fff;
		padding: 20px;
		min-height: 390px;
		float: none !important;
		clear: both;
	}
	.acount .right .hvt{
		padding-top: 20px;
		clear: both;
		position: relative;
	}
	.acount .right .infor_user .hvt{
		padding-top: 5px;
		clear: both;
		position: relative;
		display: inline-flex;
	}
	.acount .right .hvt span{
		display: block;
		min-width: 127px;
		clear: both;
		padding-bottom: 5px;
	}
	.acount .right .hvt span.des_t{
		font-weight:bold;
	}
	.infor_user{width: 95%;margin: auto;}
	.acount .right .titile a.td{
		font-size:12px;
		float:right;
		font-weight:bold;
	}
	.acount .container{
		margin-top:30px;
	}
	.acount .container .right input,.acount .container .right select{
		display: block;
	font-family: inherit;
	vertical-align: middle;
	color: rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
	border-width: 1px;
	border-color: rgb(204, 204, 204);
	box-shadow: none;
	border-style: solid;
	height: 30px;
	border-radius: 2px;
	padding-left: 10px;
	clear: both;
	width: 84%;
	}
	.acount .container .right select{
		width:120px !important;
		margin-right:10px;
	}
	.acount .container .right .input_year{
		width:120px !important;
		height:25px;
	}
	.acount .container .right .bt_register{
		clear: both;
		background: #000;
		color: #fff;
		display: table;
		padding: 10px 30px;
		border-radius: 2px;
		margin: 20px auto;
	}
	.acount .container .right #user_male_or_female{
		margin-left:0 !important;
	}
	.error_tb_a{
		display:block;
		clear:both;
		padding-left:140px;
		padding-top:4px;
		color:#d62e4d;
	}
	.tb_khuyen_mai{
		padding-top:20px;
	}
	.acount .right .iteam_v{
		clear: both;
		background: #e6e7e8;
		padding: 25px;
		margin-top: 26px;
		border-radius: 2px;
	}
	.acount .right .iteam_v .titile_dh{
		clear:both;
	}
	.acount .right .iteam_v .date_order{
		clear: both;
		padding-top: 5px;
	}
	.acount .right .iteam_v .date_order .leftR{
		clear: both;
		display:block;
	}
	.acount .right .iteam_v .date_order .rightR{
		clear:both;
		display:block;
		padding-top:6px;
	}
	.acount .right .iteam_v .sp{
		clear: both;
		height: 88px;
		padding-top: 10px;
	}
	.acount .right .iteam_v .sp .image{
		float: left;
		width: 70px;
		text-align: center;
		height: 70px;
		background: #fff;
		padding: 4px;
		border-radius: 3px;
		margin-right: 10px;
	}
	.acount .right .iteam_v .sp .image img{
		max-width:100%;
		max-height:100%
	}
	.acount .right .iteam_v .sp .pro_title{

		padding-top:5px;
	}
	.acount .right .iteam_v .sp .pro_title h2{
		text-transform:uppercase;
	}
	.acount .right .iteam_v .sp .pro_title h2,.acount .right .iteam_v .sp .pro_title h3{
		font-weight:normal;
	}
	.acount .right .iteam_v .sp .pro_title h3{
		padding-top:6px;
	}
	.acount .right .iteam_v .sp .pro_title h3 span{
		font-weight:bold;
	}
	.pQmk{
		clear: both;
		background: #f4f4f4;
		margin-top: 186px;
		position: relative;
		margin-bottom: -77px;
	}
	.pQmk .qmk{
		width:900px;
		margin:auto;
		min-height:400px;
	}
	.pQmk .qmk .titleQmk{
		font-weight: normal;
		font-size: 26pt;
		text-align: center;
		padding-top: 40px;
		text-transform:uppercase;
	}
	.pQmk .qmk #email_user{
		border: 1px solid #ddd;
		width: 450px;
		padding: 4px 12px;
		margin: 20px auto;
		display: block;
	}
	.pQmk .qmk .llmk{
		background: #1a1a1a;
		color: #fff;
		width: 200px;
		clear: both;
		cursor: pointer;
		text-align: center;
		height: 40px;
		line-height: 40px;
		border-radius: 2px;
		margin: auto;
	}
	.pQmk .qmk .llmk:hover{
		background:#9c9c9c;
	}
	#email_user_tb{
		clear:both;
		color:#af2228;
		text-align:center;
		padding-bottom:10px;
	}
	.table_discount_info
	{
		margin: auto;
		text-align: center;
		width: 100%;
		font-size: 12pt;
	}
}

/* ===== DESKTOP (từ 768px) ===== */
@media (min-width: 768px) {
	.acount{
		background:#f4f4f4;
		width:100%;
		min-height:500px;
		clear:both;
		position:relative;
	/*	margin-bottom:-80px  !important;*/
	}
	.acount .left{
		background:#fff;
		padding:20px;
		width:250px;
		float:left;
	}
	.acount .left .titile,.acount .right .titile{
		border-bottom:2px solid #221f1f;
		font-size:14pt;
		padding-bottom:10px;
	}
	.acount .left .user{
		font-weight: bold;
		clear: both;
		line-height: 50px;
		padding-top: 14px;
		padding-bottom: 10px;
	}
	.acount .left .user:before
	{	background:#d4d4d4;
		color:#fff;
		width:50px;
		height:50px;
		border-radius:50px;
		display:block;
		content: "\f0c0";
		font-family: fontAwesome;
		text-align:center;
		float:left;
		line-height:50px;
		margin-right:20px;
		font-size:24px;
	}
	.acount .left a{
		display: block;
		padding-left: 36px;
		padding-top: 9px;
		padding-bottom: 8px;
	}
	.acount .left a.ttcn{
		background-position:0 -636px;
	}
	.acount .left a.mgg{
		background-position:0 -680px;
	}
	.acount .left a.dmk{
		background-position:0 -726px;
	}
	.acount .left a.ghct{
		background-position:0 -767px;
	}
	.acount .left a.dhct{
		background-position:0 -806px;
	}
	.acount .left a.dx{
		background:none !important;
		font-weight:bold;
	}
	.acount .right{
		background: #fff;
		padding: 20px;
		width: 830px;
		min-height:390px;
	}
	.acount .right .hvt{
		height: 26px;
		clear:both;
	}
	.acount .right .hvt span{
		display:block;
		float:left;
		min-width:170px;
	}
	.acount .right .hvt span.des_t{
		font-weight:bold;
	}
	.acount .right .titile a.td{
		font-size:12px;
		float:right;
		font-weight:bold;
	}
	.acount .container{
		margin-top:30px;
	}
	.acount .container .right input,.acount .container .right select{
		display: block;
	    font-family: inherit;
	    vertical-align: middle;
	    color: rgb(0, 0, 0);
	    background-color: rgb(255, 255, 255);
	    border-width: 1px;
	    border-color: rgb(204, 204, 204);
	    box-shadow: none;  
	    border-style: solid;
	    height: 30px;
	    border-radius: 2px;
	    width: 470px;
	    padding-left: 15px;
		float:left;
	}
	.acount .container .right select{
		width:120px !important;
		margin-right:10px;
	}
	.acount .container .right .input_year{
		width:120px !important;
		height:25px;
	}
	.acount .container .right .bt_register{
		margin-top:65px !important;
		width:315px !important;
		margin-left:262px;
	}
	.acount .container .right #user_male_or_female{
		margin-left:0 !important;
	}
	.acount .right .titile{
		margin-bottom:10px;
	}
	.error_tb_a{
		display:block;
		clear:both;
		padding-left:140px;
		padding-top:4px;
		color:#d62e4d;
	}
	.tb_khuyen_mai{
		padding-top:20px;
	}
	.acount .right .iteam_v{
		clear: both;
		background: #e6e7e8;
		padding: 25px;
		margin-top: 26px;
		border-radius: 2px;
	}
	.acount .right .iteam_v .titile_dh{
		clear:both;
	}
	.acount .right .iteam_v .date_order{
		clear: both;
		padding-top: 5px;
	}
	.acount .right .iteam_v .date_order .leftR{
		float:left;
	}
	.acount .right .iteam_v .date_order .rightR{
		float:right;
	}
	.acount .right .iteam_v .sp{
		clear: both;
		height: 88px;
		padding-top: 10px;
	}
	.acount .right .iteam_v .sp .image{
		float: left;
		width: 70px;
		text-align: center;
		height: 70px;
		background: #fff;
		padding: 4px;
		border-radius: 3px;
		margin-right: 10px;
	}
	.acount .right .iteam_v .sp .image img{
		max-width:100%;
		max-height:100%
	}
	.acount .right .iteam_v .sp .pro_title{
		float:left;
		width:400px;
		padding-top:5px;
	}
	.acount .right .iteam_v .sp .pro_title h2{
		text-transform:uppercase;
	}
	.acount .right .iteam_v .sp .pro_title h2,.acount .right .iteam_v .sp .pro_title h3{
		font-weight:normal;
	}
	.acount .right .iteam_v .sp .pro_title h3{
		padding-top:6px;
	}
	.acount .right .iteam_v .sp .sl{
		float: left;
		text-align: center;
		margin-left: 22px;
		margin-right: 15px;
		width: 93px;
	}
	.acount .right .iteam_v .sp .sl .titile_sl{
		clear:both;
		padding-bottom:6px;
	}
	.pQmk{
		clear: both;
		background: #f4f4f4;
		margin-top: 0;
		position: relative;
		margin-bottom: -77px;
	}
	.pQmk .qmk{
		width:900px;
		margin:auto;
		min-height:270px;
	}
	.pQmk .qmk .titleQmk{
		font-weight: normal;
		font-size: 26pt;
		text-align: center;
		padding-top: 40px;
		text-transform:uppercase;
	}
	.pQmk .qmk #email_user{
		border: 1px solid #ddd;
		width: 450px;
		padding: 4px 12px;
		margin: 20px auto;
		display: block;
	}
	.pQmk .qmk .llmk{
		background: #1a1a1a;
		color: #fff;
		width: 200px;
		clear: both;
		cursor: pointer;
		text-align: center;
		height: 40px;
		line-height: 40px;
		border-radius: 2px;
		margin: auto;
	}
	.pQmk .qmk .llmk:hover{
		background:#9c9c9c;
	}
	#email_user_tb{
		clear:both;
		color:#af2228;
		text-align:center;
		padding-bottom:10px;
	}
	.table_discount_info
	{
		margin: auto;
		width: 100%;
		border-collapse: collapse;
	}
	.table_discount_info td {text-align: center;}
}