.scheduleBox{ position: relative;}
.scheduleBox:after {display:block; clear:both; content:""}
.scheduleBox .calendar{float:left;width:330px;margin-right:15px;height:355px;background:#f1f2f4;padding:56px 25px 56px 35px;}
.scheduleBox .calendar span{float:left}
.scheduleBox .calendar .year-month{width:112px;font-size:30px;color:#505050;line-height:30px;text-align:center}
.scheduleBox .calendar .prev_month{margin-left:5px}
.scheduleBox .calendar .prev a{width:16px; height:31px; background:url("../img/schedule_arrow_left.jpg") no-repeat; text-indent:-9999px; }
.scheduleBox .calendar .next a{width:16px; height:31px; background:url("../img/schedule_arrow_right.jpg") no-repeat; text-indent:-9999px; }
.scheduleBox .calendar .prev a:hover{background:url("../img/schedule_arrow_left.jpg") no-repeat;}
.scheduleBox .calendar .next a:hover{background:url("../img/schedule_arrow_right.jpg") no-repeat;}

.scheduleBox .calendar .next a, .scheduleBox .calendar .next a:link, 
.scheduleBox .calendar .prev a, .scheduleBox .calendar .prev a:link {color:#333; text-decoration:none; vertical-align:middle; display:inline-block; /**	word-break:break-all;**/}

.scheduleBox .calendar .prev_month,.scheduleBox .calendar .next_month{display:inline-block;width:47px;height:23px;background: #fff; border:1px solid #d3d4d5; border-radius: 25px; text-align:center;line-height:23px;margin-top:5px;color:#5b5b5b; font-size:12px;}
.scheduleBox .calendar .prev,.scheduleBox .calendar .next{margin:0 15px}
.scheduleBox .calendar .selector{float:left;margin-bottom:28px; width:340px;}
.scheduleBox .scheduleList{float:left; width:490px; min-height:465px; padding-left:15px;border-bottom:1px solid #cbccce;}
.scheduleBox .scheduleList dl{float:left;width:490px;margin-top:10px;}
.scheduleBox .scheduleList dl dt{border-bottom:2px solid #333333;padding-bottom:10px;margin-bottom:17px;font-size:18px; text-align: center;}
.scheduleBox .scheduleList dl dt span{padding:5px 10px; color:#000000}
.scheduleBox .scheduleList dl dt a img {vertical-align: middle;}
.scheduleBox .scheduleList dl dd{position:relative;width:488px;min-height:19px;padding:10px 0; border:1px solid #cccccc;color:#848384;font-size:15px;margin-bottom:8px}
.scheduleBox .scheduleList dl dd:hover{background:#f1f2f4}
.scheduleBox .scheduleList dl dd span{display:inline-block;}
.scheduleBox .scheduleList dl dd span.spleft{position:absolute;top:13px;left:5px; width:50px; text-align:center; height:14px;line-height:18px;color:#000000;padding-right:5px; background: url("../img/schedule_vertical_line.jpg") no-repeat right 4px;}
.scheduleBox .scheduleList dl dd span.spright{width:auto;line-height:18px;margin-left:70px;padding: 2px 8px 0;}
.scheduleBox .scheduleList dl dd.title{background:#efefef;text-align:center;}
.scheduleBox .scheduleList dl dd.title span{text-align:center;color:#000;}
.scheduleBox .scheduleList dl dd.whoTitle{border:none;margin:15px 0 0 0;font-size:16px;color:#435e9b;padding-bottom:5px;}
.scheduleBox .scheduleList dl dd.whoTitle:hover{background:none}


.table_calendar{float:left;width:330px; font-size:12px;}
.table_calendar tr{float:left;width:330px;margin-bottom:4px}
.table_calendar thead tr th{float:left;width:39px;height:12px;margin-bottom:10px;margin-right:5px;color:#5b5b5b; text-align: center;}
.table_calendar thead tr th:first-child{color:#c62c39}
.table_calendar tbody td{float:left;width:38px;height:32px;margin-right:4px;border:1px solid #ebebeb;background:#fff;}
.table_calendar tbody td div{background:#fff;color:#505050;line-height:32px;text-align:center}
.table_calendar tbody td.on div{background:#e8e8e8}
.table_calendar tbody td.on{border:1px solid #dadada}
.table_calendar tbody td a{width:100%;height:100%}
.table_calendar tbody td:hover div{background:#41769c}
.table_calendar tbody td:hover div a{color:#fff}
.table_calendar tbody td.select-day div{background:#41769c}
.table_calendar tbody td.select-day div a{color:#fff}
.table_calendar tbody tr.select-week td div{background:#41769c}
.table_calendar tbody tr.select-week td div a{color:#fff}
.tableWrap_s p{float:left;width:90%;font-size:12px;padding-left:25px;background:url("../img/icon_day.jpg") no-repeat left center;color:#5b5b5b;margin-top:6px}
.tableWrap{float:left;width:100%;}

@media all and (max-width: 767px) 
{
    .scheduleBox .calendar {display: none;}
    .scheduleBox .scheduleList{width:100%; padding-left:0px;}
    .scheduleBox .scheduleList dl{float:left;width:100%;margin-top:10px;}
    .scheduleBox .scheduleList dl dt{text-align: left;}

    .scheduleBox .scheduleList dl dd{width:100%;}
    .scheduleBox .calendar_search {position: absolute; right:10px; top:10px;}
    .scheduleBox .calendar_search select {font-size:13px !important;}
}