.map {
	height: 400px;
	width: 100%;
	float: left;
}

.contact {
	background: #fff;
	float: left;
	width: 100%;
	/* padding: 20px 0 */
}

.lienhe {
	width: 100%;
	background: #fff;
	clear: both;
	padding: 0;
}

	.lienhe .form {
		width: 480px;
		float: left
	}

	.lienhe .info {
		width: 100%;
		float: left
	}

	.lienhe .title {
		color: #000000;
	}

	.lienhe table {
		width: 100%;
	}

	.lienhe p {
		padding: 5px 0;
		margin-bottom: 3px;
		float: left;
		width: 100%
	}

		.lienhe p .left {
			width: 150px;
			float: left
		}

		.lienhe p .right {
			width: 250px;
			float: left
		}

			.lienhe p .right input, .lienhe p .right textarea {
				display: block;
				width: 100%;
				padding: 6px 12px;
				font-size: 14px;
				color: #555;
				background-color: #fff;
				background-image: none;
				border: 1px solid #ccc;
				border-radius: 4px;
				-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
				-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
				-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
				transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			}

			.lienhe p .right textarea {
				height: 100px;
			}

			.lienhe p .right input[type="submit"] {
				width: 100px;
				background: #08c;
				color: #fff;
				float: right
			}

		.lienhe p.tieude { /* padding:5px 0 5px 30px */
		}

		.lienhe p.diachi {
			font-weight: bold;
			text-transform: uppercase
		}

.map {
	display: none;
}

.bdo .active {
	display: block
}

.rel li {
	float: left;
	padding: 10px 0px;
	list-style: none;
	cursor: pointer;
	background: #eee;
	width: 33.3%;
	text-align: center
}

	.rel li.active {
		background: #08c;
		color: #fff;
	}