/** Shopify CDN: Minification failed

Line 87:0 All "@import" rules must come first
Line 88:0 All "@import" rules must come first

**/
.rte img {border:none !important;}

.product-form__submit {color:#317034 !important;}
.product-card-wrapper {
  border:1px solid rgba(240,237,229, 1);
  border-radius:0.8rem;
  padding: 1rem;
  background:rgba(240,237,229,0.3);
}

.product-form__input--pill label {
  background-color:rgba(0,0,0,0) !important;
  border:1px solid rgba(148,107,0, 0.35) !important;
  color:#317034 !important;
}
.product-form__input--pill input[type=radio]:checked+label {
  background-color:#317034 !important;
  color:#ffffff !important;
}

@media screen and (min-width: 750px) {
    .grid {
        column-gap: 16px !important;
        row-gap: 16px !important;
    }
}

@media screen and (min-width: 990px) {
    .grid--4-col-desktop .grid__item {
        width: calc(25% - 16px* 3 / 4);
        max-width: calc(25% - 16px* 3 / 4);
    }
}

@media screen and (min-width: 990px) {
    .grid--6-col-desktop .grid__item {
        width: calc(16.66% - 16px* 5 / 6);
        max-width: calc(16.66% - 16px* 5 / 6);
    }
}

.button {
  /*background: linear-gradient(109.54deg, #317034 24.35%, #FD6CBA 140.11%);*/
  background:none;
  border-radius:1.2rem;
  margin-top:4rem !important;
  border:2px solid #317034;
  color:#317034;
  outline:none;
}

.collection__view-all a.button:hover {
  border:none !important;
  outline:none !important;
}

.button {
    --border-offset: 0;
}

@media screen and (min-width: 990px) {
    .grid--3-col-desktop .grid__item {
        width: calc(33.33% - 16px* 2 / 3);
        max-width: calc(33.33% - 16px* 2 / 3);
    }
}

.card-information>.price {
  color:#317034 !important;
  font-weight:600 !important;
}

/* Kira Settings */

@media screen and (min-width: 990px) {
    .product--large:not(.product--no-media) .product__info-wrapper {
        max-width: 32% !important;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+TC:wght@300&display=swap');
  
body, h1, h3, h4 {
  font-family: 'Noto Sans TC' !important;
  font-weight:300 !important;
  color: #1A1A1A !important;
  /*background:#FAEFED;*/
}

h2.collection-list-title, h2.collection-list-title, h2.collage-wrapper-title, h2.title, h1.collection-hero__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight:300 !important;
  color: #317034 !important;
}

@media only screen and (min-width: 750px) {
    h1, .h1 {
        font-size: calc(var(--font-heading-scale)* 3.5rem) !important;
    }
}

.gradient {
  background:#fbfbf5 !important;
  /*background:url(/cdn/shop/files/bg_0121.jpg?v=1737386116) #faefed no-repeat center bottom fixed;*/
}

.card-wrapper .gradient {
  background:none !important;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color:#317034 !important;
  width:1rem !important;
  height:1rem !important;
}

.slider-counter__link .dot {
  background-color:rgba(0,0,0,0.25) !important;
  border:none !important;
  width:0.7rem !important;
  height:0.7rem !important;
}
.slider-button {display:none !important;}
.slideshow__controls {border:none !important; padding:25px 0 !important;}

.header__active-menu-item {
  text-decoration:none !important;
  color:#317034 !important;
  font-weight:600;
}
.card--standard .card__inner:after {
  box-shadow:none !important;
}

.color-scheme-2 .card__content .card__information {
  background:none !important;
}

.product-card-wrapper .gradient {
  background:none !important;
}
.k-popup__powered-by {display:none !important;}
.k-popup-wrapper .k-popup__slidetxt-wrap .k-popup__slidetxt-slide-image .k-popup__slidetxt-slide-media {
  background-size:80% !important;
}

@media screen and (min-width: 990px) {
    .header.page-width {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .header--middle-left .header__inline-menu {
        margin-left: 0px !important;
    }
}

.pdc-container {
    position: relative;
    float: left;
    display: block;
    width:100%;
    padding:50px 10px 10px;
}
.pdc-container .col {
    position: relative;
    float: left;
    display: block;
    width:100%;
    padding:0;
}

.pdc-col-full {
    position: relative;
    float: left;
    display: block;
    width:100%;
    padding:0px;
}
.pdc-col-half {
    position: relative;
    float: left;
    display: block;
    width:/*50%*/100%;
    padding:0px;
}
.pdc-col-quarter {
    position: relative;
    float: left;
    display: block;
    width:/*25%*/100%;
    padding:0px;
}

@media screen and (max-width: 768px) {
    .pdc-col-half, .pdc-col-quarter {
        width:100%;
    }
}

.pdc-container h4 {
    position: relative;
    float: left;
    display: block;
    width:100%;
    color: #2187d1;
    text-align: left;
    font-size: 18px;
    line-height: 28.8px;
    padding:10px;
    margin: 0;
}
.pdc-container p {
    position: relative;
    float: left;
    display: block;
    width:100%;
    color: #3a3a3a;
    font-size: 16px;
    line-height: 28.8px;
    padding:10px;
    margin: 0;
}
.pdc-container ul li {
    color: #3a3a3a;
    font-size: 16px;
    line-height: 28.8px;
}

.key-pill span {
    font-size: 11px;
    color: #565656;
    line-height: 18px;
    text-align: center;
    border:1px solid #e2e2e2;
    border-radius: 5px;
    padding:5px 15px;
    float:left; width:auto;
    margin:0 8px 8px 0;
}

/*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
  }
  
  .tabset .tab-panel {
    display: none;
  }
  
  .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
  .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
  .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
  .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
  .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
  .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
  }

  .tabset {text-align: center;}
  
  .tabset > label {
    position: relative;
    display: inline-block;
    padding: 15px 35px 20px;
    cursor: pointer;
    font-weight: 600;
  }
  
  .tabset > label::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 4px;
  }
  
  input:focus-visible + label {
    outline: 2px solid #419bdb;
    border-radius: 3px;
  }
  
  .tabset > label:hover,
  .tabset > input:focus + label,
  .tabset > input:checked + label {
    color: #317034;
  }
  
  .tabset > label:hover::after,
  .tabset > input:focus + label::after,
  .tabset > input:checked + label::after {
    background: #317034;
  }
  
  .tabset > input:checked + label {
    border-color: #e1e1e1;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
  }
  
  .tab-panel {
    padding: 30px 10px;
    border-top: 1px solid #e1e1e1;
  }

  .tab-panel p {
    text-align: left;
    color: #3a3a3a;
  }

  .grid-dl dt {
    padding: 0.5em 0 0.5em 0;
  }
  
  .grid-dl dd {
    margin: 0;
    text-align: left;
    padding: 0.5em 0 0.5em 0;
  }
  .grid-dl dd b {font-weight: 800; line-height: 3em;}
  
  @media (min-width: 550px) {
    .grid-dl {
      width:50%;
      float:left;
      display: grid;
      grid-template-columns: 1fr 3fr;
      grid-template-rows: auto;
      color: #3a3a3a;
      margin-top:45px;
    }
    .grid-dl dt {
      grid-column-start: 1;
    }
    .grid-dl dd {
      grid-column-start: 2;
    }
    .tab-panel p.two-column {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
  }

  .tab-panel p span {
    padding:25px;
  }

  @media screen and (max-width: 768px) {
    .tab-panel p.two-column {
      display: grid;
      grid-template-columns: 1fr;
    }
}

.tab-panel div {margin-bottom:2em;}
.tab-panel div div.info-text {
  position: relative;
  width:60%;
  float:left;
  text-align: left;
  display: block;
}
.tab-panel div div.info-img {
  position: relative;
  width:40%;
  float:left;
  display: block;
}
.tab-panel div div.info-img img {
  width:100%;
  margin:0 20px 0;
  border-radius:1.2em;
}

.pdc-col-full img, .pdc-col-half img {
  width:80%;
  border-radius:1.2em;
}

@media only screen and (min-width: 750px) {
#intro p img {width:60%; max-width:900px;}
}



.daESOx {
  background-color:#FAEFED !important;
}

.newsletter h2 {color:#317034 !important;}

@media screen and (min-width: 750px) {
    .collection-hero__description {
        max-width: 100% !important;
    }
}

.product-form__submit:after{display:none !important}
.button:not([disabled]):hover:after {
  border: 2px solid #317034 !important;
  border-radius:1.2rem;
  box-shadow:none !important;
}

/*隱藏首頁brand text link*/  
#Slider-template--15028904984705__collection_list_Q3fpqU .card__content {
  opacity: 0;
    height: 0;
}

/*客製product page metafield設定*/
.metafield-multi_line_text_field {margin-top: 1.5rem; display:inline-block;}
.metafield-rich_text_field {margin: 1.5rem 0;}
.metafield-rich_text_field ul li {margin-left: 20px;}
.product__info-wrapper .inline-richtext, .product__info-wrapper .metafield-multi_line_text_field {font-size:1.8rem;}

/*隱藏訂購按鈕
.product-form__buttons, .product-form__quantity {display:none !important;}*/

/*Banner RWD
@media only screen and (min-width: 768px) {
    #Slider-template--15028904984705__slideshow_Pqdj4q {display:block !important;}
}
@media only screen and (max-width: 767px) {
    #Slider-template--15028904984705__slideshow_Pqdj4q {display:none !important;}
}*/

.slideshow__slide .button {border:none !important;}

/* RWD Bug-fix */
@media screen and (min-width: 990px) {
    .grid--5-col-desktop .grid__item {
        width: calc(18% - var(--grid-desktop-horizontal-spacing)* 3 / 5);
        max-width: calc(18% - var(--grid-desktop-horizontal-spacing)* 3 / 5);
    }
}

@media screen and (max-width: 989px) {
    .grid--1-col-tablet-down .grid__item {
        width: 48%;
        max-width: 48%;
    }
   .slideshow__slide {
     max-width: 150% !important;
     width: 150% !important;
   }
   .slideshow__slide .slideshow__media {
     left:-15% !important;
   }
}

/* 特價badge */
.price__badge-sale, .card__badge .badge {
  background-color:#317034 !important;
}
.product__info-container p.subtitle {
  padding-top:1.5rem;
  color:#317034 !important;
  font-weight:800 !important;
}

/* 長條圖獨立 80% & 置中 */
.pdc-detail-desc-img {
  width:100%; text-align:center;
}

.article-card__excerpt {
  overflow: hidden;
  text-overflow: ellipsis;
  height:10rem;
  line-height:2.5rem;
}


#shopify-section-template--15160308301953__custom_liquid_L3wLR3, 
#shopify-section-template--15160308301953__custom_liquid_CD3pmP, 
#shopify-section-template--15160308301953__custom_liquid_G6AtUj, 
#shopify-section-template--15160308301953__custom_liquid_3GAegH {
  padding:0px 8rem 0px;
  max-width: var(--page-width);
  margin:0 auto;
}

/* 隱藏 Image Slider 註記 */
#enrm-branding-37995[style] {
  display:none !important;
  visibility:hidden !important;
  color:#FAEFED !important;
  max-height:0.1px !important;
}

.needsclick span {
  background-color:#317034 !important;
}
.go3176171171 {
  color:#fff !important;
}
.needsclick h1 span,  .needsclick p span {
  background:none !important;
}
.go3176171171 p span {
  color:#000 !important;
}

/* Review Section Settings */

.CSSgal {
	position: relative;
	overflow: hidden;
	height: 100%; /* Or set a fixed height */
}

.CSSgal .slider {
	height: auto;
	white-space: nowrap;
	font-size: 0;
	transition: 0.8s;
  padding-top:50px;
}

.CSSgal .slider > * {
	font-size: 1rem;
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	height: 100%;
	width: 100%;
	background: none 50% no-repeat;
	background-size: cover;
}

.CSSgal .prevNext {
	position: absolute;
	z-index: 1;
	top: 0px;
  right:0px;
	width: 80px;
	height: 30px;
}

.CSSgal .head {
	position: absolute;
	z-index: 1;
	top: 10px;
  left:0px;
	width: 80px;
	height: 30px;
  font-size:18px;
  line-height:30px;
  color:#000;
}

.CSSgal .prevNext > div+div {
	visibility: hidden; /* Hide all but first P/N container */
}

.CSSgal .prevNext a {
	/*background: #f1f1f1;*/
	position: absolute;
    top:30px;
	width:30px;
	height:30px;
	line-height: 30px; /* If you want to place numbers */
	text-align: center;
	opacity: 0.7;
	-webkit-transition: 0.3s;
					transition: 0.3s;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	left: 0;
}
.CSSgal .prevNext a:hover {
	opacity: 1;
}
.CSSgal .prevNext a+a {
	left: auto;
	right: 0;
}

.CSSgal .bullets {
	position: absolute;
	z-index: 2;
	bottom: 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
}
.CSSgal .bullets > a {
	display: inline-block;
	width:       30px;
	height:      30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background: rgba(255, 255, 255, 1);
	-webkit-transition: 0.3s;
					transition: 0.3s;
}
.CSSgal .bullets > a+a {
	background: rgba(255, 255, 255, 0.5); /* Dim all but first */
}
.CSSgal .bullets > a:hover {
	background: rgba(255, 255, 255, 0.7) !important;
}

/* ALL: */
.CSSgal >s:target ~ .bullets >* {      background: rgba(255, 255, 255, 0.5);}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255,   1);}
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255,   1);}
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255,   1);}
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255,   1);}
/* More slides? Add here more rules */

/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal >s:target ~ .prevNext >* {      visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
/* More slides? Add here more rules */

/* SLIDER ANIMATION POSITIONS */
#s1:target ~ .slider {transform: translateX(   0%); -webkit-transform: translateX(   0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
/* More slides? Add here more rules */
.CSSgal{
	color: #fff;	
	text-align: left;
    display:none;
}
.CSSgal .slider h2 {
	margin-top: 40vh;
	font-weight: 200;
	letter-spacing: -0.06em;
	word-spacing: 0.2em;
	font-size: 3em;
}
.CSSgal a {
	border-radius: 50%;
	margin: 0 3px;
	color: rgba(0,0,0,0.8);
	text-decoration: none;
}

.testimonial-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 100%;
}
.testimonial {
  display: flex;
  /*background: white;*/
  padding: 15px;
  align-items: center;
}
.testimonial img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin-right: 15px;
}
.testimonial-text {
  flex: 1;
}
.stars {
  font-size: 16px;
  color: #FFD700;
}
.gray {
  color: #ccc;
}
.testimonial-text p {
  margin: 5px 0 0;
  font-size: 14px;
  color: #666;
}

@media screen and (min-width: 990px) {
  .product__description p.ca-img-fit img {
    max-width:600px;
    margin:0 auto;
  }
  /*.product__description p.ca-img-fit, .product__description {text-align:center;}*/
  .product__description img {
    max-width:600px;
    margin:0 auto;
  }
}

@media screen and (min-width: 990px) {
.cbb-frequently-bought-container {padding:0 150px !important;}
}
@media screen and (max-width: 989px) {
.cbb-frequently-bought-container {padding:0 10px !important;}
.__pf.__pf_KSaD1bSw .pf-91_ {padding: 0 10px !important;}
}
h2.cbb-frequently-bought-title {text-align:center !important; margin-bottom:2rem !important;}

.sc-huFOms {text-align:center;}

.sc-fyVeKD, .pf-slider-nav-with-1-media {display:none !important;}

/* EasyDisplay */
.esg-branding {display: none !important;}
.icon-box a, .icon-box button, .cart-btn a, .cart-btn button {background:#317034 !important; width:100%; border-radius:10px !important;}
.template_container {max-width: var(--page-width) !important; margin:0 auto !important;}

/* PickSlide */
.slidemate-block {background:#fbfbf5 !important; }
.pickslide-overlay-type-overlay {background:#d9c3a6 !important; }