.mp學校資料12
{
   max-width : 1220px;
   margin : 0 auto;
}

.mp學校資料12 .syColumn3s
{
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.mp學校資料12 .sySchoolData
{
  flex-basis : 400px;
}
.mp學校資料12 .sySection
{
  font-size : 1.2em;
  font-weight : bold;
  padding : 0 0 0.5em 0;
}
.mp學校資料12 .syIcons
{
  flex-basis : 400px;
  font-size : 2em;
  
  display : flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
}
.mp學校資料12 .syIcons .pic
{
   height : 1em; 
}
.mp學校資料12 .syPhone
{
  padding : 5px 0;
}


@media (max-width: 480px) {
  .mp學校資料12 .syColumn3s
  {
     display : block; 
  }
  .mp學校資料12 .sySchoolData
  {
     margin : 0 0 1em 0; 
  }
  .mp學校資料12 .syIcons
  {
    justify-content: flex-start;
  }
  .mp學校資料12 .syIcons div
  {
    margin-right : 1em;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .mp學校資料12 .sySchoolData
  {
    flex-basis : 50%;
  }
  .mp學校資料12 .syIcons
  {
    flex-basis : 100%;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .mp學校資料12 .sySchoolData
  {
    flex-basis : 250px;
  }
  .mp學校資料12 .syIcons
  {
    flex-basis : calc(100% - 500px);
  }
}
@media (min-width: 980px) and (max-width:1199px) {
  .mp學校資料12 .sySchoolData
  {
    flex-basis : 300px;
  }
  .mp學校資料12 .syIcons
  {
    flex-basis : calc(100% - 600px);
  }
}
@media (min-width: 1200px) {
  .mp學校資料12 .sySchoolData
  {
    flex-basis : 30%;
  }
  .mp學校資料12 .syIcons
  {
    flex-basis : 40%;
  }
}