.vktc2-row01
{
   display : flex;
   flex-direction : row;
   flex-wrap : nowrap;
   justify-content: space-between;
   align-items: stretch;
   margin-bottom : 30px;
   margin-top : 30px;
}

.vktc2-row02
{
   border-bottom : solid 2px #8B0000;
   padding : 0 0 2rem 0;
}
.index最新消息1, .index學校通告3, .index比賽獎項4
{
   flex-basis : 30%;
   border-bottom : solid 2px #8B0000;
}
@media (max-width: 480px) 
{
   .vktc2-row01
   {
      display : block;
   }
   .index最新消息1, .index學校通告3, .index比賽獎項4
   {
      margin-bottom : 30px;
   }
}
@media (min-width: 481px) and (max-width: 767px)
{
   .vktc2-row01
   {
display : block;
   }
   .index最新消息1, .index學校通告3, .index比賽獎項4
   {
      margin-bottom : 30px;
   }
}
@media (min-width: 768px) and (max-width: 979px) 
{
   .vktc2-row01
{
      flex-wrap : wrap;
      align-items: stretch;
   }
   .index最新消息1
{
      flex-basis : 100%;
      margin-bottom : 30px;
   }

   .index學校通告3
   {
      flex-basis : 45%;
   }

   .index比賽獎項4
   {
      flex-basis : 45%;
   }
}
@media (min-width: 980px) and (max-width:1199px) {}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}