@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');
@import url('https://fonts.googleapis.com/earlyaccess/cwtexyen.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');

a {
  text-decoration: none !important;
}

iframe {
  margin-bottom: -6px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: unset;
}

.custom-sale-prodcut-akkqt h1,
.custom-sale-prodcut-akkqt h2,
.custom-sale-prodcut-akkqt h3,
.custom-sale-product-akkqt h1,
.custom-sale-product-akkqt h2,
.custom-sale-product-akkqt h3 {
  margin: 0;
  margin-bottom: 0 !important;
}

.content-row {
  width: 960px;
  overflow: hidden;
  font-family: 'Noto Sans TC', sans-serif;
  white-space: nowrap;
}

.custom-sale-prodcut-akkqt .content-row,
.custom-sale-product-akkqt .content-row {
  transform-origin: top left;
}

.content-row .div_block {
  padding: 0;
}

.content-row p {
  margin: 0;
}

.content-row .overflow-hidden,
.overflow-hidden {
  overflow: hidden;
}

.d-contents {
  display: contents;
}

.hide_text h2,
.hide_text h3,
.hide_text p,
.hide_text a {
  display: none;
}

/* =========================================================
   Effects / Utilities
   ========================================================= */

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-white {
  box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.8);
}

.text-shadow {
  color: #ffffff;
  text-shadow: 0 0 10px rgb(16 16 16);
}

.text-shadow-white {
  text-shadow:
    0 2px 20px #ffffff,
    0 0 20px #ffffff,
    0 0 30px #ffffff,
    0 0 25px #ffffff,
    0 0 25px #ffffff;
}

.text-shadow-1 {
  text-shadow:
    0 2px 20px #feaeaa,
    0 0 20px #feaeaa,
    0 0 30px #feaeaa,
    0 0 25px #feaeaa,
    0 0 25px #feaeaa;
}

.text-shadow-2 {
  text-shadow:
    0 2px 20px #cda653,
    0 0 20px #cda653,
    0 0 30px #cda653,
    0 0 25px #cda653,
    0 0 25px #cda653;
}

.text-white-border {
  text-shadow:
    4px 0 3px white,
    -1px -4px 4px white,
    -2px 0 6px white,
    -2px 1px 3px white;
}

.text-blur-1 {
  color: #000;
  filter: blur(5px);
}

.text-underline {
  text-decoration: underline;
}

.filter-brightness-06 {
  filter: brightness(0.6);
}

.filter-brightness-08 {
  filter: brightness(0.8);
}

.pointer-events-none {
  pointer-events: none;
}

.height-0 {
  line-height: 0;
}

.width-fit {
  width: fit-content;
}

.w-90 {
  width: 90%;
}

.top-0 { top: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }

.z-index-10 { z-index: 10; }
.z-index-11 { z-index: 11; }
.z-index-12 { z-index: 12; }

.absolute-align-center {
  top: 50%;
  transform: translateY(-50%);
}

.absolute-content-center {
  left: 50%;
  transform: translateX(-50%);
}

.absolute-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vertical-align-super {
  vertical-align: super !important;
}

.rounded-pill { border-radius: 15rem; }
.rounded-pill-1 { border-radius: 1rem; }
.rounded-pill-3 { border-radius: 3rem; }
.rounded-pill-50 { border-radius: 50rem; }
.rounded-cycle { border-radius: 50%; }

.aspect-ratio-1-1 {
  aspect-ratio: 1 / 1;
}

.border-white-5 {
  border: 5px solid #fff;
}

.list-style-type-none {
  list-style-type: none;
}

/* =========================================================
   Typography
   ========================================================= */

.font-family-1 { font-family: 'Noto Sans TC', sans-serif; }
.font-family-2 { font-family: 'cwTeXYen', sans-serif; }
.font-family-3 { font-family: 'Noto Serif TC', serif; }

.font-weight-900 { font-weight: 900; }
.font-weight-700 { font-weight: 700; }
.font-weight-600 { font-weight: 600; }
.font-weight-500 { font-weight: 500; }
.font-weight-400 { font-weight: 400; }
.font-weight-300 { font-weight: 300; }

.letter-spacing-0 { letter-spacing: 0; }
.letter-spacing-1 { letter-spacing: 1px; }
.letter-spacing-2 { letter-spacing: 2px; }
.letter-spacing-3 { letter-spacing: 3px; }
.letter-spacing-4 { letter-spacing: 4px; }
.letter-spacing-6 { letter-spacing: 6px; }
.letter-spacing-8 { letter-spacing: 8px; }
.letter-spacing-10 { letter-spacing: 10px; }
.letter-spacing-12 { letter-spacing: 12px; }
.letter-spacing-15 { letter-spacing: 15px; }
.letter-spacing-20 { letter-spacing: 20px; }

/* font-size utilities */
.text-size-10 { font-size: 10px; }
.text-size-12 { font-size: 12px; }
.text-size-14 { font-size: 14px; }
.text-size-16 { font-size: 16px; }
.text-size-18 { font-size: 18px; }
.text-size-20 { font-size: 20px; }
.text-size-22 { font-size: 22px; }
.text-size-24 { font-size: 24px; }
.text-size-26 { font-size: 26px; }
.text-size-28 { font-size: 28px; }
.text-size-30 { font-size: 30px; }
.text-size-32 { font-size: 32px; }
.text-size-34 { font-size: 34px; }
.text-size-36 { font-size: 36px; }
.text-size-38 { font-size: 38px; }
.text-size-40 { font-size: 40px; }
.text-size-42 { font-size: 42px; }
.text-size-46 { font-size: 46px; }
.text-size-48 { font-size: 48px; }
.text-size-50 { font-size: 50px; }
.text-size-52 { font-size: 52px; }
.text-size-54 { font-size: 54px; }
.text-size-56 { font-size: 56px; }
.text-size-58 { font-size: 58px; }
.text-size-60 { font-size: 60px; }
.text-size-62 { font-size: 62px; }
.text-size-64 { font-size: 64px; }
.text-size-66 { font-size: 66px; }
.text-size-68 { font-size: 68px; }
.text-size-70 { font-size: 70px; }
.text-size-72 { font-size: 72px; }
.text-size-74 { font-size: 74px; }
.text-size-76 { font-size: 76px; }
.text-size-78 { font-size: 78px; }
.text-size-80 { font-size: 80px; }
.text-size-82 { font-size: 82px; }
.text-size-84 { font-size: 84px; }
.text-size-86 { font-size: 86px; }
.text-size-88 { font-size: 88px; }
.text-size-90 { font-size: 90px; }
.text-size-96 { font-size: 96px; }
.text-size-100 { font-size: 100px; }
.text-size-110 { font-size: 110px; }
.text-size-120 { font-size: 120px; }
.text-size-124 { font-size: 124px; }
.text-size-130 { font-size: 130px; }
.text-size-134 { font-size: 134px; }
.text-size-140 { font-size: 140px; }
.text-size-160 { font-size: 160px; }
.text-size-200 { font-size: 200px; }

/* line-height utilities */
.line-height-12 { line-height: 12px; }
.line-height-14 { line-height: 14px; }
.line-height-16 { line-height: 16px; }
.line-height-18 { line-height: 18px; }
.line-height-20 { line-height: 20px; }
.line-height-22 { line-height: 22px; }
.line-height-24 { line-height: 24px; }
.line-height-26 { line-height: 26px; }
.line-height-28 { line-height: 28px; }
.line-height-30 { line-height: 30px; }
.line-height-32 { line-height: 32px; }
.line-height-34 { line-height: 34px; }
.line-height-36 { line-height: 36px; }
.line-height-38 { line-height: 38px; }
.line-height-40 { line-height: 40px; }
.line-height-42 { line-height: 42px; }
.line-height-44 { line-height: 44px; }
.line-height-46 { line-height: 46px; }
.line-height-48 { line-height: 48px; }
.line-height-50 { line-height: 50px; }
.line-height-52 { line-height: 52px; }
.line-height-54 { line-height: 54px; }
.line-height-56 { line-height: 56px; }
.line-height-58 { line-height: 58px; }
.line-height-60 { line-height: 60px; }
.line-height-62 { line-height: 62px; }
.line-height-64 { line-height: 64px; }
.line-height-66 { line-height: 66px; }
.line-height-68 { line-height: 68px; }
.line-height-70 { line-height: 70px; }
.line-height-72 { line-height: 72px; }
.line-height-74 { line-height: 74px; }
.line-height-76 { line-height: 76px; }
.line-height-78 { line-height: 78px; }
.line-height-80 { line-height: 80px; }
.line-height-82 { line-height: 82px; }
.line-height-84 { line-height: 84px; }
.line-height-86 { line-height: 86px; }
.line-height-88 { line-height: 88px; }
.line-height-90 { line-height: 90px; }
.line-height-92 { line-height: 92px; }
.line-height-94 { line-height: 94px; }
.line-height-96 { line-height: 96px; }
.line-height-98 { line-height: 98px; }
.line-height-100 { line-height: 100px; }
.line-height-102 { line-height: 102px; }
.line-height-104 { line-height: 104px; }
.line-height-106 { line-height: 106px; }
.line-height-108 { line-height: 108px; }
.line-height-110 { line-height: 110px; }
.line-height-112 { line-height: 112px; }
.line-height-114 { line-height: 114px; }
.line-height-116 { line-height: 116px; }
.line-height-118 { line-height: 118px; }
.line-height-120 { line-height: 120px; }
.line-height-130 { line-height: 130px; }
.line-height-140 { line-height: 140px; }
.line-height-160 { line-height: 160px; }
.line-height-200 { line-height: 200px; }

/* =========================================================
   Object fit / position
   ========================================================= */

.obj-position-top { object-position: top; }
.obj-position-center { object-position: center; }
.obj-position-bottom { object-position: bottom; }
.obj-position-left { object-position: left; }
.obj-position-right { object-position: right; }
.obj-fit-contain { object-fit: contain; }
.obj-fit-cover { object-fit: cover; }

/* =========================================================
   Text clamp
   ========================================================= */

.multiline-ellipsis-clamp-1,
.multiline-ellipsis-clamp-2,
.multiline-ellipsis-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multiline-ellipsis-clamp-1 { -webkit-line-clamp: 1; }
.multiline-ellipsis-clamp-2 { -webkit-line-clamp: 2; }
.multiline-ellipsis-clamp-3 { -webkit-line-clamp: 3; }

/* =========================================================
   Stroke compatibility aliases
   Keep both spellings to avoid breaking existing markup.
   ========================================================= */

.storke,
.stroke {
  position: relative;
  z-index: 1;
}

.storke::before,
.stroke::before {
  position: absolute;
  content: attr(data-storke);
  z-index: -1;
  white-space: nowrap;
}

.storke-white::before,
.stroke-white::before {
  position: absolute;
  content: attr(data-storke);
  z-index: -1;
  -webkit-text-stroke: 3px #fff;
  white-space: nowrap;
}

/* =========================================================
   Section styles
   ========================================================= */

/* ---------- sec_1 ---------- */
.sec_1 .text-2 {
  top: 6%;
  color: #fff;
  font-size: 70px;
  letter-spacing: 10px;
  font-weight: 400;
}

.sec_1 .text-3 {
  top: 12%;
  color: #fff;
  font-size: 90px;
  letter-spacing: 20px;
}

.sec_1 .text-4 {
  top: 22.5%;
  font-size: 46px;
  color: #fff;
  letter-spacing: 4px;
}

.sec_1 .text-5,
.sec_1 .text-7 {
  color: #fff;
  left: 16%;
  font-size: 45px;
  letter-spacing: 10px;
}

.sec_1 .text-5 { top: 38.5%; }
.sec_1 .text-7 { top: 59%; }

.sec_1 .text-6 {
  color: #fff;
  top: 49%;
  left: 3.8%;
  font-size: 46px;
  letter-spacing: 2px;
}

.sec_1 .text-8 {
  top: 89%;
  font-size: 60px;
  letter-spacing: 15px;
  color: #fff;
}

.sec_1 .text-8 span {
  font-size: 115px;
  line-height: 115px;
}

/* ---------- sec_2 ---------- */
.sec_2 .text-1 {
  font-size: 60px;
  letter-spacing: 16px;
  color: #320d10;
  top: 3%;
}

.sec_2 .text-2 {
  font-size: 80px;
  letter-spacing: 23px;
  top: 9%;
  color: #ff5c5c;
}

.sec_2 .text-3,
.sec_2 .text-10 {
  font-size: 46px;
  left: 7%;
  text-align: left;
  letter-spacing: 12px;
  color: #e8913d;
  line-height: 50px;
}

.sec_2 .text-3 { top: 28%; }
.sec_2 .text-10 { top: 80.5%; }

.sec_2 .text-3 span,
.sec_2 .text-7 span,
.sec_2 .text-10 span {
  font-size: 40px;
  color: #767676;
}

.sec_2 .text-5,
.sec_2 .text-12 {
  left: 7%;
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 40px;
  color: #594141;
}

.sec_2 .text-5 { top: 39.5%; }
.sec_2 .text-12 { top: 92%; }

.sec_2 .text-7 {
  top: 54.5%;
  font-size: 46px;
  right: 5%;
  text-align: right;
  letter-spacing: 12px;
  color: #e8913d;
  line-height: 50px;
}

.sec_2 .text-9 {
  text-align: right;
  right: 5%;
  top: 66%;
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 40px;
  color: #594141;
}

/* ---------- sec_3 ---------- */
.sec_3 .text-2 {
  top: 14%;
  font-size: 84px;
  letter-spacing: 15px;
  color: #fff;
}

.sec_3 .text-3 {
  top: 24%;
  font-size: 50px;
  letter-spacing: 8px;
  color: #361111;
}

.sec_3 .text-4 {
  top: 31%;
  color: #361111;
  text-align: center;
  font-size: 28px;
  letter-spacing: 2px;
  line-height: 40px;
}

.sec_3 .text-6,
.sec_3 .text-7,
.sec_3 .text-8,
.sec_3 .text-9 {
  color: #fff;
  font-size: 40px;
  letter-spacing: 3px;
}

.sec_3 .text-6 { top: 45.3%; left: 24%; }
.sec_3 .text-7 { top: 45.3%; left: 59.5%; }
.sec_3 .text-8 { top: 55.3%; left: 18%; }
.sec_3 .text-9 { top: 55.3%; left: 65%; }

/* ---------- sec_4 ---------- */
.sec_4 .text-1 {
  font-size: 52px;
  letter-spacing: 10px;
  top: 2%;
  color: #260303;
}

.sec_4 .text-2 {
  top: 4.5%;
  font-size: 84px;
  letter-spacing: 15px;
  color: #ff6d6d;
}

.sec_4 .text-3,
.sec_4 .text-5,
.sec_4 .text-7,
.sec_4 .text-9,
.sec_4 .text-11 {
  font-size: 37px;
  color: #fff;
  letter-spacing: 3px;
}

.sec_4 .text-3 { left: 37.5%; top: 18%; }
.sec_4 .text-5 { left: 69.5%; top: 30.7%; }
.sec_4 .text-7 { left: 57.5%; top: 46.9%; }
.sec_4 .text-9 { left: 17.5%; top: 46.9%; }
.sec_4 .text-11 { left: 5.5%; top: 30.7%; }

.sec_4 .text-4,
.sec_4 .text-6,
.sec_4 .text-8,
.sec_4 .text-10,
.sec_4 .text-12 {
  color: #513434;
  font-size: 30px;
  text-align: center;
  line-height: 35px;
}

.sec_4 .text-4 { top: 21%; left: 43.5%; }
.sec_4 .text-6 { top: 34%; left: 74%; }
.sec_4 .text-8 { top: 50.2%; left: 57.5%; }
.sec_4 .text-10 { top: 50.2%; left: 28%; }
.sec_4 .text-12 { top: 34%; left: 7%; }

.sec_4 .text-13,
.sec_4 .text-16,
.sec_4 .text-19 {
  left: 28%;
  font-size: 36px;
  letter-spacing: 8px;
}

.sec_4 .text-13 { top: 58%; color: #ffc600; }
.sec_4 .text-16 { top: 71.9%; color: #5e9af4; }
.sec_4 .text-19 { top: 86.2%; color: #7b6767; }

.sec_4 .text-14,
.sec_4 .text-17,
.sec_4 .text-20 {
  left: 28%;
  font-size: 30px;
  color: #361616;
  letter-spacing: 4px;
}

.sec_4 .text-14 { top: 60%; }
.sec_4 .text-17 { top: 74%; }
.sec_4 .text-20 { top: 88.3%; }

.sec_4 .text-15,
.sec_4 .text-18,
.sec_4 .text-21 {
  left: 28%;
  font-size: 28px;
  letter-spacing: 6px;
  color: #301010;
}

.sec_4 .text-15 { top: 62%; }
.sec_4 .text-18 { top: 76%; }
.sec_4 .text-21 { top: 92.3%; }

/* ---------- sec_5 ---------- */
.sec_5 .text-2 {
  font-size: 52px;
  letter-spacing: 10px;
  top: 6.5%;
  color: #fff;
}

.sec_5 .text-3 {
  top: 9%;
  font-size: 84px;
  letter-spacing: 15px;
  color: #fff;
}

.sec_5 .text-4,
.sec_5 .text-6,
.sec_5 .text-8 {
  left: 57.5%;
  font-size: 35px;
  color: #ff7a90;
  letter-spacing: 4px;
}

.sec_5 .text-4 { top: 21.35%; }
.sec_5 .text-6 { top: 35.45%; }
.sec_5 .text-8 { top: 49.55%; }

.sec_5 .text-5,
.sec_5 .text-7,
.sec_5 .text-9 {
  font-size: 28px;
  letter-spacing: 3px;
  left: 47%;
  color: #563a3a;
  line-height: 38px;
}

.sec_5 .text-5 { top: 24.7%; }
.sec_5 .text-7 { top: 38.7%; }
.sec_5 .text-9 { top: 53%; }

.sec_5 .text-10 {
  top: 63.7%;
  text-align: center;
  font-size: 66px;
  letter-spacing: 10px;
  color: #ff5b5b;
}

.sec_5 .text-11 {
  top: 68.5%;
  text-align: center;
  font-size: 69px;
  letter-spacing: 10px;
  color: #fff;
}

.sec_5 .text-12 {
  top: 92%;
  text-align: center;
  font-size: 38px;
  letter-spacing: 10px;
  color: #4f3535;
}

/* ---------- sec_6 ---------- */
.sec_6 .text-1 {
  font-size: 52px;
  letter-spacing: 10px;
  top: 4.5%;
  color: #fff;
}

.sec_6 .text-2 {
  top: 10%;
  font-size: 72px;
  letter-spacing: 8px;
  color: #ff5c5c;
}

.sec_6 .text-3,
.sec_6 .text-5,
.sec_6 .text-7,
.sec_6 .text-9 {
  font-size: 66px;
  color: #ba5659;
  letter-spacing: 15px;
}

.sec_6 .text-3 { top: 29%; left: 11%; }
.sec_6 .text-5 { top: 29%; left: 54%; }
.sec_6 .text-7 { top: 57%; left: 11%; }
.sec_6 .text-9 { top: 57%; left: 54%; }

.sec_6 .text-4,
.sec_6 .text-6,
.sec_6 .text-8,
.sec_6 .text-10 {
  font-size: 35px;
  letter-spacing: 4px;
}

.sec_6 .text-4 { top: 37%; left: 11%; }
.sec_6 .text-6 { top: 37%; left: 54%; }
.sec_6 .text-8 { top: 65.3%; left: 11%; }
.sec_6 .text-10 { top: 65.3%; left: 54%; }

/* ---------- sec_7 ---------- */
.sec_7 .text-2 {
  font-size: 52px;
  letter-spacing: 10px;
  top: 6.5%;
  color: #250101;
}

.sec_7 .text-3 {
  top: 8.5%;
  font-size: 72px;
  letter-spacing: 14px;
  color: #ff5c5c;
}

.sec_7 .text-4 {
  font-size: 33px;
  letter-spacing: 8px;
  top: 12.5%;
  color: #250101;
}

.sec_7 .text-10 {
  top: 35%;
  font-size: 25px;
  letter-spacing: 4px;
}

.sec_7 .text-11 {
  top: 36%;
  font-size: 40px;
  letter-spacing: 4px;
}

.sec_7 .text-12 {
  top: 43%;
  font-size: 50px;
  letter-spacing: 13px;
  text-align: center;
  color: #2b0808;
}

.sec_7 .text-12 span {
  color: #7e5022;
}

.sec_7 .text-16 {
  top: 62.5%;
  font-size: 50px;
  letter-spacing: 10px;
  text-align: center;
  color: #2b0808;
}

.sec_7 .text-17 {
  top: 67%;
  font-size: 75px;
  letter-spacing: 10px;
  text-align: center;
  color: #ff5c5c;
}

.sec_7 .text-18 {
  top: 74%;
  font-size: 30px;
  letter-spacing: 3px;
  text-align: center;
  color: #2b0808;
}

.sec_7 .text-21 {
  top: 83%;
  font-size: 42px;
  letter-spacing: 3px;
  text-align: center;
  color: #00235d;
}

.sec_7 .text-22,
.sec_7 .text-24,
.sec_7 .text-26 {
  top: 93%;
  font-size: 32px;
  letter-spacing: 2px;
}

.sec_7 .text-22 { left: 15.5%; color: #115125; }
.sec_7 .text-24 { left: 42.5%; color: #0038b8; }
.sec_7 .text-26 { left: 75.5%; }

.sec_7 .text-23,
.sec_7 .text-25,
.sec_7 .text-27 {
  top: 94.3%;
  text-align: center;
  font-size: 26px;
}

.sec_7 .text-23 { left: 11.5%; }
.sec_7 .text-25 { left: 41.7%; }
.sec_7 .text-27 { left: 71.3%; }

/* ---------- sec_8 ---------- */
.sec_8 .text-2 {
  top: 12%;
  color: #064c1f;
  font-size: 64px;
  letter-spacing: 10px;
}

.sec_8 .text-3 {
  top: 17.7%;
  color: #fff;
  font-size: 51px;
  letter-spacing: 10px;
}

.sec_8 .text-4,
.sec_8 .text-5,
.sec_8 .text-6 {
  top: 30.5%;
  font-size: 43px;
  letter-spacing: 4px;
  color: #553939;
}

.sec_8 .text-4 { left: 15%; }
.sec_8 .text-5 { left: 43%; top: 33.5%; }
.sec_8 .text-6 { left: 68%; }

.sec_8 .text-7 {
  top: 43%;
  font-size: 40px;
  letter-spacing: 4px;
  color: #361616;
}

.sec_8 .text-8 {
  top: 46.3%;
  font-size: 30px;
  letter-spacing: 4px;
  color: #361616;
}

.sec_8 .text-9 {
  top: 53%;
  font-size: 45px;
  letter-spacing: 12px;
  color: #361616;
}

.sec_8 .text-10 {
  top: 56%;
  font-size: 71px;
  letter-spacing: 12px;
  color: #ff5f5f;
}

.sec_8 .text-11 {
  top: 86%;
  font-size: 30px;
  letter-spacing: 4px;
  color: #361616;
  text-align: center;
}

.sec_8 .text-12 {
  top: 95.5%;
  left: 14%;
}

/* ---------- sec_9 ---------- */
.sec_9 .text-2 {
  color: #fff;
  top: 22%;
  letter-spacing: 10px;
  font-size: 68px;
}

.sec_9 .text-4 {
  top: 34%;
  font-size: 43px;
  letter-spacing: 2px;
  color: #2b0808;
}

.sec_9 .text-5 {
  top: 39.5%;
  font-size: 29px;
  letter-spacing: 2px;
  color: #2b0808;
}

.sec_9 .text-6,
.sec_9 .text-7 {
  top: 79.2%;
  text-align: center;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
}

.sec_9 .text-6 { left: 21%; }
.sec_9 .text-7 { left: 61%; }

/* ---------- sec_10 ---------- */
.sec_10 .text-2 {
  top: 13%;
  font-size: 50px;
  letter-spacing: 6px;
  color: #3e3021;
}

.sec_10 .text-2 span {
  position: absolute;
  left: -55px;
  top: 81px;
  font-size: 68px;
  letter-spacing: 0;
}

.sec_10 .text-4 {
  top: 26%;
  font-size: 52px;
  letter-spacing: 4px;
  color: #fff;
}

.sec_10 .text-5 {
  top: 32%;
  font-size: 52px;
  letter-spacing: 4px;
  color: #8b4a13;
}

.sec_10 .text-6 {
  top: 75%;
  left: 9%;
  font-size: 33px;
  letter-spacing: 4px;
  color: #361616;
}

.sec_10 .text-6 span {
  font-size: 36.3px;
}

.sec_10 .text-8 {
  top: 83.3%;
  left: 13%;
  font-size: 33px;
  text-align: center;
  line-height: 51px;
  letter-spacing: 4px;
  color: #c89553;
}

.sec_10 .text-8 span {
  font-size: 48px;
}

/* ---------- sec_11 ---------- */
.sec_11 .text-2,
.sec_11 .text-3 {
  left: 51%;
  font-size: 60px;
  letter-spacing: 15px;
}

.sec_11 .text-2 { top: 21%; color: #ff5c5c; }
.sec_11 .text-3 { top: 28%; color: #2c0909; }

.sec_11 .text-4,
.sec_11 .text-6,
.sec_11 .text-8 {
  left: 48.5%;
  font-size: 37px;
  color: #fff;
}

.sec_11 .text-4 { top: 43.5%; }
.sec_11 .text-6 { top: 76.3%; left: 51.5%; }
.sec_11 .text-8 { top: 60%; }

.sec_11 .text-4 span,
.sec_11 .text-6 span,
.sec_11 .text-8 span {
  font-size: 26px;
}

.sec_11 .text-5,
.sec_11 .text-7,
.sec_11 .text-9 {
  left: 50%;
  text-align: center;
  font-size: 32px;
  line-height: 39px;
  color: #381818;
}

.sec_11 .text-5 { top: 49.2%; }
.sec_11 .text-7 { top: 82.2%; }
.sec_11 .text-9 { top: 65.7%; left: 51%; }

/* ---------- sec_12 ---------- */
.sec_12 .text-1,
.sec_13 .text-1 {
  top: 1.3%;
  color: #fff;
  font-size: 60px;
  letter-spacing: 8px;
}

.sec_12 .text-2,
.sec_12 .text-10,
.sec_12 .text-15,
.sec_12 .text-21 {
  font-size: 50px;
  letter-spacing: 8px;
}

.sec_12 .text-2 { top: 7.5%; }
.sec_12 .text-10 { top: 40%; }
.sec_12 .text-15 { top: 60.5%; }
.sec_12 .text-21 { top: 81.5%; }

.sec_12 .text-15 span {
  font-size: 36px;
}

.sec_12 .text-3,
.sec_12 .text-7 {
  text-align: center;
  font-size: 36px;
  line-height: 45px;
}

.sec_12 .text-3 { top: 13.5%; left: 12%; color: #bd2642; }
.sec_12 .text-7 { top: 18.3%; left: 60%; color: #00507c; }

.sec_12 .text-4,
.sec_12 .text-8 {
  text-align: center;
  font-size: 30px;
  line-height: 39px;
}

.sec_12 .text-4 { top: 28.5%; left: 15%; }
.sec_12 .text-8 { top: 29.3%; left: 60%; }

.sec_12 .text-6,
.sec_12 .text-9,
.sec_12 .text-14,
.sec_12 .text-20 {
  font-size: 45px;
  letter-spacing: 6px;
  color: #fff;
}

.sec_12 .text-6 { top: 34.4%; left: 13%; }
.sec_12 .text-9 { top: 34.4%; left: 58%; }
.sec_12 .text-14 { top: 54.25%; left: 51%; }
.sec_12 .text-20 { top: 76%; left: 51%; }

.sec_12 .text-11,
.sec_12 .text-16 {
  left: 50%;
  font-size: 42px;
  letter-spacing: 2px;
}

.sec_12 .text-11 { top: 46%; color: #3bbeca; }
.sec_12 .text-16 { top: 67.5%; color: #d33046; }

.sec_12 .text-12,
.sec_12 .text-17 {
  font-size: 32px;
  letter-spacing: 2px;
  color: #61403f;
  text-align: center;
  line-height: 38px;
}

.sec_12 .text-12 { top: 49%; left: 52%; }
.sec_12 .text-17 { top: 70.5%; left: 45%; }

.sec_12 .text-22,
.sec_12 .text-23,
.sec_12 .text-24 {
  font-size: 30px;
  line-height: 39px;
  text-align: center;
}

.sec_12 .text-22 { top: 94.5%; left: 7%; color: #bc2340; }
.sec_12 .text-23 { top: 94.5%; left: 40%; color: #00527c; }
.sec_12 .text-24 { top: 95%; left: 72%; color: #43bfcb; }

/* ---------- sec_13 ---------- */
.sec_13 .text-2,
.sec_13 .text-2-1,
.sec_13 .text-4,
.sec_13 .text-4-1,
.sec_13 .text-6,
.sec_13 .text-6-1 {
  color: #fff;
  font-size: 34px;
}

.sec_13 .text-2 { left: 6%; top: 35.1%; }
.sec_13 .text-2-1 { left: 28%; top: 31.9%; }
.sec_13 .text-4 { left: 6%; top: 64%; }
.sec_13 .text-4-1 { left: 28%; top: 60.8%; }
.sec_13 .text-6 { left: 6%; top: 93.2%; }
.sec_13 .text-6-1 { left: 28%; top: 90.1%; }

.sec_13 .text-3,
.sec_13 .text-5,
.sec_13 .text-7 {
  left: 45.6%;
  font-size: 31px;
  letter-spacing: 4px;
  line-height: 56px;
  color: #331313;
  width: 46.5%;
  text-wrap: wrap;
  text-align: justify;
}

.sec_13 .text-3 { top: 13.5%; }
.sec_13 .text-5 { top: 43%; }
.sec_13 .text-7 { top: 72%; }

.sec_13 .text-3 span,
.sec_13 .text-5 span,
.sec_13 .text-7 span {
  color: #ff5454;
}