.upcoming-events  .title_bb,#block_latest-activities .title_bb{
     
      opacity: 0;
      transform: translateY(80px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

 .upcoming-events .title_bb.fade-up,  #block_latest-activities .title_bb.fade-up {
      opacity: 1;
      transform: translateY(0);
    }

  /***awards****/

 #awards_fade_up{
   
      opacity: 0;
      transform: translateY(80px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

 #awards_fade_up.fade-up {
      opacity: 1;
      transform: translateY(0);
    }



#awards_more {
  opacity: 0;
transform: translateY(80px);
  transition: all 0.8s ease;
}





    @keyframes fadeUp {
      from {
        transform: translateY(20px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }




/* zoom-in 動畫 */
@keyframes zoom-in {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.zoom-in {
  animation: zoom-in 0.8s ease forwards;
}
  /***awards****/


  /***activities****/


  .zoom-out-up {
    animation: zoom-out-up 0.8s ease-out both;
  }

  @keyframes zoom-out-up {
    0% {
      opacity: 0;
      transform: scale(0.5) translateY(0px);
    }
    100% {
      opacity: 1;
      transform: scale(1) translateY(0px);
    }
  }

  /* 確保動畫結束後恢復 */
  .no-effect {
    opacity: 1;
    transform: scale(1) translateY(0);
    animation: none;
  }

  /***activities****/

  /***links****/

    #link_effect {
   
    }

    .circle {

      opacity: 0; /* 初始為隱藏 */
      transform: translateY(0px); /* 初始向下偏移 */
      transition: opacity 1s ease, transform 1s ease;
    }
  /***links****/