:root {
  --base-font-size : 16px;
  --grid-column-gap : 5vw;
  --lowerpart-padding : 5vw;
  --lowerpart-width : calc(100vw - (var(--lowerpart-padding) * 2));
}
html, body {
    font-family: 'Roboto Condensed', '微軟正黑體', 'Microsoft JhengHei', 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
    font-size: var(--base-font-size);
    color: #000000;
    line-height: 1.5;
}
a {
    text-decoration : none;
    color: #000000;
}
body
{
  background-image : linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), url(/download/Resource/BGImage/purpleCould.jpg);
  background-repeat: no-repeat no-repeat;
  background-size: cover, cover;
  background-attachment: fixed, fixed;
}
.isNotIndexPage .mcShell
{
  background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%);
}
.isNotIndexPage .variableContent
{
   padding : 1em 1em; 
}
.ktHeader
{
  display : flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position : relative;
} 
.ktMainMenu
{
    background-color: rgb(148,48,192);
    background-image: linear-gradient(to bottom, rgb(154,49,199), rgb(142,46,184));
}
.ktMainMenu > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.ktSubmenu
{
   position: absolute;
   right: 10px;
   bottom: 0;
   background-color: blueviolet;
   padding: 5px 10px;
   transform: skewX(-10deg);
   border-radius: 5px;
}
.ktFooter
{
  padding : 2em 2em;
  margin : 5em 0 0 0;
  background: linear-gradient(135deg, rgba(201,128,184,1) 0%,rgba(178,80,176,1) 48%,rgba(192,113,196,1) 51%,rgba(221,102,181,1) 100%);
}
.mp學校資料3
{
  margin : 0 auto;
  max-width : 1200px;
}
@media (max-width: 480px) {
  .ktHeader
  {
    display : block; 
    padding-bottom : 1.6em;
  }
}
@media (min-width: 481px) and (max-width: 767px) 
{
   .ktHeader
   {
      padding-bottom: 1.2em;
   }
}
@media (min-width: 768px) and (max-width: 979px) {}
@media (min-width: 980px) and (max-width:1199px) {}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}