.index相關連結7 {
    margin: 0;
}

.index相關連結7 .blockTitle
{
    text-align : center;
}

    .index相關連結7 .shortcutList {
        border: none 0;
        margin: 0;
        padding: 1rem;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .index相關連結7 .eachShortcut {
        display: block;
        flex-basis:25%;
        margin : 0.5rem 0;
        padding : 0 1em;
    }

    .index相關連結7 .eachShortcut img
    {
        height : 2rem;
        width : 2rem;
        margin-right : 0.5rem;
        border-radius : 50%;
        border : solid 3px #a8323e;
        vertical-align: middle;
    }

    .index相關連結7 .eachShortcut .text
    {
        vertical-align: middle; 
    }

@media (max-width: 480px) 
{
    .index相關連結7 .eachShortcut {
        flex-basis:100%;
    }
}

@media (min-width: 481px) and (max-width: 767px) 
{
    .index相關連結7 .eachShortcut {
        flex-basis:50%;
    }
}

@media (min-width: 768px) and (max-width: 979px) 
{
    .index相關連結7 .eachShortcut {
        flex-basis:50%;
    }
}

@media (min-width: 980px) and (max-width:1199px) 
{
    .index相關連結7 .eachShortcut {
        flex-basis:50%;
    }
}

@media (min-width: 1200px) and (max-width:1919px) 
{
    .index相關連結7 .eachShortcut {
        flex-basis:25%;
    }
}

@media (min-width: 1920px) 
{
    .index相關連結7 .eachShortcut {
        flex-basis:25%;
    }
}