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


/* css cho font chu */

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

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

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


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



/*Begin Css cho trang Lazada Noel*/
.background-dark-blue { background-color: #052754; }

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

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

.text-k2 { font-size: 23px; color: #ebd97b; font-style: italic; text-align: center; margin-top: -3.5%; }

.img-k2_2 { display: block; margin: 20px auto; max-width: 85%; }

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

.bao-title-k5 { padding-top: 20px; }

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

.img-k6 { display: block; margin: 20px auto; width: 100%; }

.bao-k8 { padding: 20px 0px; }

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

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

.img-k10 { display: block; margin: 20px auto; width: 100%; }

@media (max-width: 576px) {
	.text-k2 { font-size: 16px; }

	.img-k2_2 { display: block; margin: 20px auto 0px auto; max-width: 100%; }

	.bao-k8 { padding: 10px 0px 20px 0px; }

	.img-k9 { display: block; margin: 0px auto; width: 100%; }

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

}
/*End Css cho trang Lazada Noel*/

/*Begin Css cho trang sendo_noel*/
.background-green { background-color: #005c42; }

.img-k1_sendo, .img-k2_sendo, .img-k3_sendo { display: block; margin: auto; max-width: 100%; }

.nen-yellow { background-color: #ffde01; padding-bottom: 15px; }

.img-k4_sendo { display: block; margin: 15px auto; max-width: 100%; }

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

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

.img-k7_sendo { display: block; margin: 15px auto; max-width: 88%; }

.img-k11_sendo, .img-k12_sendo, .img-k13_sendo { display: block; margin: 15px auto; max-width: 100%; }

.bao-k12-pc { padding-left: 12px; padding-right: 12px; }

.bao-k12-mobile { padding-left: 12px; padding-right: 12px; }

.img-k12_1_sendo { display: block; margin: 10px auto 5px auto; width: 90%; }

@media (min-width: 1025px) {
	
	.bao-k4-mobile { display: none; }

	.bao-k12-mobile { display: none; }

}

@media (min-width: 769px) and (max-width: 1024px) {
	
	.bao-k4-mobile { display: none; }

	.bao-k12-mobile { display: none; }

}

@media (min-width: 577px) and (max-width: 768px) {
	
	.bao-k4-pc { display: none; }

	.bao-k12-pc { display: none; }

}


@media (max-width: 576px) {

	.bao-k4-pc { display: none; }

	.img-k6_sendo { display: block; margin: 30px auto 20px auto; width: 80%; }

	.bao-k12-pc { display: none; }
}


/*End Css cho trang sendo_noel*/

/*Begin Css cho trang Shopee_noel*/
.background-darkRed { background-color: #d0021c; padding-bottom: 30px; }

.k1_shopee { display: block; margin: auto; max-width: 100%; }

.bao-nen-xanh { background-color: #003518; padding: 15px; }

.k2_shopee, .k6_shopee { display: block; margin: 5px auto; width: 100%; }

.bao-nen-orange { background-color: #aa2713; padding: 15px 0px; }

.k7_shopee { display: block; margin: 5px auto; max-width: 100%; }

.k8_shopee { display: block; margin: 15px auto; max-width: 85%; }

.k9_shopee { display: block; margin: 5px auto; max-width: 100%; }

.bao-bitis { padding: 5px 30px; }

.k13_shopee, .k14_shopee { display: block; margin: auto; max-width: 100%; }

.nen-pink { background-color: #ffdfe1; }

.k15_shopee { display: block; margin: auto; max-width: 100%; }

.k18_shopee { display: block; margin: 20px auto; max-width: 80%; }

.k19_shopee { display: block; margin: 0px auto 40px auto; max-width: 100%; }

.bao-k19_shopee { padding-left: 12px; padding-right: 12px; }

.k21_shopee { display: block; margin: auto; max-width: 100%; }

.nen-nau { background-color: #7a0001; padding-left: 30px; padding-right: 30px; }

.k24_shopee { display: block; margin: 10px auto; max-width: 100%; }


@media (min-width: 768px ) {
	.pr-md-7_5 { padding-right: 7.5px!important; }

	.pl-md-7_5 { padding-left: 7.5px!important; }

	.pr-md-3_5 { padding-right: 3.5px!important; }

	.pl-md-3_5 { padding-left: 3.5px!important; }
}

@media (max-width: 576px ) {

	.k8_shopee { display: block; margin: 15px auto; max-width: 100%; }

	.k18_shopee { display: block; margin: 8px auto 15px auto; max-width: 100%; }

	.k19_shopee { display: block; margin: 0px auto 20px auto; max-width: 100%; }

	.nen-nau { background-color: #7a0001; padding-left: 0px; padding-right: 0px; } 
}

/*End Css cho trang Shopee_noel*/

/*Begin Css cho trang Giftpop*/
.background-blue { background-color: #97cbda; }

.k1_gifpop { display: block; margin: auto; width: 100%; }

.nen-do { background-color: #ed1b24; padding: 0px 15px 15px 15px; }

.k2_giftpop { display: block; margin: 10px auto; max-width: 100%;}

.bao-sp { display: flex;  }

.boc-icon { flex: 0 0 32%; background-color: #fff; border-right: 8px solid #e2e2e2; }

.k4_giftpop { display: block; margin: 5px auto; max-width: 100%; }

.boc-gia { flex: 0 0 68%; padding: 10px; background-color: #fff; }

.text-ga { font-size: 18px; text-align: center; }


/*End Css cho trang Giftpop*/

/*Begin Klook*/

.k1_klook { display: block; margin: auto; max-width: 100%; }

.bao-khoi-ma { 
	background-image: url('../images/klook/nen-xam.jpg');
	padding: 15px;
}

.bao-trai-khoi-ma { 
	background-color: #a00606;
	padding: 26px 20px 20px 20px;
	text-align: center;
	border-radius: 5px;
}

.h5-ma { color: #ffea02; text-transform: uppercase; margin-bottom: 6px; font-size: 35px; }

.p-ma { color: white; margin-bottom: 5px; }

.boc-nut-xem { margin: auto; text-align: center; padding: 16px; }

.nut-xem {
	padding: 7px 18px;
	color: white; font-size: 17px;
	text-transform: uppercase;
	background-color: #6b0404;
	border-radius: 15px;
}

.span_1 { font-size: 20px; color: red; font-weight: bold; }

.nen-trang { background-color: #fff; }

.ke-ma { border-right: 2px solid #cad7e4; border-bottom: 2px solid #cad7e4 }

.tr-height { height: 75px; }

.bao-row {
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
}

.chia_4, .chia_8 {
	position: relative;
    width: 100%;
    min-height: 1px;	
}

.k-white-mb { background-color: white; margin-bottom: 15px; margin-top: 15px; }

.p_1-mb {  font-size: 20px; color: red; font-weight: bold; margin-bottom: 3px; margin-left: 20px; }

.p_2-mb {  font-size: 15px; margin-bottom: 3px; margin-left: 20px; }

.p_3-mb {  margin-bottom: 3px; margin-left: 20px; font-size: 14px; }

.pa { padding-top: 5px; padding-bottom: 2px; }

.xam-mb { background-color: #ededed; padding-top: 10px; padding-bottom: 10px; }

.bao-nen-blue { background-color: #056f79; padding: 15px 30px; }

.dan-k { display: block; margin: auto; max-width: 100%; }

.pa-r-7_5 { padding-right: 7.5px!important; }

.pa-l-7_5 { padding-left: 7.5px!important; }

.mt_30 { margin-top: 30px; }

.bao-boc-xem { margin: 30px auto; text-align: center; }

.nut-them {
	padding: 8px 16px;
	color: white; font-size: 20px;
	text-transform: uppercase;
	background-color: #034a51;
	border-radius: 10px;
}


@media (min-width: 992px) {

	.chia_4 {
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;	    
	}

	.chia_8 {
	    -ms-flex: 0 0 33.333333%;
	    flex: 0 0 66.66667%;
	    max-width: 66.6667%;	    
	}

}

@media (min-width: 993px) {

	.bao-row-mb { display: none; }
}

@media (max-width: 992px) {

	.bao-row { display: none; }

}

@media (max-width: 576px) {
	.bao-nen-blue { background-color: #056f79; padding: 15px; }	
}

/*End Klook*/

/*Begin Css trang Tiki*/

.k_1_tiki { display: block; margin: auto; max-width: 100%; }

.boc-k_2-pc { padding-top: 20px; padding-bottom: 20px; background-color: #fff; }

.boc-k_2-mb { padding-top: 20px 15px; background-color: #fff; }

.k_2_1_tiki { display: block; margin: auto; max-width: 100%; }

.bao-k3_tiki { padding-top: 25px; padding-bottom: 25px; background-color: #fff; }

.k_3_tiki { display: block; margin: auto; max-width: 100%; }

.bao-k_4_tiki { padding-top: 20px; padding-bottom: 20px; background-color: #fff; }

.k_4_tiki { display: block; margin: auto; max-width: 100%; }

.boc-khoi-slide { background-color: #fff; }

.bao-boc-k5_tiki, .bao-boc-k6_tiki, .bao-boc-k7_tiki, .bao-boc-k7_tiki { background-color: #fff; }

.boc-k5_tiki, .boc-k6_tiki, .boc-k7_tiki, .boc-k8_tiki {
	/*background-image: url('../images/tiki/k_5_tiki.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 322px;*/
	background-color: #fff;
	margin: auto;
	width: 80%;
}

.bao-title_sl1, .bao-title_sl2, .bao-title_sl3, .bao-title_sl4 { background-color: #fff; padding: 15px 0px; }

.title_sl1 { display: block; margin: 10px auto; max-width: 60%; }

.boc-k5_tiki .owl-theme .owl-nav , 
.boc-k6_tiki .owl-theme .owl-nav,
.boc-k7_tiki .owl-theme .owl-nav,
.boc-k8_tiki .owl-theme .owl-nav
 {
		    margin-top: 10px;
		    text-align: center;
		    -webkit-tap-highlight-color: transparent;
		}

.boc-k5_tiki .owl-theme .owl-nav [class*='owl-'] , 
.boc-k6_tiki .owl-theme .owl-nav [class*='owl-'] ,
.boc-k7_tiki .owl-theme .owl-nav [class*='owl-'] ,
.boc-k8_tiki .owl-theme .owl-nav [class*='owl-']
{
    margin: 5px;
    display: inline-block;
    cursor: pointer;
    background: #fff!important;
    width: 26px;
    height: 26px;
    font-size: 32px!important;
    border-radius: 50%;
    border: 1px solid #dcd8d8!important;
}

.boc-k5_tiki .owl-carousel .owl-nav button.owl-prev span ,
.boc-k6_tiki .owl-carousel .owl-nav button.owl-prev span , 
.boc-k7_tiki .owl-carousel .owl-nav button.owl-prev span ,
.boc-k8_tiki .owl-carousel .owl-nav button.owl-prev span
{
 display: block; margin-top: -15px; color: #dcd8d8; 
}

.boc-k5_tiki .owl-carousel .owl-nav button.owl-next span , 
.boc-k6_tiki .owl-carousel .owl-nav button.owl-next span ,
.boc-k7_tiki .owl-carousel .owl-nav button.owl-next span ,
.boc-k8_tiki .owl-carousel .owl-nav button.owl-next span
{ 
	display: block; margin-top: -15px; color: #dcd8d8; 
}

.boc-k5_tiki .owl-carousel .owl-nav button.owl-prev , 
.boc-k6_tiki .owl-carousel .owl-nav button.owl-prev ,
.boc-k7_tiki .owl-carousel .owl-nav button.owl-prev ,
.boc-k8_tiki .owl-carousel .owl-nav button.owl-prev 
{
    background: none;
    color: inherit;
    border: none;
    padding: 0px !important;
    font: inherit;
    position: absolute;
    left: -5%;
    top: 50%;
    outline: none;
}

.boc-k5_tiki .owl-carousel .owl-nav button.owl-next , 
.boc-k6_tiki .owl-carousel .owl-nav button.owl-next ,
.boc-k7_tiki .owl-carousel .owl-nav button.owl-next ,
.boc-k8_tiki .owl-carousel .owl-nav button.owl-next
{
    background: none;
    color: inherit;
    border: none;
    padding: 0px !important;
    font: inherit;
    position: absolute;
    right: -5%;
    top: 50%;
    outline: none;
}

.bao-xem-them { margin: auto; padding: 20px 0px; text-align: center; }

.xem-th {
	color: white;
	font-size: 18px;
	padding: 8px 18px;
	background-color: #cbcbcb;
	border-radius: 15px;
}


@media (min-width: 701px) {
	.boc-k_2-mb { display: none }
	
}

@media (max-width: 700px) {

	.boc-k_2-pc { display: none }

	.boc-k5_tiki .owl-carousel .owl-nav button.owl-prev, 
	.boc-k6_tiki .owl-carousel .owl-nav button.owl-prev,
	.boc-k7_tiki .owl-carousel .owl-nav button.owl-prev,
	.boc-k8_tiki .owl-carousel .owl-nav button.owl-prev
	 {		    
		    left: -13%;		    
		}

	.boc-k5_tiki .owl-carousel .owl-nav button.owl-next, 
	.boc-k6_tiki .owl-carousel .owl-nav button.owl-next,
	.boc-k7_tiki .owl-carousel .owl-nav button.owl-next,
	.boc-k8_tiki .owl-carousel .owl-nav button.owl-next
	{		    
		    right: -13%;
		}

}



/*End Css trang Tiki*/