
.calendar006 {width:100%; height:100%; float:left; margin:0 auto; box-sizing:border-box; position:relative; border:1px solid rgba(0,0,0,0.1); background:#fff;}

.calendar006 .titbox {text-align:left;box-sizing:border-box;width:100%;position:relative;background:none;height: 58px;border-bottom: 1px solid rgba(0,0,0,0.1);padding: 0 115px 0 15px;}
.calendar006 .titbox h3 {font-size:18px; color:#838383; line-height:58px; font-weight:400;
						white-space:nowrap; display:inline-block; box-sizing:border-box; position:relative; overflow:hidden; text-overflow:ellipsis;}
.calendar006 .titbox h3 + a {font-size:30px; float:right; width:58px; height:58px; line-height:58px; text-align:center;}
	.calendar006 .arrow_box {float:right ;position:absolute;right:0; top:0;}
	.calendar006 .arrow_box span {width:58px; height:58px; float:left; text-align:center; line-height:58px; 
								  border-left:1px solid rgba(0,0,0,0.1);  box-sizing:border-box;
								  -webkit-transition:background 0.5s; transition:background 0.5s;}
	.calendar006 .arrow_box span:before {color:#000; font-size:23px; font-weight:600; -webkit-transition:color 0.5s; transition:color 0.5s;}
	.calendar006 .arrow_box span.prev_btn:before {content:"\276C";}
	.calendar006 .arrow_box span.next_btn:before {content:"\276D";}


.calendar006 .conbox_wrap {width:100%; float:left;}
	.calendar006 .dd_box {width:25%; position:relative; float:left; height:290px; background:#f0f0f0;}
	.calendar006 .dd_box > div {width:100%; float:left; text-align:center; box-sizing:border-box; padding:15px; margin-top:8px;}
	.calendar006 .dd_box > div h4 {font-size:45px; display: inline-block;}
	.calendar006 .dd_box > div h4 + p {display:inline-block; font-size:20px; opacity:0.7; }
	.calendar006 .dd_box > div span {font-size:14px; font-weight:600; color:#838383; padding-top:2px; display:inline-block;}
	.calendar006 .dd_box > div span.cMonthY:after {content:".";}

	.calendar006 .dd_box > p {background:#1a2a43;color:white;width: 100%;float:left;text-align: left;padding: 15px;box-sizing: border-box;
							position: absolute;bottom: 0;font-size: 13px;line-height: 22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.calendar006 .dd_box > p strong {text-decoration:underline;letter-spacing: 0px;font-weight: 400;padding-right: 2px;}

	.calendar006 .dd_event {width:75%;padding: 15px;box-sizing:border-box;float: left; overflow-y:scroll;}
	.calendar006 .dd_event ul {width:100%;}
	.calendar006 .dd_event ul li {width:100%; float:left; border-bottom:1px dashed #ddd; padding:12px 0; position:relative;}
	.calendar006 .dd_event ul li:last-child {border-bottom:none;}
	.calendar006 .dd_event ul li:before {content:"\b7"; position:absolute; left:0; line-height:22px; font-size:20px;}
	.calendar006 .dd_event ul li p {width:95%; font-size:14px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
									float:left; padding-bottom:2px; padding-left:10px;}
	.calendar006 .dd_event ul li span {font-size:12px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
									   float:left; padding-left:11px; opacity:0.8;}

/*scroll bar*/
.calendar006 ::-webkit-scrollbar {width:10px;}
.calendar006 ::-webkit-scrollbar-track {background:transparent;}
.calendar006 ::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
.calendar006 ::-webkit-scrollbar-thumb:hover {background:#555;} /*chrome*/

.calendar006 {scrollbar-arrow-color:#dfdfdf; 
			scrollbar-base-color:transparent; scrollbar-Face-Color:#ddd; 
			scrollbar-Track-Color:transparent; scrollbar-Shadow-Color:#efefef;} /*IE*/

/*hover*/
.calendar006 .dd_event ul li:hover p {text-decoration:underline;}
.calendar006 .arrow_box span:hover {cursor:pointer; background:#000;}
.calendar006 .arrow_box span:hover:before {color:white;}
.calendar006 .dd_event:hover::-webkit-scrollbar-thumb {background:#555;}

	/* height setting */
	.layout_height_H .calendar006 .dd_box {height:290px;} .layout_height_H .calendar006 .dd_event, .layout_height_H .calendar006 .dd_event ul {max-height:290px;}
	.layout_height_M .calendar006 .dd_box {height:190px;} .layout_height_M .calendar006 .dd_event, .layout_height_M .calendar006 .dd_event ul {max-height:190px;}
	.layout_height_L .calendar006 .dd_box {height:103px;} .layout_height_L .calendar006 .dd_event, .layout_height_L .calendar006 .dd_event ul {max-height:103px;}
	.layout_height_L .calendar006 .dd_box > p {display:none;}

	.layout_height_H .calendar006 .dd_box > div {margin-top:55px;}
	.layout_height_M .calendar006 .dd_box > div {margin-top:10px;}
	.layout_height_L .calendar006 .dd_box > div h4 {font-size:34px;}

	.layout_height_M .calendar006 .dd_event {padding:3px 15px;}
	.layout_height_M .calendar006 .dd_event ul li {padding:10px 0;}
	/*.layout_height_M .calendar006 .dd_event ul li:nth-child(3) {border-bottom:none;}
	.layout_height_M .calendar006 .dd_event ul li:nth-child(4) {display:none;}*/
	.layout_height_M .calendar006 .dd_event ul li p {padding-bottom:0;}

	.layout_height_L .calendar006 .titbox {height:45px; padding-right:90px;}
	.layout_height_L .calendar006 .titbox h3 {line-height:45px;}
	.layout_height_L .calendar006 .arrow_box span, .layout_height_L .calendar006 .titbox h3 + a {width:45px; height:45px; line-height:45px;}
	.layout_height_L .calendar006 .dd_event {padding:7px 15px;}
	/*.layout_height_L .calendar006 .dd_event ul li:nth-child(2) {border-bottom:none;}
	.layout_height_L .calendar006 .dd_event ul li:nth-child(2) ~ li {display:none;}*/
	.layout_height_L .calendar006 .dd_event ul li span {display:none;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.layout_04 .calendar006 .dd_box > p br {display:none;}
}

	@media (min-width:1300px){

	}
	@media (min-width:991px){
		.layout_04 .calendar006 .dd_box > div {padding:15px 5px;}
		.layout_04 .calendar006 .arrow_box span,
		.layout_04 .calendar006 .titbox h3 + a {width:38px;}
		.layout_04 .calendar006 .titbox {padding-right:86px;}
	}


	@media (min-width:800px){
		.layout_03 .calendar006 .dd_box > div h4 {font-size:30px;}
		.layout_04 .calendar006 .dd_box > div h4 {font-size:26px;}
		.layout_03 .calendar006 .dd_box > div h4 + p {font-size:16px;}
		.layout_04 .calendar006 .dd_box > div h4 + p {font-size:14px;}
		.layout_04 .calendar006 .dd_box > div span.cMonthY {overflow:hidden; text-indent:-19px; width:20px; vertical-align:bottom;}
	}


	@media (min-width:800px) and (max-width:1300px){
		.layout_03 .calendar006 .dd_box > div {padding:15px 5px;}
		.layout_03 .calendar006 .dd_box > div span.cMonthY {overflow:hidden; text-indent:-19px; width:20px; vertical-align:bottom;}
	}


	@media (max-width:799px){
		.calendar006 .titbox {height:45px; padding-right:90px;}
		.calendar006 .titbox h3 {font-size:17px; line-height:45px;}
		.calendar006 .titbox h3 + a, .calendar006 .arrow_box span {height:45px; line-height:45px; width:45px;}

		.layout_height_H .calendar006 .dd_box {height:303px;}
		.layout_height_M .calendar006 .dd_box {height:203px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04 .calendar006 .dd_box > div {padding:15px 5px;}
		.layout_block4 .layout_04 .calendar006 .dd_box > div h4 {font-size:25px;}
		.layout_block4 .layout_04 .calendar006 .dd_box > div h4 + p {font-size:15px;}
		.layout_block4 .layout_04 .calendar006 .dd_box > div span.cMonthY {overflow:hidden; text-indent:-19px; width:20px; vertical-align:bottom;}
		.layout_block4 .layout_04 .calendar006 .dd_box > p {padding:15px 7px;}
	}
	

	@media (max-width:599px){
		

	}



