@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;
}

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

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

.font-family-1 {
    font-family: "Noto Sans TC", sans-serif;
}

.font-family-2 {
    font-family: "Noto Serif TC", serif;
}

.font-family-3 {
    font-family: "Arial Black", Arial, sans-serif;
}

.font-family-4 {
    font-family: "Arial", sans-serif;
}

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

.custom-sale-prodcut-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;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-700 {
    font-weight: 700;
}

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

.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;
}

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

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

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

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

.hide_text h2,
.hide_text h3,
.hide_text p,
.hide_text a {
    opacity: 0;
}

video {
    position: relative;
    z-index: -1;
    margin-bottom: -4px;
}

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

iframe {
    margin-bottom: -6px;
}

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

.d-contents {
    display: contents;
}

/* ========================================
   1. 變數與通用 class
   ======================================== */
/* --- 陰影變數 --- */
:root {
    --shadow-color-gold: #c79334;
    --shadow-color-white: #fff;
    --shadow-color-brown: #c18d52;
    --shadow-color-green: #13653f;
    --shadow-gold: 0px 1px 8px var(--shadow-color-gold), 0 0 8px var(--shadow-color-gold), 0 0 12px var(--shadow-color-gold), 0 0 8px var(--shadow-color-gold), 0 0 8px var(--shadow-color-gold);
    --shadow-white: 0px 1px 8px var(--shadow-color-white), 0 0 8px var(--shadow-color-white), 0 0 12px var(--shadow-color-white), 0 0 8px var(--shadow-color-white), 0 0 8px var(--shadow-color-white);
    --shadow-white-2: 0px 1px 12px var(--shadow-color-white), 0 0 12px var(--shadow-color-white), 0 0 16px var(--shadow-color-white), 0 0 12px var(--shadow-color-white), 0 0 12px var(--shadow-color-white);
    --shadow-white-3: 0px 2px 16px var(--shadow-color-white), 0 0 16px var(--shadow-color-white), 0 0 24px var(--shadow-color-white), 0 0 16px var(--shadow-color-white), 0 0 16px var(--shadow-color-white);
    --shadow-brown: 0px 1px 8px var(--shadow-color-brown), 0 0 8px var(--shadow-color-brown), 0 0 12px var(--shadow-color-brown), 0 0 8px var(--shadow-color-brown), 0 0 8px var(--shadow-color-brown);
    --shadow-green: 0px 1px 8px var(--shadow-color-green), 0 0 8px var(--shadow-color-green), 0 0 12px var(--shadow-color-green), 0 0 8px var(--shadow-color-green), 0 0 8px var(--shadow-color-green);
}
.text-shadow-gold { text-shadow: var(--shadow-gold); }
.text-shadow-white { text-shadow: var(--shadow-white); }
.text-shadow-white-2 { text-shadow: var(--shadow-white-2); }
.text-shadow-white-3 { text-shadow: var(--shadow-white-3); }
.text-shadow-brown { text-shadow: var(--shadow-brown); }
.text-shadow-green { text-shadow: var(--shadow-green); }
.text-stroke-fff {
    -webkit-text-stroke: 3px #fff;
    paint-order: stroke fill;
}

.sec_1 .block-text-1 {
    top: 8%;
    font-size: 95px;
    letter-spacing: 4px;
    color: #1b3832;
}
.sec_1 .block-text-1 span {
    color: #674a05;
}
.sec_1 .block-text-2 {
    top: 19.8%;
    font-size: 64px;
    color: #fff;
    letter-spacing: 4px;
}
.sec_1 .block-text-3 {
    top: 25%;
    font-size: 63px;
    letter-spacing: 4px;
    color: #20423d;
}
.sec_1 .block-text-3 span {
    font-size: 195px;
    color: #e6aa2c;
}
.sec_1 .block-text-4 {
    top: 92%;
    left: 14%;
    font-size: 48px;
    color: #5e4100;
}
.sec_1 .block-text-4 span {
    font-size: 64px;
    color: #1b3731;
}
.sec_1 .block-text-5 {
    top: 92%;
    left: 42.5%;
    font-size: 48px;
    color: #5e4100;
}
.sec_1 .block-text-5 span {
    font-size: 64px;
    color: #1b3731;
}
.sec_1 .block-text-6 {
    top: 92%;
    left: 70.6%;
    font-size: 48px;
    color: #5e4100;
}
.sec_1 .block-text-6 span {
    font-size: 64px;
    color: #1b3731;
}

.sec_2 .block-text-1 {
    top: 9%;
    font-size: 70px;
    letter-spacing: 6px;
    color: #fff;
}
.sec_2 .block-text-1 span {
    color: #ffe097;
}
.sec_2 .block-text-2 {
    left: 39.5%;
    top: 29.2%;
    font-size: 48px;
    letter-spacing: 2px;
    color: #1b3732;
}
.sec_2 .block-text-3 {
    left: 36%;
    top: 33.8%;
    font-size: 42px;
    letter-spacing: 3px;
    color: #fff;
}
.sec_2 .block-text-4 {
    left: 5.8%;
    top: 52.5%;
    font-size: 48px;
    letter-spacing: 2px;
    color: #1b3732;
}
.sec_2 .block-text-5 {
    left: 7%;
    top: 57.2%;
    font-size: 42px;
    letter-spacing: 3px;
    color: #fff;
}
.sec_2 .block-text-6 {
    left: 73.8%;
    top: 52.5%;
    font-size: 48px;
    letter-spacing: 2px;
    color: #1b3732;
}
.sec_2 .block-text-7 {
    left: 75%;
    top: 57.2%;
    font-size: 42px;
    letter-spacing: 3px;
    color: #fff;
}
.sec_2 .block-text-8 {
    left: 11.8%;
    top: 76.6%;
    font-size: 48px;
    letter-spacing: 2px;
    color: #1b3732;
}
.sec_2 .block-text-9 {
    left: 8.5%;
    top: 81.4%;
    font-size: 42px;
    letter-spacing: 3px;
    color: #fff;
}
.sec_2 .block-text-10 {
    left: 67.3%;
    top: 76.6%;
    font-size: 48px;
    letter-spacing: 2px;
    color: #1b3732;
}
.sec_2 .block-text-11 {
    left: 62%;
    top: 82%;
    font-size: 42px;
    letter-spacing: 3px;
    color: #fff;
    text-align: center;
    line-height: 47px;
}

.sec_3 .block-text-1 {
    left: 51%;
    font-size: 83px;
    letter-spacing: 6px;
    top: 2%;
    color: #1b3832;
}
.sec_3 .block-text-2 {
    top: 34.7%;
    color: #fff;
    left: 9.3%;
    font-size: 36px;
    text-align: center;
    line-height: 42px;
}
.sec_3 .block-text-3 {
    top: 34.7%;
    color: #fff;
    left: 41%;
    font-size: 36px;
    text-align: center;
    line-height: 42px;
}
.sec_3 .block-text-4 {
    top: 34.7%;
    color: #fff;
    left: 73.7%;
    font-size: 36px;
    text-align: center;
    line-height: 42px;
}
.sec_3 .block-text-5 {
    top: 65%;
    color: #fff;
    left: 11.3%;
    font-size: 36px;
    text-align: center;
    line-height: 42px;
}
.sec_3 .block-text-6 {
    top: 65%;
    color: #fff;
    left: 38.5%;
    font-size: 36px;
    text-align: center;
    line-height: 42px;
}
.sec_3 .block-text-7 {
    top: 65%;
    color: #fff;
    left: 71.7%;
    font-size: 36px;
    text-align: center;
    line-height: 42px;
}
.sec_3 .block-text-8 {
    top: 77.5%;
    font-size: 63px;
    color: #fff;
    letter-spacing: 4px;
}

.sec_4 .block-text-1 {
    color: #15332d;
    font-size: 94px;
    letter-spacing: 6px;
}
.sec_4 .block-text-2 {
    top: 9.5%;
    left: 7.5%;
    font-size: 84px;
}
.sec_4 .block-text-3 {
    top: 9.7%;
    left: 24.5%;
    color: #fff;
    font-size: 42px;
    letter-spacing: 4px;
}
.sec_4 .block-text-4 {
    top: 12.8%;
    left: 24%;
    font-size: 38px;
    letter-spacing: 4px;
    line-height: 45px;
}
.sec_4 .block-text-5 {
    top: 19.9%;
    left: 27%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-6 {
    top: 19.9%;
    left: 67%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-7 {
    top: 28.5%;
    left: 7.5%;
    font-size: 84px;
}
.sec_4 .block-text-8 {
    top: 28.6%;
    left: 24.5%;
    color: #fff;
    font-size: 42px;
    letter-spacing: 4px;
}
.sec_4 .block-text-9 {
    top: 31.8%;
    left: 24%;
    font-size: 38px;
    letter-spacing: 4px;
    line-height: 45px;
}
.sec_4 .block-text-10 {
    top: 38.9%;
    left: 27%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-11 {
    top: 38.9%;
    left: 67%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-12 {
    top: 46.6%;
    left: 27%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-13 {
    top: 55.5%;
    left: 7.5%;
    font-size: 84px;
}
.sec_4 .block-text-14 {
    top: 55.6%;
    left: 24.5%;
    color: #fff;
    font-size: 42px;
    letter-spacing: 4px;
}
.sec_4 .block-text-15 {
    top: 58.8%;
    left: 24%;
    font-size: 38px;
    letter-spacing: 4px;
    line-height: 45px;
}
.sec_4 .block-text-16 {
    top: 65.8%;
    left: 27%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-17 {
    top: 65.9%;
    left: 67%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-18 {
    top: 73.5%;
    left: 29.5%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-19 {
    top: 82.3%;
    left: 7.5%;
    font-size: 84px;
}
.sec_4 .block-text-20 {
    top: 82.5%;
    left: 24.5%;
    color: #fff;
    font-size: 42px;
    letter-spacing: 4px;
}
.sec_4 .block-text-21 {
    top: 85.5%;
    left: 24%;
    font-size: 38px;
    letter-spacing: 4px;
    line-height: 45px;
}
.sec_4 .block-text-22 {
    top: 92.8%;
    left: 30%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}
.sec_4 .block-text-23 {
    top: 92.8%;
    left: 67%;
    color: #fff;
    font-size: 40px;
    letter-spacing: 5px;
}

.sec_5 .block-text-1 {
    top: 4.5%;
    left: 50.5%;
    font-size: 91px;
    letter-spacing: 6px;
    color: #fff;
}
.sec_5 .block-text-2 {
    top: 16%;
    color: #fff;
    font-size: 39px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 50px;
}
.sec_5 .block-text-3 {
    top: 59%;
    left: 28.5%;
    font-size: 42px;
    letter-spacing: 4px;
    color: #614300;
}
.sec_5 .block-text-4 {
    top: 64.7%;
    left: 29%;
    text-wrap: wrap;
    width: 64%;
    font-size: 32px;
    letter-spacing: 4px;
    text-align: justify;
    line-height: 45px;
}
.sec_5 .block-text-5 {
    top: 82%;
    left: 28.5%;
    font-size: 42px;
    letter-spacing: 4px;
    color: #614300;
}
.sec_5 .block-text-6 {
    top: 88%;
    left: 29%;
    text-wrap: wrap;
    width: 64%;
    font-size: 32px;
    letter-spacing: 4px;
    text-align: justify;
    line-height: 45px;
}

.sec_6 .block-text-1 {
    top: 3.3%;
    font-size: 64px;
    color: #fff;
    letter-spacing: 4px;
}
.sec_6 .block-text-2 {
    text-align: center;
    top: 13%;
    font-size: 33px;
    letter-spacing: 4px;
}
.sec_6 .block-text-3 {
    top: 30%;
    font-size: 70px;
    letter-spacing: 4px;
    color: #1b3832;
}
.sec_6 .block-text-4 {
    text-align: center;
    top: 36%;
    font-size: 70px;
    letter-spacing: 4px;
    color: #614300;
}

.sec_7 .block-text-1 {
    text-align: center;
    top: 1%;
    font-size: 90px;
    letter-spacing: 4px;
    line-height: 125px;
    color: #fef4e0;
}
.sec_7 .block-text-1 span {
    color: #ffe097;
}
.sec_7 .block-text-2 {
    top: 17.5%;
    left: 20.5%;
    color: #fff;
    font-size: 55px;
}
.sec_7 .block-text-3 {
    top: 33%;
    left: 11.7%;
    font-size: 33px;
    letter-spacing: 2px;
    line-height: 45px;
}
.sec_7 .block-text-4 {
    top: 17.7%;
    left: 68%;
    color: #fff;
    font-size: 55px;
}
.sec_7 .block-text-5 {
    top: 33%;
    left: 56%;
    font-size: 33px;
    letter-spacing: 2px;
}
.sec_7 .block-text-6 {
    top: 39.5%;
    left: 20.5%;
    color: #fff;
    font-size: 43px;
    line-height: 50px;
}
.sec_7 .block-text-7 {
    top: 55.3%;
    left: 11.5%;
    font-size: 33px;
    letter-spacing: 2px;
    line-height: 45px;
}
.sec_7 .block-text-8 {
    top: 40.7%;
    left: 68%;
    color: #fff;
    font-size: 55px;
    line-height: 50px;
}
.sec_7 .block-text-9 {
    top: 55.3%;
    left: 55.5%;
    font-size: 33px;
    letter-spacing: 2px;
    line-height: 45px;
}
.sec_7 .block-text-10 {
    top: 64.3%;
    left: 22%;
    color: #fff;
    font-size: 47px;
    line-height: 50px;
}
.sec_7 .block-text-11 {
    top: 70.2%;
    left: 22%;
    font-size: 33px;
    letter-spacing: 4px;
    line-height: 45px;
}

.sec_8 .block-text-1 {
    text-align: center;
    top: 4%;
    font-size: 90px;
    letter-spacing: 4px;
    line-height: 125px;
    color: #fff;
}
.sec_8 .block-text-2 {
    top: 32.7%;
    left: 28%;
    color: #fff;
    font-size: 35px;
}
.sec_8 .block-text-3 {
    top: 35.6%;
    color: #fff;
    left: 6%;
    font-size: 35px;
}
.sec_8 .block-text-4 {
    top: 15.5%;
    left: 45.3%;
    font-size: 33px;
    text-wrap: wrap;
    line-height: 47px;
    width: 47%;
    letter-spacing: 2px;
    text-align: justify;
}
.sec_8 .block-text-5 {
    top: 21%;
    left: 45.3%;
    font-size: 33px;
    text-wrap: wrap;
    line-height: 47px;
    width: 47%;
    letter-spacing: 2px;
    text-align: justify;
}
.sec_8 .block-text-6 {
    top: 61.1%;
    left: 28%;
    color: #fff;
    font-size: 35px;
}
.sec_8 .block-text-7 {
    top: 63.9%;
    color: #fff;
    left: 6%;
    font-size: 35px;
}
.sec_8 .block-text-8 {
    top: 43.8%;
    left: 45.3%;
    font-size: 33px;
    text-wrap: wrap;
    line-height: 47px;
    width: 47%;
    letter-spacing: 2px;
    text-align: justify;
}
.sec_8 .block-text-9 {
    top: 47.3%;
    left: 45.3%;
    font-size: 33px;
    text-wrap: wrap;
    line-height: 40px;
    width: 47%;
    letter-spacing: 2px;
    text-align: justify;
}
.sec_8 .block-text-10 {
    top: 89.5%;
    left: 28%;
    color: #fff;
    font-size: 35px;
}
.sec_8 .block-text-11 {
    top: 92.4%;
    color: #fff;
    left: 6%;
    font-size: 35px;
}
.sec_8 .block-text-12 {
    top: 72.5%;
    left: 45.3%;
    font-size: 33px;
    text-wrap: wrap;
    line-height: 47px;
    width: 47%;
    letter-spacing: 2px;
    text-align: justify;
}
.sec_8 .block-text-13 {
    top: 76.3%;
    left: 45.3%;
    font-size: 33px;
    text-wrap: wrap;
    line-height: 40px;
    width: 47%;
    letter-spacing: 2px;
    text-align: justify;
}