﻿/* 整個內容方塊 */
.index獲獎項目23 {
    /*height : 300px;   --- if simpleBar (i.e. scroll bar) is set on the whole block, change the number.*/
}
    /* 內容方塊標題 */
    .index獲獎項目23 .blockTitle {
      border-bottom: solid 2px #a9a1ca;
    }
    .index獲獎項目23 .blockTitle img {
      max-width : 60%;
    }
        /* 內容方塊標題超連結 */
        .index獲獎項目23 .blockTitle a {
        }
.index獲獎項目23 .more
{
   text-align : right;
   padding : 1em;
   font-weight : bold;
}
    /* 比賽容器，每個比賽都放在裡面 */
    .index獲獎項目23 .loopElementList {
        height : 750px;   /*--- if simpleBar (i.e. scroll bar) is set on the content, change the number.*/
    }
/*單一比賽*/
    .index獲獎項目23 .eachCompetition {
        border-bottom: solid 1px #dddddd;
        padding: 1rem;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .index獲獎項目23 .hasPic .thumbList {
        flex-grow: 0;
        flex-shrink: 0;
    }
    .index獲獎項目23 .noPic .thumbList {
        display: none;
    }
    /*圖片*/
    .index獲獎項目23 .themePic {
        max-width: 100%;
        height: auto;
        border: solid 1px #66119e;
        box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
        border-radius : 5px;
    }
    /*右方*/
    .index獲獎項目23 .right {
        flex-grow : 1;
        flex-shrink : 1;
        padding-left : 2rem;
    }
    /*日期*/
    .index獲獎項目23 .date {
        font-size: 0.8rem;
        margin-bottom : 1rem;
    }
    /*標題*/
    .index獲獎項目23 .heading {
        font-weight : 700;
    }
@media (max-width: 480px) {
    /* 只顯示頭 5 個比賽 */
    .index獲獎項目23 .eachCompetition {
        display: none;
    }
        .index獲獎項目23 .eachCompetition:nth-child(-n+5) {
            display: block;
        }
    .index獲獎項目23 .right {
        padding-left: 0;
    }
}
@media (min-width: 481px) and (max-width: 767px) {
    /* 只顯示頭 6 個比賽 */
    .index獲獎項目23 .eachCompetition {
        display: none;
    }
    .index獲獎項目23 .eachCompetition:nth-child(-n+6) {
        display: flex;
    }
    .index獲獎項目23 .hasPic .thumbList {
        flex-basis: 45%;
        max-width: 200px;
    }
    .index獲獎項目23 .hasPic .right {
        flex-basis: 55%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    /* 只顯示頭 6 個比賽 */
    .index獲獎項目23 .eachCompetition {
        display: none;
    }
    .index獲獎項目23 .eachCompetition:nth-child(-n+6) {
        display: block;
    }
    .index獲獎項目23 .hasPic .thumbList {
        max-width: 90%;
    }
    .index獲獎項目23 .hasPic .right {
    }
}
@media (min-width: 980px) and (max-width:1199px) {
    /* 只顯示頭 8 個比賽 */
    .index獲獎項目23 .eachCompetition {
        display: none;
    }
    .index獲獎項目23 .eachCompetition:nth-child(-n+8) {
        display: flex;
    }
    .index獲獎項目23 .hasPic .thumbList {
        flex-basis: 50%;
        max-width: 300px;
    }
    .index獲獎項目23 .hasPic .right {
        flex-basis: 50%;
    }
}
@media (min-width: 1200px) and (max-width:1919px) {
    .index獲獎項目23 .hasPic .thumbList {
        flex-basis: 40%;
        max-width: 400px;
    }
    .index獲獎項目23 .hasPic .right {
        flex-basis: 60%;
    }
}
@media (min-width: 1920px) {
    .index獲獎項目23 .hasPic .thumbList {
        flex-basis: 30%;
        max-width: 400px;
    }
    .index獲獎項目23 .hasPic .right {
        flex-basis: 70%;
    }
}
