* {margin: 0px; padding: 0px;}


/* css cho font chu */

@font-face { 
	font-family: 'andro';
	src: url('/fonts/UTM Androgyne.ttf');
 }

@font-face { 
  font-family: 'alpine';
  src: url('/fonts/utm-alpine-kt.ttf');
 }

@font-face { 
  font-family: 'alex';
  src: url('/fonts/UTM _Alexander.ttf');
 }


@font-face { 
  font-family: 'fla';
  src: url('/fonts/UTM_Flavour.ttf');
 }


/*Begin css cho trang Shopee*/

.background-orange { background-color: #ee4e2e; padding-bottom: 50px; }

.nen-sec1-top { background-image: url('../images/landing/lastyear/nen-top.png'); background-size: cover; padding-top: 50px; }

.img-logo-shopee { display: block; margin: auto ; width: 100%; }

.img-text-campaign { display: block; margin: 10px auto ; width: 45%; }

.img-khoi-chu-to { display: block; margin: 10px auto ; width: 100%; }

.boc-nut-xem { text-align: center; padding: 30px 0px;}

.nut-xem-them { 
	padding: 10px 25px; 
	background-color: #ffffff; 
	color: #ef5f46; font-size: 20px; 
	font-weight: bold; 
	text-transform: uppercase; 
	transition: 0.4s;
	cursor: pointer;
}

.nut-xem-them:hover { transform: translateY(-10px); }

.h2-sec1-shopee { color: white; text-transform: uppercase; }

.text-nd-trai, .text-nd-phai { margin-top: 20px; }

.text-nd-trai p, .text-nd-phai p { margin-bottom: 5px; color: white; }


.span-fl { color: white; margin-left: 12px; }

.dot_shopee { font-size: 13px; color: #801f1f; }

.td-pb { padding-bottom: 5px; }

.img-flash-night { display: block; margin: 30px auto; width: 100%; }

.bao-nut-xemthem_2 { 
	text-align: center;
	margin: 15px auto;
 }

.nut-xemthem_2 {
	color: #ee4e2e;
	background-image: linear-gradient(to bottom , #ffe814, #f8a51f);
	padding: 8px 22px;
	font-size: 25px;
	font-weight: 500;
	border: none;
	border-radius: 18px;
}

.img-xem-them-new { display: block; margin: 10px auto; width: 30%; }

.bao-khoi-text-game { margin-top: 50px; margin-bottom: 30px; }

.h4-game { color: white; font-weight: 500; margin-bottom: 18px;}

.p-game { color: white; }

.img-game_1 { display: block; margin: 16px auto 8px auto; width: 80%; }

.bao-3-nut { margin: 30px auto; }

.nut-daily { display: block; margin: 30px auto; width: 75%; }

@media (min-width: 1201px) {

	.text-nd-phai p:first-child { margin-top: 35px; }

	.text-nd-phai p:last-child { margin-top: 25px; }
}

@media (min-width: 993px) and (max-width: 1200px) {
	.img-game_1 { display: block; margin: 16px auto 8px auto; width: 50%; }	

	.text-nd-phai p:first-child { margin-top: 30px; }

	.text-nd-phai p:last-child { margin-top: 20px; }
}

@media (min-width: 769px) and (max-width: 992px) {
	
	.text-nd-phai p:first-child { margin-top: 15px; }

	.background-orange { background-color: #ee4e2e; padding-bottom: 30px; }

	.img-xem-them-new { display: block; margin: 10px auto; width: 40%; }
}

@media (min-width: 577px) and (max-width: 768px) {

	.background-orange { background-color: #ee4e2e; padding-bottom: 5px; }

	.boc-nut-xem { text-align: center; padding: 15px 0px 0px 0px;}
		
	.h2-sec1-shopee { margin-top: 0px; }

	.img-xem-them-new { display: block; margin: 10px auto; width: 40%; }

	.img-game_1 { display: block; margin: 16px auto 8px auto; width: 90%; }

	.nut-daily { display: block; margin: 10px auto; width: 90%; }
	
}

@media (max-width: 576px) {
	
	.background-orange { background-color: #ee4e2e; padding-bottom: 5px; }

	.boc-nut-xem { text-align: center; padding: 15px 0px 0px 0px;}
		
	.h2-sec1-shopee { margin-top: 0px; font-size: 25px; font-weight: 500; }

	.bao-khoi-text-game  { margin-top: 30px; margin-bottom: -10px; }

	.img-xem-them-new { display: block; margin: 10px auto; width: 50%; }

	.img-game_1 { display: block; margin: 16px auto 8px auto; width: 100%; }

	.nut-daily { display: block; margin: 10px auto; width: 75%; }
	
}

/*End Css cho trang Shopee*/


/*Begin Css cho trang Lazada*/

.background-violet { background-color: #34107c; padding-top: 3%; padding-bottom: 3%; }

.img-title { display: block; margin: auto; width: 80%; }

.img-bg_title { display: block; margin: auto; width: 100%; }

.img-tieude { display: block; margin: 40px auto 20px auto; width: 60%; }

.img-lich { display: block; margin: auto; width: 100%; }

.p-set { color: white; margin-bottom: 5px; text-align: center; font-size: 18px; margin-top: 20px; text-transform: uppercase; }

.ma-t-40px { margin-top: 50px; }

.h5-set_1 { color: white; text-align: center; margin-top: 40px; text-transform: uppercase; margin-bottom: 15px; }

.h5-set_2 { color: white; text-align: center;text-transform: uppercase; margin-bottom: 15px; margin-top: 15px; }

.nut-taiday { 
	color: #34107c; background-color: #ff7900; 
	border-radius: 15px; 
	padding: 5px 20px; 
	font-weight: bold; 
	font-size: 25px; 
	transition: 0.4s;
	border: none; 
}

.nut-taiday:hover { 
	background-image: linear-gradient(to right, #ff7900 , #af5c11);
	transform: translateY(-5px);
}

.ma-t-70px { margin-top: 70px; }

.h5-giam { color: white; margin-bottom: 20px; text-align: center; }

.img-sukien1 { display: block; margin: 40px auto; width: 88%; }

.img-sukien2 { display: block; margin: 40px auto; width: 100%; }

.img-flash_gia { display: block; margin: 40px auto; width: 50%; }

.img-dealmoi { display: block; margin: 0px auto 40px auto; width: 70%; }

.img-chan { display: block; margin: 30px auto; width: 100%; }

.img-vouchers { display: block; margin: 30px auto 10px auto; width: 100%; }

.khoi-chan-mb { background-color: #fff0d3; padding-bottom: 20px; }

.khoi-chan-mb .owl-carousel .owl-item img {
    display: block;
    width: 90%;
}

@media (min-width: 1210px) {
	.khoi-chan-mb { display: none; }
}

@media (min-width: 1025px) and (max-width: 1200px) {

	.p-set { color: white; margin-bottom: 5px; text-align: center; font-size: 18px; margin-top: 30px; text-transform: uppercase; }

	.h5-set_1 { color: white; text-align: center; margin-top: 20px; text-transform: uppercase; margin-bottom: 15px; }

	.khoi-chan-mb { display: none; }
    	
}

@media (min-width: 769px) and (max-width: 1024px) {

	.p-set { color: white; margin-bottom: 5px; text-align: center; font-size: 18px; margin-top: 8px; text-transform: uppercase; }

	.h5-set_1 { color: white; text-align: center; margin-top: 20px; text-transform: uppercase; margin-bottom: 15px; }

	.khoi-chan-mb { display: none; }
    	
}


@media (min-width: 577px) and (max-width: 768px) {

	.img-title { display: block; margin: auto; width: 70%; }
	
	.img-bg_title { display: block; margin: auto; width: 80%; margin-top: 9%; }

	.img-tieude { display: block; margin: 20px auto ; width: 90%; }

	.ma-t-40px { margin-top: 20px;}

	.h5-set_1 { color: white; text-align: center; margin-top: 20px; text-transform: uppercase; margin-bottom: 15px; }

	.img-sukien2 { display: block; margin: 20px auto; width: 90%; }

	.khoi-chan-mb { display: none; }
	   	
}

@media (max-width: 576px) {
	
	.img-title { display: block; margin: 35px auto 40px auto; width: 80%; }

	.img-tieude { display: block; margin: 15px auto 8px auto ; width: 95%; }

	.ma-t-40px { margin-top: 16px; }

	.p-set { color: white; margin-bottom: 5px; text-align: center; font-size: 16px; margin-top: 0px; text-transform: uppercase; font-weight: 250; }

	.h5-set_1 { color: white; text-align: center; margin-top: 15px; text-transform: uppercase; margin-bottom: 15px; }

	.ma-t-70px { margin-top: 30px; }

	.img-sukien1 { display: block; margin: 20px auto; width: 88%; }

	.img-sukien2 { display: block; margin: 20px auto; width: 92%; }

	.img-flash_gia { display: block; margin: 20px auto; width: 70%; }

	.img-dealmoi { display: block; margin: 0px auto 20px auto; width: 90%; }

	.img-chan { display: none; }
}

@media (max-width: 320px) {

	.ma-t-40px { margin-top: 20px; }
	.p-set { color: white; margin-bottom: 5px; text-align: center; font-size: 13px; margin-top: 0px; text-transform: uppercase; }

	.h5-set_1 { color: white; text-align: center; margin-top: 15px; text-transform: uppercase; margin-bottom: 15px; }

	.ma-t-70px { margin-top: 30px; } 	
}
/*End Css cho trang Lazada*/