body {
    font-family: Microsoft JhengHei;

    background-image: url("../images/背景4.webp");
    height:  100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
 
    
}
.banner {
   margin-top: 12rem;
    background-position: center center;
    background-size: cover;
    
}
.pic{

    text-align:center;

}
.pic img{
    display: flex;
    margin: 10px auto;
    
}
.pictext{
    font-size: 70px;
    color: rgb(159, 245, 245);
    text-shadow: 3px 3px 10px #0004ff;  /*陰影___平位 垂直位 模糊度*/
    margin-top: 15px;
    margin-bottom: 15px;
}
.pictext-1{
    text-align: center;
     margin: auto;
    font-size: 30px;
    max-width: 40ch;
    
}

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% */
}