@charset "utf-8";

.calendar002 {width: 100%;height: 100%;background: #fff;box-sizing: border-box;position: relative;}
.calendar002 .ym_box {width: 100%;padding: 14px 15px;float: left;line-height: 160%;text-align: center;box-sizing: border-box;background: #1a2a43;}
.calendar002 .ym_box::after { content: ""; display: block; clear: both; }
.calendar002 .ym_box > span, .calendar002 .ym_box > a { width: 5%; float: left; cursor: pointer; }
.calendar002 .ym_box > a.month_prev { float: left; }
.calendar002 .ym_box > a.month_next { float: right; }
.calendar002 .ym_box div { width: 90%; float: left; text-align: center; }
.calendar002 .ym_box div > a {display: inline-block;vertical-align: middle;margin-right: 5px;}
.calendar002 .ym_box div h3, .calendar002 .ym_box div .title {font-size: 18px;font-weight: 400;color: rgb(255, 255, 255);/* padding-bottom: 4px; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;display: inline-block;}
.calendar002 .ym_box div b {font-size: 19px;color: rgb(255, 255, 255);display: inline-block;vertical-align: middle;}
.calendar002 .ym_box .month_prev::before { content: "❮"; float: left; padding-right: 10px; color: rgb(255, 255, 255); }
.calendar002 .ym_box .month_next::before { content: "❯"; float: right; padding-left: 10px; color: rgb(255, 255, 255); }
.calendar002 .dd_box table { text-align: center; vertical-align: middle; border-collapse: collapse; width: 100%; }
.calendar002 .dd_box table thead.week { background: none; }
.calendar002 .dd_box table thead.week th {width: 14.285%;background: #f0f0f0;color: #333;font-weight: 600;font-size: 17px;border-bottom: 1px solid rgba(255, 255, 255, 0.9);}
.calendar002 .dd_box table tbody tr:nth-child(2n) {background: rgba(0,0,0,0.02);}
.calendar002 .dd_box table td {color: rgb(136, 136, 138);font-size: 16px;}
.calendar002 .dd_box table td.dd_xx { opacity: 0.3; }
.calendar002 .dd_box table td.dd_xx:empty {/* display:none; */}
.calendar002 .dd_box table td.dd_on { font-weight: 600; position: relative; overflow: hidden; color: rgb(94, 94, 94); }
.calendar002 .dd_box table td.dd_on::before { content: ""; width: 12px; height: 12px; background: rgb(44, 147, 210); transform: rotate(45deg); float: left; position: absolute; top: -6px; left: -6px; opacity: 0.7; }
.calendar002 .dd_box table td.dd_weekend, .calendar002 .dd_box table tbody tr td:first-child { color: rgb(230, 0, 0); }
.layout_height_M .calendar002 .ym_box div a, .layout_height_L .calendar002 .ym_box div a {padding-right: 2px;box-sizing: border-box;max-width: 65%;}
.layout_height_M .calendar002 .ym_box div b, .layout_height_L .calendar002 .ym_box div b {padding-left: 2px;box-sizing: border-box;width: auto;}
.layout_height_H .calendar002 .ym_box div h3, .layout_height_H .calendar002 .ym_box div .title { width: 100%; }
.layout_height_M .calendar002 .ym_box div h3, .layout_height_L .calendar002 .ym_box div h3, .layout_height_M .calendar002 .ym_box div .title, .layout_height_L .calendar002 .ym_box div .title { max-width: 100%; padding-bottom: 0px; }
@media (min-width: 600px) {
  .calendar002 .dd_box table td:hover span { background: rgb(255, 255, 255); border-radius: 100%; cursor: pointer; transition: background 1s ease 0s; }
  .calendar002 .dd_box table td.today_pc:hover span {background: #333;}
  .calendar002 .dd_box table td.today_pc span {background: #333;color: white;border-radius: 100%;cursor: pointer;}
}
@media (min-width: 800px) {
  .layout_height_H .calendar002 .ym_box .month_prev::before, .layout_height_H .calendar002 .ym_box .month_next::before { font-size: 23px; margin-top: 3px; }
  .layout_height_M .calendar002 .ym_box { }
  .layout_height_L .calendar002 .ym_box { padding: 5px 15px; }
  .layout_height_H .calendar002 .dd_box table td {height: 41px;}
  .layout_height_M .calendar002 .dd_box table td {height: 27px;}
  .layout_height_L .calendar002 .dd_box table td {font-size: 12px;height: 17px;}
  .layout_height_H .calendar002 .dd_box table thead.week th {padding: 15px 0px;}
  .layout_height_M .calendar002 .dd_box table thead.week th { padding: 8px 0px; }
  .layout_height_M .calendar002 .ym_box .month_prev::before, .layout_height_M .calendar002 .ym_box .month_next::before { font-size: 18px; }
  .layout_height_L .calendar002 .ym_box div b, .layout_height_L .calendar002 .ym_box .month_prev::before, .layout_height_L .calendar002 .ym_box .month_next::before { font-size: 17px; }
  .layout_height_L .calendar002 .dd_box table thead.week th {padding: 4px 0px;font-size: 15px;}
  .layout_height_H .calendar002 .dd_box table td.today_pc span, .layout_height_H .calendar002 .dd_box table td:hover span {padding: 7px 8px;display: inline-block;font-size: 15px;}
  .layout_height_M .calendar002 .dd_box table td.today_pc span { padding: 4px 3px; font-size: 11px; display: inline-block; }
  .layout_height_M .calendar002 .dd_box table td:hover span { padding: 4px 3px; }
  .layout_height_L .calendar002 .dd_box table td.today_pc span { padding: 2px; font-size: 11px; display: inline-block; }
  .layout_height_L .calendar002 .dd_box table td:hover span { padding: 2px; }
  .layout_height_H .calendar002 .dd_box table td span { min-width: 15px; }
  .layout_height_M .calendar002 .dd_box table td span { min-width: 15px; }
  .layout_height_L .calendar002 .dd_box table td span { min-width: 14px; }
  
  .layout_height_A .calendar002 .dd_box table thead.week th {padding:18px 0;}
  .layout_height_A .calendar002 .dd_box table td {padding:15px 0;}
}
@media (max-width: 799px) {
  .calendar002 .ym_box div b { font-size: 20px; }
  .calendar002 .ym_box .month_prev::before, .calendar002 .ym_box .month_next::before { font-size: 18px; }
  .calendar002 .dd_box table thead.week th { padding: 10px 0px; }
  .calendar002 .dd_box table td { height: 32px; }
  .calendar002 .dd_box table td:hover span { padding: 3px; }
  .calendar002 .dd_box table td.dd_xx { opacity: 0.4; }
  .layout_height_H .calendar002 .ym_box .month_prev::before, .layout_height_H .calendar002 .ym_box .month_next::before { margin-top: 8px; }
}
@media (min-width: 600px) and (max-width: 799px) {
  .calendar002 .dd_box table td.today_pc span { padding: 3px; display: inline-block; min-width: 15px; }
  .layout_block4 > .layout_height_H .calendar002 .dd_box table thead.week th { padding: 17px 0px; }
  .layout_block4 > .layout_height_M .calendar002 .dd_box table thead.week th { padding: 8px 0px 9px; }
  .layout_block4 > .layout_height_H .calendar002 .dd_box table td { height: 40px; padding: 0px; }
  .layout_block4 > .layout_height_M .calendar002 .dd_box table td { height: 30px; padding: 0px; }
  .layout_block4 > .layout_height_L .calendar002 .dd_box table td { font-size: 12px; height: 19px; padding: 0px; }
  .layout_block4 > .layout_height_M .calendar002 .ym_box { padding: 7px 15px; }
  .layout_block4 > .layout_height_L .calendar002 .ym_box { padding: 5px 15px; }
  .layout_block4 > .layout_height_L .calendar002 .ym_box div b, .layout_block4 > .layout_height_L .calendar002 .ym_box .month_prev::before, .layout_block4 > .layout_height_L .calendar002 .ym_box .month_next::before { font-size: 17px; }
  .layout_block4 > .layout_height_L .calendar002 .dd_box table thead.week th { padding: 4px 0px; }
  .layout_block4 > .layout_height_H .calendar002 .dd_box table td.today_pc span, .layout_block4 > .layout_height_H .calendar002 .dd_box table td:hover span { padding: 7px; min-width: 14px; }
  .layout_block4 > .layout_height_M .calendar002 .dd_box table td.today_pc span { padding: 4px; font-size: 11px; }
  .layout_block4 > .layout_height_M .calendar002 .dd_box table td:hover span { padding: 4px; min-width: 15px; }
  .layout_block4 > .layout_height_L .calendar002 .dd_box table td.today_pc span { padding: 2px; font-size: 11px; min-width: 15px; }
  .layout_block4 > .layout_height_L .calendar002 .dd_box table td:hover span { padding: 2px; }
}
@media (max-width: 599px) {
  .calendar002 .ym_box div b { font-size: 17px; }
  .calendar002 .dd_box table td.today_pc span { background: rgb(1, 119, 215); color: white; border-radius: 100%; cursor: pointer; padding: 3px; display: inline-block; min-width: 15px; }
}
@media (max-width: 499px) {
  .calendar002 .dd_box table thead.week th { padding: 13px 0px; }
  .calendar002 .dd_box table td { font-size: 12px; }
}