:root {
    --gold: #b7712a;
}
.engrave h1, h2, h3 {
    color: var(--gold);
    line-height:1;
}
.engrave .desc {
    font-size: clamp(14px, 1.2vw, 21px);
}
.engrave [data-bg] {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
}

.color-black {
    color: black;
}
.color-black .desc {
    color: black!important;
}
.unique .two_col {
    align-items: center;
}
.unique .col_left {
    text-align: center;
    margin-top: clamp(-180px, -7vw, 0px);
    width: clamp(500px, 36vw, 620px);
    margin-left: clamp(30px, 3vw, 50px);
}

.unique .sub_title {
    color: var(--gold)!important;
}
.engrave h2,
.unique .two_col h1 {
    font-size: clamp(36px, 3vw, 56px);
    font-weight: 400;
    font-family: "Noto Serif TC", serif;
}
.lang-zh .engrave h1,
.lang-zh .engrave h2 {
    letter-spacing: 4px;
}
.engrave h3,
.unique .two_col .sub_title {
    font-size: clamp(24px, 2vw, 36px);
    font-weight: 300;
    font-family: "Noto Serif TC", serif;
}

.engrave h2 {
    padding-top: 140px;
}

.engrave .reservationArea h2 {
    padding-top: 0;
}

.unique .two_col .desc {
    font-size: clamp(14px, 1.2vw, 21px);
    text-align: center;
    line-height: 1.8;
}

section.video .videoOk .Img {
    opacity: 0;
    z-index: -1;
}

.yt_player {
    display: none!important;
}

.free-choice .wrapper,
.jwerlry .wrapper {
    background-size: cover;
}

.free-choice .child-wrapper > div:last-child::after {
    content: '';
    display: block;
    width: 1400px;
    height: 1px;
    background: var(--gold);
    margin: 0 auto; 
}

.free-choice .right-side,
.free-choice .left-side {
    position: absolute;
    line-height: 1.8;
    top: 160px;
}
.free-choice .right-side *,
.free-choice .left-side * {
    text-align: left;
}

.free-choice .desc {
    margin-top: 15px;
    line-height: 50px;
    text-align: justify!important;
}

.free-choice .right-side {
    width: 624px;
    left: calc(50% - 60px);
    
}
.free-choice .left-side {
    width: 680px;
    left: calc(50% - 565px);
}

.inspire .grid
 {
  margin: 80px 0;
  display: grid;
  grid-template-columns: repeat(3,405px);  /* 3 columns */
  grid-template-rows: repeat(2,577px); /* 3 rows  */
  grid-gap:66px; /* 50 pixels of space added between rows and 30 pixels added between columns  */
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.inspire .wrapper::after {
    content: '';
    clear: both;
    display: table;
}

.inspire .grid-item{
  padding-top: 455px;
  text-align: center;
}

.inspire .grid-item h4 {
    font-size: clamp(16px, 1.7vw, 24px);
    font-weight: 400;
    color: black;
}

.inspire .grid-item .desc {
    font-size: clamp(14px, 1.2vw, 20px);
    font-weight: 300;
    color: black;
    line-height: 1.8;
    margin-top: 15px;
}

.jwerlry .child-wrapper {
    max-width: 1440px;
    margin: 80px auto;
}

section.moment .content_wrap {
    position: relative;
    margin: 80px 0;
}

.moment .col_right {
    justify-content: flex-start;
    padding-top: 30px;
    padding-left:  100px;
    line-height: 36px;
}

.moment .col_right h4 {
    font-size: clamp(16px, 3vw, 24px);
    font-weight: 400;
    margin-top: 30px;
    color: black;
}

.moment .col_right p {
    font-size: clamp(13px, 3vw, 18px);
    font-weight: 300;
    
}

.item_files a {
    display: block;
    cursor: pointer;
    width: 50%;
    opacity: 0;
    overflow: hidden;
    text-align: center;
}

.item_files {
    justify-content: space-between;
    margin:40px 0 0 80px;
    gap: 60px;
    height: 150px;
}


@media screen and (max-width: 1680px) {
    .engrave h2 {
        padding-top: 120px;
    }
    .free-choice .desc {
        line-height: 40px;
    }
    .free-choice .right-side, .free-choice .left-side {
        top: 140px;
    }
    .free-choice .right-side {
        max-width: 550px;
    }
    .free-choice .left-side {
        max-width: 660px;
        left: calc(50% - 520px);
    }
    .free-choice .child-wrapper > div:last-child::after,
    .jwerlry .child-wrapper {
        max-width: 1220px;
    }
    .inspire .grid {
        grid-template-columns: repeat(3, 380px);
        grid-template-rows: repeat(2, 540px);
        grid-gap: 50px;
    }
    .inspire .grid-item {
        padding-top: 415px;
    }
}

@media (min-width: 1280px) and (max-width: 1679px) {
  .engrave h2 {
        padding-top: 90px;
    }
    .free-choice .desc {
        line-height: 32px;
    }
    .free-choice .right-side, .free-choice .left-side {
        top: 120px;
    }
    .free-choice .right-side {
        max-width: 480px;
    }
    .free-choice .left-side {
        max-width: 580px;
        left: calc(50% - 420px);
    }
    .jwerlry .child-wrapper {
        max-width: 1100px;
    }
    .free-choice .child-wrapper > div:last-child::after {
        max-width: 1040px;
    }
    .inspire .grid {
        grid-template-columns: repeat(3, 330px);
        grid-template-rows: repeat(2, 530px);
        grid-gap: 50px;
    }
    .inspire .grid-item {
        padding-top: 365px;
    }
    .jwerlry .wrapper {
        min-height: 840px;
    }
    .moment .col_right {
        padding-top: 0;
    }
}

@media (max-width: 1280px) {
    .free-choice .child-wrapper > div:last-child::after {
        max-width: 940px;
    }
}