.u-section-1 {
  background-image: url("images/bg1.jpg");
  background-position: 50% 50%;
}

.u-section-1 .u-sheet-1 {
  min-height: 174px;
}

.u-section-1 .u-group-elements-1 {
  width: 562px;
  height: auto;
  min-height: 54px;
  margin: 60px auto 60px 20px;
}

.u-section-1 .u-text-1 {
  margin: 0;
}

/*就醬播電子商務代收付服務條款*/
/* ---------- (1)(2)(3) ---------- */
ol[type="1"] {
  list-style-type: decimal;
}
ol[type="1"] li::marker {
   content: "(" counter(list-item, decimal) ") ";
}
/* ---------- (A)(B)(C) ---------- */
ol[type="A"] {
  list-style-type: upper-alpha;
}
ol[type="A"] li::marker {
  content: "(" counter(list-item, upper-alpha) ") ";
}
/* ---------- ①②③④ (圈號數字) ---------- */
ol.circled {
  list-style: none;
  counter-reset: c;
}
ol.circled li {
  counter-increment: c;   /* 每個 li 自動加一 */
}
ol.circled li::marker {
  content: ""; /* 清掉原本的 (1) */
}
ol.circled li::before {
  content: "① "; /* 從這裡開始顯示圈號 */
}
/* 把 1→①, 2→②… 用 nth-child 映射 (只寫到 10，夠用的話) */
ol.circled li:nth-child(1)::before { content: "① "; }
ol.circled li:nth-child(2)::before { content: "② "; }
ol.circled li:nth-child(3)::before { content: "③ "; }
ol.circled li:nth-child(4)::before { content: "④ "; }
ol.circled li:nth-child(5)::before { content: "⑤ "; }
ol.circled li:nth-child(6)::before { content: "⑥ "; }
ol.circled li:nth-child(7)::before { content: "⑦ "; }
ol.circled li:nth-child(8)::before { content: "⑧ "; }
ol.circled li:nth-child(9)::before { content: "⑨ "; }
ol.circled li:nth-child(10)::before { content: "⑩ "; }

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 148px;
  }

  .u-section-1 .u-group-elements-1 {
    width: 432px;
    min-height: 48px;
    margin-top: 40px;
    margin-left: 16px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 212px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 498px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 121px;
  }

  .u-section-1 .u-group-elements-1 {
    width: 340px;
    margin-bottom: 33px;
    margin-left: 0;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 166px;
}

.u-section-2 .u-text-1 {
  width: 800px;
  margin: 20px auto 50px;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 127px;
  }

  .u-section-2 .u-text-1 {
    margin-top: 21px;
    margin-bottom: 21px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-text-1 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-text-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 194px;
  }

  .u-section-2 .u-text-1 {
    width: 340px;
    margin-bottom: 20px;
  }
}.u-section-3 .u-sheet-1 {
  min-height: 324px;
}

.u-section-3 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-3 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 10px;
}

@media (max-width: 991px) {
  .u-section-3 .u-text-1 {
    width: 720px;
  }

  .u-section-3 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-text-1 {
    width: 540px;
  }

  .u-section-3 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-text-1 {
    width: 340px;
  }

  .u-section-3 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-4 .u-sheet-1 {
  min-height: 324px;
}

.u-section-4 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-4 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 60px;
}

@media (max-width: 991px) {
  .u-section-4 .u-text-1 {
    width: 720px;
  }

  .u-section-4 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-text-1 {
    width: 540px;
  }

  .u-section-4 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-text-1 {
    width: 340px;
  }

  .u-section-4 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-5 .u-sheet-1 {
  min-height: 324px;
}

.u-section-5 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-5 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 60px;
}

@media (max-width: 991px) {
  .u-section-5 .u-text-1 {
    width: 720px;
  }

  .u-section-5 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-text-1 {
    width: 540px;
  }

  .u-section-5 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-text-1 {
    width: 340px;
  }

  .u-section-5 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-6 .u-sheet-1 {
  min-height: 324px;
}

.u-section-6 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-6 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 60px;
}

@media (max-width: 991px) {
  .u-section-6 .u-text-1 {
    width: 720px;
  }

  .u-section-6 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-text-1 {
    width: 540px;
  }

  .u-section-6 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-text-1 {
    width: 340px;
  }

  .u-section-6 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-7 .u-sheet-1 {
  min-height: 324px;
}

.u-section-7 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-7 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 60px;
}

@media (max-width: 991px) {
  .u-section-7 .u-text-1 {
    width: 720px;
  }

  .u-section-7 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-7 .u-text-1 {
    width: 540px;
  }

  .u-section-7 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-7 .u-text-1 {
    width: 340px;
  }

  .u-section-7 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-8 .u-sheet-1 {
  min-height: 324px;
}

.u-section-8 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-8 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 60px;
}

@media (max-width: 991px) {
  .u-section-8 .u-text-1 {
    width: 720px;
  }

  .u-section-8 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-text-1 {
    width: 540px;
  }

  .u-section-8 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-text-1 {
    width: 340px;
  }

  .u-section-8 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 324px;
}

.u-section-9 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-9 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 60px;
}

@media (max-width: 991px) {
  .u-section-9 .u-text-1 {
    width: 720px;
  }

  .u-section-9 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-text-1 {
    width: 540px;
  }

  .u-section-9 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-text-1 {
    width: 340px;
  }

  .u-section-9 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-10 .u-sheet-1 {
  min-height: 324px;
}

.u-section-10 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px auto 0;
}

.u-section-10 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 60px;
}

@media (max-width: 991px) {
  .u-section-10 .u-text-1 {
    width: 720px;
  }

  .u-section-10 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-10 .u-text-1 {
    width: 540px;
  }

  .u-section-10 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-10 .u-text-1 {
    width: 340px;
  }

  .u-section-10 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-11 .u-sheet-1 {
  min-height: 264px;
}

.u-section-11 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 30px auto 0;
}

.u-section-11 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 30px;
}

@media (max-width: 991px) {
  .u-section-11 .u-text-1 {
    width: 720px;
  }

  .u-section-11 .u-text-2 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-11 .u-text-1 {
    width: 540px;
  }

  .u-section-11 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-11 .u-text-1 {
    width: 340px;
  }

  .u-section-11 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }
}.u-section-12 .u-sheet-1 {
  min-height: 480px;
}

.u-section-12 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px 171px 0;
}

.u-section-12 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 0;
}

.u-section-12 .u-text-3 {
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  width: 798px;
  margin: 20px auto 16px;
}

@media (max-width: 1199px) {
  .u-section-12 .u-text-1 {
    margin-left: 71px;
    margin-right: 71px;
  }
}

@media (max-width: 991px) {
  .u-section-12 .u-text-1 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-12 .u-text-2 {
    width: 720px;
  }

  .u-section-12 .u-text-3 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-12 .u-text-1 {
    width: 540px;
  }

  .u-section-12 .u-text-2 {
    width: 540px;
  }

  .u-section-12 .u-text-3 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-12 .u-text-1 {
    width: 340px;
  }

  .u-section-12 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }

  .u-section-12 .u-text-3 {
    width: 340px;
  }
}.u-section-13 .u-sheet-1 {
  min-height: 480px;
}

.u-section-13 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px 171px 0;
}

.u-section-13 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 0;
}

.u-section-13 .u-text-3 {
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  width: 798px;
  margin: 20px auto 16px;
}

@media (max-width: 1199px) {
  .u-section-13 .u-text-1 {
    margin-left: 71px;
    margin-right: 71px;
  }
}

@media (max-width: 991px) {
  .u-section-13 .u-text-1 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-13 .u-text-2 {
    width: 720px;
  }

  .u-section-13 .u-text-3 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-13 .u-text-1 {
    width: 540px;
  }

  .u-section-13 .u-text-2 {
    width: 540px;
  }

  .u-section-13 .u-text-3 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-13 .u-text-1 {
    width: 340px;
  }

  .u-section-13 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }

  .u-section-13 .u-text-3 {
    width: 340px;
  }
}.u-section-14 .u-sheet-1 {
  min-height: 524px;
}

.u-section-14 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px 171px 0;
}

.u-section-14 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 0;
}

.u-section-14 .u-text-3 {
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  width: 798px;
  margin: 20px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-14 .u-text-1 {
    margin-left: 71px;
    margin-right: 71px;
  }
}

@media (max-width: 991px) {
  .u-section-14 .u-text-1 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-14 .u-text-2 {
    width: 720px;
  }

  .u-section-14 .u-text-3 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-14 .u-text-1 {
    width: 540px;
  }

  .u-section-14 .u-text-2 {
    width: 540px;
  }

  .u-section-14 .u-text-3 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-14 .u-text-1 {
    width: 340px;
  }

  .u-section-14 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }

  .u-section-14 .u-text-3 {
    width: 340px;
  }
}.u-section-15 .u-sheet-1 {
  min-height: 695px;
}

.u-section-15 .u-text-1 {
  width: 798px;
  font-size: 1.5rem;
  margin: 60px 171px 0;
}

.u-section-15 .u-text-2 {
  width: 798px;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  margin: 20px auto 0;
}

.u-section-15 .u-text-3 {
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  width: 798px;
  margin: 20px 171px 0;
}

.u-section-15 .u-text-4 {
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 1px;
  width: 798px;
  margin: 20px auto 60px;
}

@media (max-width: 1199px) {
  .u-section-15 .u-text-1 {
    margin-left: 71px;
    margin-right: 71px;
  }

  .u-section-15 .u-text-3 {
    margin-left: 71px;
    margin-right: 71px;
  }
}

@media (max-width: 991px) {
  .u-section-15 .u-text-1 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-15 .u-text-2 {
    width: 720px;
  }

  .u-section-15 .u-text-3 {
    width: 720px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-15 .u-text-4 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-15 .u-text-1 {
    width: 540px;
  }

  .u-section-15 .u-text-2 {
    width: 540px;
  }

  .u-section-15 .u-text-3 {
    width: 540px;
  }

  .u-section-15 .u-text-4 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-15 .u-text-1 {
    width: 340px;
  }

  .u-section-15 .u-text-2 {
    width: 340px;
    font-size: 1rem;
  }

  .u-section-15 .u-text-3 {
    width: 340px;
  }

  .u-section-15 .u-text-4 {
    font-size: 1rem;
    width: 340px;
  }
}