.indexCalanderContainer{
	background-color:#EEEEEF;
}
/*.indexCalanderInnerContainer{
	padding:10px 240px 10px 240px;
}*/
.CalanderTitleTitle{
	text-align:left;
}
.noImg{background-image: none !important;}
.indexCalanderTitle{
	height:58px;
	border-bottom: 1px solid #888888;
	margin-top: 15px;
	margin-bottom:15px;
    margin-left: 30px;
	text-align:left;
}
.calandertime{
	float:center;
	text-align:center;
	font-size:14px;	
	color:#8bc53f;
	font-weight:bolder;
}
.calandertext{
	text-align:center;
	font-size:14px;	
	color:#595757;
	font-weight:bolder;
	padding:15px 0px;
}
.timeA, .timeB, .stick{
	padding:0px 5px;
}

/*以下是首頁月曆CSS*/

.calendar-section {
  margin-bottom: 20px;
}
.calendar, .calendar_weekdays,
.calendar_content {
  max-width: 585px;
}

.calendar {
  /*float: left;*/
  margin: auto;
  /*min-width: 320px;*/
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
.datePickerBlock{
	background-color:#FFF;
	border-radius:15px;
	padding:10px 0px;
	
}
.calendar_weekdays {
	color: #aaa;
	font-weight: lighter;
}
.calendar_weekdays div {
  display:inline-block;
  vertical-align:top;
}
.calendar_content, .calendar_weekdays, .calendar_header {
  position: relative;
}
.calendar_content:after, .calendar_weekdays:after, .calendar_header:after {
	content: ' ';
	display: table;
	clear: both;
}
.calendar_weekdays div, .calendar_content div {
  /*border: 1px dotted #999;*/
  width: 14.28571%;
  height: 68px;
  line-height: 69px;  
  overflow: hidden;
  text-align: center;
  background-color: transparent;
}

.calendar_content .today {
	color: #3B8FC7;
}
.calendar_content div {
  float: left;
	margin-left: -1px;
	margin-top: -1px;
  border: 1px solid transparent;
}
.calendar_content div:hover {
  /*border: 1px solid #777;
  line-height: 68px;*/
  cursor: pointer;
}

.calendar_content div.blank:hover {
  cursor: default;
  border: none;
}

.calendar_content div.past-date {
	cursor: initial;
  color: #d5d5d5;
}
.calendar_content div.today{
  font-weight: bold;
  font-size: 18px;
  color: #409EDD;
}
.calendar_content div.selected {
  background-color: rgba(153, 153, 161, .2); /*rgba(170, 170, 176, .5) #aaaab0*/
  border: 1px solid white;
}
.calendar_header {
  width: 100%;
  text-align: center;
}

.calendar_header h2 {
  float:left;
  width:70%;
  margin-top: 10px;
  padding: 0 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 1.5em;
  color: #FFFFFF;
}

button.switch-month {
  background-color: transparent;
  padding: 0;
  outline: none;
  border: none;
  line-height: 52px;
  height: 55px;
  float: left;
  width:15%;
  -webkit-transition: color .2s;
  transition: color .2s;
}

button.switch-month:hover {
  color: #8bc53f;
}
button.switch-month:active {
  background-color: rgba(113, 113, 125, .4);
}
.calendar_header h2 {
  color: #409EDD;
  line-height: 1.7;
}
.leftMovingBtn{
    min-width:inherit;	
}
.rightMovingBtn{
    min-width:inherit;
}
button.ctrlBtn{
	width:auto;
	float:none;	
}
button.leftBtnCtrl{
	padding: 0 30px;
    position: absolute;
    right: 63px;
	top:200px;
	color:#949494;		
}
button.rightBtnCtrl{
	padding: 0 30px;
    position: absolute;
    left: 0px;
	top:200px;
	color:#949494;			
}
.datePickerTitle h2{
	width:100%;	
}
button.switch-month i{
	font-size:20px;	
}
.calendar_header .monthShowBox{
	width:62px;
	height:62px;
	color:#FFF;	
	font-size:18px;
	line-height:62px;
}
.monthShowBox{
	display:block;
	background-color:#C79F62;
	border-radius:50%;		
}
.monthBlock{
	float:right;	
}
.calIntro{
	width:50px;
	/*height:200px;*/
	border:rgba(31,31,31,0.3) solid 1px;
	position:absolute;
	right:8px;	
	top:100px;
}
.openBar, .openIntro{
	width:100%;
	display:block;	
}
.openSpot{
	width:10px;
	height:10px;
	display:block;
	margin:0 auto;
	border-radius:50%;
	background-color:#8bc53f;	
}
.closedBar, .closedIntro{
	width:100%;
	display:block;	
}
.closedSpot{
	display:block;
	color:#93CC09;	
}
.open,.closed{
	margin:30px 0px;	
}

.closeName{
    background-image:url(../images/phone.png);
    background-repeat:no-repeat;
    background-position:bottom;
}
.dateName{
	background-image:url(../images/spot.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.lastMonthDate{
	background:none;	
}
.calendar_content div{
	margin-left: 0px;
}
.calendar, .calendar_weekdays, .calendar_content{
	min-width:none;
	max-width:none;	
}
.calendar_content div.today{
	color:#C79F62;
	font-size:15px;	
}


.calendar.calendar-first.calendar_first{
	margin:20px 0px 40px 0px;	
}


.mobileCalInfo{
	clear:both;
	/*text-align:right;*/	
	position:absolute;
	bottom:20px;
	right:30px;
	border:#ccc solid 1px;
	padding:10px 15px;
	display:none;
}
.mobileOpen, .mobileClosed{
	display:inline-block;	
}
.mobileLineBar{
	padding:0px 10px;	
}
.mobileClosedImg{
	color:#93CC09;	
}
/*以上是首頁月曆*/




@media only screen and (min-width : 1200px){

}
@media only screen and (max-width : 1199px){

.indexCalanderImg{
	text-align:center;	
}
.indexCalanderImg img{
	width:100%;
}
}
@media only screen and (min-width : 992px){

}
@media only screen and (max-width : 991px){
.datePickerTitle h2{
		width:70%;	
}
.mobileCalInfo{
	display:block;
}
}
@media only screen and (min-width : 768px){

}
@media only screen and (max-width : 767px){

.indexCalanderContainer{
	background-position:bottom;	
}
.dateName {
	font-size:18px !important;	
}
}
@media only screen and (max-width : 440px){
.indexCalanderInnerContainer{
	padding:0px 10px;
}
.timeA, .timeB{
	width:100%;
	display:block;
	text-align:left;
	padding:5px 5px;
}
.stick{
	display:none;	
}
}
@media only screen and (max-width : 420px){

}