/* 整個內容方塊 */
.indexShortcutOnVideo13 {
    /*height : 300px;   --- if simpleBar (i.e. scroll bar) is set on the whole block, change the number.*/
}

    /* 內容方塊標題 */
    .indexShortcutOnVideo13 .blockTitle {
        text-align: center;
    }

        .indexShortcutOnVideo13 .blockTitle h2 {
        }

    /* 捷徑容器，每個捷徑都放在裡面 */
    .indexShortcutOnVideo13 .loopElementList {
        /*height : 300px;   --- if simpleBar (i.e. scroll bar) is set on the content, change the number.*/
    }

    .indexShortcutOnVideo13 .elementContainer {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        padding: var(--r-container-padding, 1em);
    }

    .indexShortcutOnVideo13 .eachShortcut {
        display: block;
    }

    .indexShortcutOnVideo13 img {
      max-width : 100%;
    }
@media (max-width: 480px) 
{
  .indexShortcutOnVideo13 .elementContainer
  {
    flex-direction: row;
    justify-content: space-around;
  }
}
@media (min-width: 481px) and (max-width: 767px) 
{
  .indexShortcutOnVideo13 .elementContainer
  {
    flex-direction: row;
    justify-content: space-around;
  }
}
@media (min-width: 768px) and (max-width: 979px) 
{
  .indexShortcutOnVideo13 .elementContainer
  {
    flex-direction: row;
    justify-content: space-around;
  }
}
@media (min-width: 980px) and (max-width:1199px) 
{
   .indexShortcutOnVideo13 img 
   {
      width : 180px;
      height : auto;
   }
}
@media (min-width: 1200px) and (max-width:1919px) 
{
   .indexShortcutOnVideo13 img 
   {
      width : 180px;
      height : auto;
   }
}
@media (min-width: 1920px) 
{
   .indexShortcutOnVideo13 img 
   {
      width : 180px;
      height : auto;
   }
}