/*#calendar {
	margin:  200px auto;
	}*/
	input {
		outline: none;
	}
	body,html {
		margin: 0;
		padding: 0;
	}
	body {
		min-height:  900px;
	}
	.clearfix:after {
		content: "";
		display: block;
		clear: both;
	}
	#calendar {
		font-size: 12px;
		margin-top: 100px;
	}
	#calendar .calendar-input {
		position: relative;
		width: 300px;
		height: 30px;
		line-height: 30px;
		margin: 0 auto;
		font-size: 1.5em;
	}
	#calendar .calendar-input .weekdays {
		font-size: .3em;
		position: absolute;
		left: 170px;
		top: 0;
	}
	#calendar .calendar-input .prompt {
		position: absolute;
		font-size: .3em;
		right: 0;
		top: 0;
		width: 7em;
		color: red;
	}
	#calendar .calendar-input input[type="text"] {
		width: 90px;
		padding: 5px 55px 5px 5px;
		font-size: .8em;
	}
	#calendar .calendar-icon-left {
		display: block;
		width: 20px;
		height: 15px;
		background-position: 0 -16px;
		background-image: url(img/sprite1.png);
		background-repeat: no-repeat;
	}
	#calendar .calendar-icon-right {
		display: block;
		width: 20px;
		height: 15px;
		background-position: 0 -31px;
		background-image: url(img/sprite1.png);
		background-repeat: no-repeat;
	}
	.calendar-box {
		/* position: absolute; */
		width: 300px;
		height: 300px;
		/* top: 60px; */
		/* left: 760px; */
		border: 1px solid #8c8c8c;
		background: white;
		font-size: 12px;
		margin: 20px auto;
		display: none;
	}
	.calendar-box table {
		margin:  0 auto;
		border-collapse: collapse;
		/*border-color: gainsboro;*/
	}
	.calendar-box table thead tr th {
		border: none;
		text-align: center;
		height: 3.1em;
		width: 2.1em;
	}
	.calendar-box table tbody td{
		border: 1px solid gainsboro;
		text-align: center;
		height: 2.1em;
		width: 2.1em;
		color: #00afc7;
		/*cursor: not-allowed;*/
	}
	.calendar-box table tbody td.no-data {
		cursor: not-allowed;
	}
	.calendar-box table tbody td.today {
		cursor: pointer;
		color: red;
	}
	.calendar-box table tbody td.today:hover {
		background: 	#00afc7;
		color: red;
	}
	.calendar-box table tbody td.have-data:hover, .calendar-box table tbody td.on {
		background: 	#00afc7;
		color: white;
		cursor: pointer;
	}
	.calendar-box .select-date .prev, .calendar-box .select-date .next ,  
	.calendar-box .select-date .month,
	.calendar-box .select-date .year,
	.calendar-box .select-date .nian,
	.calendar-box .select-date .yue {
		float: left;
	}
	.calendar-box .select-date .month,
	.calendar-box .select-date .year,
	.calendar-box .select-date .nian,
	.calendar-box .select-date .yue {
		line-height: 36px;
	}

	.calendar-box .select-date .year {
		width: 40px;
	}
	.calendar-box .select-date .month {
		width: 30px;
	}
	.calendar-box .select-date .nian {
		margin: 0 5px 0px 15px;
	}
	.calendar-box .select-date .prev, .calendar-box .select-date .next {	
		color: white;
		background: #00afc7;
		/*border-radius: 50%;*/
		padding: 10px;
		cursor: pointer;
	}
	.calendar-box .select-date .prev {
		margin-right: 20px;
	}
	.calendar-box .select-date .next {
		margin-left: 20px;
	}
	.calendar-box .select-date {
		font-size: 1.4em;
	}
	.calendar-box .cal-weekday,  .calendar-box table tbody td{
		font-size: 1.2em;
	}