#mainContainer {
}

.index-image {
 height: 75%; /* You must set a specified height */
 background-position: center; /* Center the image */
 background-repeat: no-repeat; /* Do not repeat the image */
 background-size: cover; /* Resize the background image to cover the entire container */
}

li {
 margin-left:1.5em;
}

hr {
 margin : 0.8em 0;
}

.historyDiv {
 width: 98%;
 max-width:1070px;
 margin-top:1em;
 margin-bottom:0.8em;
}

#historyDiv {

}

.historyTitle {
 text-align : center;
 font-weight:bold;
 font-size:130%;
}

.historyP{
 font-size:105%;
 margin-top:0.7em;
 line-height: 125%;
}

img {
 max-width:98%;
}
.countdownDiv {
 position: relative;
 margin-top: 2em;
 margin-left: auto;
 margin-right: auto;
 width: max-content;
}


#sysNotice
{
 position: absolute;
 display:none;
 width:100%;
 height:100%;
 opacity:1.0;
 background-color: #bbbbbb;
 z-index: 4;
}

.noticeDiv
{
 position:relative;
 max-width:640px;
 border:1px solid #000000;
 margin-left:auto;
 margin-right:auto;
 margin-top:4%;
 background-color: #eeeeee;
 margin-left:0.3em;
 margin-right:0.3em;
 padding-left:0.5em;
 padding-right:0.5em;
 padding-top:0.5em;
 opacity:1.0;
 font: normal 1.2em "Times New Roman",serif;
}

#noticeCloseBtn
{
 font:inherit;
 padding-left:2em;
 padding-right:2em;
 border-radius:0.75em;
 font-weight:bold;
}

.noticeTitle
{
 font:inherit;
 position:relative;
 font-size: 150%;
 text-align: center;
 font-weight:bold;
}

.notice {
 font:inherit;
 padding-top:0.5em;
}

.yearSelector {
 width:max-content;
 border: none;
 text-align: center;
 margin-top:0.5em;
 font-size: 110%;
 margin-left:auto;
 margin-right:auto;
}

.yrForm {
 margin-left: auto;
 margin-right: auto;
}

.infoContainer {
 max-width: 500px;
 margin: 1em 0.5em 0em 0.5em;
}