@charset "utf-8";
@import "common.css";

#rent{ width: 830px; margin: 0px auto; }

#rent .titRent{
	width: 812px;
    margin-left: -1px;
    background: url(../img/rent/bgTit.jpg) no-repeat;
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
    font-size: 18px;
}

#rent .landList{
	width: 790px;
    margin: 0px auto;
    padding: 30px 0px 140px;
}

#rent .thTable{
	border: 1px solid #D6D6D6;
    border-collapse: collapse;
    margin-bottom: 20px;
    background: #FFF6D2;
    color: #663300;
    width: 100%;
    height: 40px;
    text-align: center;
}
#rent .thTable td{
	border: 1px solid #D6D6D6;
    border-collapse: collapse;
    vertical-align: middle;
}
#rent .thTable td.td01{ width: 380px; }
#rent .thTable td.td02{ width: 140px; }
#rent .thTable td.td03{ width: 135px; }


#rent .list{
	width: 100%;
    border-top: 4px solid #392F21;
    margin-bottom: 20px;
}
#rent .list td{
	border: 1px solid #D6D6D6;
    border-collapse: collapse;
    background: #FFFFFF;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 12px 10px;
    line-height: 120%;
    font-family: verdana;
}
#rent .list .tdTit{
    border-top: none;
    background: #EFEFEF;
    height: 44px;
    padding-left: 15px;
    font-size: 14px;
}
#rent .list .tdTit a{ color: #333333; }
#rent .list .tdTit a:hover{ color: #666666; }
#rent .list td.td01{ width: 380px; }
#rent .list td.td02{ width: 140px; }
#rent .list td.td03{ width: 135px; }
#rent .list .tdPhoto{
	display: inline-block;
    float: left;
    margin-right: 12px;
}
#rent .list .td01In{
	width: 270px;
    float: left;
    font-size: 11px;
}
#rent .list .td01In .icon{
	display: inline-block;
    float: left;
    margin-right: 3px;
    color: #FFFFFF;
    height: 21px;
    line-height: 21px;
    padding: 0px 5px;
}
#rent .list .td01In .iconPlace{ background: #89AC48; }
#rent .list .td01In .iconType{ background: #184068; }
#rent .list .price{ font-size: 18px; color: #FF0000; }
#rent .list .td01In .td01Link{
	color: #25A339;
    font-size: 16px;
    display: inline-block;
    margin: 8px 0px 5px;
    line-height: 20px;
}
#rent .list .td01In .td01Link:hover{ color: #58D66C; }
#rent .list .btnArea{ background: #F5F3EB; text-align: right; }
#rent .list .btnArea a{
	display: inline-block;
    margin-left: 10px;
    float: right;
}



/*--------------------------
	    details.html
--------------------------*/

#rent .titLandDetails{
	width: 772px;
    margin-left: -1px;
    background: url(../img/rent/bgTitDetails.jpg) no-repeat;
    height: 47px;
    line-height: 47px;
    padding-left: 20px;
    font-size: 18px;
    margin: 0px auto;
}

#detailsRent .titDetails{
  	width: 740px;
    background: #428A70;
    border-radius: 5px 5px 0px 0px;
    -web-kit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    padding: 20px 20px 20px 30px;
    color: #FFF;
    font-size: 22px;
    margin: 10px auto 0px;
}
#detailsRent .titDetails .fBold{
  	font-size: 14px;
    padding-bottom: 5px;
}
#detailsRent .txtDetails{
  	background: #FFF;
    border: 10px solid #D5D5D5;
    border-top: none;
    width: 720px;
    padding: 20px 25px;
    margin: 0px auto 40px;
    font-size: 14px;
    color: #333;
    line-height: 160%;
}
.txtArea{ width: 475px; float: left; }
#detailsRent .td01Link{
	color: #333;
    font-size: 16px;
    display: inline-block;
    margin: 8px 0px 7px;
    color: #25A339;
}
#detailsRent .rightPhoto{
  	display: inline-block;
    float: right;
    padding: 1px;
    border: 1px solid #E1E1E1;
}
#detailsRent .titOutline{
  	padding: 20px 0px 5px;
    font-size: 14px;
    color: #418A70;
}
#detailsRent .outlineTable{
  	width: 718px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    font-size: 12px;
    line-height: 120%;
}
#detailsRent .outlineTable th{
  	border: 1px solid #CCC;
    border-collapse: collapse;
    background: #F6F6F6;
    width: 90px;
    vertical-align: middle;
    height: 40px;
}
#detailsRent .outlineTable td{
  	border: 1px solid #CCC;
    border-collapse: collapse;
    vertical-align: middle;
    height: 20px;
    padding: 10px 15px;
    font-family: verdana;
}
#detailsRent .outlineTable .fBold{ font-size: 14px; }
#detailsRent .outlineTable td .red{ color: #F00; }

.bnrContact{
  	width: 700px;
    margin: 0px auto;
    padding-bottom: 40px;
    position: relative;
}
.bnrContact a{
  	display: block;
    width: 180px;
    height: 36px;
    position: absolute;
    background: #FFF;
    top: 32px;
    right: 32px;
}

.subTit{
  	background: #428A70;
    color: #FFF;
    font-size: 14px;
    width: 770px;
    height: 35px;
    line-height: 36px;
    padding-left: 20px;
    border-radius: 5px;
    -web-kit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px auto 10px;
    text-align: left;
}

.album{ width: 790px; margin: 0px auto 60px; }
.album .showPhoto{
  	border: 1px solid #CCC;
    padding: 1px;
    float: left;
    width: 536px;
    text-align: center;
}
.album .selectArea{ width: 225px; float: right; }
.album .selectArea .selectPhoto{
  	display: inline-block;
    border: 1px solid #CCC;
    padding: 1px;
    float: left;
    margin: 0px 0px 5px 5px;
}
.album .selectArea .cap{
  	font-size: 11px;
    padding: 7px 0px 0px 5px;
    clear: both;
}

.photoArea{
  	padding-bottom: 30px;
    width: 730px;
    margin: 0px auto;
}
.photoArea .listPhoto{
  	width: 175px;
    float: left;
    padding-right: 10px;
    text-align: left;
}
.photoArea .last{ padding-right: 0px; }
.photoArea .listPhoto .img{
  	border: 1px solid #CCC;
    padding: 1px;
    margin-bottom: 10px;
}
.photoArea .listPhoto .titLocation{ font-size: 14px; }
.photoArea .listPhoto .txtDistance{
  	font-size: 13px;
    padding: 5px 0px 10px;
}

.location{ width: 730px; margin: 0px auto 30px; }
.location .left{ width: 350px; float: left; }
.location .right{ width: 350px; float: right; }
.location .titCategory01{
  	background: #059EDB;
    height: 30px;
    color: #FFF;
    line-height: 30px;
    border-left: 5px solid #0062BC;
    padding-left: 10px;
    text-align: left;
}
.locationDetails{ width: 100%; margin: 15px 0px; }
.locationDetails th{
   text-align: left;
   padding: 5px 0px;
   font-size: 12px;
}
.locationDetails td{
   text-align: right;
   padding: 5px 0px;
   font-size: 12px;
   font-family: verdana;
}
.location .titCategory02{
  	background: #76B042;
    height: 30px;
    color: #FFF;
    line-height: 30px;
    border-left: 5px solid #377911;
    padding-left: 10px;
    text-align: left;
}
.location .titCategory03{
  	background: #F3869A;
    height: 30px;
    color: #FFF;
    line-height: 30px;
    border-left: 5px solid #E8465D;
    padding-left: 10px;
    text-align: left;
}
.location .titCategory04{
  	background: #F79547;
    height: 30px;
    color: #FFF;
    line-height: 30px;
    border-left: 5px solid #EF5714;
    padding-left: 10px;
    text-align: left;
}
.location .titCategory05{
  	background: #9079B6;
    height: 30px;
    color: #FFF;
    line-height: 30px;
    border-left: 5px solid #513982;
    padding-left: 10px;
    text-align: left;
}

.map{
  	margin: 0px auto 40px;
    display: block;
    border: 1px solid #CCCCCC;
    padding: 1px;
    width: 786px;
    height: 487px;
}

.fee{
  	width: 788px;
    border: 1px solid #CCC;
    border-collapse: collapse;
    margin: 0px auto 20px;
}
.fee th{
  	height: 40px;
    vertical-align: middle;
    border: 1px solid #CCC;
    border-collapse: collapse;
    background: #F6F6F6;
}
.fee th.w110{ width: 110px; }
.fee th.w120{ width: 120px; }
.fee th.w130{ width: 130px; }
.fee th.w240{ width: 240px; }
.fee td{
  	height: 20px;
    vertical-align: middle;
    border: 1px solid #CCC;
    border-collapse: collapse;
    background: #FFF;
    padding: 10px 15px;
    font-family: verdana;
}
.fee .fBold{ font-size: 14px; }
.fee .red{ color: #F00; }
.fee .nonebold{ font-weight: normal; }

.btnContact{ padding: 40px 0px 160px; text-align: center; }
.btnContact a{
  	display: inline-block;
    background: #FFF;
}