.main_calendar_wrap{width: 400px;height: auto;background-color: rgba(255,255,255,.7);position: absolute;top: 200px;right: 10%;z-index:8;}
	.main_calendar_wrap > .arrow{font-size: 20px;display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;position: absolute;top: 10px;cursor: pointer;}
	.main_calendar_wrap > .arrow:hover{color: #8C5843;}
	.main_calendar_wrap > .arrow.btn_prev{left: 10%;}
	.main_calendar_wrap > .arrow.btn_next{right: 10%;}

	.calendar .book > span > i{display: none;}
	.calendar .month{padding: 10px 0;}
	.calendar .week{height: 20px;line-height: 20px;}


	.quick_menu{display: flex; width: 100%;}
	.quick_menu > li{text-align: center;flex: 1;}
	.quick_menu > li + li{border-left: 1px solid rgba(0,0,0,0.3);}
	.quick_menu > li > a{display: inline-block;width: 100%;height: 95px;background-color: var(--hover-color);color: #fff;}
	.quick_menu > li > a > i{display: block;font-size: 2rem;padding-top: 18px;padding-bottom: 6px;font-weight: 100;}
	.quick_menu > li > a:hover{color: #F0FAFB;}



	.month{text-align: center;font-weight: bold;font-size: 1.7rem;}
	.week{display:flex;height: 50px;line-height: 50px;}
	.week > li{flex:1;font-size: 14px;text-align: center;}
	.week > li:first-child{color: red;}
	.week > li:last-child{color: blue;}
	.days{display:grid;grid-template-columns:repeat(7, 1fr);}
	.days > li > div{text-align: center;height: 60px;margin: 0 auto;padding-top: 6px;}
	.days > li > div > span{display: block;font-size: .9rem;color: #666;}
	.days > li:nth-child(7n){color: #2D6FC4;}
	.days > li:nth-child(7n+1){color: #ff6969;}
	.days > li > .holy{color: #ff6969;}
	.today{cursor: pointer;border: 2px solid var(--main-color);background-color: #fff;}
	.book{background-color: #F0FAFB !important;cursor: pointer;}
	.book.on{background-color: var(--main-color) !important;color: #fff;}
	.book.on > span{color: #fff;}
	.book:hover{background-color: var(--main-color) !important;color: #fff;}
	.book:hover > span{color: #fff;}
	.end{cursor:default;background-color: #D2D2D2 !important;}
	.wait{background-color: #E1C794;cursor: pointer;}


	@media (max-width:992px){
		.main_calendar_wrap{right: 2%;}
	}

	@media (max-width:768px){
		.main_calendar_wrap{position:static; width: 100%;}
		.quick_menu{display: none;}
		.days > li > div{height: 50px;}
		.days > li > div{padding-top: 3px;}

	}