﻿
.isNotIndexPage .leftRightContainer {
    max-width: 100%;
}

div.allContent
{
    padding-right : 2rem;
    padding-left : 2rem;
}


/* 整個校曆表 */
table.calendar {
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFFFFF;
    width: 100%;
    margin: 0;
}

/* 校曆表表格內每個方格 */
table.calendar > tbody > tr > td
{
    padding : 0;
    border : solid 1px;
}

/* 第一行，年份和月份名稱 */
table.calendar td.yearMonth
{
    text-align: center;
    font-weight: bold;
    line-height: 2em;
    font-size: 2em;
}

table.calendar tr.weekName td, table.calendar td.week
{
    font-weight : bold;
    font-size : 1.5em;
    text-align : center; 
    line-height: 1.5em;
}

/* 一年中的第幾周 */
table.calendar tr.weekName td.weekOfYear
{
    width : 5%;
}

table.calendar tr.weekName td.Monday, td.Tuesday, td.Wednesday, td.Thrusday, td.Friday
{
    width : 17%;
}

table.calendar tr.weekName td.Sun, td.Sat
{
    width : 5%;
}

/* 星期幾 */
table.calendar tr.weekName td.dayOfWeek
{
   
}

/* 非本月日期 */
table.calendar td.lastMonth, table.calendar td.nextMonth
{
    background-color: #EFEFEF;
}

table.calendar td.eachDay
{
    vertical-align: top;
}



table.calendar td.eachDay div.eachDay
{
    margin: 0px;
    padding: 5px;
    border: none 0;
    position: relative;
    overflow: hidden;
}

table.calendar td.today
{
    background-color : #FFFF99;
}

/* 循環編號 */
table.calendar td.eachDay div.eachDay span.cycle
{
    display : block;
    float : right;
    width : 2em;
    height : 1em;
}

/* 月號碼 */
table.calendar td.eachDay div.eachDay span.dayOfMonth
{
    display: block;
    float: left;
    font-size: large;
    font-weight: bold;
    width : 2em;
    height : 1.5em;
    line-height : 1.5em;
}

table.calendar div.eachDay ul.eventList
{
    clear: both;
    list-style-type : none;
    padding : 0px;
    margin : 0px 0px 0px 0px;
}

    table.calendar div.eachDay ul.eventList > li {
        line-height: 2em;
        border-bottom: solid 5px #FFFFFF;
        padding : 5px;
        border-radius : 5px;
    }

table.calendar div.eachDay ul.eventList > li span.bulletBox
{
     margin-right : 10px; 
     margin-left : 10px;
}

div.footNoteHtml
{
    
}

.footNoteStyleExample {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 1rem;
    justify-content: flex-start;
    align-items: flex-start;
}

.footNoteStyleExample .eachFootNote
{
    margin-right : 1rem;
    margin-bottom : 1rem;
}

div.footNoteStyleExample div.eachFootNote span.name
{
    padding: 5px;
}

@media (max-width: 767px) {
    tr.weekName {
        display: none;
    }

    table.calendar td.eachDay {
        display: block;
        width: 100%;
        border-style: none none solid none;
    }
    table.calendar, table.calendar > tbody > tr > td {
        border-color: #ddd !important;
    }
}
