.mainCalendar {width:329px; height:329px; float:left; margin-right:0; border:1px solid #ededed; border-top:3px solid #03bed8; }
.mainCalendar .tableCal{width:301px;margin:0 10px;  }
.mainCalendar .tableCal tr{height:35px; text-align:center; font-weight:300;}
.mainCalendar .tableCal tr td:first-child{ color:red; }
.mainCalendar .tableCal tr td:last-child{ color:#0181d3; }
.mainCalendar .tableCal tr:first-child td{height:65px; font-size:22px; font-weight:bold; color:#000;}
.mainCalendar .tableCal tr:first-child td span{font-weight:300; margin:0 23px; }
.mainCalendar .tableCal tr:nth-child(2){font-weight:500; font-size:17px;}
.mainCalendar .tableCal tr:last-child{height:26px;}

.sub_cnt_wrap{width:100%;}
.sub_cnt_wrap .sub_head{font-size:28px; font-weight:500; padding-bottom:20px;border-bottom:1px solid #ccc;}
.SubCalendar {}
.SubCalendar .tableCal{width:100%; border-spacing: inherit;}
.SubCalendar .tableCal tr{height:65px; text-align:center; font-weight:300;}
.SubCalendar .tableCal tr td:first-child{ color:red; }
.SubCalendar .tableCal tr td:last-child{ color:#0181d3; }
.SubCalendar .tableCal tr:first-child td{font-size:22px; font-weight:bold; color:#fff; background-color:#03bed8; vertical-align:middle;}
.SubCalendar .tableCal tr:first-child td span{font-weight:300; margin:0 23px; }
.SubCalendar .tableCal tr:nth-child(2){font-weight:500; font-size:17px; background-color:#ebfbfd; border-bottom:1px solid #ededed;}
.SubCalendar .tableCal tr:nth-child(2) td{border-bottom:1px solid #d4f1f5; vertical-align:middle;}
.SubCalendar .tableCal tr:nth-child(n+3) td{border-right:1px solid #ededed;border-bottom:1px solid #ededed;text-align:left;vertical-align:top; height:120px; padding-top:5px; padding-left:5px; width:14.2%;overflow:hidden;}
.SubCalendar .tableCal tr:nth-child(n+3) td:last-child{border-right:none;}
.SubCalendar .tableCal tr:nth-child(n+3) td:hover{background-color:#ebfbfd;}
.SubCalendar .tableCal tr:nth-child(n+3) td span{display:block; font-size:12px;margin-top:10px; color:blue; font-weight:500; width:90%;  word-break:break-all; height:45px; line-height:15px; overflow:hidden;}

@media (max-width:900px){
.sub_cnt_wrap .sub_head{font-size:20px; margin-top:20px;}
.SubCalendar .tableCal tr:nth-child(n+3) td{height:90px;}
}



.Pstyle {
 opacity: 0;
 display: none;
 position: relative;
 width: auto;
 border: 5px solid #fff;
 padding: 20px;
 background-color: #fff;
}

.b-close {
 position: absolute;
 right: 5px;
 top: 5px;
 padding: 5px;
 display: inline-block;
 cursor: pointer;
}

.cal_modal_wrap{width:430px;height:400px; box-shadow:0 0 15px rgba(0, 0, 0, 0.2);background-color:#fff; overflow-y: scroll;}
.cal_modal_wrap .btn_x{float:left; position:relative; top:15px; left:357px;}
.cal_modal_wrap .modal_cnt{padding:25px;}
.cal_modal_wrap .modal_cnt span{display:block;margin-bottom:20px;}
.cal_modal_wrap .modal_cnt .mo_date{color:#bbb;}
.cal_modal_wrap .modal_cnt .mo_title{font-size:27px; font-weight:bold; word-break:break-all;}
.cal_modal_wrap .modal_cnt .mo_name{ font-size:20px; word-break:break-all;}
.cal_modal_wrap .modal_cnt .mo_cnt{width:350px;border-top:1px solid #03bed8;padding-top:30px;margin-top:30px; line-height:30px; word-break:break-all;}