@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";.c_red{color:#e94d4e}.c_main{color:#007ab8}.f14{font-size:.875rem}.calendarBox{display:flex;gap:24px;align-items:stretch}.calendarBox .left{width:100%}@media(max-width: 1023px){.calendarBox .left{display:none}}.calendarBox .left .month{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px 0}.calendarBox .left .month a{background:#007ab8;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.calendarBox .left .month a img{width:8px}.calendarBox .left .month span{font-size:1.5rem;font-weight:600}.calendarBox .left .calendar ul{display:flex;flex-flow:row wrap;width:100%;overflow:hidden;border-left:1px solid #ddd;border-bottom:1px solid #ddd}.calendarBox .left .calendar ul li{width:14.2857142857%;border-top:1px solid #ddd;border-right:1px solid #ddd;height:110px;position:relative;background:#fff}.calendarBox .left .calendar ul li.day{height:auto;text-align:center;padding:6px;font-weight:700;border-bottom:4px solid #ddd}.calendarBox .left .calendar ul li.dash .date{opacity:.4}.calendarBox .left .calendar ul li .date{text-align:right;src:100%;padding:2px 4px 0 0;font-weight:700}.calendarBox .left .calendar ul li span{color:#fff;position:absolute;left:0;font-size:.875rem;padding:2px 12px}.calendarBox .left .calendar ul li span.name{background:#007ab8;top:28px;white-space:nowrap;min-width:calc(100% + 1px);height:23px;font-weight:400}.calendarBox .left .calendar ul li span.name.sec{background:#4f7619;top:53px}.calendarBox .left .calendar ul li span.name.thi{background:#e94d4e;top:78px}.calendarBox .left .calendar ul li span.end{border-radius:0 12px 12px 0}.calendarBox .left .calendar ul li span.head{z-index:1;border-radius:12px;width:calc(700% + 6px)}.calendarBox .left .calendar ul li span.d1{width:calc(100% + 1px)}.calendarBox .left .calendar ul li span.d2{width:calc(200% + 1px)}.calendarBox .left .calendar ul li span.d3{width:calc(300% + 2px)}.calendarBox .left .calendar ul li span.d4{width:calc(400% + 3px)}.calendarBox .left .calendar ul li span.d5{width:calc(500% + 4px)}.calendarBox .left .calendar ul li span.d6{width:calc(600% + 5px)}.calendarBox .left .calendar ul li span.d7{width:calc(700% + 6px)}.calendarBox .right{width:400px;flex-shrink:0}@media(max-width: 1023px){.calendarBox .right{width:100%}}.calendarBox .right .title{font-size:1.5rem;font-weight:600;padding:0 0 14px 0}.calendarBox .right .eventsBox{background:#fff;padding:24px;border-radius:24px;height:calc(100% - 45px);max-height:698px}@media(max-width: 1023px){.calendarBox .right .eventsBox{height:auto;max-height:none}}.calendarBox .right .eventsBox .scroll{overflow-y:auto;max-height:100%}.calendarBox .right .eventsBox .scroll::-webkit-scrollbar{width:5px}.calendarBox .right .eventsBox .scroll::-webkit-scrollbar-button{background:transparent;border-radius:4px}.calendarBox .right .eventsBox .scroll::-webkit-scrollbar-track-piece{background:#ddd}.calendarBox .right .eventsBox .scroll::-webkit-scrollbar-thumb{border-radius:4px;background-color:#007ab8}.calendarBox .right .eventsBox .scroll::-webkit-scrollbar-track{box-shadow:transparent}.calendarBox .right .eventsBox .scroll .box{display:flex;flex-flow:column;gap:4px;padding:0 12px 0 0;margin:0 0 24px 0}@media(max-width: 1023px){.calendarBox .right .eventsBox .scroll .box{padding:0}}.calendarBox .right .eventsBox .scroll .box:last-child{margin:0}.calendarBox .right .eventsBox .scroll .box:last-child .name{border:0}.calendarBox .right .eventsBox .scroll .box .timeA{display:flex;align-items:center;gap:4px}.calendarBox .right .eventsBox .scroll .box .timeA img{width:16px}.calendarBox .right .eventsBox .scroll .box .where{color:#707070;font-size:.9375rem;display:flex;align-items:center;gap:4px}.calendarBox .right .eventsBox .scroll .box .where img{width:16px}.calendarBox .right .eventsBox .scroll .box .name{font-weight:700;border-bottom:1px dashed rgba(0,0,0,.2);padding:0 0 24px 0}.calendarBox .right .eventsBox .scroll .box .name.first{color:#007ab8}.calendarBox .right .eventsBox .scroll .box .name.sec{color:#4f7619}.calendarBox .right .eventsBox .scroll .box .name.thi{color:#e94d4e}
/*# sourceMappingURL=events.css.map */