@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --loaded-height-screen: 1124px;
  --width-screen: 576px;
  --height-screen: 1124px;
  --diagonal-screen: 1262.9932699741514px;
  --diagonal-contact-area: 683.8569957417998px;
  --base_color1:#0cc0df; }

*, *::before, *::after {
  box-sizing: border-box;
  /* Ensures padding and border are included in the element's total width and height */
  margin: 0;
  /* Removes default margins */
  padding: 0;
  /* Removes default padding */ }

/* Remove default list styles */
ul, ol {
  padding-left: 1.5em; }
  ul li, ol li {
    margin-top: 0.5em; }

/* Remove default text decoration and inherit color for links */
a {
  text-decoration: none;
  color: inherit; }

/* Ensure images and other media are responsive */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
  height: auto; }

/* Inherit font styles for form elements */
input, button, textarea, select {
  font: inherit; }

body {
  font-family: "Noto Serif TC","Roboto", Sans-serif;
  background-repeat: repeat; }

ol li,
ul li,
p {
  font-family: "Noto serif TC",arial;
  font-weight: 600; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Serif TC","Roboto", Sans-serif; }

#beauty_btn {
  color: #ffffff;
  border: 2px solid rgba(233, 190, 72, 0.5);
  font-size: 25px;
  margin-top: 20px;
  display: inline-block;
  padding: 9px 20px;
  line-height: 1em;
  border-radius: 40px;
  transition: 0.3s; }
  #beauty_btn:hover {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(233, 190, 72, 0.9);
    border: 2px solid rgba(233, 190, 72, 0.9); }

#all_posts article .panel .entry-content .ib p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; }

#my_account {
  position: absolute;
  top: 50%;
  right: 20px;
  display: flex;
  transform: translate(0, -50%); }
  #my_account svg {
    width: 20px; }

header#sv_main .innerbx {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 0 55px 0 15px;
  position: relative; }
header#sv_main .site-title {
  display: none; }
header#sv_main nav#site-menu {
  display: flex; }
  header#sv_main nav#site-menu ul li.menu-item-has-children {
    position: relative; }
  header#sv_main nav#site-menu ul li.menu-item-has-children:after {
    content: "";
    position: absolute;
    right: 2px;
    top: 51%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-color: currentColor;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M2.1,3.2 7.5,8.6 12.9,3.2 15,4.3 7.5,11.8 0,4.3 2.1,3.2z"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path d="M2.1,3.2 7.5,8.6 12.9,3.2 15,4.3 7.5,11.8 0,4.3 2.1,3.2z"/></svg>');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat; }
  header#sv_main nav#site-menu button {
    border: 0px;
    background: none;
    width: 48px;
    height: 48px;
    cursor: pointer;
    display: none; }
    header#sv_main nav#site-menu button:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 3px;
      left: 0;
      border-radius: 50%;
      -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
    header#sv_main nav#site-menu button span {
      display: block;
      background: #2e3540;
      width: 25px;
      height: 2px;
      position: absolute;
      left: 50%;
      margin: 0 0 0 -10px;
      top: 50%;
      -webkit-transition: background-color 100ms;
      transition: background-color 100ms; }
      header#sv_main nav#site-menu button span:before {
        content: "";
        display: block;
        background: #2e3540;
        width: 25px;
        height: 2px;
        position: absolute;
        left: 0;
        -webkit-transition: top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        top: -8px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      header#sv_main nav#site-menu button span:after {
        content: "";
        display: block;
        background: #2e3540;
        width: 25px;
        height: 2px;
        position: absolute;
        left: 0;
        -webkit-transition: top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), top 0.2s, width 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        width: 12px;
        top: 8px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    header#sv_main nav#site-menu button:hover::before {
      -webkit-transform: scale(1.13);
      transform: scale(1.13); }
    header#sv_main nav#site-menu button:hover span::after {
      width: 20px; }
  header#sv_main nav#site-menu ul:not(.sub-menu) {
    display: flex; }
    header#sv_main nav#site-menu ul:not(.sub-menu) > li {
      margin: 0 4px 0 0;
      padding: 4px 15px 4px 15px; }
      header#sv_main nav#site-menu ul:not(.sub-menu) > li a {
        font-weight: 600;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        font-size: 16px;
        color: #6a676b; }

.open_menu header#sv_main nav#site-menu button span {
  background: #2e3540; }

.open_menu header#sv_main nav#site-menu button span:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 0; }

.open_menu header#sv_main nav#site-menu button span:after {
  width: 20px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 0; }

.l-header-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1; }
  .l-header-bg .l-header-bg__inner {
    width: 68px;
    height: 64px;
    position: absolute;
    top: 18px;
    right: 5px; }
  .l-header-bg .l-header-bg__circle--black {
    background: #000 !important;
    -webkit-transition-delay: .2s;
    transition-delay: .2s; }
  .l-header-bg .l-header-bg__circle {
    width: calc(var(--diagonal-screen) * 2.1);
    height: calc(var(--diagonal-screen) * 2.1);
    border-radius: 50%;
    background: #f7f8fa;
    position: absolute;
    top: calc(50% - var(--diagonal-screen) * 2.1 * .5);
    left: calc(50% - var(--diagonal-screen) * 2.1 * .5);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: scale(0);
    transform: scale(0); }
  .l-header-bg .l-header-bg__circle--gray {
    background: #f7f8fa;
    -webkit-transition-delay: .1s;
    transition-delay: .1s; }

.open_menu .l-header-bg .l-header-bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: auto; }
.open_menu .l-header-bg .l-header-bg__circle--black {
  background: #000 !important;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  transform: scale(1); }
.open_menu .l-header-bg .l-header-bg__circle--gray {
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
  transform: scale(1); }

header#sv_main nav#site-menu ul:not(.sub-menu) li a:after {
  content: '';
  position: absolute;
  bottom: 15%;
  left: 50%;
  width: 0;
  background: #BE7147;
  height: 2px;
  transition: 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

header#sv_main nav#site-menu ul:not(.sub-menu) li a {
  position: relative; }

header#sv_main nav#site-menu ul:not(.sub-menu) li a:hover:after {
  width: 100%;
  left: 0%; }

@media (min-width: 768px) {
  nav#site-menu {
    height: 50px; }
    nav#site-menu ul#primary-menu {
      height: 50px; }
      nav#site-menu ul#primary-menu > li {
        height: 50px; }
        nav#site-menu ul#primary-menu > li > a {
          display: flex;
          height: 42px;
          align-items: center; } }
@media (max-width: 768px) {
  body.open_menu #sv_main #site-menu .menu-main-container {
    transform: translate(0, 0); }

  #sv_main #site-menu .menu-main-container {
    transform: translate(100vw, 0);
    transition: 0.3s;
    position: fixed;
    width: 100%;
    min-height: 100vh;
    top: 0;
    left: 0;
    z-index: 3; }
    #sv_main #site-menu .menu-main-container ul#primary-menu {
      display: block;
      min-height: 100vh;
      padding: 100px 20px 15px;
      box-sizing: border-box; }
      #sv_main #site-menu .menu-main-container ul#primary-menu li {
        width: 100%;
        display: block;
        margin-bottom: 1em;
        display: flex;
        flex-direction: row-reverse; }
        #sv_main #site-menu .menu-main-container ul#primary-menu li a {
          font-size: 20px;
          display: inline-block; }

  #sv_main #site-menu button.menu-toggle {
    display: block;
    position: fixed;
    right: 15px;
    top: 5px;
    z-index: 8; } }
footer.site-footer {
  background-image: url(/wp-content/uploads/2026/01/Japanese_Pattern_33_D-1.jpg);
  background-position: center bottom;
  background-size: cover;
  color: #fff;
  background-repeat: repeat; }
  footer.site-footer ul, footer.site-footer li {
    list-style-type: none;
    padding-left: 0; }
  footer.site-footer .footer_inner {
    margin: auto;
    max-width: 1200px;
    padding: 30px 15px 10px;
    display: flex;
    justify-content: space-between; }
    footer.site-footer .footer_inner .left {
      width: 400px; }
      footer.site-footer .footer_inner .left .logo a {
        display: block;
        margin-bottom: 20px; }
        footer.site-footer .footer_inner .left .logo a img {
          display: block;
          max-width: 200px; }
      footer.site-footer .footer_inner .left .pg {
        line-height: 1.5;
        font-size: 16px;
        padding-left: 5px; }
      footer.site-footer .footer_inner .left .contact {
        padding-top: 10px;
        font-size: 15px;
        line-height: 1.5; }
        footer.site-footer .footer_inner .left .contact .t1 {
          margin-bottom: 5px; }
      footer.site-footer .footer_inner .left .sns {
        padding-top: 20px;
        display: flex; }
        footer.site-footer .footer_inner .left .sns a {
          transition: 0.3s;
          margin-right: 10px;
          width: 36px;
          height: 36px; }
          footer.site-footer .footer_inner .left .sns a:hover {
            color: #BE7147; }
          footer.site-footer .footer_inner .left .sns a svg {
            width: 20px; }
          footer.site-footer .footer_inner .left .sns a:hover svg path {
            transition: 0.3s; }
    footer.site-footer .footer_inner .right {
      width: auto;
      display: flex; }
      footer.site-footer .footer_inner .right .small_menu {
        padding-top: 10px; }
        footer.site-footer .footer_inner .right .small_menu h4 {
          font-size: 18px;
          font-family: "Noto Serif TC","Roboto", Sans-serif;
          text-transform: uppercase;
          margin-bottom: 10px;
          letter-spacing: 1px; }
        footer.site-footer .footer_inner .right .small_menu ul {
          padding-top: 5px; }
          footer.site-footer .footer_inner .right .small_menu ul li a {
            color: #fff;
            font-size: 16px;
            transition: 0.3s;
            line-height: 2;
            letter-spacing: 1px; }
            footer.site-footer .footer_inner .right .small_menu ul li a:hover {
              color: #BE7147; }
      footer.site-footer .footer_inner .right ul.menu {
        min-width: 140px; }
        footer.site-footer .footer_inner .right ul.menu li {
          margin-bottom: 5px; }
          footer.site-footer .footer_inner .right ul.menu li a {
            display: block;
            font-family: "Noto Serif TC","Roboto", Sans-serif;
            text-transform: uppercase;
            font-size: 15px;
            font-weight: 600; }
            footer.site-footer .footer_inner .right ul.menu li a:hover {
              color: #BE7147; }
  footer.site-footer .copyright {
    background-color: #1b1d1f;
    padding: 22px 0 12px;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    color: #999;
    letter-spacing: 1px;
    text-transform: uppercase; }

footer.site-footer .footer_inner .left .sns a svg.yt {
  width: 30px; }

footer.site-footer .footer_inner .left .sns a:hover svg.fb path {
  fill: #7991ff; }

footer.site-footer .footer_inner .left .sns a:hover svg.yt path {
  fill: #ff7979; }

@media (max-width: 768px) {
  footer.site-footer .footer_inner {
    display: flex;
    flex-wrap: wrap; }
    footer.site-footer .footer_inner .left {
      margin-bottom: 30px; } }
@media (max-width: 500px) {
  footer.site-footer .footer_inner .left .logo a img {
    margin: auto; }

  footer.site-footer .footer_inner .left .pg {
    text-align: center; }

  footer.site-footer .footer_inner .left .contact {
    text-align: center; }

  footer.site-footer .footer_inner .left .sns {
    justify-content: center; }

  footer.site-footer .footer_inner .right {
    justify-content: center;
    margin: auto; }

  footer.site-footer .footer_inner .right ul.menu li {
    margin: 0; }

  footer.site-footer .footer_inner .left {
    margin-bottom: 0; } }
#page_tpl {
  min-height: 800px;
  padding-bottom: 50px; }

header#sv_main .site-branding .custom-logo-link {
  display: block;
  padding: 5px; }
  header#sv_main .site-branding .custom-logo-link img {
    max-width: 200px; }

.sv_breadcrumb {
  position: absolute;
  z-index: 22;
  background: #eee;
  opacity: 0;
  z-index: -99; }

/* 基礎設定 */
.site-header {
  width: 100%;
  background-color: #faf6ea;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 0;
  z-index: 1000; }

.innerbx {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* 品牌 Logo */
.site-branding img {
  max-height: 60px;
  /* 縮放 Logo 高度 */
  width: auto; }

.site-title, .site-description {
  display: none;
  /* 通常已有 Logo，隱藏文字標題避免雜亂 */ }

/* 主選單 */
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: "Noto serif TC",arial; }

.main-navigation li {
  position: relative;
  margin-left: 25px; }

.main-navigation a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  transition: color 0.3s;
  font-size: 1.1rem; }

.main-navigation a:hover {
  color: #d11a2a;
  /* 寺廟常用的紅色調 */ }

/* 下拉選單 (Sub-menu) */
.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #faf6ea;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  display: none;
  /* 預設隱藏 */
  flex-direction: column;
  min-width: 150px;
  padding: 10px 0 !important; }

.menu-item-has-children:hover > .sub-menu {
  display: flex; }

header#sv_main #primary-menu .sub-menu li {
  margin: 0;
  padding: 0 20px; }

header#sv_main #primary-menu .sub-menu a {
  padding: 10px 0px;
  font-size: 0.95rem;
  display: inline-flex; }

/* 隱藏手機版按鈕 */
.menu-toggle {
  display: none; }

/* ======================  RWD ======================= */
@media screen and (max-width: 768px) {
  .innerbx {
    padding: 15px; }

  /* 手機版漢堡按鈕 */
  .menu-toggle {
    display: block;
    background: none;
    border: none;
    cursor: pointer;
    padding: 10px; }

  .menu-toggle span, .menu-toggle span::before, .menu-toggle span::after {
    display: block;
    width: 25px;
    height: 3px;
    background: #333;
    position: relative;
    transition: 0.3s; }

  .menu-toggle span::before, .menu-toggle span::after {
    content: "";
    position: absolute; }

  .menu-toggle span::before {
    top: -8px; }

  .menu-toggle span::after {
    bottom: -8px; }

  /* 選單容器 */
  .menu-menu-1-container {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    max-height: 0;
    /* 預設高度為 0 */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
    border-top: 1px solid #eee; }

  /* 當選單展開時 (需要配合 JS 或是 checkbox 技巧，這裡假設加上 class 'toggled') */
  .main-navigation.toggled .menu-menu-1-container {
    max-height: 1200px; }

  .main-navigation ul {
    flex-direction: column;
    padding: 20px; }

  .main-navigation li {
    margin: 10px 0; }

  /* 手機版下拉選單改為靜態展開或縮排 */
  .sub-menu {
    position: static;
    box-shadow: none;
    display: block;
    padding-left: 20px !important;
    background: none;
    padding: 5px !important; }
    .sub-menu li {
      line-height: 1em; }
      .sub-menu li a {
        display: inline-flex;
        height: 30px;
        align-items: center;
        padding: 0 !important;
        margin-bottom: 10px; }

  header#sv_main nav#site-menu ul li.menu-item-has-children:after {
    display: none; }

  #primary-menu {
    background: #fff; }

  #primary-menu > li:not(.sub-menu) {
    padding: 8px 8px; }

  header#sv_main nav#site-menu ul:not(.sub-menu) > li > a {
    display: inline-block;
    height: 30px; } }
/* =======  Homepage Header ======== */
@media (min-width: 768px) {
  .home header#sv_main nav#site-menu ul:not(.sub-menu) > li > a {
    color: #fff;
    text-shadow: 0 1px 2px #4a4a4a;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: "Noto serif TC",arial; }
  .home header#sv_main .innerbx {
    min-height: 80px;
    transition: 0.3s; }
  .home header#sv_main.scrolled .innerbx {
    min-height: 60px; }
  .home header#sv_main .site-branding .custom-logo-link img {
    max-width: 220px;
    max-height: none;
    transition: 0.3s; }
  .home header#sv_main.scrolled .site-branding .custom-logo-link img {
    max-width: 200px;
    max-height: none; }
  .home header#sv_main.scrolled nav#site-menu ul:not(.sub-menu) > li a {
    color: #6a676b;
    text-shadow: none; }
  .home header#sv_main nav#site-menu ul li.menu-item-has-children:after {
    color: #fff; }
  .home header#sv_main.scrolled nav#site-menu ul li.menu-item-has-children:after {
    color: #6a676b; }
  .home .site-header {
    box-shadow: none;
    background: transparent;
    position: fixed;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.05); }
    .home .site-header:before {
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      inset: 0;
      backdrop-filter: blur(10px);
      /* 關鍵：對背景模糊處理 */
      -webkit-backdrop-filter: blur(10px);
      /* 為了 Safari 瀏覽器 */
      z-index: -2; }
    .home .site-header #my_account svg path {
      fill: #fff; }
    .home .site-header.scrolled {
      background-color: #faf6ea !important;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
      .home .site-header.scrolled #my_account svg path {
        fill: #6a676b; } }
/* min-width 768  */
@media (max-width: 768px) {
  #sv_main .site-branding {
    margin: auto; }

  #my_account {
    left: 20px;
    width: 20px; }

  header#sv_main nav#site-menu ul:not(.sub-menu) li a:after {
    bottom: 0%; } }
@media (max-width: 500px) {
  header#sv_main .innerbx {
    padding: 0 15px; }

  header#sv_main .site-branding .custom-logo-link img {
    max-width: 170px; } }
#home_top_sec1 {
  margin-bottom: 100px; }
  #home_top_sec1 .inner {
    display: flex;
    align-content: space-around;
    align-items: center; }
    #home_top_sec1 .inner .left {
      width: 50%; }
      #home_top_sec1 .inner .left h1 {
        font-size: 18px;
        margin-bottom: 0.5em;
        color: #999; }
      #home_top_sec1 .inner .left h2 {
        font-size: 60px;
        margin-bottom: 0.5em; }
      #home_top_sec1 .inner .left h3 {
        color: #1a222ABA;
        font-size: 18px;
        line-height: 1.6em;
        margin: 3% 7% 0 0;
        margin-bottom: 0.5em;
        color: #777; }
    #home_top_sec1 .inner .right {
      width: 50%; }

#home_top_sec2 {
  background: #021b74;
  padding: 80px 15px; }
  #home_top_sec2 .mytitle h3 {
    color: #fff; }
  #home_top_sec2 .mytitle a {
    color: #fff; }
  #home_top_sec2 .action {
    display: flex;
    justify-content: center;
    padding: 50px 15px 0px; }

.mytitle {
  text-align: center; }
  .mytitle h3 {
    font-size: 60px;
    margin-bottom: 1em;
    margin-top: 0; }

.my_collections .inner_bx {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: auto;
  gap: 3%; }
  .my_collections .inner_bx .ibox {
    width: 31%;
    margin-bottom: 20px; }
    .my_collections .inner_bx .ibox h4 {
      margin: 0;
      padding: 10px 0; }
      .my_collections .inner_bx .ibox h4 a {
        display: flex;
        justify-content: space-between;
        color: #fff;
        font-size: 20px;
        font-weight: 300;
        letter-spacing: 0.01em; }

#home_top_sec3 {
  padding: 80px 15px; }
  #home_top_sec3 .action {
    display: flex;
    justify-content: center;
    padding: 50px 15px 0px; }
  #home_top_sec3 .my_collections .inner_bx .ibox h4 a {
    color: #333;
    font-weight: 500; }

@media (max-width: 768px) {
  .my_collections .inner_bx {
    flex-wrap: wrap; }

  .my_collections .inner_bx .ibox {
    width: 100%; }
    .my_collections .inner_bx .ibox a {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      display: block; }
      .my_collections .inner_bx .ibox a img {
        display: block;
        width: 100%; }
    .my_collections .inner_bx .ibox h4 a {
      display: block;
      text-align: center; } }
#single_tpl {
  max-width: 830px;
  margin: auto;
  padding: 50px 15px;
  box-sizing: border-box; }
  #single_tpl img {
    display: block;
    margin-bottom: 30px; }
  #single_tpl h1 {
    color: #943c24;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4em; }
  #single_tpl .entry-meta {
    padding: 20px 0; }
  #single_tpl .entry-content {
    line-height: 1.8em;
    font-size: 18px;
    color: #666; }

#single_tpl .entry-meta .tl {
  display: flex;
  align-items: center;
  font-family: 'Roboto',arial; }
  #single_tpl .entry-meta .tl svg {
    margin-right: 10px; }

.other_link {
  margin-top: 50px;
  padding: 50px 0;
  border-top: 1px solid #d5d5d5; }
  .other_link a:hover {
    text-decoration: underline; }

#single_tpl .action {
  margin: auto;
  text-align: center;
  padding-top: 30px; }

#single_tpl .action .back_news {
  border: 2px solid #E2AD46;
  border-radius: 20px;
  background: #fff;
  color: #E2AD46;
  padding: 10px 27px 10px 30px;
  margin: auto;
  line-height: 1em;
  display: inline-block;
  transition: 0.3s;
  letter-spacing: 2px; }
  #single_tpl .action .back_news:hover {
    background: #E2AD46;
    color: #fff; }

@media (min-width: 768px) {
  .nav-links > div {
    line-height: 2em;
    margin-top: 5px; } }
@media (max-width: 768px) {
  #single_tpl h1 {
    font-size: 30px; }

  .nav-links > div {
    line-height: 2em;
    margin-top: 5px; } }
.woocommerce #page_tpl {
  padding: 100px 15px 100px;
  max-width: 1200px;
  margin: auto;
  box-sizing: border-box; }

#woo_tpl {
  max-width: 1200px;
  margin: 20px auto;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(40px);
  border-radius: 10px; }
  #woo_tpl .inner_box {
    padding: 50px 30px 100px;
    max-width: 1200px;
    margin: auto auto 100px;
    box-sizing: border-box; }

/**
*.   My Account  
**/
#my_order {
  font-size: 23px;
  margin-bottom: 20px; }

a.edit {
  color: #923d22;
  font-weight: bold; }
  a.edit:hover {
    color: #cd5934; }

.woocommerce-account .woocommerce .woocommerce-MyAccount-content th br {
  display: none; }

.woocommerce-account .woocommerce table.woocommerce-orders-table {
  font-size: 16px; }

.return-to-shop a.button.wc-backward {
  margin: auto;
  font-family: "Noto Serif TC", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 8px 10px;
  fill: #E2AD46;
  color: #E2AD46;
  background: #fff;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #E2AD46;
  border-radius: 70px 70px 70px 70px;
  transition: 0.3s; }
  .return-to-shop a.button.wc-backward:hover {
    color: #fff;
    background: #E2AD46; }

a.woocommerce-button.button {
  margin: auto;
  font-family: "Noto Serif TC", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding: 6px 10px;
  fill: #E2AD46;
  color: #E2AD46;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #E2AD46;
  border-radius: 70px 70px 70px 70px;
  transition: 0.3s; }
  a.woocommerce-button.button:hover {
    color: #fff;
    background: #E2AD46; }

button.woocommerce-Button.button {
  margin: auto;
  font-family: "Noto Serif TC", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 7px 20px 8px;
  fill: #E2AD46;
  color: #E2AD46;
  background: #fff;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #E2AD46;
  border-radius: 70px 70px 70px 70px;
  transition: 0.3s; }
  button.woocommerce-Button.button:hover {
    color: #fff;
    background: #E2AD46; }

.woocommerce-MyAccount-navigation ul li a br {
  display: none; }

/* Basic reset for My Account page layout */
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation {
  width: 100%;
  float: none;
  margin: 0;
  padding: 20px;
  box-sizing: border-box; }

/* Reset navigation menu (remove bullets, fix spacing) */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.woocommerce-MyAccount-navigation ul li {
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid #ddd; }

.woocommerce-MyAccount-navigation ul li.is-active a {
  font-weight: bold;
  color: #000;
  /* Adjust as needed */ }

/* Reset tables (e.g., orders table) */
.woocommerce-MyAccount-content table {
  width: 100%;
  border-collapse: collapse; }

.woocommerce-MyAccount-content th,
.woocommerce-MyAccount-content td {
  padding: 10px;
  border: 1px solid #ddd;
  text-align: left; }

/* Reset forms (e.g., edit account, addresses) */
.woocommerce-MyAccount-content form {
  margin: 0;
  padding: 0; }

.woocommerce-MyAccount-content input,
.woocommerce-MyAccount-content select {
  width: 100%;
  max-width: 300px;
  padding: 10px;
  margin-bottom: 10px; }

/* Full container reset if layout is broken */
.woocommerce-account .woocommerce {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px; }

.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button {
  background: none;
  border: 2px solid var(--base_color1);
  color: var(--base_color1);
  transition: 0.3s !important;
  border-radius: 50px;
  box-shadow: none !important; }
  .wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover,
  .wc-block-cart__submit-button:hover {
    background: var(--base_color1);
    color: #fff; }

/*. shop        */
.woocommerce-shop .woocommerce.columns-4 {
  max-width: 1200px;
  margin: auto;
  padding: 20px 15px; }
.woocommerce-shop ul.products.columns-4 li {
  text-align: center;
  background: #fff;
  padding-bottom: 18px;
  box-shadow: 0 1px 5px #d8d6d6;
  border-radius: 5px; }
  .woocommerce-shop ul.products.columns-4 li .woocommerce-LoopProduct-link {
    background: #fff;
    display: block; }
    .woocommerce-shop ul.products.columns-4 li .woocommerce-LoopProduct-link h2 {
      padding: 0 15px !important;
      font-size: 20px; }
    .woocommerce-shop ul.products.columns-4 li .woocommerce-LoopProduct-link .price {
      padding: 5px 15px !important;
      font-size: 16px; }
  .woocommerce-shop ul.products.columns-4 li a.button {
    margin: auto;
    font-family: "Noto Serif TC", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 10px;
    fill: #E2AD46;
    color: #E2AD46;
    background: #fff;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #E2AD46;
    border-radius: 70px 70px 70px 70px;
    transition: 0.3s; }
    .woocommerce-shop ul.products.columns-4 li a.button:hover {
      color: #fff;
      background: #E2AD46; }

/*  ======================  Order received Page ======================  */
.woocommerce-order-received .woocommerce-table--order-details {
  background: #fff; }
  .woocommerce-order-received .woocommerce-table--order-details td, .woocommerce-order-received .woocommerce-table--order-details th {
    border-color: #e1caa8 !important; }
  .woocommerce-order-received .woocommerce-table--order-details tbody td, .woocommerce-order-received .woocommerce-table--order-details tbody th {
    border-color: #e1caa8; }
  .woocommerce-order-received .woocommerce-table--order-details thead td, .woocommerce-order-received .woocommerce-table--order-details thead th {
    border-color: #e1caa8; }
.woocommerce-order-received table.order_details {
  border: 1px solid #e1caa8;
  border-collapse: collapse; }
.woocommerce-order-received .woocommerce-customer-details {
  display: none; }
.woocommerce-order-received .woocommerce ul.order_details {
  background: #fff;
  border: 1px solid #e1caa8;
  padding: 8px 15px 10px; }
  .woocommerce-order-received .woocommerce ul.order_details table {
    border: 1px solid #e1caa8; }
    .woocommerce-order-received .woocommerce ul.order_details table td, .woocommerce-order-received .woocommerce ul.order_details table th {
      border-color: #e1caa8 !important; }
  .woocommerce-order-received .woocommerce ul.order_details td, .woocommerce-order-received .woocommerce ul.order_details th {
    border-color: #e1caa8 !important; }
  .woocommerce-order-received .woocommerce ul.order_details tbody td, .woocommerce-order-received .woocommerce ul.order_details tbody th {
    border-color: #e1caa8; }
  .woocommerce-order-received .woocommerce ul.order_details thead td, .woocommerce-order-received .woocommerce ul.order_details thead th {
    border-color: #e1caa8; }
.woocommerce-order-received p.woocommerce-thankyou-order-received {
  font-size: 25px;
  margin-bottom: 1em;
  font-weight: 600;
  text-align: center; }
  .woocommerce-order-received p.woocommerce-thankyou-order-received table {
    border: 1px solid #e1caa8; }

/*  ======================  Cart Page ======================  */
.woocommerce-cart .woocommerce table.shop_table {
  background: #fff;
  border-color: #e1caa8; }
  .woocommerce-cart .woocommerce table.shop_table td, .woocommerce-cart .woocommerce table.shop_table th {
    border-color: #e1caa8 !important; }
.woocommerce-cart .woocommerce-cart-form table,
.woocommerce-cart .calculated_shipping table {
  background: #fff;
  border-color: #e1caa8; }
  .woocommerce-cart .woocommerce-cart-form table td, .woocommerce-cart .woocommerce-cart-form table th,
  .woocommerce-cart .calculated_shipping table td,
  .woocommerce-cart .calculated_shipping table th {
    border-color: #e1caa8 !important; }
  .woocommerce-cart .woocommerce-cart-form table tbody td, .woocommerce-cart .woocommerce-cart-form table tbody th,
  .woocommerce-cart .calculated_shipping table tbody td,
  .woocommerce-cart .calculated_shipping table tbody th {
    border-color: #e1caa8; }
  .woocommerce-cart .woocommerce-cart-form table thead td, .woocommerce-cart .woocommerce-cart-form table thead th,
  .woocommerce-cart .calculated_shipping table thead td,
  .woocommerce-cart .calculated_shipping table thead th {
    border-color: #e1caa8; }
.woocommerce-cart .woocommerce-customer-details {
  display: none; }
.woocommerce-cart .woocommerce ul.order_details {
  background: #fff;
  border: 1px solid #eee;
  padding: 8px 15px 10px; }
.woocommerce-cart p.woocommerce-thankyou-order-received {
  font-size: 25px;
  margin-bottom: 1em;
  font-weight: 600;
  text-align: center; }
.woocommerce-cart .wc-proceed-to-checkout a {
  border-radius: 30px;
  background: #fff !important;
  color: #E2AD46 !important;
  border: 2px solid #E2AD46 !important;
  padding: 10px !important;
  transition: 0.3s; }
  .woocommerce-cart .wc-proceed-to-checkout a:hover {
    background: #E2AD46 !important;
    color: #fff !important; }

/*  ======================  Checkout ======================  */
.woocommerce-checkout {
  /* ======================== 信徒資訊  ======================== */ }
  .woocommerce-checkout input {
    border-color: #e1caa8; }
  .woocommerce-checkout form .form-row .input-text {
    border-color: #e1caa8; }
  .woocommerce-checkout table.woocommerce-checkout-review-order-table {
    background: #fff !important;
    border: 1px solid #e1caa8; }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table td, .woocommerce-checkout table.woocommerce-checkout-review-order-table th {
      border-color: #e1caa8 !important; }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td, .woocommerce-checkout table.woocommerce-checkout-review-order-table tbody th {
      border-color: #e1caa8; }
    .woocommerce-checkout table.woocommerce-checkout-review-order-table thead td, .woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
      border-color: #e1caa8; }
  .woocommerce-checkout #place_order {
    border-radius: 30px;
    background: #fff !important;
    color: #E2AD46 !important;
    border: 2px solid #E2AD46 !important;
    padding: 12px 50px !important;
    transition: 0.3s; }
    .woocommerce-checkout #place_order:hover {
      background: #E2AD46 !important;
      color: #fff !important; }
  .woocommerce-checkout #dynamic-fields-wrapper {
    padding-top: 10px; }
    .woocommerce-checkout #dynamic-fields-wrapper h3 {
      margin-bottom: 10px; }
    .woocommerce-checkout #dynamic-fields-wrapper .admin-field-set {
      border: 1px solid #e1caa8;
      padding: 15px;
      margin-bottom: 10px;
      background: #fff;
      position: relative; }
    .woocommerce-checkout #dynamic-fields-wrapper p {
      margin-bottom: 10px; }
      .woocommerce-checkout #dynamic-fields-wrapper p label {
        display: block;
        margin-bottom: 5px; }
        .woocommerce-checkout #dynamic-fields-wrapper p label span {
          color: #a00; }
      .woocommerce-checkout #dynamic-fields-wrapper p input {
        border: 1px solid #e1caa8;
        padding: .5em;
        width: 100%;
        border-radius: 5px; }
      .woocommerce-checkout #dynamic-fields-wrapper p select {
        border: 1px solid #e1caa8;
        padding: .5em 15px .5em .5em;
        border-radius: 5px; }

/* ==================== 404 ====================== */
#page_404 {
  display: flex;
  justify-content: center;
  min-height: 80vh;
  align-items: center; }
  #page_404 .error-404 {
    text-align: center;
    width: 100%;
    max-width: 800px; }
    #page_404 .error-404 h1 {
      margin-bottom: 1em; }
    #page_404 .error-404 form input[type=search] {
      padding: 5px 15px;
      border: 1px solid #E2AD46; }
    #page_404 .error-404 form input[type=submit] {
      border: 1px solid #E2AD46;
      height: 35px;
      padding: 0 10px;
      background: #fff;
      transition: 0.3s;
      color: #E2AD46; }
      #page_404 .error-404 form input[type=submit]:hover {
        color: #fff;
        background: #E2AD46; }

/* ==================== Search page ====================== */
#search_result {
  max-width: 1200px;
  margin: auto;
  padding: 50px 15px; }
  #search_result header h1 {
    margin-bottom: 1em; }
  #search_result hr {
    margin-bottom: 30px; }
  #search_result article {
    padding: 0 15px 30px; }
    #search_result article h2 {
      letter-spacing: 1px; }
    #search_result article h2:hover {
      color: #be3a22; }
    #search_result article .entry-summary {
      color: #999; }
    #search_result article .entry-meta {
      align-items: center;
      align-content: center;
      padding: 5px 5px;
      color: #666;
      display: flex;
      font-family: 'arial'; }
      #search_result article .entry-meta svg {
        width: 20px;
        margin-right: 10px; }
  #search_result .nav-links {
    display: flex;
    justify-content: space-between; }

/* MyAccount */
.woocommerce-account .woocommerce {
  background: #fff;
  font-family: "Noto serif TC",arial;
  font-family: "Noto serif TC", arial;
  box-shadow: 0 1px 3px #dadada;
  border-radius: 8px; }
  .woocommerce-account .woocommerce form .form-row .input-text,
  .woocommerce-account .woocommerce form .form-row select {
    border-color: #c4af8b; }
  .woocommerce-account .woocommerce .password-input {
    position: relative;
    width: 100%;
    display: inline-flex; }
    .woocommerce-account .woocommerce .password-input input {
      width: 100%; }
  .woocommerce-account .woocommerce fieldset {
    padding: 0 15px 10px;
    margin-bottom: 10px; }
  .woocommerce-account .woocommerce .woocommerce-EditAccountForm .password-input {
    position: relative;
    width: auto;
    display: inline-flex; }
    .woocommerce-account .woocommerce .woocommerce-EditAccountForm .password-input input {
      width: 100%; }
  .woocommerce-account .woocommerce .woocommerce-MyAccount-content th, .woocommerce-account .woocommerce .woocommerce-MyAccount-content td {
    border-color: #c4af8b; }
  .woocommerce-account .woocommerce table.woocommerce-orders-table {
    border-collapse: collapse; }
  .woocommerce-account .woocommerce table.woocommerce-table--order-details {
    border-collapse: collapse; }

.woocommerce-account .woocommerce .woocommerce-MyAccount-content th {
  border-color: #684926; }

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid #c4af8b; }
  .woocommerce-MyAccount-navigation ul li a {
    font-weight: 500; }

.woocommerce-account .woocommerce .woocommerce-MyAccount-content th {
  background: #c4af8b;
  color: #fff; }

.woocommerce-MyAccount-navigation ul li {
  margin-top: 0;
  margin-bottom: 0; }

.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #000; }

.woocommerce-MyAccount-navigation ul li a {
  font-weight: 600;
  display: block; }

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
  color: #923d22; }

.woocommerce-MyAccount-content form br {
  display: none; }

/*  login */
.woocommerce form .form-row br {
  display: none; }

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  font-family: "Noto Serif TC", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 7px 20px 8px;
  fill: #E2AD46;
  color: #E2AD46;
  background: #fff;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #E2AD46;
  border-radius: 70px 70px 70px 70px;
  transition: 0.3s; }
  .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
    color: #fff;
    background: #E2AD46; }

#archive_tpl {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  padding: 50px 15px 100px;
  margin: auto;
  width: 100%; }
  #archive_tpl #sv_content {
    width: 65%; }
  #archive_tpl #sv_sidebar {
    width: 35%;
    max-width: 300px; }

#all_posts {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 1%; }
  #all_posts article {
    width: 31.3%;
    padding: 0.5%;
    margin-bottom: 1.5%; }
    #all_posts article .panel {
      display: block;
      background: #fff;
      padding: 0px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 1px 7px #3333332b; }
      #all_posts article .panel .pic {
        position: relative;
        width: 100%;
        min-height: 300px;
        overflow: hidden; }
        #all_posts article .panel .pic .in {
          background-size: cover;
          position: absolute;
          width: 100%;
          height: 100%;
          transform: scale(1);
          transition: 0.3s; }
      #all_posts article .panel h3 {
        padding: 10px 15px 5px 15px;
        font-size: 20px;
        color: #75301d;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /* 核心：限制 2 行 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        transition: 0.3s;
        /* 未來標準（Firefox/Chrome 已支援） */
        line-clamp: 2; }
      #all_posts article .panel .date {
        padding: 5px 15px;
        font-size: 14px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', arial;
        color: #999;
        font-weight: 400; }
        #all_posts article .panel .date svg {
          margin-right: 5px;
          width: 15px; }
          #all_posts article .panel .date svg path {
            stroke: #999; }
      #all_posts article .panel .entry-content {
        padding: 10px 15px 10px 15px; }
        #all_posts article .panel .entry-content .ib {
          color: #666;
          line-height: 1.5em;
          min-height: 3em;
          max-height: 3em;
          overflow: hidden;
          font-size: 15px; }

#all_posts article .panel:hover h3 {
  color: #943c24; }

#all_posts article .panel:hover .pic .in {
  transform: scale(1.05); }

#my_nav {
  padding-top: 20px;
  display: flex;
  width: 100%;
  justify-content: center; }
  #my_nav span, #my_nav a {
    display: inline-block;
    padding: 0 5px;
    font-family: 'Roboto',arial; }
  #my_nav a:hover {
    color: #943c24; }

@media screen and (max-width: 768px) {
  #all_posts {
    gap: 2%; }

  #all_posts article {
    width: 49%; } }
@media screen and (max-width: 600px) {
  #all_posts {
    gap: 0%; }

  #all_posts article {
    width: 100%; } }
.tablepress > :where(thead,tfoot) > tr > * {
  background: #bd961f !important;
  color: #fff !important; }

table.tablepress {
  border: 1px solid #c3ae87 !important; }

.tablepress > :where(thead) + tbody > :where(:not(.child)) > * {
  border-top: 1px solid #c3ae87 !important; }

#home_banner {
  width: 100%;
  height: 85vh;
  display: flex;
  align-items: center;
  justify-content: center; }
  #home_banner .bk_img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 1; }
  #home_banner .bk_img .in {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center; }
  #home_banner > .inner {
    width: 100%;
    max-width: 1200px;
    color: #fff;
    z-index: 3;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.88);
    padding: 15px; }
    #home_banner > .inner .half {
      width: 53%; }
    #home_banner > .inner h2 {
      font-size: 45px;
      font-weight: 700;
      line-height: 1.6em;
      letter-spacing: 2px;
      margin-bottom: 0.5em; }
    #home_banner > .inner .t2 {
      font-size: 22px;
      line-height: 1.7;
      margin-bottom: 30px; }
    #home_banner > .inner .action a {
      line-height: 1em;
      letter-spacing: 1px;
      border: 2px solid rgba(233, 190, 72, 0.5);
      border-radius: 50px;
      font-size: 18px;
      display: inline-flex;
      padding: 10px 30px;
      transition: 0.3s;
      text-shadow: none; }
      #home_banner > .inner .action a:hover {
        color: #fff;
        background: #e9be48;
        border: 2px solid #e9be48; }

@media (max-width: 1200px) {
  #home_banner > .inner .half {
    width: 60%; }
    #home_banner > .inner .half h2 br {
      display: none; } }
@media (max-width: 1024px) {
  #home_banner > .inner h2 br {
    display: none; }

  #home_banner > .inner .half {
    width: 100%; }
    #home_banner > .inner .half h2 br {
      display: none; }
    #home_banner > .inner .half .action {
      text-align: center; }

  #home_banner > .inner h2 {
    text-align: center;
    font-size: 35px; } }
#home_news {
  width: 100%; }
  #home_news .action {
    text-align: center;
    padding-top: 20px; }
    #home_news .action a {
      text-align: center;
      background-color: #FFFFFF;
      font-family: "Noto Serif TC", Sans-serif;
      font-size: 18px;
      font-weight: 500;
      fill: #E2AD46;
      color: #E2AD46;
      border-style: solid;
      border-width: 2px 2px 2px 2px;
      border-color: #E2AD46;
      border-radius: 70px 70px 70px 70px;
      padding: 5px 30px;
      transition: 0.3s;
      line-height: 1; }
      #home_news .action a:hover {
        color: #fff;
        background: #E2AD46; }

.contact_data p {
  font-weight: 500;
  font-family: "Noto serif TC",arial;
  color: #333;
  font-size: 18px;
  font-weight: 600; }
.contact_data ul {
  margin-bottom: 10px;
  padding-left: 2em; }
  .contact_data ul li {
    font-family: "Noto serif TC",arial;
    font-weight: 600;
    font-size: 16px; }

.contact_form ul {
  margin-bottom: 10px; }
.contact_form .wpcf7-not-valid-tip {
  font-size: 14px;
  display: block;
  text-align: right; }
.contact_form form > p {
  display: block;
  margin-bottom: 10px;
  line-height: 1.7; }
  .contact_form form > p label {
    font-family: "Noto serif TC",arial;
    font-weight: 600; }
  .contact_form form > p input {
    border: 1px solid #dedede;
    font-size: 16px;
    padding: 5px 10px;
    outline: none; }
  .contact_form form > p textarea {
    border: 1px solid #dedede;
    font-size: 16px;
    padding: 5px 10px;
    outline: none; }
  .contact_form form > p input[type=submit] {
    font-family: "Noto Serif TC","Roboto", Sans-serif;
    background: #fff;
    border-width: 2px 2px 2px 2px;
    border: 2px solid #E2AD46;
    border-radius: 70px 70px 70px 70px;
    transition: 0.3s;
    padding: 10px 30px;
    font-weight: 600;
    color: #E2AD46;
    line-height: 1;
    cursor: pointer; }
    .contact_form form > p input[type=submit]:hover {
      background: #E2AD46;
      color: #fff; }

/* ================= single product ====================  */
body.single-product .woocommerce {
  opacity: 1; }

.woocommerce div.product div.images.woocommerce-product-gallery {
  width: 100%;
  float: none;
  display: none; }

.single_product .woocommerce-product-gallery {
  width: 100%;
  display: none !important; }

#single_tpl nav {
  display: none; }

.single-product h1.entry-title {
  margin-bottom: 10px; }
.single-product .product_meta {
  display: none; }
.single-product form.cart {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center; }
.single-product .price {
  display: none; }

.woocommerce div.product div.summary {
  width: 100%;
  float: none; }

.related.products {
  display: none; }

.woocommerce div.product form.cart .button {
  background-color: #FFFFFF;
  font-family: "Noto Serif TC", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  fill: #E2AD46;
  color: #E2AD46;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #E2AD46;
  border-radius: 70px 70px 70px 70px;
  transition: 0.3s; }
  .woocommerce div.product form.cart .button:hover {
    color: #fff;
    background: #E2AD46; }

.elementor-widget-n-accordion {
  background: #fff; }
  .elementor-widget-n-accordion p {
    margin-bottom: 0.5em; }

body {
  background-image: url(/wp-content/uploads/2026/01/f5b884ec-e2af-4201-9c6b-0f81c4ce96da-1.jpg) !important;
  background-repeat: repeat !important; }

main {
  display: block;
  padding: 0px; }

.sv_btn {
  border-radius: 50px;
  flex: none;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 48px;
  justify-content: center;
  opacity: 1;
  padding: 0px 30px;
  align-items: center;
  margin: 0 20px; }

.sv_btn.v1 {
  background: #fff;
  transition: .3s; }
  .sv_btn.v1:hover {
    background: #0cc0df;
    color: #fff; }

.grecaptcha-badge,
.grecaptcha-logo {
  opacity: 0; }

#slider_view .swiper-slide {
  padding: 5px; }

.elementor-widget-n-accordion p {
  font-family: "Noto serif TC",arial; }

.wpcf7-form.init {
  position: relative;
  padding: 0 10px;
  box-sizing: border-box; }

@media (max-width: 450px) {
  .page_title {
    height: 100px !important;
    overflow: hidden !important;
    transform: translate(0, -60px) !important; }
    .page_title img {
      left: 50% !important;
      transform: translate(-50%, 0) !important;
      z-index: 2;
      width: 140% !important;
      position: absolute; }

  .wpcf7-form {
    padding: 10px;
    max-width: 350px;
    margin: auto; }
    .wpcf7-form input {
      width: 100%; }
    .wpcf7-form textarea {
      width: 100%; } }

/*# sourceMappingURL=style.css.map */
