@charset "utf-8";

.calendar_head{margin-bottom: 30px;position: relative;text-align: center;}
.calendar_head .item_labels{position: absolute;bottom: 0;left: 0;}
.calendar_head .item_labels li{display: inline-block;vertical-align: middle;margin-right: 20px;}
.calendar_head .item_labels li > *{display: inline-block;vertical-align: middle;}
.calendar_head .item_labels li .schedule_ico{margin-right: 5px;}
.calendar_head .item_labels li p{font-size: 14px;font-weight: 500;color: #111;}

.calendar_head .nav{display: inline-block;position: relative;height: 40px;padding: 0 80px;}
.calendar_head .nav h4{line-height: 40px;font-weight: 600;color: #000;letter-spacing: -1px;font-size: 30px;}
.calendar_head .nav .btn{width: 40px;height: 40px;line-height: 40px;border: 1px solid #ddd;background: #fff;text-align: center;display: block;font-size: 20px;color: #999;text-decoration: none;top: 50%;position: absolute;transform: translate(0, -50%);}
.calendar_head .nav .btn:hover{border-color: #111;color: #111;}
.calendar_head .nav .btn.prev{left: 0;}
.calendar_head .nav .btn.next{right: 0;}

.calendar_table{border-top: 1px solid #ddd;}
.calendar_table table{width: 100%;table-layout: fixed;}
.calendar_table table tr > *{border: 1px solid #eeeeee;padding: 20px;}
.calendar_table table tr > *:first-child{border-left: none;}
.calendar_table table tr > *:first-child .day{color: #ff4141;}
.calendar_table table tr > *:last-child{border-right: none;}
.calendar_table table tr > *:last-child .day{color: #0c71c0;}
.calendar_table table thead th{background: #f9f9f9;font-size: 14px;font-weight: bold;color: #000;border-bottom-color: #ddd;border-top: none;}
.calendar_table table thead th:first-child{color: #ff4141;}
.calendar_table table thead th:last-child{color: #0c71c0;}
.calendar_table table tbody td{height: 120px;vertical-align: top;}
.calendar_table table tbody td .day{display: block;font-size: 14px;color: #111;font-weight: bold;margin-bottom: 15px;}
.calendar_table table tbody td.today{border: 2px solid #ff6559;background: #fff7f7;}
.calendar_table table tbody td .item{display: block;}
.calendar_table table tbody td .item a{display: block;padding-left: 25px;position: relative;margin: 8px 0;line-height: 20px;text-decoration: none;}
.calendar_table table tbody td .item a p{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;font-weight: 500;letter-spacing: -1px;color: #111;}
.calendar_table table tbody td .item a .schedule_ico{position: absolute;top: 0;left: 0;}

.schedule_ico{width: 20px;line-height: 20px;background: #333;color: #fff;font-size: 12px;text-align: center;display: block;border-radius: 2px;}
.schedule_ico.stat_0{background: #2364f1;}
.schedule_ico.stat_1{background: #8fc31f;}
.schedule_ico.stat_2{background: #333333;}

.no_data_ele{display: none;}

@media screen and (max-width: 1000px) {

    .calendar_head{margin-bottom: 20px;}
    .calendar_head .item_labels{position: static;text-align: left;margin-top: 30px;}
    .calendar_head .item_labels li{margin-right: 10px;}
    .calendar_head .item_labels li p{font-size: 13px;}

    .calendar_head .nav{height: 35px;padding: 0 60px;}
    .calendar_head .nav h4{line-height: 35px;font-size: 20px;}
    .calendar_head .nav .btn{width: 35px;height: 35px;line-height: 35px;font-size: 16px;}
    .calendar_head .nav .btn:hover{border-color: #111;color: #111;}
    .calendar_head .nav .btn.prev{left: 0;}
    .calendar_head .nav .btn.next{right: 0;}

    .calendar_table table tr > *{border: 1px solid #eeeeee;border-width: 0 0 1px 0;padding: 15px;}
    .calendar_table table thead{display: none;}
    .calendar_table table tbody td{display: block;height: auto;min-height: 0;position: relative;padding-left: 30px;}
    .calendar_table table tbody td.not_schedule{display: none;}
    .calendar_table table tbody td.empty{display: none;}
    .calendar_table table tbody td .day{font-size: 13px;margin: 0;position: absolute;top: 25px;left: 0;}
    
    .no_data_ele{display: block;font-size: 15px;letter-spacing: -1px;color: #999;line-height: 80px;text-align: center;}
    
}