/* CSS DOCUMENT */
.mainHeader {
	width: 100%;
	min-height: 50px;
	background-color: #fff;
	padding: 0px 130px;
}
.mainHeader img {
	width: 70px;
	height: 70px;
}
.mainHeader .boxHeader {
	width: 100%;
	min-height: 50px;
	/*background-color: red;*/
	margin: auto;
}
.mainHeader .boxHeader .left {
	float: left;
	min-height: 50px;
	padding: 10px;
	width: 70%;
}
.mainHeader .boxHeader .right {
	float: left;
	min-height: 50px;
	padding: 10px;
	width:29%;
}
.mainHeader .boxHeader #clear { clear: both; }
.mainHeader .boxContact {
	margin-top: 10px;
	width: 100%;
	min-height: 10px;
	position: relative;
	font-size: 11px;
}
.mainHeader .boxContact span.name {
	font-weight: bold;
	font-size: 15px;
}
.mainHeader .boxContact span.no {
	color: #8A8A8A;
	font-size: 14px;
}
.mainHeader .boxContact .left {
	float: left;
	width: 50%;
	min-height: 10px;
}
.mainHeader .boxContact .right {
	float: left;
	width: 47%;
	min-height: 10px;
}
@media (max-width: 1040px) {
	.mainHeader {
		padding: 0px 50px;
	}
}
@media (max-width: 1000px) {
	.mainHeader .boxHeader .left {
		width: 50%;
	}
	.mainHeader .boxHeader .right {
		width:49%;
	}
}
@media (max-width: 790px) {
	.mainHeader {
		padding: 0px 20px;
	}
}
@media (max-width: 500px) {
	.mainHeader {
		padding: 0px 0px;
	}
	.mainHeader .boxHeader {
		padding: 0px 0px;
	}
	.mainHeader .boxHeader .left {
		width: 40%;
	}
	.mainHeader .boxHeader .right {
		width:59%;
	}
}
@media (max-width: 460px) {
	.mainHeader .boxHeader .left {
		width: 35%;
	}
	.mainHeader .boxHeader .right {
		width:65%;
	}
	.mainHeader .boxContact .left {
		float: left;
		width: 50%;
		min-height: 10px;
	}
	.mainHeader .boxContact .right {
		float: left;
		width: 50%;
		min-height: 10px;
	}
}