@charset "utf-8"; /* CSS Document */ .main_calendar{ width: 300px; position: absolute; text-align: center; left:0; right:0; top: 0; bottom: 0; margin: auto; } .main_calendar_body{ border-top:1px solid #eeeeee; } .main_calendar_body th{ font-size:10px; color:#555555; width:40px; height:20px; text-align:center; } .main_calendar_body td{ font-size:14px; color:#999999; width:40px; height:18px; text-align:center; } .main_calendar_body td:hover{ background-color:#f5fbfc; box-shadow:0px 0px 1px rgba(0, 0, 0, 0.1); } .main_calendar_year_month{ height:20px; text-align:center; line-height:20px; font-size:9px; color:#333333 border:1px solid #eeeeee; margin-top:10px; margin-bottom:10px; } .main_calendar_left{ background:url(../image/last@3x.png) no-repeat center left; padding-right:50px; } .main_calendar_right{ margin-left:50px; background:url(../image/next@3x.png) no-repeat center left; cursor:hand; } .main_cur_data{ border:1px solid #555555; } .main_select_month{ width:300px; position: relative; text-align: center; left:0; right:0; top: 10px; bottom: 0; margin: auto; display:none; } .main_select_month td{ text-align:center; line-height:20px; width:75px; height:20px; font-size:15px; padding:10px; } .main_select_month td:hover{ background-color:#f5fbfc; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1); } .main_select_year{ text-align:center; border-bottom:1px solid #eeeeee; padding:0px 0px 10px 0px; } .main_day_holiday{ float:left; font-size:5px; color:green; margin-top:0px; } .main_day_work{ float:left; font-size:5px; color:red; margin-top:0px; }