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-color: #ededf0;
    background: linear-gradient(#ffffff, #c4f1ff);
}
a {
    text-decoration : none;
    color: #000000;
}
.headerWrapper{
  background: linear-gradient(200deg, rgba(249, 229, 216, 1) 0%, rgba(248, 240, 209, 1) 50%, rgba(153, 178, 221, 1) 100%);
}
.sjaHeader
{
   display : flex;
   flex-direction : row;
   flex-wrap : nowrap;
   align-items: center;
   justify-content: flex-start;
   #background-color: #FFF;
   padding: 0 10px;
   background-image: url(/download/Resource/fileDoc/70An20241113/School-bg4.png);
   background-repeat: no-repeat;
   background-position: right center;
   background-size: auto;
}
.sjaLogo
{
    width : 90px;
    height : auto;
    padding-top: 20px;
}
.sjaSchoolName
{
    margin-left : 10px;
    color: #393939;
    position: relative;
}

.sjaSchoolNameEnglish
{

    font-family: 'Libre Baskerville', serif;
}
.sjaMainMenu
{
    margin-bottom : 5px;
    padding: 0 10px;
    #background-color: #fff;
}
.sjaFooter
{
}
.mp副導覽列6
{
    #position : absolute !important;
    #top : 1rem;
    #right : 1rem;
    #background: linear-gradient(to right, #4abb2a, #ffffff, #31bcff);
  	background-color:transparent !important;
}
.sjalogo70 {
    width: 125px;
    margin-top: 22px;
    position: absolute;
    right: 10px;
}
@media (max-width: 480px) 
{

   .sjaLogo
   {
       width : 90px !important;
       padding-top: 20px;
   }
   .sjaSchoolName h1
   {

      font-size : 1rem;
   }
  .sjalogo70 {
    width: 110px;
    margin-top: 22px;
    position: relative;
    right: 10px;
    left: 10px;
    bottom: 5px;
	}

   .sjaHeader
   {
      background-image: url(/download/Resource/fileDoc/70An20241113/School-bg5.png);
      background-repeat: no-repeat;
      background-position: right center;
      background-size: auto;
   }
   .mp副導覽列6
   {
      position : static;
   }
}
@media (min-width: 481px) and (max-width: 767px) 
{
   .sjaLogo
   {
       width : 80px !important;
       padding-top: 20px;
   }
   .sjaSchoolName h1
   {
      font-size : 1.2rem;
   }
   .mp副導覽列6
   {
      position : static;
   }
   .sjaHeader
   {
     background-image: url(/download/Resource/fileDoc/70An20241113/School-bg5.png);
     background-repeat: no-repeat;
     background-position: right center;
     background-size: auto;
   }
}
@media (min-width: 768px) and (max-width: 979px) 
{
   .sjaLogo
   {
       width : 80px !important;
       padding-top: 20px;
   }
   .sjaSchoolName h1
   {
      font-size : 1.4rem;
   }
   /*.sjaHeader
   {
   background-size: 55%;
   }*/
}
@media (min-width: 980px) and (max-width:1199px) 
{
   .sjaLogo
   {
       width : 80px !important;
       padding-top: 20px;
   }
   .sjaSchoolName h1
   {
      font-size : 1.6rem;
   }
  /*.sjaHeader
   {
   background-size: 45%;
   }*/
}
@media (min-width: 1200px) and (max-width:1360px) {
   /*.sjaHeader
   {
   background-size: 40%;
   }*/
}
@media (min-width: 1361px) and (max-width:1795px) {
   /*.sjaHeader
   {
   background-size: 40%;
   }*/
}
@media (min-width: 1796px) 
{
  /*.sjaHeader
   {
   background-size: 25%;
   }*/
}