body{ margin: 0; padding: 0;} 

.forum_bg {
  background-image: url("../2025_forum_countdown/images/BG.jpg");
  background-repeat: no-repeat;
   margin: 0; padding: 0;
    background-size: cover;
}

.forum_title{
    display: none;
}

.forum_btn{ 
    width:200px;cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60px;
    background: linear-gradient(90deg, #E8C585 18.88%, #FFEFCC 54.15%, #F1D6A0 100%);
    box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 0 8px;
}
   
.forum_logo{max-width:200px;margin-top: 0px;}
.forum_container {
  width:100%;
  height:100px;
  margin: 0 auto;
  text-align: center;
}

.forum_column-1 {
  float: left;
  width: 20%;
}

.forum_column-8 {
  float: left;
  width: 55%;
}

.forum_timer{
    width:100%; margin: 0 auto; display: table;
}
.forum_bg ul{padding: 0; margin: 0;}
.forum_bg li {
        font-family: sans-serif;
    display: inline-block;
    font-size: .8em;
    list-style-type: none;

    padding: 2em 2em;
    text-transform: uppercase;
    background-image: repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
  background-size: 150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: MoveBackgroundPosition 6s ease-in-out infinite;
    letter-spacing: 1px;
    line-height: 2rem;

}

.forum_bg li span {
    display: block;
    font-size: 3rem;
    color:#ffffff;
}


.forum_btn{ width:130px;cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    background: linear-gradient(90deg, #E8C585 18.88%, #FFEFCC 54.15%, #F1D6A0 100%);
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
    padding: 0 8px;
    color: #03264c;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    margin-top: 30px;
}
@media only screen and (max-width: 1024px) {
.forum_logo{max-width:150px;margin-top: 5px;}

.forum_bg{
  background-image: url("../2025_forum_countdown/images/BG820.jpg");
  background-repeat: no-repeat;
   background-position: center center;
     margin: 0; padding: 0;
}

   
.forum_btn{ 
        width:120px;cursor: pointer;}
    

   
.forum_bg li span {
    display: block;
    font-size: 2.5rem;
    color:#ffffff;
}
.forum_bg  li {
    font-family: sans-serif;
    display: inline-block;
    font-size: .8em;
    list-style-type: none;
    padding: 1.5em .5em 0;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
}
    
.forum_container {
    width:100%!important;
    height:100px;
    margin: 0 auto;
    text-align: center;
}
}


@media only screen and (max-width: 480px) {
    .forum_bg {
  background-image: url("../2025_forum_countdown/images/BG480.jpg");
  background-repeat: no-repeat;
   background-position: top center;
}
    
.forum_title{   
    font-family: sans-serif; 
    display: block;
    font-size: 14px;
    color:#ffffff;
    padding-top:5px;
    text-align: center;}
    
.forum_logo{
    display: none;
    }
    
.forum_bg li {    
    font-family: sans-serif;
    display: inline-block;
    font-size: .7em;
    list-style-type: none;
    padding: 0em 1em;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1.2;

}

.forum_bg li span {
    display: block;
    font-size: 2rem;
    color:#ffffff;
}

.forum_logo{
    max-width:100px;margin-top: 10px; margin :0 auto;}
.forum_container {
    width:100%!important;
    height:100px;
    margin: 0 auto;
    text-align: center;
}
.forum_column-1 {
    width: 100%;
}
.forum_column-8 {
    width: 100%;
}
.forum_btn{ 
    display: none;}
}

/* 輪播容器 */
    .carousel {
      position: relative;
      width: 100%;
      height: 100px; /* 可依實際需求調整高度 */
      overflow: hidden;
    }

    .slide {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      opacity: 0;
      transition: opacity 1s ease-in-out;
    }

    .slide.active {
      opacity: 1;
    }

    /* 可選：讓底圖自動鋪滿 */
    .slide-bg {
  width: 100%;
  height: 100%;
  background-image: url('../2025_forum_countdown/images/BG_.jpg');
  background-size: cover;
  background-position: center;
}
      @media (max-width: 1024px) {
  .slide-bg {
    background-image: url('../2025_forum_countdown/images/BG820_.jpg');
  }
}
      @media (max-width: 767px) {
  .slide-bg {
    background-image: url('../2025_forum_countdown/images/BG480_.jpg');
  }
}