:root {
    --r-font-color : #000000;
    --r-font-size : 16px; 
    --r-line-height : 1.5;
    --r-el-border-bottom: solid 1px #dddddd;
    --r-el-padding: 1rem;
    --r-smaller-font : 0.8em;
    --r-container-padding : 1em;
    --r-hori-gap : 2em;
    --r-heading-font-weight : 700;
    --r-heading-font-size : 1.2em;
}

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: linear-gradient(135deg, rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    /*background-image : url(/download/Resource/BGImage/newbg01.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


a {
    text-decoration : none;
    color: #000000;
}

.variableContent {
    padding: 1em 0;
}




.isNotIndexPage .mcShell {
    max-width: 1440px;
    margin: 0 auto;
}


.kfHeader
{

   padding : 1.5rem 0 1.5rem 0;
}

.kfSchoolNameAndLogo
{
   display : flex;

   flex-direction : row;
   flex-wrap : wrap;

   align-items: center;

   justify-content: center;

   margin : 0.8rem 0 0.8rem 0;
   max-width : 100%;
}

.kfSchoolLogo
{
   margin-right : 2rem;
   height : 6rem;
   width : auto;
}
.kfSchoolName
{
   height : 6rem;

   width : auto;
}



.kfSubMenu

{
   text-align : right;

}
.kfMainMenu
{

   text-align : center;
}
.kfFooter
{
   background-image: linear-gradient(to bottom, rgb(49,152,199), rgb(46,140,184));
   margin-top : 2rem;
}

.copyright
{
   text-align : center;
   font-size : small;
}

@media (max-width: 480px) 
{
   body
   {

   }
    html, body
    {
       font-size: 12px;
       line-height: 16px;
    }

   .kfSchoolLogo
   {
      margin-right : 1rem;
      height : 4rem;
   }
   .kfSchoolName
   {
      height : 4rem;
   }
}
@media (min-width: 481px) and (max-width: 767px) 
{
    body
   {

   }

   .kfSchoolLogo
   {
      margin-right : 1rem;
      height : 4.8rem;
      width : auto;
   }
   .kfSchoolName
   {
      height : 4.8rem;
   }
}
@media (min-width: 768px) and (max-width: 979px) 
{
   body
   {

   }
}
@media (min-width: 980px) and (max-width:1199px) 
{
   body
   {

   }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
   body
   {

   }

   .kfHeader
   {
      position : relative;
   }
   .kfSubMenu
   {
      position : absolute;
      top : 0;
      right : 0;
   }
}
@media (min-width: 1920px) 
{
   body
   {

   }

   .kfHeader
   {
      position : relative;
   }
   .kfSubMenu
   {
      position : absolute;
      top : 1rem;
      right : 1rem;
   }
}