body {
    font-family: Microsoft JhengHei;
    background-color: #a4cbff46 ;
}
#banner {
 
    background-position: center center;
    background-size: cover;
    height: 60px;
    margin-top: 3.5rem;
}

.dropdown-menu{
   
    background-color: #88e7ff; /* 綠色 */
    color: white;
}
.dropdown-item:hover {
    background-color: #f7f7f7; /* 滑鼠懸停時的顏色 */
    color: rgb(0, 0, 0);
}
.card-title {
    color: #a845ff;
    font-weight: bold;
    /* font-size: 50px; */

    flex-wrap: wrap; 
    text-align: center;
    margin: 10px 10px 10px 10px;

}

.href{
     text-decoration: none; /*移除超連結底線*/
     color: #3a72ecd2;
    margin: 10px 10px 10px 10px;
    }

.card-text{
    color: #070808;
    font-size: 30px;
    width: 600px; /* 自動換行*/
    
    
}
.row{
    text-align:left;
    width: 700px;
    height:  500px;
}
.flex-row{
    display: flex;
    flex-wrap: wrap;   /* 自動換行*/
    gap: 3px;
       text-align:center;
}


.col{
    display: inline block;  /* 同行並排*/
    margin: 5px;  /* 四個方向間距*/
    padding: 2px; /* 內間距*/
}

.picture{
    width: 600px;
    height: 500px;
    border:solid 6px rgba(165, 112, 112, 0.473);
    margin:  5px 5px 5px 5px; 
    padding: 15px; /* 內間距*/
    background-color: #5d9bec4f;
    
    text-align:center;
}



footer{
    background: linear-gradient(#3869dd1c, #86d3f157,  #79ebd27e); /*背景漸成*/
   /* color: black;*/ 
    height: 60px;  /*區塊高度*/
    font-size: 20px; /*字體大小*/
    display: flex; 
    justify-content: center;
    align-items: center;
    /*position: fixed;*/ 
    /*bottom: 0;         */     /* 固定在視窗底部 */
    /*width: 100%; */          /* 寬度設為100% */
}





/*.card img{
    width: 500px;
    height:  350px;
    margin: auto; 圖片置中*/
    
/*圖片大小*/ 
 /*.card{
    width: 800px;
    height:  200px;
}圖片框背景*/