﻿/* 整個內容方塊 */
.index捷徑列24 {
    /*height : 300px;   --- if simpleBar (i.e. scroll bar) is set on the whole block, change the number.*/
}
    /* 內容方塊標題 */
    .index捷徑列24 .blockTitle {
        text-align: center;
    }
        .index捷徑列24 .blockTitle h2 {
        }
    /* 捷徑容器，每個捷徑都放在裡面 */
    .index捷徑列24 .loopElementList {
        /*height : 300px;   --- if simpleBar (i.e. scroll bar) is set on the content, change the number.*/
    }
    .index捷徑列24 .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);
    }
    .index捷徑列24 .eachShortcut {
        display: block;
    }
    .index捷徑列24 img {
    }
@media (max-width: 480px) 
{
  .index捷徑列24 .elementContainer {
     display: flex;
     flex-direction: row;
  }
  .index捷徑列24 .eachShortcut {
     margin : 5px;
  }
  .index捷徑列24 img 
  {
     max-height : 40px;
  }
}
@media (min-width: 481px) and (max-width: 767px) 
{
  .index捷徑列24 .elementContainer {
     display: flex;
     flex-direction: row;
  }
  .index捷徑列24 .eachShortcut {
     margin : 5px;
  }
  .index捷徑列24 img 
  {
     max-height : 40px;
  }
}
@media (min-width: 768px) and (max-width: 979px) 
{
  .index捷徑列24 img 
  {
     max-height : 45px;
  }
}
@media (min-width: 980px) and (max-width:1199px) 
{
  .index捷徑列24 img 
  {
     max-height : 50px;
  }
}
@media (min-width: 1200px) and (max-width:1919px) {}
@media (min-width: 1920px) {}
