﻿.index最新消息2 .blockTitle a,
.index活動3 .blockTitle a,
.index學生成就5 .blockTitle a 
{
   background-image : url(/download/Resource/BGImage/blueTriangle01.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
   padding: 10px 20px 5px 20px;
}

.pbNews
{
  background-image : url(/download/Resource/BGImage/brush01.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.youTubeVideo
{
   background-image : url(/download/Resource/BGImage/wave01.svg), url(/download/Resource/BGImage/1816873.jpg);
   background-repeat: no-repeat, no-repeat;
    background-position: bottom left, top left;
    background-size: auto auto, cover;
}

.pbAwards
{
  background-color : beige;
}

.pbBothShortcut
{
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
.pbShortcut01
{
  flex-basis : 70%;
}
.pbShortcut02
{
  flex-basis : 30%;
}


@media (max-width: 480px) 
{
  .blockTitle h2 {
    font-size: 1.6rem;
  }
  .pbNews, .pbAwards
  {
    padding : 3em 10px; 
  }
  .youTubeVideo
  {
    padding : 3em 10px;
  }
  .pbBothShortcut
  { 
     display : block;
  }
}
@media (min-width: 481px) and (max-width: 767px) 
{
  .blockTitle h2 {
    font-size: 1.8rem;
  }
  .pbNews, .pbAwards
  {
    padding : 3em 1em;
  }
  .youTubeVideo
  {
    padding : 4em 20px;
  }
  .pbBothShortcut
  { 
     display : block;
  }
}
@media (min-width: 768px) and (max-width: 979px) 
{
  .pbNews, .pbAwards
  {
    padding : 3em 1em;
  }
  .youTubeVideo
  {
    padding : 4em 50px;
  }
  .pbBothShortcut
  { 
     display : block;
  }
}
@media (min-width: 980px) and (max-width:1199px) 
{
  .pbNews, .pbAwards
  {
    padding : 3em 1em;
  }
  .youTubeVideo
  {
    padding : 4em 100px;
  }
  .pbBothShortcut
  { 
     display : block;
  }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
  .pbNews, .pbAwards
  {
    padding : 3em 15%; 
  }
  .youTubeVideo
  {
    padding : 5em 10%;
  }

}
@media (min-width: 1920px) 
{
  .pbNews, .pbAwards
  {
    padding : 3em 15%; 
  }
  .youTubeVideo
  {
    padding : 5em 20%;
  }

}
