@charset "utf-8";
/* ===================================================================
CSS information
 file name  :vacanthouse.css
 author     :Ability Consultant
=================================================================== */
/* -----------------------------------------------------------
	h2
----------------------------------------------------------- */
#vacanthouse h2 span{
	background: url(../vacanthouse/images/tit_vacant.png) left center no-repeat;
    padding-left: 1.5em
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
#vacanthouse .con_intro{
	overflow: hidden;
	margin: 0 auto 25px;
}
#vacanthouse .con_intro h3{
	margin-bottom: 15px;
}
#vacanthouse .con_intro .box_intro img{
    width: 50%;
}

/* -----------------------------------------------------------
	.con_why
----------------------------------------------------------- */
#vacanthouse .con_why{
	margin-bottom: 20px;
}

#vacanthouse .con_why .tab li {
    text-align: center;
    cursor: pointer;
}

#vacanthouse .con_why .tab{overflow:hidden;}
#vacanthouse .con_why .tab li{background:#ccc; width: 48%; float:left; padding: 1%;}
#vacanthouse .con_why .tab li.select{background:#0e70b8; color: #fff; font-weight: bold;}
#vacanthouse .con_why .content li{background:#f2faff; padding:20px;}
#vacanthouse .con_why .hide {display:none;}

/* -----------------------------------------------------------
	.con_plan
----------------------------------------------------------- */
#vacanthouse .con_plan{
    margin-bottom: 25px;
    text-align: center;
}

#vacanthouse .con_plan h4{
    font-weight: bold;
    color: #fff;
	background: #0e70b8;
	padding: 0.5em;
	margin-bottom: 10px;
}

#vacanthouse .con_plan .option{
    background: #faf8b6;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------
	con_service
----------------------------------------------------------- */
#vacanthouse .con_service{
    overflow: hidden;
    margin-bottom: 25px;
}

#vacanthouse .con_service h4{
    font-weight: bold;
    text-align: center;
    color: #fff;
	background: #0e70b8;
	padding: 0.5em;
	margin-bottom: 10px;
}

#vacanthouse .con_service .box_service p{
    margin-bottom: 15px;
}

#vacanthouse .con_service .box_service .txt_service{
	float: left;
	width: 70%;
}
#vacanthouse .con_service .right{
	width: 25%;
}
@media screen and (max-width: 320px){
	#vacanthouse .con_service .box_service .txt_service{
		font-size: x-small;
	}
}

#vacanthouse .con_service .box_pickup ul li{
	width: 100%;
	display: inline-block;
	margin-bottom: 5px;
}
#vacanthouse .con_service .box_pickup li{
    padding-top: 5px;
	border-top: 2px dotted #cdcdcd;
}
#vacanthouse .con_service .box_pickup .img_left{
	float: left;
    width: 20%;
	margin-right: 5px;
}
#vacanthouse .con_service .box_pickup ul li .box_content{
	float: left;
	width: 75%;
}

#vacanthouse .con_last{
    text-align: center;
}