.calendar007 {width:100%;height:100%;float:left;margin:0 auto;box-sizing:border-box;position:relative;background:#003875;background: #f9f9f9;}
.calendar007:before {content:"";width:5px;height:100%;float:left;position:absolute;left:31px;top:0;background:#000;opacity:0.5;}

.calendar007 .cal07titbox {position:relative;background:inherit;display: block;}

.calendar007 .titbox {text-align:left;box-sizing:border-box;position:relative;display:inline-block;padding-left:15px;background:inherit;width:100%;padding-left: 100px;}
.calendar007 .titbox:before {/* content:"\f073"; */font-family:FontAwesome;font-size:20px;float:left;line-height:38px;position:absolute;top:15px;left:15px;
							background:rgba(255,255,255,0.8);border-radius:100%;width:38px;height:38px;text-align:center;}
.calendar007 .titbox h3 {font-size: 18px;
						color: #333;
						line-height: 37px;
						font-weight:400;
						white-space:nowrap;
						display:block;
						box-sizing:border-box;
						position:relative;
						overflow:hidden;
						text-overflow:ellipsis;
						padding: 15px 0 2px;
						max-width: 100%;
						float:left;
						padding-right:35px;
						}
.calendar007 .titbox h3:before {content:"[";font-weight:600;padding-right:10px;color:#000;margin-top:3px;display:inline-block;font-size: 30px;vertical-align:bottom;opacity:0.7;}
.calendar007 .titbox h3:after {content:"]";font-weight:600;/* padding-left:10px; */color:#000;font-size:30px;vertical-align:bottom;position: absolute;right: 15px;top: 18px; opacity:0.7;}

.calendar007 .conbox_wrap {width:100%; float:left;}
	.calendar007 .dd_box {line-height: 45px;
							padding: 0 15px;
							position:relative;
							float: left;
							border-radius:4px;
							background: rgba(0,0,0,0.7);
							vertical-align:middle;
							position:absolute;
							left: 0;
							top:0;
							margin: 15px 15px 0 15px;
							}
	.calendar007 .dd_box > div {width:100%; text-align:center;box-sizing:border-box; 
							display:inline-block; vertical-align:middle;line-height:normal;}
	.calendar007 .dd_box > div span.cMonthM {font-weight:600;font-size: 20px;color:#fff;display: inline-block;margin-right: 3px;letter-spacing: 0px;}
	.calendar007 .dd_box > div span.cMonthM + span {font-size:20px; color:#fff;}
	.calendar007 .dd_box > div span.cMonthY {font-weight:400;font-size: 16px;color:#fff;display:inline-block;line-height:30px;}
	

	.calendar007 .mm_event {width:100%;padding:25px 15px 15px 40px;box-sizing:border-box;float:left;overflow-y:scroll;padding-left:40px;}
	.calendar007 .mm_event ul {width:100%;}
	.calendar007 .mm_event ul li {width:100%;float:left; padding:0 0 14px;position:relative;}
	.calendar007 .mm_event ul li:before {content:""; position:absolute; left:-13px; top:5px; line-height:22px; font-size:20px; width:6px; height:6px; 
									display:inline-block; border:4px solid rgba(0,0,0,0.9); border-radius:100%; background:rgba(255,255,255,0.5); }
	.calendar007 .mm_event ul li p {width:95%;
									font-size:15px;
									line-height:22px;
									white-space:nowrap;
									overflow:hidden;
									text-overflow:ellipsis;
									float:left;
									padding-bottom:2px;
									padding-left:15px;
									color: #333;
									}
	.calendar007 .mm_event ul li span {font-size:14px;
										line-height:25px;
										white-space:nowrap;
										overflow:hidden;
										text-overflow:ellipsis;
										float:left;
										padding-left:15px;
										opacity:0.8;
										color: #003875;
										opacity:0.7;
										font-weight: 600;
										}

/*scroll bar*/
.calendar007 ::-webkit-scrollbar {width:10px;}
.calendar007 ::-webkit-scrollbar-track {background:transparent;}
.calendar007 ::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.5);}
.calendar007 ::-webkit-scrollbar-thumb:hover {background:#000;} /*chrome*/

.calendar007 {scrollbar-arrow-color:#000; 
			scrollbar-base-color:transparent; scrollbar-Face-Color:#000; 
			scrollbar-Track-Color:transparent; scrollbar-Shadow-Color:#000;} /*IE*/

/*hover*/
/*.calendar007 .mm_event ul li:hover p {text-decoration:underline;}*/
.calendar007 .mm_event:hover::-webkit-scrollbar-thumb {background:#000;}



	/* height setting */
	.layout_height_H .calendar007 .mm_event, .layout_height_H .calendar007 .mm_event ul {max-height:280px;}
	.layout_height_M .calendar007 .mm_event, .layout_height_M .calendar007 .mm_event ul {height: 171px;padding-bottom: 0;}
	.layout_height_L .calendar007 .mm_event, .layout_height_L .calendar007 .mm_event ul {height: 80px;padding-right:130px;padding-bottom: 0;padding-top: 10px;}


	.layout_height_M .calendar007 .mm_event ul li p {padding-bottom:0;}

	.layout_height_L .calendar007 .titbox {height: 57px;/* padding-left: 131px; */}
	.layout_height_L .calendar007 .titbox h3 {/* line-height:25px; */}


	@media (min-width:800px){
		.layout_04 .calendar007 .dd_box {line-height:40px; padding:0 10px;}
		.layout_04 .calendar007 .dd_box > div span.cMonthM {display:inline-block; font-size:20px;}
	}

	@media (min-width:991px){
		.layout_04 .calendar007 .titbox {/* padding-right:140px; */}
	}

	@media (min-width:800px) and (max-width:1050px){
		.layout_03 .calendar007 .dd_box {line-height:40px; padding:0 10px;}
		.layout_03 .calendar007 .dd_box > div span.cMonthM {display:inline-block; font-size:20px;}
	}


	@media (max-width:799px){
		.calendar007 .dd_box > div span.cMonthM {font-size:18px;}
		.calendar007 .dd_box > div span.cMonthM + span {font-size:18px;}
		.calendar007 .titbox h3 {font-size:17px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04 .calendar007 .dd_box {line-height:40px; padding:0 10px;}
		.layout_block4 .layout_04 .calendar007 .dd_box > div span.cMonthM {display:inline-block; font-size:20px;}
	}
	

	@media (max-width:599px){
		.layout_height_M .calendar007 .mm_event, .layout_height_M .calendar007 .mm_event ul,
		.layout_height_L .calendar007 .mm_event, .layout_height_L .calendar007 .mm_event ul {height:172px; margin-bottom:15px;}

	}