/* ============================================================
   dang_ky_email.css — gộp mobile + desktop. Mốc chia: 768px.

   MỤC LỤC
   1. Mục lục (khối chú thích này)
   2. Mobile  — nguyên văn templates/front/mobi/css/dang_ky_email.css, bọc @media (max-width: 767px)
   3. Desktop — nguyên văn templates/front/css/dang_ky_email.css, bọc @media (min-width: 768px)

   Hai mục dưới là bản sao nguyên văn, không đổi thứ tự thuộc tính.
   ============================================================ */

/* ===== 2. MOBILE ===== */
@media (max-width: 767px) {
/*CSS VUONG TOAN*/
#pop_up_footer{
	background:url(../../mobi4/images/background_Cherry_Blossom_gray.jpg);
	position:fixed;
	bottom:0;
	z-index:99999;
	left:0;
	right:0;
	box-shadow:0px 5px 5px 8px #d7d7d7;
	padding:15px;
	display:none;
	background-size:100%;
}


#pop_up_footer table{
	vertical-align:middle;
}

#pop_up_footer table th{
	padding:5px 0;
}

#pop_up_footer table th.title{
	text-align:left;
	font-size:15px;
}

#pop_up_footer table td{
	padding:5px 0;
}

.fa-times{
	position: absolute;
	top: 10px;
	font-size: 18px;
	right: 15px;
	cursor:pointer;
}

#pop_up_footer .td_input{
	border:1px solid #ccc;
	text-align:center;
	background:#fff;
}

#pop_up_footer .td_input input{
	width:97%;
	border:none;
	background:none;
}

#pop_up_footer .td_btn{
	background:#ef4679;
	color:#fff;
	text-align: center;	
	border:1px solid #ff7b8b;
	width:20%;
	cursor:pointer;
}

#pop_up_footer table input{
	width:100%;
}

/* Dành cho điện thoại */
@media all and (min-width: 320px) {
	#pop_up_footer .td_input{
		width:70%;
	}
	
	#pop_up_footer .td_btn{
		width:30%
	}
}
 
/* Dành cho máy tính bảng chiều dọc */
@media all and (min-width: 600px) {
	#pop_up_footer .td_input{
		width:80%;
	}
	
	#pop_up_footer .td_btn{
		width:20%
	}
}
 
/* Dành cho máy tính bảng chiều ngang */
@media all and (min-width: 1024px) {

}
 
/* Dành cho màn hình desktop */
@media all and (min-width: 1280px) {

}
}
/* ===== hết mục 2 ===== */


/* ===== 3. DESKTOP ===== */
@media (min-width: 768px) {
.dang_ky_email{
	background:#fff;
	width:548px;
	height:561px;
	position:relative;
	z-index:99;
}
.img_bg{
	z-index:-1;
	position:absolute;
	margin-left:23px;
}
.type_input_DKY{
	clear: both;
padding-top: 270px;
padding-left: 160px;
}
.type_input_DKY input{
	border: 1px solid #d5d5d5;
	height: 26px;
	padding-left: 30px;
	padding-right: 30px;
}
.dang_ky_email .dang_ky{
	background: #ef4679;
	cursor: pointer;
	color: #fff;
	width: 130px;
	margin: 13px auto auto auto;
	text-align: center;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
}
.dang_ky_email .dang_ky:hover{
	background:#ff7b8b;
}
.close_poup_dk{
	border: 2px solid #ef4679;
	border-radius: 30px;
	color: #ef4679;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	margin-right: 46px;
	margin-top: 19px;
	text-align: center;
	width: 30px;
}
#poup_all_to_email_background {
  transition: all 0.6s 0.6s;
}
#poup_all_to_email,
#poup_all_to_email_wrapper {
  transition: all 0.6s ease-out;
}
#poup_all_to_email {
  transform: translateX(0) translateY(-40%);
}
.popup_visible #poup_all_to_email {
  transform: translateX(0) translateY(0);
}
#poup_all_to_email{
	display:none;
}
#poup_all_to_email{
	background:#fff;
}

}
/* ===== hết mục 3 ===== */