.clearfix{
	*zoom:1;
}
.clearfix:after{
	height:0;
	clear:both;
	visibility: hidden;
	content:'';
	display: block;
}
.calendar{
	width:448px; border:#009900 solid 0px;
	text-align:center;
	background:#fff;
}
.calendar-header{
	height:50px;
	line-height: 50px; background:#005faf; color:#fff;font-size: 20px;
}
.calendar input{
	width:60px;
	height: 30px; line-height:30px; margin-bottom:4px;
	outline: none;
	font-size: 20px;
	border-radius:0px;
	border-width:1px;
	text-align:center; color:#fff; background:none; border:0px;
}
.calendar .month{
	width:30px;
}
.cale-left{
	float:left;
	width:50px;
	cursor:pointer; color:#fff;
}
.cale-right{
	float:right;
	width:50px;
	cursor:pointer; color:#fff;
}
.cale-que{
	float:left;
	width:50px;
	cursor:pointer;
}
.cale-com{
	float:right;
	width:50px;
	cursor:pointer;
}
.cale-nav{
	height:38px;
	line-height: 38px;
	width:448px;
}
.cale-nav span{
	box-sizing: border-box;
	width:64px; height:38px; line-height:38px;
	float:left;
	color:#111; background:#f4f4f4; border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;
}

.cale-nav span:nth-child(7n){
	border-right:1px solid #e0e0e0;
}
.calendar-ri span{
	box-sizing: border-box; border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;
	width:64px;
	float:left;
	height:38px; line-height:38px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;
	cursor:pointer; font-size:15px;
}
.calendar-ri span.active{
	 background:#005faf; color:#fff;
}

.calendar-ri span:nth-child(7n){
	border-right:1px solid #e0e0e0;
}