@charset "utf-8";

.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, .calendar006 .titbox .title {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, .calendar006 .titbox .title + a {font-size: 23px;float:right;width:58px;height:58px;line-height:58px;text-align:center;font-weight: 800;}
	.calendar006 .arrow_box {float:right ;position:absolute;right:0; top:0;}
	.calendar006 .arrow_box span, .calendar006 .arrow_box a {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, .calendar006 .arrow_box a:before {color:#000; font-size:23px; font-weight:600; -webkit-transition:color 0.5s; transition:color 0.5s;}
	.calendar006 .arrow_box .prev_btn:before {content:"\276C";}
	.calendar006 .arrow_box .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, .calendar006 .dd_box > div .daytit {font-size:45px; display: inline-block;}
	.calendar006 .dd_box > div h4 + p, .calendar006 .dd_box > div .daytit + 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: 0 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: 11px 0;position:relative;}
	.calendar006 .dd_event ul li:last-child {border-bottom:none;}
	.calendar006 .dd_event ul li:before {content:"\b7";position:absolute;left: -8px;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: 15px;
									   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, .calendar006 .arrow_box a:hover {cursor:pointer; background:#000;}
.calendar006 .arrow_box span:hover:before, .calendar006 .arrow_box a: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_event ul li p {margin-bottom:5px;}
	.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, .layout_height_L .calendar006 .dd_box > div .daytit {font-size:34px;}

	.layout_height_M .calendar006 .dd_event {padding:3px 15px;}
	.layout_height_M .calendar006 .dd_event ul li {padding: 9px 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: 0px;}

	.layout_height_L .calendar006 .titbox {height:45px; padding-right:90px;}
	.layout_height_L .calendar006 .titbox h3, .layout_height_L .calendar006 .titbox .title {line-height:45px;}
	.layout_height_L .calendar006 .arrow_box span, .layout_height_L .calendar006 .arrow_box a,
	.layout_height_L .calendar006 .titbox h3 + a, .layout_height_L .calendar006 .titbox .title + 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;}


.borderbox .calendar006 {border:none;}
.border-radius .calendar006 {border-radius:15px; overflow:hidden;}

@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 .arrow_box a,
		.layout_04 .calendar006 .titbox h3 + a, .layout_04 .calendar006 .titbox .title + a {width:38px;}
		.layout_04 .calendar006 .titbox {padding-right:86px;}
	}


	@media (min-width:800px){
		.layout_03 .calendar006 .dd_box > div h4, .layout_03 .calendar006 .dd_box > div .daytit {font-size:30px;}
		.layout_04 .calendar006 .dd_box > div h4, .layout_04 .calendar006 .dd_box > div .daytit {font-size:26px;}
		.layout_03 .calendar006 .dd_box > div h4 + p, .layout_03 .calendar006 .dd_box > div .daytit + p {font-size:16px;}
		.layout_04 .calendar006 .dd_box > div h4 + p, .layout_04 .calendar006 .dd_box > div .daytit + 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, .calendar006 .titbox .title {font-size:17px; line-height:45px;}
		.calendar006 .titbox h3 + a, .calendar006 .titbox .title + a, .calendar006 .arrow_box span, .calendar006 .arrow_box a {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, .layout_block4 .layout_04 .calendar006 .dd_box > div .daytit {font-size:25px;}
		.layout_block4 .layout_04 .calendar006 .dd_box > div h4 + p, .layout_block4 .layout_04 .calendar006 .dd_box > div .daytit + 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){


	}