@charset "utf-8";

body { margin:0; padding:0;}

#houseRecommend {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			
	border:4px solid #ffa500;
	position:relative;
	width:772px;
	height:217px;
	background:#ffff99;
}
#houseRecommend img { border:0;}
#houseRecommend > div,
#houseRecommend ul,
#houseRecommend li { list-style:none; margin:0; padding:0; line-height:0;}

#houseRecommend-category {
	position:absolute;
	top:0;
	left:247px;
}
	#houseRecommend-category li {
		display:inline-block;
		margin:0 2px 1px 0;
		position:relative;
		z-index:5;
		transition:0.3s all ease;
		}
	#houseRecommend-category li:hover {
		box-shadow: 0 0 30px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0 30px rgba(0,0,0,0.7);
		z-index:10;
	}
		#houseRecommend-category li img {transition:0.5s all ease 0.3s;}
		#houseRecommend-category li:hover img {opacity:0;}
		
		#houseRecommend-category li:nth-child(1) {background:url(/images/rn_top/slide/house/houseRecommend-01_on.png) 0 0 no-repeat;}
		#houseRecommend-category li:nth-child(2) {background:url(/images/rn_top/slide/house/houseRecommend-05_on.png) 0 0 no-repeat;}
		#houseRecommend-category li:nth-child(3) {background:url(/images/rn_top/slide/house/houseRecommend-02_on.png) 0 0 no-repeat;}
		#houseRecommend-category li:nth-child(4) {background:url(/images/rn_top/slide/house/houseRecommend-06_on.png) 0 0 no-repeat;}
		#houseRecommend-category li:nth-child(5) {background:url(/images/rn_top/slide/house/houseRecommend-03_on.png) 0 0 no-repeat;}
		#houseRecommend-category li:nth-child(6) {background:url(/images/rn_top/slide/house/houseRecommend-07_on.png) 0 0 no-repeat;}
		#houseRecommend-category li:nth-child(7) {background:url(/images/rn_top/slide/house/houseRecommend-04_on.png) 0 0 no-repeat;}
		#houseRecommend-category li:nth-child(8) {background:url(/images/rn_top/slide/house/houseRecommend-08_on.png) 0 0 no-repeat;}

#houseRecommend-area {
	position:absolute;
	top:4px;
	right:4px;
	width:136px;
}
	#houseRecommend-area li {
		display:inline-block;
		margin:0 0 1px;
		transition:0.3s all ease;
		position:static;
		}
		#houseRecommend-area li:hover { opacity:0.75;}