.printer
{
    font-size : 1.8rem;
    font-weight : 900;
}

/* 學年標籤 */
.SchoolYear_Label
{

}

/* 學年下拉方塊 */
.SchoolYear_DropDownMenu
{

}

.oneMonth {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin : 1rem 0 2rem 0;
}

    .oneMonth .oneCalendar
    {
        flex-grow : 1;
        flex-shrink : 0;
        margin-right : 1rem; 
        flex-basis : 250px;
    }

    .oneMonth .event {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis : calc(100% - 250px - 1rem);
    }

/* 每月主題 */
        .oneMonth .event .Theme {
            font-weight: bold;
            display : block;
        }

/* 事件表格 */
        .oneMonth .event .Event_Table {
            border-style: solid;
            border-width: 1px;
            width: 100%;
            background-color: #FFFFFF;
            border-collapse: collapse;
        }

.Event_Table td
{
	padding : 5px;	
}

.Event_Table .date
{
	width : 140px;
	vertical-align:top;
	text-align:left;
    font-size : 0.8rem;
}

.Event_Table .caption
{
	text-align:left;
}

.themeContainer
{
    position : relative;
    overflow:hidden;
}

/* 下方備註文字 */
.footNoteText {
}

.footNoteStyleExample
{
    overflow:hidden;
}

.footNoteStyleExample .eachFootNote
{
    float : left;
    margin : 30px;
}

.footNoteStyleExample .eachFootNote .smallCharacter
{

}

.footNoteStyleExample .eachFootNote .name
{
    padding: 5px;
}

@media (max-width: 480px) {
    .oneMonth {
        display: block;
    }
        .oneMonth .oneCalendar {
            margin-right: 0;
            width : 100%;
        }
    .Event_Table tr {
        display: block;
        border-bottom: solid 1px #d9d8d8;
    }
    .Event_Table td {
        display: block;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .oneMonth {
        display: block;
    }

        .oneMonth .oneCalendar {
            margin-right: 0;
            width: 100%;
        }
    .Event_Table tr {
        display: block;
        border-bottom: solid 1px #d9d8d8;
    }

    .Event_Table td {
        display: block;
    }
}