#blockBlock{
    background: rgb(253, 253, 253);
    padding: 10px 0;
    font-family: "微軟正黑體", 'Open Sans', sans-serif;
}

/* blog大標 */
#blockBlock .container h1:after {
    border-color: rgba(247, 248, 248, 0);
    border-top-color: rgb(253, 253, 253);
    border-width: 20px;
    margin-left: -20px;
}
#blockBlock .container h1 {
    margin-bottom: 50px;
}
/* 標題 */
#blockBlock section header{
    margin-bottom:10px;
}
#blockBlock section header a
{
    font-size:18px;
    font-weight:bold;
    color:  rgb(89, 87, 87);
}
#blockBlock section header a:hover
{
    color: #004998;
}

/* 內容 */
/* .section-title{
    font-family: "微軟正黑體", 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 36px;
} */
#blockBlock  section p
{
    font-size:15px;
    
}
#blockBlock .row{
    display: flex;
    flex-wrap: wrap;
}
#blockBlock section{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    width:50%;
}
@media screen and (max-width:1200px){
    #blockBlock section{
        margin-bottom: 20px;
        width: 100%;
       
    }
}
@media screen and (max-width:767px){
    #blockBlock section{
        display: flex;
        flex-direction:column;
    }
}

/* 列表圖片 */
#blockBlock .listPic
{   object-fit: contain;
  padding: 0;
}


 /* 列表頁圖片 */

#blockBlock .pic img{
    object-fit: contain;
    width: 180px;
    height:108px; 
}
@media screen and (max-width:767px){
    #blockBlock .pic img{
        object-fit: contain;
        width: 100%;
        height:200px; 
    }
}

 /* 列表頁文字 */

 #blockBlock .txt{
padding: 10px;
}
@media screen and (max-width:1200px){
    #blockBlock .txt{
        padding: 5px 10px 5px 0;
        }
}

@media screen and (max-width:767px){
    #blockBlock .txt{
        width: 70%;
        margin: 0 auto;
        text-align: center;
        }
}
@media screen and (max-width:420px){
    #blockBlock .txt{
        width: 90%;
        }
}