body {
    font-family: Microsoft JhengHei;
     background-image: url("../images/背景1.webp");
     height: 100%;
       background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#banner {

    background-position: center center;
    background-size: cover;

    margin-top: 1.5rem;
}
.happy{
    width: 320px;
    height: 590px;
    margin: 10px auto;
    border:solid 2px rgb(27, 27, 27);
    overflow: hidden; /* 避免長方框下面顯示不正常 */
  
  }
  .bdcard{
    width: 415px;
    float:left; /* 圖片在左邊 */
    padding: 10px;

  }
  .bdcard img{
    display: block;
    float:center;
    width:275px;
    height: 330px;
  }
  .coltext{
    float: right;  /* 文字在右邊 */
    width: 310px;
    font-size: 20px;
    padding: 5px 0px 0px 5px;
    
  
  }
.carousel {
  width: 400px;
  height: 500px;
  margin:100px auto;
  overflow: hidden;
  
}
.carousel-item{    /* 輪播框大小*/
  position: relative;
  width: 400px;
  height:  500px;

}
  .carousel-item img{
    width: 400px;
    height: 600px;
    position: relative;
    display: block;
  } 

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