.sjaRow01
{
   display : flex;
   flex-direction : row;
   flex-wrap : nowrap;
   justify-content: space-between;
   align-items: stretch;
   margin-bottom : 30px;
   margin-top : 30px;
   margin-left: auto;
   margin-right: auto;
   width: 80%;
}
h2 { font-size: 25px;}
.index學校焦點9, .index學校通告11, .index學校焦點14, .index學校閱讀20
{
   flex-basis : 32.5%;
   border-bottom: solid 2px #258B00;
-webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   padding: 10px;
   background-color: #fff;
}
.index校園萬花筒16 {
    --title-font-color: #8b0c0c;
    --title-font-size: 2em;
    --block-width: 24%;
    #--block-min-width: 350px;
    --subTitle-font-size: 1em;
    --subTitle-font-color: #0d3463;
    --text-font-size: 0.9em;
    margin: 1em auto !important;
    width: 80%;
}
.index校園影片10 {
    background-color: #fff;
    margin: 0 10px;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border-bottom: solid 2px #258B00;
}
@media (max-width: 480px) {}
@media (min-width: 481px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 979px) {}
@media (min-width: 980px) and (max-width:1199px) {}
@media (max-width: 1024px){
.sjaRow01
{
   display : flex;
   flex-direction : row;
   flex-wrap : nowrap;
   justify-content: space-between;
   align-items: stretch;
   margin-bottom : 30px;
   margin-top : 30px;
   margin-left: auto;
   margin-right: auto;
   width: 98%;
}
.index學校焦點9, .index學校通告11, .index學校焦點14, .index學校閱讀20
{
   flex-basis : 33%;
   border-bottom: solid 2px #258B00;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   padding: 10px;
   background-color: #fff;
}
.index校園萬花筒16 {
    --title-font-color: #8b0c0c;
    --title-font-size: 2em;
    --block-width: 32%;
    #--block-min-width: 350px;
    --subTitle-font-size: 1em;
    --subTitle-font-color: #0d3463;
    --text-font-size: 0.9em;
    margin: 1em auto !important;
    width: 98%;
}
}
@media (max-width: 900px){
.sjaRow01
{
   display : flex;
   flex-direction : row;
   flex-wrap : wrap;
   justify-content: space-between;
   align-items: stretch;
   margin-bottom : 30px;
   margin-top : 30px;
   margin-left: auto;
   margin-right: auto;
   width: 98%;
}
.index學校焦點9, .index學校通告11, .index學校焦點14, .index學校閱讀20
{
   flex-basis : 98%;
   border-bottom: solid 2px #258B00;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   padding: 10px;
   margin: 0 auto 10px;
   background-color: #fff;
}
.index校園萬花筒16 {
    --title-font-color: #8b0c0c;
    --title-font-size: 2em;
    --block-width: 49%;
    #--block-min-width: 350px;
    --subTitle-font-size: 1em;
    --subTitle-font-color: #0d3463;
    --text-font-size: 0.9em;
    margin: 1em auto !important;
    width: 96%;
}
.index學校閱讀18 {min-height: 660px; overflow: auto;}
}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}