#my選單 , #myfoot{
        background-color: #0052cc!important;
        color: #000000 !important;
    }
 
 
    body {

    background-image: none; /* 移除背景圖片 */
    background-color: #ffffff; /* 設定新的背景顏色 */
      /* background: url("img/bk2.jpg") no-repeat center center fixed; */
      /* background:none; */
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .btn-color {
      color: #ffffff ; /* 文字顏色 */
      /*  background-color: var(--bs-secondary); /* 背景顏色 */
        background-color: #9a8a71!important;
    }

   

    .full-background {
      background-size: cover;
      background-position: center;
      width: 100%; /* 確保背景圖片滿版 */ 
    }
    .container, .jumbotron, footer {
      padding: 20px;
    }
    .animate-text {
      /* opacity: 0; */
      transform: translateY(20px);
      transition: opacity 1s, transform 1s;
    }

    /* 動畫 */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    .fadeInUp {
      animation-name: fadeInUp;
      animation-duration: 1s;
      animation-fill-mode: forwards; /* 動畫完成後保持最後一幀的狀態 */
    }

    .full-background {
        background-size: cover;
        background-position: center;
        background-attachment: fixed; /* 新增這行來固定背景圖片 */
        width: 100%;
    }

    /* 背景圖片 */
    #jumbotron {
      background: linear-gradient(135deg, #0066FF 0%, #0099FF 100%);
   
      background-image: url('img/1.jpg');
    }
    #section1 {
      background-image: url('img/2.jpg');
    } 
    #section2 {
      color: rgb(255,255,255);
      background-image: url('img/3.png');
    }  
    #section3 {
      background-image: url('img/4.jpg'); 
    }  
    #section4 {
      background-color: rgb(255,255,255);
    }  
    .custom-img {
        width: 150px; /* 或您希望的任何固定寬度 */
        height: auto;
    }
    .card-body{
      color: black;
    }