/* ==================================================================================== */
.gridOfIndexPage {
    display: grid;
    column-gap: 2rem;
    row-gap: 3rem;
    padding: 2em 0;
}

.gAct {
    grid-area: gAct;
}
.gNews {
    grid-area: gNews;
}
.gCompet {
    grid-area: gCompet;
}
.gShortcut {
    grid-area: gShortcut;
}
.gPicPlayer {
    grid-area: gPicPlayer;
}

.index網上相集12 .blockTitle a, .index最新消息13 .blockTitle a, .index學生成就14 .blockTitle a
{
  font-size : 1.7rem;
  color : rgb(136,41,162);
}

.index網上相集12 .more, .index最新消息13 .more, .index學生成就14 .more
{
   text-align : right;  
}



@media (max-width: 767px) {
    .gridOfIndexPage {
        display: block;
    }

        .gridOfIndexPage > .gridCell {
            margin-bottom: 3rem;
        }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .gridOfIndexPage {
        grid-template-columns: 50% 1fr;
        grid-auto-rows: auto;
        grid-template-areas:
            "gPicPlayer gPicPlayer"
            "gNews gAct"
            "gCompet gShortcut";
    }
}

@media (min-width: 1200px) {
    .gridOfIndexPage {
        grid-template-columns: 35% 1fr 1fr 250px;
        grid-auto-rows: auto;
        grid-template-areas:
            "gPicPlayer gPicPlayer gPicPlayer gShortcut"
            "gAct gNews gCompet gShortcut"; 
    }
}


/* ==================================================================================== */