.box{
	width: 100%;
	height: auto;
	background-color: #FFF;
	display: flex;
	justify-content: space-around;
}	
.left-box,.right-box{
	width: 50%;
	height: auto;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding: 20px;
}
.send-messege{
	width: 300px;
}
.minput,.send-mess-btn{
	width:302px;
	height: 40px;
	margin-top: 10px;
	box-shadow: 0 0 20px #DADADA;
    border-radius: 5px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
}
textarea,input{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border:1px solid #d3d3d3;
    border-radius: 5px;
    padding-left: 5px;
    resize: none;
}
textarea{
	width: 302px;
	height: 100px;
	margin: 10px 0 10px 0;
	box-shadow: 0 0 20px #DADADA;
}
.send-mess-btn{
	height: 36px;
	line-height: 36px;
	background-color: #444;
	color:white;
	box-shadow: 0 0 2px #5c5656;
}
.hint-error{
	width: 300px;
	color: red;
	text-align :center;
	font-size: 13px;
}
.right-box{
	flex-direction: column;
	justify-content: flex-start;
}
.address{
	width: 300px;
	height: 110px;
	margin-bottom: 10px;
	padding-top: 10px;
	box-sizing: border-box;
}
.map{
	width: 100%;
	height: 282px;
}
.address div{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-family: arial;
}

@media(max-width: 716px){
	.box{
		flex-direction: column;
	}
	.left-box,.right-box{
		width: 100%;
	}
}