/* CSS Document base-****,map- */
@charset "utf-8";

/* 
---------------------------------*/
.baseinfo-wrap {
	position: relative;
	width: 100%;
	height: 390px;
	background:no-repeat right bottom;
}
.baseinfo-img {
	position: absolute;
	top: 0;
	right: 0;
}

.b-title {
	font-size: 18px;
	padding-bottom: 5px;
}

.map-btn {
	position: absolute;
	bottom: 10px;
	right: 540px;
}

.map-btn a {
	margin-left: 10px;
}

.aed {
	position: absolute;
	color:#FF4145;
	bottom: 10px;
	left: 20px;
}
.farea {
	position: absolute;
	background: rgba(255,255,255,0.9);
	padding: 10px;
	right: 10px;
	bottom: 10px;
}
.farea div {
	display: inline-block;
	vertical-align: middle;
}
.farea p {
	font-size: 14px;
	line-height: 18px;
}
.farea img {
	padding-right: 10px;
}

@media screen and (max-width:640px){
	
	.baseinfo-wrap {
		position: relative;
		height:inherit;
		background:no-repeat right top;
	}
	
	.baseinfo-img {
		width: 45%;
	}
	.baseinfo-img img {
		width: 100%;
	}
	
	.map-btn {
		position:inherit;
		bottom: 0;
		right: 0;
		padding: 0 20px 0 20px;
		margin-bottom: 20px;
	}
	
	.map-btn a {
		margin-left:inherit;
		padding: 10px;
		color: #fff;
		background-color: #f00;
	}
	.map-btn a:hover {
		color: #fff;
	}
	
	.aed {
		position:inherit;
		color:#FF4145;
		bottom: 0;
		left: 0;
		padding: 10px 20px;
		margin-bottom: 20px;
	}
	
	.farea {
		position: inherit;
		background: rgba(255,255,255,0.9);
		padding: 10px;
		right: 0;
		bottom: 0;
	}
	
}


/* MAP ITEM L
---------------------------------*/
.baseinfo {
	width: 400px;
	margin-left: 20px;
	border-bottom: 1px dotted #333;
}


.cell-mas {
	list-style: none;
	
}

.cell-mas li{
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 1px;
}

.cell-icon {
	padding: 5px 0;
}

span.cell-i {
	float: left;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	width: 60px;
	text-align: center;
	margin-right: 5px;
}

span.cell-l {
	display: block;
	margin-left: 25px;
}

.t-title {
	font-size: 14px;
	background-color: #ccc;
	width: 100%;
	font-weight: bold;
	padding:3px 0 3px 3px;
	margin-bottom: 5px;
}

.cell-l {
	display:inline-block;
	
}
.cell-r {
	margin-left: 15px;
	padding-left: 15px;
	display:inline-block;
	border-left: 1px dotted #ccc;
}

@media screen and (max-width:640px){
	.baseinfo {
		width: 50%;
		margin-left: 20px;
		border-bottom: 1px dotted #333;
	}

	.cell-mas {
		width: 100%;
	}
	.cell-mas li{
		font-size: 16px;
		line-height: 18px;
		height: inherit;
		width: 100%;
	}
	
	.cell-l {
		display:inherit;
	}
	.cell-r {
		margin-left:inherit;
		padding-left:0;
		display:inherit;
		border-left:none;
	}
	
}

/* BLOCK ITEM
---------------------------------*/
.block-item {
	list-style: none;
}

.block-item li {
	display: inline-block;
	width: 50%;
	height: 190px;
	margin-bottom: 20px;
	background:no-repeat right bottom url(../img/common/back-240x240.png);
}
.block-item div {
	display: inline-block;
	vertical-align: middle;
}
.block-txt {
	padding-left: 10px;
	font-size: 14px;
	line-height: 18px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.block-img {
	padding-left: 20px;
}
@media screen and (max-width:640px){
	.block-item li {
		width: 100%;
		height: inherit;
		margin-bottom: 10px;
	}
}

/* OTHER
---------------------------------*/

.i-aed:before {
	content: "\e923";
	font-size: 20px;
}