/* 整個內容方塊 */
.index學校連結5 {
    
    margin: 0;
}

    /* 內容方塊標題文字 (h2) */
    .index學校連結5 .blockTitle {
    }

.index學校連結5 .shortcutList
{
    border : none 0;
    margin : 0;
    padding : 1rem;

    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : flex-start;
    align-items : flex-start;
}

.index學校連結5 .eachShortcut {
    display : block;
    position : relative;
    border-radius : 3px;
    overflow : hidden;
    width : 200px;
    height : 100px;
    margin-right : 1px;
}

.index學校連結5 .child
{
    width : 100%;
    height : 100%;
    background-position: center;
    background-size: cover;
    transition: all .5s;
}

.index學校連結5 .eachShortcut:hover .child,
.index學校連結5 .eachShortcut:focus .child {
  transform: scale(1.2);
}

.index學校連結5 .child::before {
  content: "";
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color : rgba(52, 73, 94, 0.2);
}

.index學校連結5 .eachShortcut:hover .child:before,
.index學校連結5 .eachShortcut:focus .child:before {
  display: block;
}

.index學校連結5 .heading
{
    opacity : 1;
    position : absolute;
    color : #ffffff;
    text-shadow: 0 0 3px #808080;
    font-weight : 700;
    font-size : 1rem;

    left : 0.5rem;
    bottom : 0.5rem;

    
    transition: all .5s;
}
.index學校連結5 .eachShortcut:hover .heading
{
    opacity : 1;
text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-weight : 900;
    font-size : 1.2rem;
}