:root {--primary-color: #c75b2c;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1200px}.row.row-collapse{max-width: 1170px}.row.row-small{max-width: 1192.5px}.row.row-large{max-width: 1230px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: rgba(255,255,255,0)}.header-main{height: 80px}#logo img{max-height: 80px}#logo{width:200px;}.header-bottom{min-height: 30px}.header-top{min-height: 30px}.transparent .header-main{height: 80px}.transparent #logo img{max-height: 80px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 130px;}.transparent .header-wrapper{background-color: #c75b2c!important;}.transparent .top-divider{display: none;}.header.show-on-scroll,.stuck .header-main{height:80px!important}.stuck #logo img{max-height: 80px!important}.header-bg-color {background-color: #920000}.header-bottom {background-color: #ffffff}.header-main .nav > li > a{line-height: 16px }.stuck .header-main .nav > li > a{line-height: 50px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 80px}#logo img{max-height: 80px}}.nav-dropdown{font-size:100%}.blog-wrapper{background-color: rgba(255,255,255,0);}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #c75b2c;}/* Color !important */[data-text-color="primary"]{color: #c75b2c!important;}/* Background Color */[data-text-bg="primary"]{background-color: #c75b2c;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener ,.is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #c75b2c;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #c75b2c}.nav-tabs > li.active > a{border-top-color: #c75b2c}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #c75b2c }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #c75b2c }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #c75b2c;}/* Focus */.primary:focus-visible, .submit-button:focus-visible, button[type="submit"]:focus-visible { outline-color: #c75b2c!important; }h1,h2,h3,h4,h5,h6,.heading-font{color: #333333;}a{color: #682602;}.current .breadcrumb-step, [data-icon-label]:after, .button#place_order,.button.checkout,.checkout-button,.single_add_to_cart_button.button{background-color: #50b20a!important }.badge-inner.new-bubble-auto{background-color: #a40303}.badge-inner.new-bubble{background-color: #a40303}@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 800px!important;width: 800px!important;}}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"新的";}.label-hot.menu-item > a:after{content:"熱門";}.label-sale.menu-item > a:after{content:"銷售";}.label-popular.menu-item > a:after{content:"流行";}
:root {
    --bg-primary: #fcfbfa;       /* 古典宣紙白 */
    --text-dark: #2c2722;        /* 烤茶深褐 */
    --text-muted: #7e746a;       /* 灰泥香檳 */
    --color-accent: #c5a880;     /* 描金香檳黃 */
    --color-gold: #a88251;       /* 鹿港漢金色 */
    --transition-smooth: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
	.has-dropdown {
  position: relative;
}

.dropdown {
  position: absolute;
  top: 120%;
  left: 0;
  background: #fff;
  min-width: 180px;

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);

  transition: .25s ease;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
}

.dropdown a {
  padding: 10px 18px;
  font-size: 16px;
  color: #444;
}

.has-dropdown:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
    .hero .slick-prev, .hero .slick-next {
	position: absolute;
	display: block;
	height: 50px;
	width: 50px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: 0;
	padding: 0;
	border: 0;
	outline: 0;
	z-index: 100;
}

.hero .slick-prev {
	left: 20px;
	background-image: url('images/left-arrow.png');
	background-size: 50px;
}
.hero .slick-next {
	right: 20px;
	background-image: url('images/right-arrow.png');
	background-size: 50px;
}
@media (max-width: 768px) {
  .hero .slick-prev, .hero .slick-next {
    width: 25px;
	height: 25px;
  }
  .hero .slick-prev {
	left: 10px;
	background-image: url('images/left-arrow.png');
	background-size: 25px;
}
.hero .slick-next {
	right: 10px;
	background-image: url('images/right-arrow.png');
	background-size: 25px;
}
}
.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* 核心響應式三欄網格 (自動適應：行動裝置為單欄，平板 or 桌機以上並排三欄) */
.grid-three-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

/* 平板(以寬度 768px 為門檻) */
@media (min-width: 768px) {
    .grid-three-columns {
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }
}

/* 寬螢幕桌面 (以寬度 1024px 為門檻) */
@media (min-width: 1024px) {
    .grid-three-columns {
        gap: 32px;
    }
}

/* 類別特色卡片 */
.category-card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
    background-color: #f5f5f4;
    transition: var(--transition-smooth);
    cursor: pointer;
    aspect-ratio: 4 / 3; /* 符合傳統糕餅包裝黃金比例 */
}

/* 卡片懸停動效：優雅上升、描金金絲發光 */
.category-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(168, 130, 81, 0.22);
}

/* 圖片封裝，確保點選及縮放時的乾淨邊界 */
.image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1.5s cubic-bezier(0.15, 1, 0.3, 1);
}

/* 懸浮放大效果 */
.category-card:hover .image-wrapper img {
    transform: scale(1.05);
}

/* 圖片底部的細柔陰影遮罩，凸顯浮動卡片上層的文字 */
.image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(45, 37, 30, 0.25) 0%, transparent 100%);
    pointer-events: none;
}

/* --------------------------------------------------------------------------
   直排高反差白色標籤卡片 (重現玉珍齋精雕圖案)
   -------------------------------------------------------------------------- */
.label-card {
    position: absolute;
    left: 16px;
    top: 16px;
    bottom: 16px;
    width: 95px;
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 4px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 12px;
    z-index: 10;
    backdrop-filter: blur(8px);
    transition: var(--transition-smooth);
}

/* 在較大螢幕上自適應地拓寬，提高字體排版間距 */
@media (min-width: 992px) {
    .label-card {
        left: 24px;
        top: 24px;
        bottom: 24px;
        width: 120px;
        padding: 30px 18px;
    }
}

/* 直排西文字體 */
.label-english {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: 'arial', serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.25em;
    color: #b09367;
    margin: auto 0;
}

/* 細直中分分割線碼 */
.label-divider {
    height: 100%;
    width: 1px;
    background-color: rgba(223, 214, 198, 0.8);
    flex-shrink: 0;
}

/* 中文直排字型與圓形底圖封裝節點 */
.label-chinese-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

/* 重現設計中的核心特色：中文字後的圓底裝飾暈染 */
.circle-accent {
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    opacity: 0.8;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* 對應圓點調色盤，符合傳統中式古典和諧配色 */
.circle-accent.bg-yellow { background-color: #fdf3dc; }
.circle-accent.bg-orange { background-color: #f5ebd6; }
.circle-accent.bg-gray { background-color: #ebe7e0; }

/* 漢字直排與字體樣式 */
.label-chinese {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: "Noto Serif TC", "Noto Serif", serif;
    font-weight: 950;
    color: #231b15;
    font-size: 18px;
    letter-spacing: 0.22em;
    position: relative;
    z-index: 2;
    line-height: 1.15;
}

@media (min-width: 992px) {
    .label-chinese {
        font-size: 24px;
    }
}

/* 裝飾性右上圓徽章（代表 福 齋 荖 傳統印章意涵） */
.symbol-emblem {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    z-index: 10;
    transition: var(--transition-smooth);
}

.category-card:hover .symbol-emblem {
    background-color: #2d251e;
    color: var(--color-accent);
    border-color: var(--color-accent);
}
div.nsl-container[data-align="left"] {
    text-align: left;
}

div.nsl-container[data-align="center"] {
    text-align: center;
}

div.nsl-container[data-align="right"] {
    text-align: right;
}


div.nsl-container div.nsl-container-buttons a[data-plugin="nsl"] {
    text-decoration: none;
    box-shadow: none;
    border: 0;
}

div.nsl-container .nsl-container-buttons {
    display: flex;
    padding: 5px 0;
}

div.nsl-container.nsl-container-block .nsl-container-buttons {
    display: inline-grid;
    grid-template-columns: minmax(145px, auto);
}

div.nsl-container-block-fullwidth .nsl-container-buttons {
    flex-flow: column;
    align-items: center;
}

div.nsl-container-block-fullwidth .nsl-container-buttons a,
div.nsl-container-block .nsl-container-buttons a {
    flex: 1 1 auto;
    display: block;
    margin: 5px 0;
    width: 100%;
}

div.nsl-container-inline {
    margin: -5px;
    text-align: left;
}

div.nsl-container-inline .nsl-container-buttons {
    justify-content: center;
    flex-wrap: wrap;
}

div.nsl-container-inline .nsl-container-buttons a {
    margin: 5px;
    display: inline-block;
}

div.nsl-container-grid .nsl-container-buttons {
    flex-flow: row;
    align-items: center;
    flex-wrap: wrap;
}

div.nsl-container-grid .nsl-container-buttons a {
    flex: 1 1 auto;
    display: block;
    margin: 5px;
    max-width: 280px;
    width: 100%;
}

@media only screen and (min-width: 650px) {
    div.nsl-container-grid .nsl-container-buttons a {
        width: auto;
    }
}

div.nsl-container .nsl-button {
    cursor: pointer;
    vertical-align: top;
    border-radius: 4px;
}

div.nsl-container .nsl-button-default {
    color: #fff;
    display: flex;
}

div.nsl-container .nsl-button-icon {
    display: inline-block;
}

div.nsl-container .nsl-button-svg-container {
    flex: 0 0 auto;
    padding: 8px;
    display: flex;
    align-items: center;
}

div.nsl-container svg {
    height: 24px;
    width: 24px;
    vertical-align: top;
}

div.nsl-container .nsl-button-default div.nsl-button-label-container {
    margin: 0 24px 0 12px;
    padding: 10px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .25px;
    overflow: hidden;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    flex: 1 1 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    display: inline-block;
}

div.nsl-container .nsl-button-google[data-skin="dark"] .nsl-button-svg-container {
    margin: 1px;
    padding: 7px;
    border-radius: 3px;
    background: #fff;
}

div.nsl-container .nsl-button-google[data-skin="light"] {
    border-radius: 1px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25);
    color: RGBA(0, 0, 0, 0.54);
}

div.nsl-container .nsl-button-apple .nsl-button-svg-container {
    padding: 0 6px;
}

div.nsl-container .nsl-button-apple .nsl-button-svg-container svg {
    height: 40px;
    width: auto;
}

div.nsl-container .nsl-button-apple[data-skin="light"] {
    color: #000;
    box-shadow: 0 0 0 1px #000;
}

div.nsl-container .nsl-button-facebook[data-skin="white"] {
    color: #000;
    box-shadow: inset 0 0 0 1px #000;
}

div.nsl-container .nsl-button-facebook[data-skin="light"] {
    color: #1877F2;
    box-shadow: inset 0 0 0 1px #1877F2;
}

div.nsl-container .nsl-button-spotify[data-skin="white"] {
    color: #191414;
    box-shadow: inset 0 0 0 1px #191414;
}

div.nsl-container .nsl-button-apple div.nsl-button-label-container {
    font-size: 17px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

div.nsl-container .nsl-button-slack div.nsl-button-label-container {
    font-size: 17px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

div.nsl-container .nsl-button-slack[data-skin="light"] {
    color: #000000;
    box-shadow: inset 0 0 0 1px #DDDDDD;
}

div.nsl-container .nsl-button-tiktok[data-skin="light"] {
    color: #161823;
    box-shadow: 0 0 0 1px rgba(22, 24, 35, 0.12);
}


div.nsl-container .nsl-button-kakao {
    color: rgba(0, 0, 0, 0.85);
}

.nsl-clear {
    clear: both;
}

.nsl-container {
    clear: both;
}

.nsl-disabled-provider .nsl-button {
    filter: grayscale(1);
    opacity: 0.8;
}

/*Button align start*/

div.nsl-container-inline[data-align="left"] .nsl-container-buttons {
    justify-content: flex-start;
}

div.nsl-container-inline[data-align="center"] .nsl-container-buttons {
    justify-content: center;
}

div.nsl-container-inline[data-align="right"] .nsl-container-buttons {
    justify-content: flex-end;
}


div.nsl-container-grid[data-align="left"] .nsl-container-buttons {
    justify-content: flex-start;
}

div.nsl-container-grid[data-align="center"] .nsl-container-buttons {
    justify-content: center;
}

div.nsl-container-grid[data-align="right"] .nsl-container-buttons {
    justify-content: flex-end;
}

div.nsl-container-grid[data-align="space-around"] .nsl-container-buttons {
    justify-content: space-around;
}

div.nsl-container-grid[data-align="space-between"] .nsl-container-buttons {
    justify-content: space-between;
}

/* Button align end*/

/* Redirect */

#nsl-redirect-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(1px);
    background-color: RGBA(0, 0, 0, .32);;
}

#nsl-redirect-overlay-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 30px;
    border-radius: 10px;
}

#nsl-redirect-overlay-spinner {
    content: '';
    display: block;
    margin: 20px;
    border: 9px solid RGBA(0, 0, 0, .6);
    border-top: 9px solid #fff;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, .6), 0 0 0 1px RGBA(0, 0, 0, .6);
    width: 40px;
    height: 40px;
    animation: nsl-loader-spin 2s linear infinite;
}

@keyframes nsl-loader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

#nsl-redirect-overlay-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #3C434A;
}

#nsl-redirect-overlay-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    text-align: center;
    font-size: 14px;
    color: #3C434A;
}

#nsl-notices-fallback {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 10000;
}

.admin-bar #nsl-notices-fallback {
    top: 42px;
}

#nsl-notices-fallback > div {
    position: relative;
    background: #fff;
    border-left: 4px solid #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    margin: 5px 15px 2px;
    padding: 1px 20px;
}

#nsl-notices-fallback > div.error {
    display: block;
    border-left-color: #dc3232;
}

#nsl-notices-fallback > div.updated {
    display: block;
    border-left-color: #46b450;
}

#nsl-notices-fallback p {
    margin: .5em 0;
    padding: 2px;
}

#nsl-notices-fallback > div:after {
    position: absolute;
    right: 5px;
    top: 5px;
    content: '\00d7';
    display: block;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}
.products {
	margin: 0;
	gap: 30px;
	grid-template-columns: repeat(3,1fr);
	display: grid;
}
@media (max-width: 768px) {
  .products {
    grid-template-columns: repeat(1, 1fr); 
  }
}
.product-title {
    font-size: 20px !important;
	font-weight: bold !important;
	line-height: 1.6em !important;
	text-align: left !important;
	padding:0 !important;
	letter-spacing: 2px;
	color: #212121;
}
.context {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7em;
	letter-spacing: 2px;
	color: var( --e-global-color-secondary );
}
.price-wrapper{
	margin: 10px 0px 0px 0px;
}
.price-wrapper .price{
    color: #920000;
	font-size: 20px;
	font-weight: 600;
}
.header-inner.container{
 max-width:1400px!important;   
}
.text-center {
	text-align: center;
}
.btn-checkout {
	background: #a40303;
	color:#FFFFFF;
	padding:8px;
}
.products-page{
    width: 1440px;
    margin: 60px auto;
    display: flex;
    gap: 50px;
}
@media screen and (max-width:768px){

	.products-page{
		margin:30px auto;
		padding:0 15px;
		display:block;
		width: 100%;
	}

}
.news-page {
	width: 1000px;
	margin: 60px auto;
	display: flex;
	flex-direction:column;
	gap: 50px;
}
@media screen and (max-width:768px){

	.news-page{
		margin:30px auto;
		padding:0 15px;
		display:block;
		width: 100%;
	}

}
.left-menu{
    width:260px;
    flex-shrink:0;
}

.right-products{
    flex:1;
}
.sidebar-title{
    font-size:24px;
    font-weight:600;
    letter-spacing:2px;
    color:#222;
	padding: 10px 15px;
}
.sidebar-title-en{
    font-size:15px;
    font-weight:400;
    letter-spacing:2px;
    color:#C69C6D;
	padding: 0 15px 20px;
}
.product-menu{
    margin:0;
    padding:0;
    list-style:none;
    border-top:1px solid #e5e5e5;
}

.product-menu li{
    border-bottom:1px solid #e5e5e5;
	margin-bottom: 0;
}

.product-menu li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 15px;
    text-decoration:none;
    color:#333;
    font-size:18px;
    transition:.3s;
}

.product-menu li a::after{
    content:"›";
    font-size:28px;
    color:#999;
	line-height: 1;
	position: relative;
    top: -4px;
}

.product-menu li a:hover{
    background:#f7f7f7;
    color:#000;
    padding-left:25px;
}
.product-menu li.active a{
    background:#f5f5f5;
    color:#682602;
    font-weight:600;
}
.Products_e{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
}

.Products_e .Products_e_left{
    width:45%;
}

.Products_e .Products_e_right{
    width:50%;
}
@media screen and (max-width:1024px){

	.products{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

}

@media screen and (max-width:768px){

	.left-menu{
		display:none;
	}

	.products{
		grid-template-columns:1fr;
		gap:20px;
	}

}
@media (max-width:768px){
    .Products_e{
        flex-direction:column;
        gap:30px;
    }

    .Products_e .Products_e_left,
    .Products_e .Products_e_right{
        width:100%;
    }
}

.Product3Title {
	font-family: "微軟正黑體","Arial", "Helvetica", "sans-serif";
	font-size: 28px;
	color: #000000;
	text-decoration: none;
	line-height: 36px;
	font-weight: 700;
	padding-bottom: 10px;

}
.Product4Title {
	/* font-family: "Arial", "Helvetica", "sans-serif"; */
	font-size: 16px;
	color: #555555;
	text-decoration: none;
	line-height: 1.7;
	font-weight: 400;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 15px 0;
}
.Product5Title {
	font-size: 16px;
	color: #555555;
	line-height: 1.7;
	font-weight: 400;
}
.product-price-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #cccccc;
    gap:20px;
	margin: 0 0 15px;
}

.product-size{
    font-size:16px;
    font-weight:500;
    color:#333;
}

.product-price{
    display:flex;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.old-price{
    color:#888;
    font-size:15px;
}

.old-price strong{
    color:#666;
    font-weight:600;
}

.sale-price{
    display:flex;
    align-items:center;
    gap:5px;
    color:#c62828;
    font-size:18px;
}

.sale-price strong{
    font-size:22px;
    font-weight:700;
}

.sale-price img{
    width:14px;
    height:auto;
}
.product-qty-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid #eee;
    gap:20px;
}

.product-qty-name{
    font-size:16px;
    color:#000000;
}

.product-qty-input{
    flex-shrink:0;
}

.product-qty-input input{
    width:60px;
    height:38px;
    text-align:center;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:15px;
}

.product-qty-input input:disabled{
    background:#f5f5f5;
    color:#999;
    cursor:not-allowed;
}

.soldout{
    color:#c62828;
    margin-left:6px;
    font-size:14px;
}
.product-qty-input{
    display:flex;
    align-items:center;
    width:140px;
    overflow:hidden;
}

.product-qty-input input{
    width:40px;
    height:40px;
    border:none;
    text-align:center;
    font-size:16px;
    outline:none;
	margin: 0 10px;
}

.qty-btn{
    width:40px;
    height:40px;
    padding: 0;
	margin-right: 0;
	margin-bottom: 0;
    background:#f5f5f5;
    cursor:pointer;
    font-size:16px;
    line-height:1;
    transition:.2s;
	border: 2px solid #C69C6D;
	border-radius: 99px;
}

.qty-btn:hover{
    background:#e8e8e8;
}

.qty-btn:active{
    transform:scale(.95);
}
.Btn_AddtoCart a {
	background: #682602;
	color: #ffffff;
	padding: 13px 20px;
	display: inline-block;
}
.News ul{
    margin:0;
    padding:0;
    list-style:none;
}

.News li{
    margin-bottom:20px;
}

.News li a{
    display:flex;
    align-items:flex-start;
    gap:15px;
    text-decoration:none;
    color:#333;
}

.News .img{
    flex:0 0 200px;
}

.News .img img{
    display:block;
    width:100%;
    height:auto;
    border-radius:5px;
}

.News .info{
    flex:1;
    min-width:0;
}

.News .date{
    font-size:14px;
    color:#999;
    margin-bottom:8px;
}

.News .context{
    font-size:16px;
    line-height:1.8;
}
#wp_page_numbers{
    margin:40px 0;
    text-align:center;
}

#wp_page_numbers ul{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}

#wp_page_numbers li{
    margin:0;
}

#wp_page_numbers li a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    padding:0 15px;
    border:1px solid #ddd;
    border-radius:6px;
    background:#fff;
    color:#333;
    text-decoration:none;
    font-size:15px;
    transition:.3s;
}

#wp_page_numbers li a:hover{
    background:#333;
    border-color:#333;
    color:#fff;
}

#wp_page_numbers .active_page a{
    background:#333;
    border-color:#333;
    color:#fff;
    font-weight:600;
}
.contact-form{
    width:100%;
}

.form-row{
    display:flex;
    align-items:flex-start;
    margin-bottom:20px;
}

.form-row label{
    width:120px;
    flex-shrink:0;
    padding-top:12px;
    font-size:16px;
    color:#333;
}

.form-field{
    flex:1;
}

.form-field input,
.form-field select,
.form-field textarea{
    width:100%;
    border:1px solid #ddd;
    padding:12px;
    font-size:16px;
    box-sizing:border-box;
}

.form-field textarea{
    min-height:180px;
    resize:vertical;
}

.captcha-group{
    display:flex;
    align-items:center;
    gap:10px;
}

.captcha-group input[type="text"]{
    width:120px;
    height:50px;
    padding:0 12px;
    box-sizing:border-box;
	margin-bottom: 0;
}

.captcha-group img{width:160px;height:50px;display:block;}

.redstar{
    color:#d00;
}

/* RWD */
@media (max-width:768px){

    .form-row{
        flex-direction:column;
    }

    .form-row label{
        width:100%;
        padding-top:0;
        margin-bottom:8px;
    }

    .captcha-group{
        flex-wrap:wrap;
    }

}
.btn-submit, .btn-reset {
	display: inline-block;
	padding: 10px 25px;
	font-size: 15px;
	text-decoration: none;
	border-radius: 4px;
	transition: .3s;
	cursor: pointer;
	background: #682602;
	color: #ffffff;
}
.btn-submit:hover,.btn-reset:hover{
    color:#fff;
}
body{margin:0;font-family:"Noto Sans TC",sans-serif;color:#222;background:#fff;}

.about{
    width:100%;
}

/* HERO區 */
.about-hero{
    height:110vh;
    background:url("../images/about-bg.png") no-repeat;
    position:relative;
}

.about-hero-text{
    position:absolute;
    top:18%;
    left:6%;
    max-width:340px;
    font-size:14px;
    line-height:30px;
    letter-spacing:1px;
}

/* SECTION */
.about-section {
	display: flex;
	align-items: center;
	gap: 100px;
	padding: 30px 0;
	max-width: 1400px;
	margin: 0 auto;
}

.about-section.reverse{
    flex-direction:row-reverse;
}

.about-img{
    flex:1;
}

.about-img img{
    width:100%;
    display:block;
}

.about-text{
    flex:1;
}

.about-text .title{
    font-size:32px;
    letter-spacing:3px;
    margin-bottom:20px;
    color:#000000;
}
.about-text .title2{
    font-size:24px;
    letter-spacing:3px;
    margin-bottom:20px;
    color:#222222;
}
.about-text p{
    font-size:16px;
    line-height:32px;
    color:#333;
    max-width:360px;
}
@media(max-width:768px){
    .about-section,
    .about-section.reverse{
        flex-direction:column;
        gap:30px;
        padding:80px 6%;
    }

    .about-hero-text{
        left:5%;
        right:5%;
        max-width:100%;
        font-size:13px;
    }
}
.cart-section {
	align-items: center;
	padding: 30px 0;
	max-width: 1400px;
	margin: 0 auto;
}
.cart-header,
.cart-item{
    display:grid;
    grid-template-columns:4fr 1fr 1fr 1fr 1fr 60px;
    align-items:center;
}

.cart-header{
    background:#f5f5f5;
    border:1px solid #ddd;
    font-weight:bold;
    text-align:center;
}

.cart-header > div,
.cart-item > div{
    padding:15px 10px;
}

.cart-item{
	text-align: center;
}

.cart-product{
    display:flex;
    align-items:center;
    gap:15px;
}

.cart-image img{
    width:70px;
    height:70px;
    object-fit:cover;
    display:block;
}

.cart-info a{
    color:#333;
    text-decoration:none;
}

.cart-item input{
    width:60px;
    text-align:center;
}

.cart-shipping{
    display:flex;
    align-items:center;
    border-top:1px solid #ddd;
    margin-top:20px;
	justify-content:flex-end;
}

.shipping-text{
    flex:1;
    padding:20px;
}

.shipping-icon{
    padding:15px;
}

.shipping-price{
    width:120px;
    text-align:center;
    font-weight:bold;
}

.cart-total {
	margin-top: 20px;
	padding: 20px;
	/* background: #fafafa; */
	text-align: right;
	font-size: 20px;
}

.must{
    color:#c00;
    font-weight:bold;
}

.must2{
    color:#c00;
    font-size:28px;
    font-weight:bold;
}
@media (max-width:768px){

    .cart-header{
        display:none;
    }

    .cart-item{
        display:block;
        border:1px solid #ddd;
        margin-bottom:15px;
        border-radius:8px;
        overflow:hidden;
    }

    .cart-product{
        padding:15px;
        border-bottom:1px solid #eee;
    }

    .cart-item > div:not(.cart-product){
        display:flex;
        justify-content:space-between;
        padding:12px 15px;
        border-bottom:1px solid #f0f0f0;
    }

    .cart-item > div[data-title]::before{
        content:attr(data-title);
        font-weight:bold;
        color:#666;
    }

    .cart-shipping{
        flex-direction:column;
        text-align:center;
    }

    .shipping-price{
        width:100%;
        padding:15px;
    }

    .cart-total{
        font-size:16px;
    }

    .must2{
        font-size:24px;
    }
}
.cart-btn-group{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    padding:10px 0;
}

.cart-btn-item{
    display:flex;
    align-items:center;
}
.cart-form-wrap{
    max-width:820px;
    margin:15px auto 0;
    border:1px solid #DAC1A0;
    background:#fff;
    padding:40px 20px;
    box-sizing:border-box;
}

.cart-title{
    margin-bottom:20px;
}

.cart-title img{
    max-width:100%;
    height:auto;
    display:block;
}

.cart-form-box{
    margin-bottom:40px;
}

.form-row{
    display:flex;
    margin-bottom:15px;
}

.form-label{
    width:140px;
    line-height:40px;
    flex-shrink:0;
}

.form-input{
    flex:1;
	line-height: 40px;
}

.form-input label{
    margin-right:20px;
    line-height:40px;
}

.align-top{
    align-items:flex-start;
}

.address-group{
    display:flex;
    gap:10px;
}

.Input_Contact{
    width:250px;
    height:40px;
    padding:0 10px;
    box-sizing:border-box;
}

.Input_Address{
    flex:1;
    height:40px;
    padding:0 10px;
    box-sizing:border-box;
}

.Select{
    width:220px;
    height:40px;
}

.pay-row{
    margin-bottom:15px;
}

.must{
    color:#c00;
}

@media (max-width:768px){

    .cart-form-wrap{
        padding:20px 15px;
    }

    .form-row{
        flex-direction:column;
    }

    .form-label{
        width:100%;
        line-height:1.6;
        margin-bottom:8px;
    }

    .Input_Contact,
    .Input_Address,
    .Select{
        width:100%;
    }

    .address-group{
        flex-direction:column;
    }
}
.cart-finish-wrap{
    max-width:820px;
    margin:20px auto 0;
    border:1px solid #DAC1A0;
    background:#fff;
    padding:30px 20px;
    box-sizing:border-box;
}

.order-finish-image{
    text-align:center;
    margin-bottom:30px;
}

.order-finish-image img{
    max-width:100%;
    height:auto;
}
.order-status-wrap {
	max-width: 820px;
	margin: 60px auto;
	border: 1px solid #DAC1A0;
	background: #fff;
	padding: 30px 20px;
	box-sizing: border-box;
}
@media(max-width:768px){.order-status-wrap{margin: 40px 20px;}}
.News_Main_Title {
	font-size: 24px;
  text-align: center;
  margin: 0 0 20px;
}
.News_Main_Date {
	font-size: 18px;
	text-align: center;
	margin: 0 0 20px;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 20px;
}
.order-info{
	width:100%;
}

.order-item{
	margin-bottom:35px;
}

.order-title{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:12px;
	font-size:24px;
	font-weight:bold;
	color:#cc6600;
	line-height:1.4;
}

.order-content{
	padding-left:30px;
	line-height:2;
	color:#555;
	font-size:16px;
}
.order-label{
	padding-bottom:10px;
}
.order-btn{
	height:42px;
	padding:0 20px;
	border:0;
	background:#c78b4a;
	color:#fff;
	font-size:15px;
	cursor:pointer;
	transition:.3s;
}
.order-btn2{
	padding:10px 20px;
	border:0;
	background:#c78b4a;
	color:#fff;
	font-size:15px;
	cursor:pointer;
	transition:.3s;
}
.order-btn:hover{
	opacity:.85;
}
.elementor-kit-303 p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	padding: 0 20px;
}