img {
    max-width: 100%;
  }
  
  .relative {
    position: relative;
  }
  
  .影片背景 {
    position: relative;
    z-index: 2;
  }
  
  .video1 {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    z-index: 1;
    display: block;
  }
  
  .video2 {
    width: 100%;
    display: block;
  }
  
  .video10 {
    width: 100%;
    display: block;
  }
  
  .共用1 {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    z-index: 5;
  }
  
  .共用2 {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    z-index: 2;
  }


@media (min-width: 768px) {
  .editor h1 {
    animation-delay: 1s;
    animation-duration: 1.8s;
  }

  .editor hr {
    animation-delay: 2.2s;
    animation-duration: 1.6s;
  }

  .editor p {
    animation-delay: 3.2s;
    animation-duration: 1.6s;
  }

  .editor li:nth-child(1) {
    animation-delay: 4.4s;
    animation-duration: 1.4s;
  }

  .editor li:nth-child(2) {
    animation-delay: 5s;
    animation-duration: 1.4s;
  }

  .editor li:nth-child(3) {
    animation-delay: 5.6s;
    animation-duration: 1.4s;
  }

  .editor li:nth-child(4) {
    animation-delay: 6.2s;
    animation-duration: 1.4s;
  }

  .editor li:nth-child(5) {
    animation-delay: 6.8s;
    animation-duration: 1.4s;
  }
}

/* editor 區塊動畫樣式 */
.editor h1,
.editor hr,
.editor p,
.editor li {
  opacity: 0;
  animation-fill-mode: both;
}

/* 單獨設定每個元素的動畫與延遲 */
.editor h1 {
  animation: fadeInDownAdam 0.8s ease forwards;
  animation-delay: 0.3s;
}
.editor hr {
  animation: fadeInAdam 0.8s ease forwards;
  animation-delay: 0.6s;
}
.editor p {
  animation: fadeInUpAdam 0.8s ease forwards;
  animation-delay: 0.9s;
}
.editor li:nth-child(1) {
  animation: fadeInLeftAdam 0.8s ease forwards;
  animation-delay: 1.2s;
}
.editor li:nth-child(2) {
  animation: fadeInLeftAdam 0.8s ease forwards;
  animation-delay: 1.4s;
}
.editor li:nth-child(3) {
  animation: fadeInLeftAdam 0.8s ease forwards;
  animation-delay: 1.6s;
}
.editor li:nth-child(4) {
  animation: fadeInLeftAdam 0.8s ease forwards;
  animation-delay: 1.8s;
}
.editor li:nth-child(5) {
  animation: fadeInLeftAdam 0.8s ease forwards;
  animation-delay: 2s;
}

/* 自定動畫 keyframes */
@keyframes fadeInDownAdam {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInAdam {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInUpAdam {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeftAdam {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}