@charset "utf-8";

#Demo{
	width:100%;
	
}

#CalendarMain {
	width: 240px;
	height: 240px;
	border: 1px solid #ccc;
	margin: 0 auto;
}
#l_top{
	width: 240px;
	height: 30px;
	background:#62B651; 
}
#selectMonthDiv>div{box-sizing: border-box;-moz-box-sizing: border-box;}
#selectYearDiv>div{box-sizing: border-box;-moz-box-sizing: border-box;}
#l_top a{
	display: block;
	width: 240px;
	height: 35px;
	line-height: 30px;
	font-family: 微软雅黑;
	font-size: 20px;
	color: white;
	text-align: center;
}
#title {
	width: 100%;
	height: 32px;
	background-color: #62B651;
}
.selectBtn {
	font-weight: 900;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	padding: 7px 10px 6px 10px;
}
.selectBtn:hover {
	background-color: #1d953f;
    color: white;
    text-decoration: none;
}
.selectYear {
	float: right;


}
.selectMonth {
    float: right;


}
.month {
	float: left;
	position: absolute;
}
.nextMonth {
	float: right;
}
.currentDay {
	float: right;
}
#context {
	background-color: #fff;
	width: 100%;
}
.week {
	width: 100%;
	height: 30px;
}
.week>h3 {
	float: left;
	color: #808080;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-top: 5px;
	font-size: 16px;
}
.dayItem {
	float: left;
}
.lastItem{
	/*color: #d1c7b7 !important;*/
	color: #CCCCCC;
}
.lastItem>a{
	/*color: #d1c7b7 !important;*/
	color: #CCCCCC;
}
.item {
	color: #333;
	float: left;
	text-align: center;
	cursor: pointer;
	margin: 0;
	font-family: "微软雅黑";
	font-size: 13px;
    position: relative;;
}
.item em{
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: red;
    position: absolute;;
    top:1px;
    right: 1px;
}
.item em.before{background-color: #bbbbbb;}

.item:hover {
	/*color: #FFF;*/
	background:#62B651;
	border-radius: 50%;
}
.item:hover a,.item a:hover {color:white; text-decoration: none;}

#show_game_cc{position: absolute;width: 200px;height: 35px;background: #e6e6e6;color: black;border-radius: 5px;line-height: 35px;z-index: 999;padding: 0 10px;overflow: hidden;}

.currentItem>a {
	background-color: #62B651;
	width: 25px;
	line-height: 25px;
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
}

#Container {
	overflow: hidden;
	float: left;
}
#center {
	width: 100%;
	overflow: hidden;
}
#centerMain {
	width: 300%;
	margin-left: -100%;
}
#selectYearDiv {
	float: left;
	background-color: #fff;
}
#selectYearDiv>div {
	float: left;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 16px;
	border: 1px solid #ccc;
	margin-left: -1px;
	margin-top: -1px;
	cursor: pointer;
	color: #909090;
}
.currentYearSd, .currentMontSd {
	color: #ff4400 !important;
}
#selectMonthDiv {
	float: left;
	background-color: #fff;
}
#selectMonthDiv>div {
	color: #909090;
	float: left;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 16px;
	border: 1px solid #ccc;
	margin-left: -1px;
	margin-top: -1px;
	cursor: pointer;
}
#selectYearDiv>div:hover, #selectMonthDiv>div:hover {
	background-color: #efefef;
}
#centerCalendarMain {
	float: left;
}