@charset "utf-8";
/* @latest 2021.04.14 YHY */
/* @latest 2022.05.26 OSY */

.calendar008 {width:100%;height:100%;padding:15px;box-sizing:border-box;position:relative;/*background: linear-gradient(45deg, #3a87ab 25%, #68bd5c);*/background: #68bd5c;z-index: 0;overflow: hidden;}
.calendar008:before {z-index: 0;width: calc(100% + 30px);height: calc(100% + 30px);float: left;content:"";position: absolute;background: linear-gradient(45deg, rgba(58,135,171,0.6) 25%, transparent);z-index: -1;top: -15px;left: -15px;}

.calendar008 .titlebox { float:left;}
.calendar008 .titlebox h3 {font-size:18px; font-weight:600; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.calendar008 .ym_box {width:100%;padding: 10px 0 0;float:left;text-align:center;box-sizing:border-box;}
.calendar008 .ym_box .ym_box2 {width: 100%;float:left;}
.calendar008 .ym_box a.btn_more {width:20%; float:right; text-align:right; line-height:30px; font-size:12px; opacity:0.5;}
.calendar008 .ym_box .ym_box2 > span, .calendar008 .ym_box .ym_box2 > a {width: 5%;min-width: 14px;height: 20px;display: inline-block;cursor:pointer;background-repeat: no-repeat;vertical-align: middle;}
.calendar008 .ym_box .ym_box2 div {width: 30%;min-width: 120px;display: inline-block;text-align:center;vertical-align: middle;}
.calendar008 .ym_box .ym_box2 div b {font-size: 20px;color: #fff;letter-spacing: -1px;font-weight: 400;line-height: 20px;padding: 0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}
.calendar008 .ym_box .month_prev {background: url(../img/arrowbtn.png);background-position: -9px -4px;}
.calendar008 .ym_box .month_next {background: url(../img/arrowbtn.png);background-position: -45px -4px;}

.calendar008 .dd_box table {width:100%; text-align:center;vertical-align:middle;border-collapse:collapse;}
.calendar008 .dd_box table thead.week {background:none;}
.calendar008 .dd_box table thead.week th {width:14.285%; font-size: 13px;color:#fff;font-weight:400;border-bottom: 1px solid rgba(0,0,0,0.15);}
.calendar008 .dd_box table td {color: #fff;font-size: 15px;}
.calendar008 .dd_box table tbody tr:first-child td {padding-top: 10px;}
.layout_height_L .calendar008 .dd_box table tbody tr:first-child td {padding-top: 5px;}

.calendar008 .dd_box table td.dd_xx {opacity:0.3;}
.calendar008 .dd_box table td.dd_on {font-weight:600;position:relative;overflow:hidden;}
.calendar008 .dd_box table td.dd_on span {cursor:pointer;background: rgba(0,0,0,0.25);border-radius: 10px;}


	.border-radius.br20 .calendar008 {border-radius:20px;}

	.layout_height_M .calendar008 .ym_box .ym_box2 div a,.layout_height_L .calendar008 .ym_box .ym_box2 div a {display:inline-block;padding-right:2px;box-sizing:border-box;max-width: 65%;vertical-align: sub;}
	.layout_height_M .calendar008 .ym_box .ym_box2 div b {box-sizing:border-box; width:auto; line-height:16px;}
	.layout_height_L .calendar008 .ym_box .ym_box2 div b {box-sizing:border-box; width:auto;}

	.layout_height_H .calendar008 .ym_box .ym_box2 div h3 {width:100%;}
	.layout_height_M .calendar008 .ym_box .ym_box2 div h3,
	.layout_height_L .calendar008 .ym_box .ym_box2 div h3 {max-width:100%;padding-bottom: 0;}

	@media (min-width:600px){
		.calendar008 .dd_box table td.today_pc span {border-radius: 10px;border: 1px solid #fff;cursor:pointer;}
	}

	@media (min-width:800px){
		.layout_height_H .calendar008 .ym_box {padding-bottom: 10px;}

		.layout_height_M .calendar008 .titlebox {width:33%; float:left;}
		.layout_height_M .calendar008 .ym_box {padding-top:6px;height:33px; float: left;}
		.layout_height_L .calendar008 .titlebox {width:33%; float:left;}
		.layout_height_L .calendar008 .ym_box {padding:0; float: left;height:25px;}

		.layout_height_H .calendar008 .dd_box table td {height: 38px;}
		.layout_height_M .calendar008 .dd_box table td {height: 25px;}
		.layout_height_L .calendar008 .dd_box table td {font-size:11px;height: 18px;}
		.layout_height_H .calendar008 .dd_box table thead.week th {padding: 10px 0 17px;}
		.layout_height_M .calendar008 .dd_box table thead.week th {padding: 7px 0;}
		.layout_height_L .calendar008 .dd_box table thead.week th {padding: 2px 0;font-size: 11px;font-weight:400;}

		.layout_height_H .calendar008 .dd_box table td.dd_on span,
		.layout_height_H .calendar008 .dd_box table td.today_pc span,
		.layout_height_H .calendar008 .dd_box table td:hover span {padding: 5px;display: inline-block;}
		.layout_height_M .calendar008 .dd_box table td.dd_on span,
		.layout_height_M .calendar008 .dd_box table td.today_pc span {padding:4px 3px;font-size:11px;display: inline-block;}
		.layout_height_M .calendar008 .dd_box table td:hover span {padding:4px 3px; }
		.layout_height_L .calendar008 .dd_box table td.dd_on span,
		.layout_height_L .calendar008 .dd_box table td.today_pc span {padding:2px; font-size:11px; display: inline-block;}
		.layout_height_L .calendar008 .dd_box table td:hover span {padding:2px; }
		.layout_height_L .calendar008 {padding:8px 15px 15px;}
		.layout_height_L .calendar008 .dd_box table tbody tr:nth-child(6) {display:none;}

		.layout_height_H .calendar008 .dd_box table td span {min-width:15px;}
		.layout_height_M .calendar008 .dd_box table td span {min-width:15px;}
		.layout_height_L .calendar008 .dd_box table td span {min-width:14px;}

		.layout_03.layout_height_M  .calendar008 .ym_box a.btn_more {width:auto;}
		.layout_03.layout_height_M .calendar008 .ym_box .ym_box2 div b {font-size:22px; padding:0 5px;}

		.layout_04.layout_height_H .calendar008 .ym_box .ym_box2 div b {font-size:23px; padding:0 5px;}
		.layout_04.layout_height_H .calendar008 .ym_box {padding:15px 0;}
		.layout_04.layout_height_M .calendar008 .ym_box .ym_box2 div b {font-size:17px; padding:0 5px;}
		
		.layout_height_A .calendar008 .ym_box .ym_box2 {padding-bottom: 20px;}
		.layout_height_A .calendar008 .dd_box table thead.week th {padding: 15px 0; font-size: 18px;}
		.layout_height_A .calendar008 .dd_box table td {padding: 13px 0;}
		.layout_height_A .calendar008 .dd_box table td.today_pc span {padding:7px;}
	}
	@media (min-width:800px) and (max-width:990px){
		.layout_02.layout_height_M .calendar008 .ym_box .ym_box2 div b {font-size:18px;}
		.layout_03.layout_height_M .calendar008 .ym_box .ym_box2 div b {font-size:18px;}
		.layout_03.layout_height_L .calendar008 .ym_box2 {width:70%;}
	}

	@media (max-width:799px){
		.calendar008 .titlebox h3 {font-size:17px;}
		.calendar008 .ym_box .ym_box2 div b {font-size:20px;}
		.calendar008 .dd_box table thead.week th {padding:10px 0;}
		.calendar008 .dd_box table td {height:32px;}
		.calendar008 .dd_box table td.dd_xx {opacity:0.4;}

		.layout_height_L .calendar008 .ym_box {padding:8px 0;}
	}

	@media (min-width:600px) and (max-width:799px){
		.calendar008 .dd_box table td.dd_on span,
		.calendar008 .dd_box table td.today_pc span {padding:3px; display:inline-block; min-width:15px;}

		.layout_block4 > .layout_height_H .calendar008 .dd_box table thead.week th {padding: 17px 0;}
		.layout_block4 > .layout_height_M .calendar008 .dd_box table thead.week th {padding:4px 0;}
		.layout_block4 > .layout_height_H .calendar008 .dd_box table td {height:40px; padding:0;}
		.layout_block4 > .layout_height_M .calendar008 .dd_box table td {height:30px; padding:0;}
		.layout_block4 > .layout_height_L .calendar008 .dd_box table td {font-size:12px; height:19px; padding:0;}

		.layout_block4 > .layout_height_L .calendar008 .ym_box .ym_box2 div b,
		.layout_block4 > .layout_height_L .calendar008 .ym_box .month_prev:before,
		.layout_block4 > .layout_height_L .calendar008 .ym_box .month_next:before {font-size:17px;}
		.layout_block4 > .layout_height_L .calendar008 .dd_box table thead.week th {padding:2px 0; font-size:11px;}

		.layout_block4 > .layout_height_H .calendar008 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_H .calendar008 .dd_box table td.today_pc span,
		.layout_block4 > .layout_height_H .calendar008 .dd_box table td:hover span {padding:7px; min-width:14px;}
		.layout_block4 > .layout_height_M .calendar008 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_M .calendar008 .dd_box table td.today_pc span {padding:4px; font-size:11px;}
		.layout_block4 > .layout_height_M .calendar008 .dd_box table td:hover span {padding:4px; min-width:15px;}
		.layout_block4 > .layout_height_L .calendar008 .dd_box table td.dd_on span,
		.layout_block4 > .layout_height_L .calendar008 .dd_box table td.today_pc span {padding:2px; font-size:11px; min-width:15px; }
		.layout_block4 > .layout_height_L .calendar008 .dd_box table td:hover span {padding:2px; }

		.layout_block4 > .layout_height_M .calendar008 .titlebox,
		.layout_block4 > .layout_height_L .calendar008 .titlebox { width:33%; float:left; }
		.layout_block4 > .layout_height_M .calendar008 .ym_box,
		.layout_block4 > .layout_height_L .calendar008 .ym_box {width:66%; float:left; padding-top:0; padding-bottom:0;}
		.layout_block4 > .layout_height_L .calendar008 {padding:8px 15px;}
		.layout_block4 > .layout_height_L .calendar008 .dd_box table tbody tr:nth-child(6) {display:none;}
	}
	@media (max-width:599px){

		.calendar008 .ym_box {padding:15px 0 7px; position:relative;}
		.calendar008 .ym_box .ym_box2 {width:auto; float:none; display:inline-block;}
		.calendar008 .ym_box .ym_box2 div b {font-size:17px;}

		.calendar008 .dd_box table td {height:30px;}
		.calendar008 .dd_box table td.today span {border-radius: 8px;cursor:pointer;padding:3px;display:inline-block;min-width:15px;border: 1px solid #fff;}
		.calendar008 .dd_box table td.dd_on span {padding: 3px 7px; border-radius: 6px; font-weight: 400;}

	}
	@media (max-width:499px){
		.calendar008 .dd_box table td {font-size:14px;}
	}