@charset "utf-8";
/* schdul skin CSS :basic
 * @latest 2021.05.04 YHY
 * @latest 2021.05.13 SSJ
 * @latest 2021.05.14 YHY
*/



.monthly_calendar {clear:both; margin:1px;}
.monthly_calendar .month_table{color:#333; margin-bottom:50px; padding:0 1px;}
.monthly_calendar .month_table .schedule_list{width:100%; border-collapse:collapse; min-height:120px;}
.monthly_calendar .month_table .schedule_list tbody{border:1px solid #f1f1f1; border-bottom:none;}
.monthly_calendar .month_table .schedule_list:last-child {border-bottom:1px solid #f1f1f1;}
.monthly_calendar .month_table .schedule_list tbody tr {font-size:12px;}
.monthly_calendar .month_table .schedule_list tbody tr td {width:14.2%; height:20px; vertical-align:top; position:relative; padding:10px 5px 5px 5px; border-right:1px solid #f1f1f1;}
.monthly_calendar .month_table .schedule_list tbody tr td button {padding:2px 0; font-size: 14px;}
.monthly_calendar .month_table .schedule_list tbody tr td > a{position:absolute; top:10px;}
.monthly_calendar .month_table .schedule_list tbody tr td.today .tdBox > a {font-weight:600; background:#333; padding:3px; color:#fff; border-radius:100%; width:20px; height: 20px !important; float:left; text-align:center; margin-top:-2px; line-height:20px;}
.monthly_calendar .month_table .schedule_list tbody tr td.blue{padding:2px 0 0 5px; margin:0; color:#fff; background:#4984d9;font-weight:bold;}
.monthly_calendar .month_table .schedule_list tbody tr td.sky{padding:2px 0 0 5px; margin:0; color:#246b85!important; background:#ace1f0;font-weight:bold;}
.monthly_calendar .month_table .schedule_list tbody tr td a{text-decoration:none; color:#333;}
.monthly_calendar .month_table .schedule_list tbody tr td{/* width:74px; */ padding:10px;   border-right:1px solid #f1f1f1;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox {/* width:74px; */ height:20px; font-size: 16px;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > a{display:block; color:#959595; font-weight:400;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > img.calNone{display:none;}
.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div.plus > a img {width:10px; height:10px;}
.monthly_calendar .month_table .schedule_list tbody tr td a.redDate{color:red;}
.monthly_calendar .month_table .schedule_list tbody tr td a.gray{color:#a4a4a4;}
.monthly_calendar .month_table .schedule_list tbody tr td a.btPlus {float:right; padding:2px 4px; color:#333 !important; text-align:center; display:inline-block;height:15px; line-height:15px; font-size:11px;}
.monthly_calendar .month_table .schedule_list tbody tr td a.btPlus:hover{text-decoration:underline;}
.monthly_calendar .month_table .schedule_list tbody tr td span.dateRgray{float:right; color:#a4a4a4; padding-right:5px;}
.monthly_calendar .month_table .schedule_list tbody tr td span.dateRred{float:right; color:#ff0000; padding-right:5px;}

.monthly_calendar .month_table .schedule_list .dataDay {line-height:18px; word-break:keep-all; height:auto !important;}
.monthly_calendar .month_table .schedule_list .dataDay > div {padding:2px 0; word-break:break-all; font-size:14px;}



.monthly_calendar .week{width:100%;border-collapse:separate !important;}
.monthly_calendar .week tr.grid_header{text-align:left;}
.monthly_calendar .week tr.grid_header .areaCenter{text-align:center;}
.monthly_calendar .week tr.grid_header span{float:right; padding-right:3px;color:gray;}
.monthly_calendar .week tr.grid_header th {padding: 11px 10px !important;font-size: 18px!important;text-align: center;background: #f9f9f9;border: none;/*color: #333 !important;border-bottom: 2px solid #333;*/}
.monthly_calendar .week tr.grid_header th.color_red{ color:#ff0000;}
.monthly_calendar .week tr.grid_header th.tentRight{ text-align:center; padding-left:15px;}
.monthly_calendar table.week tr:last-of-type td {padding-bottom: 10px;border-bottom:1px solid #ddd;}



tr.week_date {}
tr.week_date td {vertical-align: top;background: #fff;border-top: 1px solid #ececec;}
tr.week_date td.today {/* border:2px solid #333; */}
tr.week_date td .tdBox {}
tr.week_date td .tdBox>a,
tr.week_date td .tdBox span.mt5 {font-size: 17px;line-height: 150%;float: left;width: 100%;padding: 10px 4px 3px;height: auto !important;margin-top: 0;box-sizing: border-box;}
tr.week_date td .tdBox>a:hover,
tr.week_date td .tdBox span.mt5:hover {font-weight:600;}
tr.week_date td:first-of-type .tdBox>a,
tr.week_date td:first-of-type .tdBox span.mt5 {color: #e60000;}
tr.week_date td.today .tdBox>a,
tr.week_date td.today .tdBox span.mt5 {/* font-weight:600; */background: #333;display: inline-block;font-size: 16px;width: 35px;height: 35px !important;line-height: 35px;border-radius: 100%;text-align: center;color: #fff;margin-top: 5px;padding: 0;}
tr.date:not(.week_date) td {background:#fff;/* height: auto !important; */padding: 0 2px 20px;position: relative;}
tr.date:not(.week_date) td button {padding: 8px 10px;box-sizing: border-box;border-radius: 3px;font-size: 14px;line-height: 130%;display: inline-block;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
tr.week_date td:first-of-type .tdBox span.mt5.preTxt {color:#ecd5d5;}
tr.week_date td .tdBox .nextTxt,
tr.week_date td .tdBox .preTxt {color:#dddddd;}
tr.week_schdul {height: 50px;vertical-align: top;background: #fff;}
tr.week_schdul .event {position: absolute;z-index: 1;box-sizing: border-box;border: 2px solid #fff; border-radius: 6px;}





.weekly_calendar {clear:both;}
.weekly_calendar .week_table{color:#333;}
.weekly_calendar .week_table .schedule_list{width:100%;border-collapse:collapse;background: #fff;}
.weekly_calendar .week_table .schedule_list tbody{ border:1px solid #f1f1f1; border-bottom:none;}
.weekly_calendar .week_table .schedule_list:last-child {border-bottom:1px solid #f1f1f1;}
.weekly_calendar .week_table .schedule_list tbody tr td{width:10%;padding: 10px 3px;font-size:12px;border-right:1px solid #f1f1f1;vertical-align:top;}
.weekly_calendar .week_table .schedule_list tbody tr td div.tdBox{min-height:500px;}
.weekly_calendar .week_table .schedule_list tbody tr td div.tdBox > a{padding: 10px 5px;box-sizing: border-box;border-radius: 4px;font-size: 14px;line-height: 130%;margin-bottom: 7px;width: 100%;display: block;/* word-break: break-all; */}
.weekly_calendar .week_table .schedule_list tbody tr td.blue{padding:2px 0 0 5px; margin:0; color:#fff; background:#4984d9;font-weight:bold;}
.weekly_calendar .week_table .schedule_list tbody tr td.sky{padding:2px 0 0 5px; margin:0; color:#246b85!important; background:#ace1f0;font-weight:bold;}
.weekly_calendar .week_table .schedule_list tbody tr td a{text-decoration:none; color:#333;}
.weekly_calendar .week_table .schedule_list tbody tr td.today{background: #f9f9f9;/* border: 2px solid #333; */}
.weekly_calendar .week_table .schedule_list tbody tr td a.redDate{color:red;}
.weekly_calendar .week_table .schedule_list tbody tr td a.gray{color:#a4a4a4;}
.weekly_calendar .week_table .schedule_list tbody tr td a.btPlus{float:right; padding:0 5px; color:#fff; background:#d9d9d9; text-align:center; display:inline-block; height:15px; line-height:18px;}
.weekly_calendar .week_table .schedule_list tbody tr td a.btPlus:hover{color:#fff;}
.weekly_calendar .week_table .schedule_list tbody tr td span.dateRgray{float:right; color:#a4a4a4; padding-right:5px;}
.weekly_calendar .week_table .schedule_list tbody tr td span.dateRred{float:right; color:#ff0000; padding-right:5px;}

.weekly_calendar .week {width:100%; background:#f8f8f8;border:1px solid #f1f1f1; border-bottom:none;border-collapse:collapse;}
.weekly_calendar .week tbody tr.grid_header{text-align:left;}
.weekly_calendar .week tbody tr.grid_header .areaCenter{text-align:center;}
.weekly_calendar .week tbody tr.grid_header span{float:right; padding-right:3px;color:gray;}
.weekly_calendar .week tbody tr.grid_header span.dpNone{float:none; padding-right:0; color:#333;}
.weekly_calendar .week_table .schedule_list thead th{padding: 11px 4px;text-align:center;font-size: 18px;background: #f9f9f9;/*border-bottom: 2px solid #333;*/}
.weekly_calendar .week_table .schedule_list thead th span.dpNone {font-size:15px;opacity: 0.7;}
.weekly_calendar .week_table .schedule_list thead th.color_red {color:#ff0000;}
.weekly_calendar .week_table .schedule_list thead th.tentRight {text-align:left; padding-left:15px;}

.calendar_color_f1f1f1{border:1px solid #ccc;background:#f1f1f1;}
.calendar_color_ee8d7d{border:1px solid #e77f6e;background:#ee8d7d;}
.calendar_color_de9c2b{border:1px solid #cf8f21;background:#de9c2b;}
.calendar_color_578899{border:1px solid #426f7f;background:#578899;}
.calendar_color_7f8b4b{border:1px solid #717d3c;background:#7f8b4b;}
.calendar_color_868fb6{border:1px solid #6f79a6;background:#868fb6;}

.Red {color:#ff0000;}
.weekly_calendar .week_table .schedule_list thead th:first-of-type a {color:#c20000 !important;}
.monthly_calendar .week tr.grid_header th.Red {color:#c20000 !important;}




@media (max-width:320px) {
	.weekly_calendar .week_table .schedule_list thead th a {font-size:13px;}
}
@media (max-width:400px) {
	.weekly_calendar .week tbody tr.grid_header span.dpNone {display:none;}
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > a { text-indent:-9999px;  background-size:8px; width:10px;}
	.monthly_calendar .month_table .schedule_list tbody tr td {padding:2px;}
}
@media (max-width:700px){
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox{width:10%; font-size: 14px;}
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > a {text-indent:-9999px; background-size:8px; width:10px; display:none;}
	.monthly_calendar .month_table .schedule_list tbody tr td div.tdBox div > img.calNone{display:block; margin-top:5px;}
	.monthly_calendar .month_table .schedule_list .dataDay > div {word-break:break-all; font-size: 13px;}
	.monthly_calendar .week tr.grid_header th{font-size:15px;}

	.weekly_calendar .week_table .schedule_list tbody tr td div.tdBox > a {word-break:break-all;}
	.weekly_calendar .week_table .schedule_list thead th{font-size: 15px;}


	tr.week_date td .tdBox>a, tr.week_date td .tdBox span.mt5 {font-size: 14px;}
	tr.week_date td.today .tdBox>a, tr.week_date td.today .tdBox span.mt5 {font-size:13px;width: 30px;height: 30px !important;line-height: 30px;}
	tr.date:not(.week_date) td button {padding: 5px;font-size: 12px;}
}