.banner-middle {
	padding:15px 0px;
	min-height:360px;
}
.banner-middle-content {
	padding:9px;
	min-height:360px;
	border: 1px solid #ffffff;
background: #ffffff;
border-radius:4px;
}
.banner-middle-content img { width:950px !important; height:360px !important;}
.banner-middle-shadow {
	background:url(../images/banner-middle-shadow.png) bottom center no-repeat;
        padding-bottom:20px;	
}
#vnt-container .container-bg{		
}
.div_main_category{
	height:135px;	
}
.main_category { 
    background: #f8f8f8;
    position: absolute;
    width: 100%;
    left: 0;
    height: 135px;
}
.main_category_bo {
	height:135px;
}

.main_category .box_main_category {
    width: 970px;
    margin: 0px auto;
    padding-top: 6px;
    padding-bottom: 6px;
    height: 120px;
    border-radius: 4px;
    box-shadow: 0 1px 1px #0000003b, 0 3px 3px #30bddd3b;	
}
.box_main_category ul{
	list-style:none;	
}
.box_main_category li {
	float:left;
	width:220px;
	height:100px;	
	margin:10px;
border: 1px solid rgb(125 32 32 / 10%);
border-radius:4px;
}
.box_main_category li.last{ margin-right:0px;}
.box_main_category li a { 	
	display:block;
	width:220px;
	height:100px;
	position:relative;
	text-decoration:none;
    text-align: center; 
    color: #ffffff;
    border-radius: 4px;
    flex-direction: column;
    backdrop-filter: blur(6px);
    justify-content: space-between;
    background: url(/skins/default/images/footer.jpg);
}
.box_main_category li a span {
  	font-size:14px;
        font-weight:700;
line-height: 30px;
}
.box_main_category li a h2 {
	position:absolute;
	bottom:5px;
	right:5px;
	width:220px;
	padding:5px;
	line-height:18px;
	text-align:right;
	font-weight:normal;
	display:block;
}
.box_main_category li a:hover { 
	
}
.box_main_category li a:hover img {display:block !important;}
.box_main_category li a:hover .img_shadow {
	width:220px;
	height:100px;	
	position:absolute;
	top:0;
}
.img_shadow {
	height:35px;	
}
.box_main_category li a:hover span {
	display:none;
}

.box_banner_footer {
	background:#ddd8c2;
	padding:10px;
	border:1px solid #bfbfbf;	
	margin-bottom:20px;
}
.box_banner_footer a {display:inline-block; margin:0px 5px;}
.box_banner_footer a img {
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */	
}
.box_banner_footer a:hover img {
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */	
}

.boxMain {
	margin-bottom:10px;    	
}

.boxMain .boxMain-title {
	height:30px; 
	margin-bottom:1px;
}
.boxMain .boxMain-title div {
	height:31px;
	padding-left:5px;
}
.boxMain .boxMain-title div span {
	display:block;
	line-height:26px;
	font-size:18px;	
	font-weight:700;
    color: #191919;
}

.boxMain-title div.icon-popular {
	background:url(../images/icon_popular.png) no-repeat;
}
.boxMain-title div.icon-hot {
	background:url(../images/icon_hot.png) no-repeat;
}

.boxMain-title div.icon_register {
	line-height:30px;
}
.boxMain-title div.icon_inquiry {
}


.boxMain-content {
	padding:5px 0px;	
}


.boxForm {
	padding-top:30px;
}
.boxForm .m-left {
	float:left;
	width:440px;
	margin-right:80px;	
}
.boxForm .m-mid {
	float:left;
	width:440px; 
}
.boxForm .m-right {
	float:right;
	width:250px;
}
.boxForm .height150 { min-height:150px; position:relative;}
.boxForm .divButton { position:absolute; bottom:0px;}

.marquee { width:970px;}

#makeMeScrollable
		{
			width:970px;
			height: 180px;
			position: relative;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}
		
		#makeMeScrollable ul {list-style:none; 			overflow:hidden;}
		#makeMeScrollable li {float: left;   }
		
		

#makeMeScrollable .scrollableArea { height:180px; overflow:hidden;}
.FocusProduct {	 
	vertical-align:top;
	padding:0px 5px;
}
.FocusProduct .item{
	background:url(../images/line_pro.gif) right no-repeat;	
	text-align:center;
	vertical-align:text-bottom;
	padding-right:16px;
	min-height:180px;
} 
.FocusProduct .item.last { padding-right:0px;} 
.FocusProduct .item .img { border:1px solid #cbcbcb; padding:2px; background:#FFF; position:relative; width:165px; padding:5px;}
.FocusProduct .item img { width:165px; height:105px; }
.FocusProduct .item .extra_room {position:absolute; z-index:5; width:165px; height:25px; background:url(../images/shadow.png) ; color:#FFF; bottom:5px; line-height:25px; text-align:left; }
.FocusProduct .item .extra_room span {display:inline-block; margin-left:10px; height:25px; line-height:25px; padding-left:30px;  font-weight:bold; }
.FocusProduct .item .extra_room .bedroom { background:url(../images/bedroom.png) left center no-repeat;}
.FocusProduct .item .extra_room .bathroom { background:url(../images/bathroom.png) left center no-repeat;}
.FocusProduct .item h3 { text-align:left; padding:3px 0px; }
.FocusProduct .item h3 a { color:#2e2e2d; }
.FocusProduct .item .divPrice { text-align:left; color:#6b6b68;}
.FocusProduct .item .price { color:#897c38; font-weight:bold;}

.list_project { padding:10px 0px;}
.list_project ul {
	list-style:none;	
}
.list_project li {
	float:left;
	width:220px;	 
	margin-right:10px;
	
}

.list_project li a { 
	font-size:11px;
}