.calselcont{
  text-align:left;display:block;width:100%;margin-bottom:10px;
  position:relative;
}
.calsel{
  width:100%;
  z-index:9999;
  background:#FFFFFF;
  box-shadow: 0px 3px 5px #AAAAAA;
  display:block;
}
.calsel > ul{
  padding:0;
}
.calsel > h2{
  width:100%;
  display:block;
  line-height:30px;
  height:30px;
  color:#FFFFFF;
  background:#f39400;
  text-align:center;
  position:relative;
  font-size:14px;
  font-weight:normal;
  margin-bottom:0 !important;
  margin:0;
}
.calsel > h2 > span{
  position:absolute;
  width:30px;
  height:30px;
  top:0;
  color:#FFFFFF;
  text-align:center;
  cursor:pointer;
  font-size:20px;
}
.calsel > h2 > span.pre{
  left:0;
}
.calsel > h2 > span.next{
  right:0;
}
.calsel > ul.week{
  width:100%;
  height:25px;
  line-height:25px;
  background:#F3F3F3;
  margin:0;
}
.calsel > ul.week > li{
  float:left;
  display:inline;
  width:14.2857%;
  text-align:center;
  font-size:12px;
  color:#777777;
  border-bottom:#E3E3E3 1px solid;
}
.calsel > ul.week > li.weekend{
  color:#CC0000;
}
.calsel > ul.calcont{
  width:100%;
  margin:0;
}
.calsel > ul.calcont > li{
  float:left;
  display:inline;
  font-size:12px;
  width:14.2857%;
  height:44px;
  line-height:44px;
  overflow:hidden;
  text-align:center;
  color:#555555;
  background:#FFFFFF;
  border-bottom:#E3E3E3 1px solid;
}
.calsel > ul.calcont > li.disabled{
  color:#CCCCCC;
}
.calsel > ul.calcont > li.today{
  color:#CC0000;
}
.calsel > ul.calcont > li.enable{
  color:#333333;
  background:#FFF2EB;
  cursor:pointer;
}
.calsel > ul.calcont > li.enable:hover{
  background:#FFAD76;
}
.calsel > ul.calcont > li.current{
  color:#FFFFFF;
  background:#ea5414;
}
@media (max-width: 767px) {
  .calsel{
    width:100%;
  }
}