body{
	font-size:15px!important;
	line-height: 18px;
	font-weight: 300;
}

.search-wrapper {background: none!important;}

#site-intro ul{
	padding:0;
	padding-left:20px;
}

#welcom-member a{
	position:relative;
	padding-right: 0;
}

#welcom-member .name{
	position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    margin: 0;
    width: 100%;
    padding: 10px;
}

.cate-section {	
	margin-bottom:30px;
	border:none;
}

.cate-section, .cate-section .panel-heading, .cate-section .panel-body{
	border:none;
	box-shadow:none;
	background: none;
}

.cate-section h2{
	background-color: rgba(0, 0, 0, 0.52);
	font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
	padding: 30px 10px;
    position: absolute;
    left: 0;
    right: 0;   
    top: 0;
    bottom: 0;
    
}

.cate-section h3{
	display: initial;
    line-height: 25px;
    font-size: 16px;
}



.cate-block-body{	
    padding: 30px 0;
	background-color: #fff!important;
	padding-bottom: 0px;
}

.cate-block-body .greate-scroller{
	height: 258px;
}

.cate-panel{	
    margin-top: -30px;
	padding: 0;
    padding-right: 15px;
    margin-bottom: 15px;
}

.cate-panel .sub-cate-block{
	overflow: hidden;
    height: 215px;
    padding-left: 15px;
    background-color: #f3f3f3;
    padding-top: 4px;
    padding-bottom: 10px;
    color: #fff;
}
.cate-panel .sub-cate-block a{
	padding: 4px 0;
    color: inherit;
    font-size: 18px;
}

.col-left-adv{
	padding:0;
}
.vip-ad{
	padding: 0 15px;
	padding-left: 0;
}

.vip-ad .star .title{
	color:#F75E01
}

.vip-ad a{
	padding:4px 5px;
	text-decoration:none!important;
	border-radius: 4px;
	font-weight: 400;
}

.vip-ad a:hover{
	background-color: #f3f3f3;
}

.vip-ad p{
	margin-bottom:5px;
}

.cate-block-body label{
	margin:0;
}

#next-section-btn{
	bottom:60px;
}


/*** MÀU SĂC VÀ BACKGROUND CỦA CÁC CATEGORY **/
.cate-panel .cate-title{
	height: 105px;
    width: 100%;
    color: #fff!important;
    text-shadow: 2px 2px #444;
    padding: 0 15px;
    line-height: 100px;
    background-size: cover!important;
    position: relative;
}

#res-cate .sub-cate-block, #res-cate .cate-title{ 	background-color:#E63C59; }
#car-cate .sub-cate-block, #car-cate .cate-title{	background-color:#FFF06B; color: #902D01;}
#mot-cate .sub-cate-block, #mot-cate .cate-title{	background-color:#C75C5C; color: #FFDB8D;}
#ipd-cate .sub-cate-block, #ipd-cate .cate-title{	background-color:#9C5FC6; }
#pcs-cate .sub-cate-block, #pcs-cate .cate-title{	background-color:#FFC001; color: #27343C;}
#fah-cate .sub-cate-block, #fah-cate .cate-title{	background-color:#C75C5C; }
#jew-cate .sub-cate-block, #jew-cate .cate-title{	background-color:#2EAEB7; color: #FFC700;}
#mom-cate .sub-cate-block, #mom-cate .cate-title{	background-color:#B6C851; }
#pet-cate .sub-cate-block, #pet-cate .cate-title{	background-color:#7989A3; }
#kit-cate .sub-cate-block, #kit-cate .cate-title{	background-color:#8AA886; }
#ofe-cate .sub-cate-block, #ofe-cate .cate-title{	background-color:#1A75BD; }
#ieq-cate .sub-cate-block, #ieq-cate .cate-title{	background-color:#297AAF; }
#dgt-cate .sub-cate-block, #dgt-cate .cate-title{	background-color:#6085B1; }
#fur-cate .sub-cate-block, #fur-cate .cate-title{	background-color:#FFBD00; }
#job-cate .sub-cate-block, #job-cate .cate-title{	background-color:#F99A1B; }
#sev-cate .sub-cate-block, #sev-cate .cate-title{	background-color:#5891AA; }
#other-cate .sub-cate-block,#other-cate .cate-title{background-color:#D6DF22; color:#2A4266}

#res-cate .cate-title{ background:url('../../assets/cate-intro/res.jpg') no-repeat; }
#car-cate .cate-title{ background:url('../../assets/cate-intro/car.jpg') no-repeat; }
#mot-cate .cate-title{ background:url('../../assets/cate-intro/mot.jpg') no-repeat; }
#ipd-cate .cate-title{ background:url('../../assets/cate-intro/ipd.jpg') no-repeat; }
#pcs-cate .cate-title{ background:url('../../assets/cate-intro/pcs.jpg') no-repeat; }
#fah-cate .cate-title{ background:url('../../assets/cate-intro/fah.jpg') no-repeat; }
#jew-cate .cate-title{ background:url('../../assets/cate-intro/jew.jpg') no-repeat; }
#mom-cate .cate-title{ background:url('../../assets/cate-intro/mom.jpg') no-repeat; }
#pet-cate .cate-title{ background:url('../../assets/cate-intro/pet.jpg') no-repeat; }
#kit-cate .cate-title{ background:url('../../assets/cate-intro/kit.jpg') no-repeat; }
#ofe-cate .cate-title{ background:url('../../assets/cate-intro/ofe.jpg') no-repeat; }
#ieq-cate .cate-title{ background:url('../../assets/cate-intro/ieq.jpg') no-repeat; }
#dgt-cate .cate-title{ background:url('../../assets/cate-intro/dgt.jpg') no-repeat; }
#fur-cate .cate-title{ background:url('../../assets/cate-intro/fur.jpg') no-repeat; }
#job-cate .cate-title{ background:url('../../assets/cate-intro/job.jpg') no-repeat; }
#sev-cate .cate-title{ background:url('../../assets/cate-intro/sev.jpg') no-repeat; }
#other-cate .cate-title{ background:url('../../assets/cate-intro/other.jpg') no-repeat; }


/********************	INTRO BLOCK *******************************/

#intro-block{
	display:none;
	margin-bottom:40px;
}

#intro-block .panel-body{
	background-color:rgba(255, 255, 255, 0.7);
}

.intro-block{
	background: url('../../assets/home-intro/intro-blur.jpg') no-repeat;
    background-size: cover!important;
	color:#fff;
	padding: 18px;
	min-height: 360px;
    margin: 15px 0;
    line-height: 24px;
    position: relative;
    font-size: 16px;
}

.intro-block .info{
	position:absolute;
	left:0;
	right:0;
	padding:20px;
    padding-top: 0;
    bottom: 0;
}

.intro-block .bold-number{
	font-size:65px;
	padding:20px 0;
	margin: 0;
}

#alogap-block{
	background: url('../../assets/home-intro/intro-blur.jpg') no-repeat;
}
#event-block{
	background: url('../../assets/home-intro/event-blur.jpg') no-repeat;
}
#member-block{
	background: url('../../assets/home-intro/member-blur.jpg') no-repeat;
}

#alogap-block ul{
	padding: 0;
    padding-left: 20px;	
}

#event-block .event-desc{
    overflow: hidden;
    max-height: 120px;
}

#member-block .avatar{
	width:100px;
	height: 100px;
}
#member-block a{
	color:#fff;
	text-decoration:none;
}
/********************	END INTRO BLOCK *******************************/
#intro-block .panel-footer{
	color: #aaa;
}
#intro-block .panel-footer .block {
    padding: 10px 0;
}

#intro-block .panel-footer #block-1 a {
    padding: 0 15px;
}

#intro-block .panel-footer a {
    color: #fff;
	font-weight: normal;
}
/********************	END INTRO FOOTER *******************************/




@media (max-width:767px){
	.cate-panel{
		padding:0!important;
		padding-bottom: 10px;
	}
	
	.cate-panel .sub-cate-block{
		background:none;
		height: auto;
	}
	
	.cate-section li.one-line{padding:5px 0;}
	.cate-section h3{
		font-size: 18px;
	}
	
	.vip-ad {
		padding:20px 15px!important
	}
	
	.col-left-adv {
		padding : 0 15px;
	}
	
	#intro-block .panel-body{
		padding:0;
	}
	
	.cate-panel .cate-title{
		height:150px;
	}
	.cate-section h2 {		
		font-size: 25px;
		padding-top: 60px;
	}
	
	.brand-list, .brand-list a.col-xs-2{
		padding:5px;
	}
}

/*********	MÀN HÌNH TABLET ĐỨNG ********/
@media (min-width: 768px) and (max-width: 991px) {
	.cate-block-body .mega-alobox{
		padding: 0 15px!important;
		padding-left: 0!important;
	}
	
	.cate-panel .sub-cate-block{
		padding-top:12px;
	}
	
	.vip-ad {
		padding: 20px;
		padding-top: 5px;
	}
	
	.brand-list a.col-xs-2{
		padding:10px;
	}
	
	#intro-block .panel-body {
		padding: 5px;
	}
	#intro-block .intro-block{
		font-size:95%;
	}
}

/**	MÀN HÌNH TABLET NGANG */
@media (min-width: 992px) and (max-width: 1199px) {
	.sub-cate-block{
		height: 198px!important;
	}
	.cate-panel .sub-cate-block a {
		padding: 3px 0;
	}
	
	.vip-ad {
		padding-left: 15px;
	}
	
	
	.vip-ad a {
		padding: 3px 5px;
		font-size: 95%;
	}
	
	.cate-block-body .greate-scroller {
		height: 248px;
	}
	
}

@media (min-width: 1200px) {
	.cate-panel .sub-cate-block{
		height: 206px;
	}
	.scroll-top-btn{	
		bottom: 120px;
	}
	
	.col-left-adv{
		padding-right: 15px!important;
	}
}