#mph_head
{
	font-family: Arial;
	font-size: 18px;
	height: 50px;
	left: 0;
	line-height: 24px;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10000;
}
#mph_head .mph_area
{
	height: 20px;
	margin: 12px 30px 14px;
	width: 97%;
}
#mph_head .mph_area .clearfix:after
{
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
#mph_head .mph_area .mph_phones
{
	
	height: 20px;
	line-height: 1;
	margin: 0;
	padding: 0;
}
#mph_head .mph_area .mph_phones .mph_circle
{
	animation: phone-circle 1.3s infinite ease-in-out;
	background: url(../img/phoneCircle.png) 0 0 no-repeat;
	float: left;
	height: 32px;
	margin: -7px 15px 0 0;
	moz-animation: phone-circle 1.3s infinite ease-in-out;
	ms-animation: phone-circle 1.3s infinite ease-in-out;
	o-animation: phone-circle 1.3s infinite ease-in-out;
	webkit-animation: phone-circle 1.3s infinite ease-in-out;
	width: 32px;
}
@keyframes phone-circle
{
	0%
	{
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10%
	{
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20%
	{
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	30%
	{
		transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40%
	{
		transform: rotate(25deg) scale(1) skew(1deg);
	}
	50%
	{
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	100%
	{
		transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@-moz-keyframes phone-circle
{
	0%
	{
		transform: rotate(0deg) scale(1) skew(1deg);
	}
	10%
	{
		moz-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20%
	{
		moz-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30%
	{
		moz-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40%
	{
		moz-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50%
	{
		moz-transform: rotate(0deg) scale(1) skew(1deg);
	}
	100%
	{
		moz-transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@-webkit-keyframes phone-circle
{
	0%
	{
		webkit-transform: rotate(0deg) scale(1) skew(1deg);
	}
	10%
	{
		webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20%
	{
		webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30%
	{
		webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40%
	{
		webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50%
	{
		webkit-transform: rotate(0deg) scale(1) skew(1deg);
	}
	100%
	{
		webkit-transform: rotate(0deg) scale(1) skew(1deg);
	}
}
#mph_head .mph_area .mph_phones span
{
	color: #fff;
}
#mph_head .mph_area .mph_phones img
{
	height: 20px;
	margin: 0;
	padding: 0 15px;
}
#mph_head .mph_area .mph_times
{
	float: left;
	height: 34px;
	margin: -8px 0 0;
	padding: 0;
}
#mph_head .mph_area .mph_times .mph_workmode
{
	color: #fff;
	float: left;
	font-size: 15px;
	padding: 5px 15px 0 50px;
}
#mph_head .mph_area .mph_times .mph_worktime
{
	color: #fff;
	float: left;
	font-size: 14px;
	height: 34px;
	padding: 2px;
	text-align: right;
}
#mph_head .mph_area .mph_times .mph_worktime p
{
	font-size: 14px;
}
#mph_head .mph_area .mph_times .mph_worktime .mph_weekdays
{
	color: #fff;
	font-family: inherit;
	line-height: 6px;
	margin: 0;
	text-indent: inherit;
}
#mph_head .mph_area .mph_times .mph_worktime .mph_weekdays span
{
	font-size: 8px;
	vertical-align: super;
}
#mph_head .mph_area .mph_times .mph_worktime .mph_weekends
{
	color: #fff;
	font-family: inherit;
	line-height: 24px;
	margin: 0;
	text-indent: inherit;
}
#mph_head .mph_area .mph_times .mph_worktime .mph_weekends span
{
	font-size: 8px;
	vertical-align: super;
}
@media screen and (max-width:1050px)
{
	#mph_head .mph_area
	{
		width: 100%;
	}
	#mph_head .mph_area .mph_phones
	{
		float: none;
		margin: auto;
		text-align: center;
	}
	#mph_head .mph_area .mph_times
	{
		display: none;
	}
}
@media screen and (max-width:740px)
{
	#mph_head .mph_area
	{
		width: 100%;
	}
	#mph_head .mph_area .mph_phones
	{
		float: none;
		margin: auto;
		text-align: center;
	}
	#mph_head .mph_area .mph_phones img
	{
		padding: 0 10px;
	}
	#mph_head .mph_area .mph_times
	{
		display: none;
	}
}
@media screen and (max-width:700px)
{
	#mph_head
	{
		/*display: none;*/
	}
}
.mph_space
{
	height: 50px;
}