html, body {
    font-family: 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}
body
{
  background-image : url(/download/Resource/BGImage/background-2079405_1920.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
a {
    text-decoration : none;
    color: #000000;
}
.isNotIndexPage .mcShell
{
  padding : 0 2em;
}
.hmtHeader
{
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.hmtSchoolNameAndLogo
{
  
}

.hmtSubMenu
{
   background: linear-gradient(135deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); 
   border-radius : 5px;
}
.hmtFooter
{
  background-color: rgb(48,146,192);
  background-image: linear-gradient(to bottom, rgb(49,152,199), rgb(46,140,184));
  border-radius: 8px
}
.hmtSchoolInfo
{
  padding : 2rem;
  color : #FFFFFF;
  max-width : 1440px;
  margin : 0 auto;
}
.hmtSchoolInfo a
{
  color : #FFFFFF;
}

@media (max-width: 480px) 
{
  .isNotIndexPage .mcShell
  {
    padding : 0 0.5em;
  }

}
@media (min-width: 481px) and (max-width: 767px) 
{
  .isNotIndexPage .mcShell
  {
    padding : 0 0.7em;
  }
}
@media (min-width: 768px) and (max-width: 979px) 
{
  .isNotIndexPage .mcShell
  {
    padding : 0 1em;
  }
}
@media (min-width: 980px) and (max-width:1199px) {}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}