/*登記活動*/
@media screen and (min-width: 768px) {
  .Area_register-activity .Area_danji .danji_box { width: 97%;margin-bottom: 17px;}
  }
  @media screen and (max-width: 767px) {
  .Area_register-activity .Area_danji .danji_box { width: 100%;margin-bottom: 0.5em;}
  }
  
  
  /*今日限定*/
  @media screen and (min-width: 768px) {
  .PD_layout.layout_PD01{width:96%;}
  }
  @media screen and (max-width: 767px) {
    .PD_layout.layout_PD01{width:100%;}
    }
  
  
  
  
    /*版頭區塊*/
    @media screen and (min-width:768px){
      .Area_top {height: 1100px;}
    }
      @media screen and (max-width:767px){
      .Area_top {height: 112vw;}
      }
  
  
  
  
  .main-img { z-index: 5; position:absolute; overflow: hidden;}
  .main-img .PD_layout .PD a { pointer-events: none; }
  .main-img .PD_layout ul{ display: flex ; flex-wrap: nowrap;  }
  .main-img .swiper-pagination-bullet-active{ background-color: #6fbbf3; }
  .main-img .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 12vw;
      left: -3vw;
      width: 17%;
      @media screen and (min-width: 768px){
            bottom: 120px;
      left: -55px;
      width: 17%;
      }
    }
  @media screen and (min-width: 768px){
    .main-img {
          top: 0px;
          left: 130px;
          width: 79%;
          }
    .main-img .PD_layout ul li:nth-child(1):after{ content: ""; position: absolute; bottom: 15px; right: 347px; width: 45px; height: 57px; z-index: 30; background: url(cs_finger.png?t=1790215912069) no-repeat scroll center / 100%; animation: moveFade 1.5s infinite reverse;rotate: -4deg;}
    .main-img .PD_layout ul li:nth-child(2):after{ content: ""; position: absolute; bottom: 15px;right: 352px; width: 45px; height: 57px; z-index: 30; background: url(cs_finger2.png?t=1790215912069) no-repeat scroll center / 100%; animation: moveFade 1.5s  infinite ;rotate: -8deg;}
  }
  @media screen and (max-width:767px){
    .main-img {top: 0vw;left: 0vw;width: 100%;}
    .main-img .PD_layout ul li:nth-child(1):after{ content: ""; position: absolute; bottom:0.5vw; right:36vw; width: 5vw; height: 7vw; z-index: 30; background: url(cs_finger.png?t=1790215912069) no-repeat scroll center / 100%; animation: moveFade2 1.5s  infinite reverse;rotate: -2deg;}
    .main-img .PD_layout ul li:nth-child(2):after{ content: ""; position: absolute; bottom: 0.5vw; right:35vw; width: 5vw; height: 7vw; z-index: 30; background: url(cs_finger2.png?t=1790215912069) no-repeat scroll center / 100%; animation: moveFade2 1.5s  infinite ;rotate: -10deg;}
  }
  
  @keyframes moveFade {
    0% {
      transform: translate(0, 0);
      opacity: 1;
    }
    50% {
      transform: translate(16px, 0);
      opacity: 0; /* 右移時淡出 */
    }
    75% {
      transform: translate(0, 0);
      opacity: 0; /* 左移保持透明 */
    }
    100% {
      transform: translate(0, 0);
      opacity: 1; /* 回到起點再顯示 */
    }
  }
  @keyframes moveFade2 {
    0% {
      transform: translate(0, 0);
      opacity: 1;
    }
    50% {
      transform: translate(2vw, 0);
      opacity: 0; /* 右移時淡出 */
    }
    75% {
      transform: translate(0, 0);
      opacity: 0; /* 左移保持透明 */
    }
    100% {
      transform: translate(0, 0);
      opacity: 1; /* 回到起點再顯示 */
    }
  }