/*
	月曆元件css
*/

.calendar-main {
    width: 98%;
    text-align: center;
    font-family: "微軟正黑體";
}
/*月曆自己本身*/
.calendar-button-header {
    background-color: #ded0d0;
    height: 35px;
}

.calendar-button-header .button-area {
	width: 10%;
	height: 100%;
	float: left;
	text-align:center;
	vertical-align:bottom;
}

.calendar-button-header .date-area {
	width: 80%;
	height: 100%;
	float: left;
	text-align: center;
	vertical-align: bottom;
}

.calendar-body {
	background-color: #f6f0f0;
	/*height: 480px;*/
	height: 100%;
}

    .calendar-body .weekheader {
        min-width: 14%;
        background-color: #c9b1b1;
        height: 25px;
        float: left;
        /*width: auto;*/
        text-align: center;
        vertical-align: bottom;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        font-weight: bold;
        border-color: #9e9d9d;
        border-style: solid;
        border-width: 1px;
    }

    .calendar-body .weekheader-h {
        min-width: 14%;
        background-color: #f5abab;
        height: 25px;
        float: left;
        /*width: auto;*/
        text-align: center;
        vertical-align: bottom;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        font-weight: bold;
        border-color: #9e9d9d;
        border-style: solid;
        border-width: 1px;
    }

    .calendar-body .date-container {
        position: relative;
        min-width: 14%;
        float: left;
        text-align: center;
        vertical-align: bottom;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        font-weight: bold;
        background-color: #f0ecec;
    }

        .calendar-body .date-container .date-header {
            width: 100%;
            height: 25px;
            text-align: center;
            vertical-align: bottom;
            background-color: #ded9d9;
            border-color: #9e9d9d;
            border-style: solid;
            border-width: 1px;
        }

        .calendar-body .date-container .date-header-noselfmonth {
            color: #9e9d9d;
            width: 100%;
            height: 25px;
            text-align: center;
            vertical-align: bottom;
            background-color: #ded9d9;
            border-color: #9e9d9d;
            border-style: solid;
            border-width: 1px;
        }

        .calendar-body .date-container .date-containers {
            width: 100%;
            height: 80px;
            text-align: left;
            vertical-align: top;
            border-color: #9e9d9d;
            border-style: solid;
            border-width: 1px;
            padding: 2px 2px 2px 2px;
            /*margin:1px 1px 1px 1px;*/
        }

        .calendar-body .date-container .date-containers-holiday {
            width: 100%;
            height: 80px;
            text-align: left;
            vertical-align: top;
            background-color: #f5abab;
            border-color: #9e9d9d;
            border-style: solid;
            border-width: 1px;
        }

/*fullcalendar*/
.fc .fc-unthemed .fc-ltr{
    font-family:微軟正黑體;
}
.fc-sun {
    background-color: #fa9c9c;
}
.fc-sat {
    background-color: #fa9c9c;
}
.fc-day-header{
    background-color: #9ccff5;
    font-family: 微軟正黑體;
}
.fc-today-button {
    font-family: 微軟正黑體;
}
.fc-button-group button {
    font-family: 微軟正黑體;
}
.fc-day-grid-event span {
    font-family: 微軟正黑體;
}