.calendar_wrap .notice{text-align:right;margin:20px 0 10px}.calendar{width:320px;margin:0 auto;position:relative}.calendar .title_wrap{z-index:2;text-align:center;cursor:pointer;padding:0 50px;font-size:30px;font-weight:500;line-height:50px;display:block;position:relative;overflow:hidden}.calendar .title_wrap>a{vertical-align:middle;display:inline-block}.calendar .title_wrap .btn_prev{float:left;text-indent:-999px;background:url(/static/images/btn_calendar_prev_01.png) 50%/11px no-repeat;width:15px;height:50px;overflow:hidden}.calendar .title_wrap .btn_next{float:right;text-indent:-999px;background:url(/static/images/btn_calendar_next_01.png) 50%/11px no-repeat;width:15px;height:50px;overflow:hidden}.calendar_title_wrap{position:relative}.calendar_title_wrap>a{text-indent:-999px;background-position:50%;background-repeat:no-repeat;background-size:11px;width:20px;height:100%;display:block;position:absolute;overflow:hidden}.calendar_title_wrap .btn_prev{background-image:url(/static/images/btn_calendar_prev_01.png);top:0;left:0}.calendar_title_wrap .btn_next{background-image:url(/static/images/btn_calendar_next_01.png);top:0;right:0}.list_calendar_title{border-top:3px solid #b5b5b5;border-bottom:3px solid #b5b5b5;line-height:44px;overflow:hidden}.list_calendar_title li{float:left;text-align:center;width:14.285%;font-size:16px;font-weight:500}.list_calendar_title li a{color:#b3b3b4}.list_calendar_title li.active a,.list_calendar_title li:hover a{color:#000}.list_calendar_cont li{border-bottom:1px solid #dcdcdc;font-size:14px;line-height:46px;overflow:hidden}.list_calendar_cont li:last-child{border-bottom:none}.list_calendar_cont li .time{vertical-align:middle;margin-left:50px;display:inline-block}.list_calendar_cont li .type{vertical-align:middle;margin-left:70px;display:inline-block}.list_calendar_cont li .subject{vertical-align:middle;max-width:700px;margin-left:70px;font-weight:500;display:inline-block;overflow:hidden}.list_calendar_cont li.active{background:#eee;position:relative}.list_calendar_cont li.active:before{content:"";background:red;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:20px}.calendar_top_wrap .select_wrap{background:url(/static/images/ico_select_arrow.png) right 10px center no-repeat;border:1px solid #000;width:170px;height:38px;font-size:16px;font-weight:500;line-height:38px;position:relative}.calendar_top_wrap .select_wrap .selected{padding:0 30px 0 35px;display:block}.calendar_top_wrap .select_wrap .list_option{border:1px solid #000;width:calc(100% + 2px);display:none;position:absolute;top:-1px;left:-1px}.calendar_top_wrap .select_wrap .list_option li{width:100%;height:38px;line-height:38px}.calendar_top_wrap .select_wrap .list_option li a{background:#fff;padding:0 30px 0 35px;display:block}.calendar_top_wrap .select_wrap .list_option li.active a,.calendar_top_wrap .select_wrap .list_option li:hover a{color:#fff;background:#000}.calendar_top_wrap .select_wrap .list_option .value{display:none}.react-datepicker-popper{left:-50px!important}.react-datepicker__day,.react-datepicker__day-name{width:2.25rem!important;margin:.2rem!important;line-height:2rem!important}.react-datepicker__day--outside-month{visibility:hidden}.calendar .cont_wrap{z-index:1;background:#fff;border:1px solid #000;width:100%;padding-top:80px;position:absolute;top:0;left:0}.list_cal_range{padding:0 5px}.list_cal_range li{text-align:center;line-height:40px}.list_cal_range li a{opacity:.5;font-size:18px;font-weight:500}.list_cal_range li.active{background:#000}.list_cal_range li.active a{color:#fff;opacity:1}.list_cal_range li:hover{background:#000}.list_cal_range li:hover a{color:#fff;opacity:1}.tbl_calendar_cont{width:100%}.tbl_calendar_cont th{border-top:3px solid #b5b5b5;border-bottom:3px solid #b5b5b5;font-size:16px;font-weight:500;line-height:44px}.tbl_calendar_cont td{vertical-align:top;padding:15px 10px;font-size:14px;line-height:24px}.tbl_calendar_cont td .item+.item{margin-top:20px}.tbl_calendar_cont td strong{display:block}.tbl_calendar_cont tr+tr td{border-top:1px solid #dcdcdc}@media screen and (max-width:1023px){.calendar_top_wrap .select_wrap{display:none}.calendar{width:295px}.calendar .title_wrap{padding:0 75px;font-size:15px}.calendar .title_wrap .btn_prev,.calendar .title_wrap .btn_next{background-size:8px}.list_calendar_title{border-top:2px solid #b5b5b5;border-bottom:2px solid #b5b5b5;line-height:26px}.list_calendar_title li{width:33.333%}.list_calendar_title li a{font-size:12px}.calendar_title_wrap>a{background-size:7px}.list_calendar_cont li{font-size:12px;line-height:35px}.list_calendar_cont li .time,.list_calendar_cont li .type{margin-left:20px}.list_calendar_cont li .subject{max-width:calc(100% - 120px);margin-left:20px}.list_calendar_cont li.active:before{left:5px}.react-datepicker-popper{left:-30px!important}.calendar .cont_wrap{top:-15px}.list_cal_range li a{font-size:12px}.tbl_calendar_cont_outWrap{width:100%;overflow-x:scroll}.tbl_calendar_cont{width:250%}.tbl_calendar_cont th{border-top-width:2px;border-bottom-width:2px;font-size:14px;line-height:30px}.tbl_calendar_cont td{padding:10px 5px;font-size:12px;line-height:20px}}