@charset "utf-8";

.ui-datepicker.f-onBelowInput { margin-top: 10px; }

.ui-datepicker.f-onTopInput { margin-top: -10px; }

.fk-siteFormDatePicker { border: 1px solid rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 1px; display: none; font-size: 14px; padding-top: 16px; width: 388px; }

.fk-siteFormDatePicker .ui-datepicker-header { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px 22px 21px; position: relative; }

.fk-siteFormDatePicker .ui-datepicker-title { margin-left: 32px; position: relative; width: 215px; }

.fk-siteFormDatePicker .ui-widget-header { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.fk-siteFormDatePicker .ui-datepicker-calendar { margin: 0px 22px 21px; width: 344px !important; }

.fk-siteFormDatePicker .ui-datepicker-next, .fk-siteFormDatePicker .ui-datepicker-prev { height: 16px; position: absolute; top: 8px; width: 10px; z-index: 99; }

.fk-siteFormDatePicker .ui-datepicker-next { background: url("/image/v2/vbg01.png?v=201907171253") -49px -2744px no-repeat; left: 254px; }

.fk-siteFormDatePicker .ui-datepicker-prev { background: url("/image/v2/vbg01.png?v=201907171253") 0px -2744px no-repeat; left: 10px; }

.fk-siteFormDatePicker .ui-datepicker-next:hover { background: url("/image/v2/vbg01.png?v=201907171253") -66px -2744px no-repeat; }

.fk-siteFormDatePicker .ui-datepicker-prev:hover { background: url("/image/v2/vbg01.png?v=201907171253") -17px -2744px no-repeat; }

.fk-siteFormDatePicker .ui-datepicker-prev.ui-state-disabled { background: url("/image/v2/vbg01.png?v=201907171253") -34px -2744px no-repeat; }

.fk-siteFormDatePicker .ui-datepicker-next.ui-state-disabled { background: url("/image/v2/vbg01.png?v=201907171253") -83px -2744px no-repeat; }

.fk-siteFormDatePicker .ui-state-default { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 34px; color: rgb(51, 51, 51); display: inline-block; font-size: 14px; height: 34px; line-height: 34px; margin: 0px 15px 0px 0px; text-align: center; text-decoration: none; width: 34px; }

.fk-siteFormDatePicker .ui-state-hover { background-color: rgb(236, 236, 236); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.fk-siteFormDatePicker .ui-state-active, .ui-datepicker .fk-datePoint a { background-color: rgb(88, 116, 216); border-radius: 34px; color: rgb(255, 255, 255); }

.fk-siteFormDatePicker .ui-state-disabled .ui-state-default { color: rgb(195, 195, 195); }

.fk-siteFormDatePicker .ui-datepicker-buttonpane { border-color: rgb(227, 226, 232); border-radius: 2px; height: 30px; line-height: 30px; position: absolute; right: 30px; top: 16px; }

.fk-siteFormDatePicker .ui-datepicker-buttonpane .ui-state-hover { background: none; }

.fk-siteFormDatePicker .ui-datepicker-close { display: none; }

.fk-siteFormDatePicker .ui-datepicker-buttonpane:hover { border-color: rgb(88, 116, 216); }

.fk-siteFormDatePicker .ui-datepicker-current { height: 32px; line-height: 34px; margin: 0px; padding: 0px; text-align: center; width: 50px; }

.fk-siteFormDatePicker .ui-datepicker-current:hover { color: rgb(88, 116, 216); }

.fk-siteFormDatePicker .ui-icon { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.fk-siteFormDatePicker .ui-datepicker-month, .fk-siteFormDatePicker .ui-datepicker-year { appearance: none; background: rgb(255, 255, 255); border: 1px solid rgb(227, 226, 232); border-radius: 2px; height: 32px; outline: 0px; padding-left: 9px; width: 100px; }

.fk-siteFormDatePicker .ui-datepicker-title::after, .fk-siteFormDatePicker .ui-datepicker-title::before { background: url("/image/v2/vbg01.png?v=201907171253") 0px -2072px no-repeat; content: ""; display: block; height: 32px; left: 78px; pointer-events: none; position: absolute; top: 0px; width: 12px; }

.fk-siteFormDatePicker .ui-datepicker-title::after { left: 188px; }

.fk-siteFormDatePicker .ui-datepicker-year { margin-right: 10px; }

.fk-siteFormDatePicker .fk-todayDefaultStyle { background-color: rgb(88, 116, 216); color: rgb(255, 255, 255); }

.fk-siteFormDatePicker .ui-timepicker-div { border-top: 1px solid rgb(230, 230, 230); }

.fk-siteFormDatePicker .ui-timepicker-div .ui_tpicker_hour { height: 45px; line-height: 45px; }

.fk-siteFormDatePicker .ui-timepicker-div dl dd { margin: 0px; }

.fk-siteFormDatePicker .fk-timepicker-time { left: 50%; margin-left: -49px; position: absolute; width: 98px; }

.fk-siteFormDatePicker .fk-timepicker-select { background: url("/image/v2/vbg01.png?v=201907171253") 73px -311px no-repeat rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(51, 51, 51); font-size: 14px; outline: none; text-indent: 19px; width: 100%; }

.fk-siteFormDatePicker .f-select { background-position: 73px -296px; }

.fk-siteFormDatePicker .fk-timeVauleWrap { background-color: rgb(255, 255, 255); bottom: 36px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px 1px; display: none; line-height: normal; max-height: 215px; overflow: hidden; padding-bottom: 9px; padding-top: 9px; position: absolute; width: 100%; }

.fk-siteFormDatePicker .fk-timeValue { color: rgb(51, 51, 51); display: inline-block; height: 28px; line-height: 28px; text-indent: 8px; width: 100%; }

.fk-siteFormDatePicker .fk-timeValue:hover { background-color: rgb(88, 116, 216); color: rgb(255, 255, 255); }

.fk-siteFormDatePicker .mCSB_inside > .mCSB_container { margin-right: 0px; padding: 0px 15px 0px 5px; }

.fk-siteFormDatePicker .ui-timepicker-div dl { margin: 0px; }

.fk-commDatePicker, .fk-siteFormDatePicker .ui-timepicker-div .fk-timeBan { display: none; }

.fk-siteFormDatePicker .fk-commDatePicker { padding-left: 0px; padding-right: 0px; }

select.ui-datepicker-year:focus > option:hover { background: rgb(0, 0, 0) !important; }

.fk-siteFormDatePicker .ui-datepicker-calendar td { padding-bottom: 0px; padding-right: 0px; padding-top: 0px; }

.fk-siteFormDatePicker .ui-datepicker-calendar { border-collapse: collapse; }

.fk-siteFormDatePicker .ui-datepicker-calendar thead { text-indent: 10px; }

.fk-siteFormDatePicker .ui-datepicker-calendar thead th { height: 21px; text-align: center; width: 50px; }

.fk-siteFormDatePicker .ui-datepicker-calendar thead span { color: rgb(34, 34, 34); font-size: 14px; font-weight: 400; }

.fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateStart { background: url("/image/v2/vbg01.png?v=201907171253") 0px -2779px no-repeat; }

.fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateEnd { background: url("/image/v2/vbg01.png?v=201907171253") -70px -2779px no-repeat; }

.fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateRange { background-color: rgb(88, 116, 216); }

.fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateEnd .ui-state-default, .ui-datepicker-calendar .fk-dateStart .ui-state-default { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }

.fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateEnd .ui-state-default, .fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateRange .ui-state-default, .fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateRange .ui-state-default:hover, .fk-siteFormDatePicker .ui-datepicker-calendar .fk-dateStart .ui-state-default { background: none; }

.fk-moduleFormDatePicker .ui-datepicker-calendar thead { text-indent: -15px; }

.ui-timepicker2 { height: 52px; line-height: 52px; text-align: center; }

.ui-timepicker2 .ui_tpicker_hour, .ui-timepicker2 .ui_tpicker_hour_slider, .ui-timepicker2 .ui_tpicker_minute, .ui-timepicker2 .ui_tpicker_minute_slider, .ui-timepicker2 .ui_tpicker_second, .ui-timepicker2 .ui_tpicker_second_slider, .ui-timepicker2 dl { display: inline-block; }

.ui-timepicker2 .ui_tpicker_hour_label, .ui-timepicker2 .ui_tpicker_minute_label, .ui-timepicker2 .ui_tpicker_second_label, .ui-timepicker2 .ui_tpicker_time, .ui-timepicker2 .ui_tpicker_time_label { display: none; }

.ui-timepicker2 .ui-timepicker2-input { border: 1px solid rgb(230, 230, 230); border-radius: 3px; box-sizing: border-box; color: rgb(51, 51, 51); font-size: 14px; height: 32px; outline: 0px; padding: 0px; text-align: center; width: 40px; }

.ui-timepicker2 .ui-timepicker2-input:focus, .ui-timepicker2 .ui-timepicker2-input:hover { border-color: rgb(88, 116, 216); }

.ui-timepicker2 .ui_tpicker_minute_slider::before, .ui-timepicker2 .ui_tpicker_second_slider::before { color: rgb(51, 51, 51); content: "："; display: inline-block; font-size: 14px; margin-top: -1px; text-align: center; width: 20px; }

.ui-timepicker2-panel { background: rgb(255, 255, 255); bottom: 50px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 8px; display: none; height: 230px; left: 104px; position: absolute; width: 180px; }

.ui-timepicker2-spinner { height: 189px; position: relative; }

.ui-timepicker2-footer { border-top: 1px solid rgb(230, 230, 230); height: 40px; line-height: 40px; padding: 0px 8px; text-align: right; }

.ui-timepicker2-cancel-btn, .ui-timepicker2-sure-btn { color: rgb(153, 153, 153); font-size: 14px; margin: 0px 12px; outline: 0px; text-decoration: none; }

.ui-timepicker2-sure-btn { color: rgb(88, 116, 216); }

.ui-timepicker2-scrollbar { display: inline-block; height: 100%; overflow: hidden; position: relative; vertical-align: top; width: 60px; z-index: 1; }

.ui-timepicker2-scrollbar li { color: rgb(102, 102, 102); display: block; font-size: 14px; line-height: 39px; width: 100%; }

.ui-timepicker2-scrollbar li:hover { background: rgb(245, 247, 250); }

.ui-timepicker2-scrollbar-inner { list-style-type: none; margin: 0px; padding: 0px; }

.ui-timepicker2-scrollbar-inner::after, .ui-timepicker2-scrollbar-inner::before { content: ""; display: block; height: 75px; }

.ui-timepicker2-scrollbar-inner::after { height: 88px; }

.ui-timepicker2-spinner::before { border-width: 1px 0px; border-style: solid none; border-color: rgb(238, 238, 238) currentcolor; border-image: none; content: ""; display: block; height: 37px; left: 0px; margin: 0px 12px; position: absolute; top: 75px; width: 156px; z-index: 0; }

.ui-timepicker2-scrollbar .ui-timepicker2-active { color: rgb(51, 51, 51); background: initial !important; }

.fk-siteFormDatePicker .fk-timeVauleWrap { overflow: hidden scroll; }

.fk-siteFormDatePicker .fk-timeVauleWrap::-webkit-scrollbar { width: 6px; }

.fk-siteFormDatePicker .fk-timeVauleWrap::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); border-radius: 10px; }

.fk-siteFormDatePicker .fk-timeVauleWrap::-webkit-scrollbar-thumb { background: rgb(153, 153, 153); border-radius: 10px; }

@media screen and (max-width: 370px) {
  .fk-siteFormDatePicker .ui-datepicker-calendar { margin: 0px 10px 10px; width: 100% !important; }
  .fk-siteFormDatePicker .ui-datepicker-calendar thead th { width: 28px; }
  .fk-siteFormDatePicker .ui-state-default { height: 28px; line-height: 28px; width: 28px; }
  .fk-siteFormDatePicker .ui-datepicker-header { margin-left: 5px; }
  .fk-siteFormDatePicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year { width: 90px; }
  .fk-siteFormDatePicker .ui-datepicker-title::before { left: 68px; }
  .fk-siteFormDatePicker .ui-datepicker-title::after { left: 168px; }
  .fk-siteFormDatePicker .ui-datepicker-next { left: 233px; }
  .fk-siteFormDatePicker .ui-datepicker-current { width: 45px; }
  .fk-siteFormDatePicker .ui-datepicker-buttonpane { right: 6px; }
}