/* 整個內容方塊 */
.index捷徑列4 {
    --title-align: left;
    overflow: hidden;
}

    /* 內容方塊標題 */
    .index捷徑列4 .blockTitle {
        text-align: var(--r-index-block-title-align, --title-align);
    }

        .index捷徑列4 .blockTitle h2 {
        }

    .index捷徑列4 .shortcutList {
        float: right;
        width: 100%;
    }

        .index捷徑列4 ul {
            list-style: none;
            margin: 0 0 0 0;
            padding: 0;
        }

        .index捷徑列4 li {
            margin: 0px auto;
            padding: 0px;
        }

        .index捷徑列4 ul li {
            float: right;
            width: 9.5%; /*每行最多10個*/
            margin: 0 0 0 0;
        }



        .index捷徑列4 img {
            width: 100%;
            transition: all 0.3s ease-in-out;
            opacity: 1;
        }

        .index捷徑列4 ul li:nth-child(11) { /* 第二行 */
            clear: both;
            margin-top: -1.5%;
            margin-right: 4.65%;
        }

        .index捷徑列4 ul li:nth-child(12) {
            clear: none;
        }

        .index捷徑列4 ul li + li + li + li + li + li + li + li + li + li + li + li {
            margin-top: -1.5%;
        }

@media (max-width: 480px) {
    .index捷徑列4 ul li {
        float: right;
        width: 30%;
        margin: 0 5px 0 5px;
    }

        .index捷徑列4 ul li:nth-child(11) {
            clear: none;
            margin-top: 0;
            margin-right: 0;
        }

        .index捷徑列4 ul li:nth-child(12) {
            clear: none;
        }

        .index捷徑列4 ul li + li + li + li + li + li + li + li + li + li + li + li {
            margin-top: 0;
        }
  .index捷徑列4 ul li:nth-child(4)
  {
    margin : 0 10% 0 19%;
  }
}

@media (min-width: 1920px) {
    .index捷徑列4 {
        float: right;
        width: 70%;
    }
}