/* ----------------------------------------------------------------
	通用
-----------------------------------------------------------------*/
:root {
	--cnvs-themecolor: #b08727;
	--cnvs-themecolor-rgb: var(--bs-primary-rgb);
	--cnvs-body-font: 'Noto Sans TC', sans-serif;
	--cnvs-primary-font: 'Noto Sans TC', sans-serif;
	--cnvs-secondary-font: 'Noto Sans TC', serif;
	--cnvs-header-height: 70px;
	--cnvs-sticky-header-height: 70px;
	--cnvs-menu-gap: 30px;
	--cnvs-mega-menu-width-sm:600px;
}

#header {
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font-size:	1rem;
	--cnvs-primary-menu-tt:	none;
	--cnvs-primary-menu-ls:	0;
	--cnvs-primary-menu-submenu-font-size:	0.875rem;
	--cnvs-primary-menu-submenu-font-weight:	500;
	--cnvs-primary-menu-submenu-hover-font-weight: 500;
	--cnvs-primary-menu-submenu-tt:	none;
}

.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
	font-size: calc(var(--cnvs-primary-menu-submenu-font-size) * 0.9);
}
#header {
	--cnvs-primary-menu-font-size: 1rem;
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-ls: 1px;
}

#header {
	--cnvs-header-height: 60px;
	--cnvs-primary-menu-font-size: 1rem;
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-color: var(--cnvs-contrast-800);
	--cnvs-header-floating-top-offset: 0;
	--cnvs-top-search-font-size: 1.125rem;
	--cnvs-top-search-placeholder: var(--cnvs-contrast-500);
}

.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link {
	color: rgba(255,255,255,0.9);
}
/* ----------------------------------------------------------------
	side panel
-----------------------------------------------------------------*/
#side-panel .side-panel-wrap{background-color:var(--cnvs-header-floating-bg);}
#side-panel .side-panel-wrap.whitebg{background-color:#fff}
.side-panel-wrap h3{color:var(--cnvs-primary-menu-color);}
.dark .side-panel-wrap h3, .dark .side-panel-wrap .top-cart-item-desc a{color:#fff;}
.side-panel-wrap .top-cart-item-desc a{color:var(--cnvs-primary-menu-color);}
.switch-btn{background-color:transparent;border:0;width:25px;}
.top-cart-items{padding:0}
.top-cart-action{padding-left:0;padding-right:0;}
.is-expanded-menu #header-wrap,
.is-expanded-menu .sticky-header #header-wrap {
	position: fixed !important;
    top: 15px;
    background-color: transparent;
	border: 0;
}
.top-cart-item-price, .top-cart-item-quantity{color:var(--cnvs-themecolor);}
.top-cart-content,
.menu-container > .menu-item > .sub-menu-container {
	border-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.button-offset:is(:hover, :focus) {
	outline-width: 3px;
	outline-style: solid;
	outline-color: var(--cnvs-themecolor);
	outline-offset: 0;
	transition: all .1s;
}

.button-offset.button-offset-circle {
	outline-color: #FFF;
	outline-width: 2px;
}

.button-offset:is(:hover, :focus) {
	outline-offset: 3px;
}

.button-offset.button-light {
	outline-color: var(--bs-white);padding-top:0.3rem;font-weight:600;
}

.btn-link:hover { text-decoration: underline !important; }

.ls--1 { letter-spacing: -1px !important; }
.ls--2 { letter-spacing: -2px !important; }

.mega-menu-content.mega-menu-style-2 .menu-link {
	text-transform: none;
	font-weight: 500;
	font-size: 14px;
}
/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
.swiper-slide::after {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    height: 100%;
    inset: 0px;
    position: absolute;
    z-index: 0;
}
.slider-caption {
	position: absolute;
	width: 90%;
	max-height:500px;
	max-width: none;
	left: 0;
	right: 0;
	margin: 150px auto 0 auto;
}

.slider-caption h2 {
	font-size: 3.05rem;
	letter-spacing: -2px;
	text-transform: none;
}

.slider-caption p {
	margin-top: 15px;
	font-size: 1.125rem;
}

.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next {
	--right: 70px;
	--size: 36px;
	top: auto;
	bottom: 22px;
	left: calc(50% + 22px);
	right: 70px;
	right: var(--right);
	margin-top: 0;
	background-color: rgba(255,255,255,0.8);
	width: 42px;
	width: var(--size);
	height: 42px;
	height: var(--size);
	border: 0;
	border-radius: 50%;
	transform: translateX(-50%);
	transition: all .4s ease;
}

.flex-prev,
.flex-next {
	opacity: 0;
	top: 50%;
	bottom: auto;
	left: auto;
	right: 4px;
	transform: translateY(-50%);
}
.slider-arrow-left { left: calc(50% - 22px); }

.flex-prev { left: 4px; }

.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i {
	line-height: 42px;
	line-height: var(--size);;
	width: 42px;
	width: var(--size);
	height: 42px;
	height: var(--size);
	color: #DDD;
	color: rgba(0,0,0,0.8);
	text-shadow: none;
	font-size: 24px;
	margin-left: 2px;
	transition: color .4s ease;
}

.slider-arrow-left i,
.flex-prev i { margin-left: 0; }

.slider-arrow-left:hover i,
.slider-arrow-right:hover i,
.flex-prev:hover i,
.flex-next:hover i  { color: #FFF; }

.social-icons {
	position: absolute;
	left: 55px;
	bottom: 15px;
	z-index: 10;
}

.social-icons::before {
	content: '';
	position: absolute;
	left: -40px;
	top: 45%;
	width: 30px;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
}


.heading-block h3 {
	font-weight: 600;
	text-transform: none;
	font-size: 2.1rem;
	line-height:1.35;
	letter-spacing: 0;
}

.edge-underline h3,
.product:hover .product-title h3 {
	text-decoration: underline;
	text-decoration-skip: edges;
}
.card-body h3 a{line-height:1}
.features i{font-size:2rem}
.features h4{font-size:1.35rem}
#card-edit.product-image{overflow:hidden}
#stage-parent {width: 100%;position:relative}
#stage-parent .mask{position:absolute;top:0;left:0;z-index:50; background-color:transparent}
@media (min-width: 1199px) {
	.single-product{padding:15px 0}
	.product {
		padding: 0px;
	}
	.f-mobile{display:none}
.cart-item .cart-item-detail {
    gap: 9px 15px;
    grid-template-columns: 1fr minmax(120px,.36fr);
    padding-top: 9px;
}
}	
.product-rating{font-size:13px;color:#b08727;}
.product-event {
    display: flex;
    margin-top: .35rem;
	margin-bottom: .35rem;
    line-height: 1.5;
    font-size: 13px;
	position:relative;
}
.product-event .event-label {
    width: 3.5rem;
    margin-right: 0.5rem;
    font-weight: bold;
}
.product-event .event-item {
    width: calc(100% - 4.5rem);
}
.product-event .event-item a {
    display: flex;
}
.product-event .event-item a:before {
    content: '|';
    margin-right: 0.5rem;
}
.event-item a {
    color: #c33 !important;
}
.old-price-prepend {
    color: #999;
    font-size: .75rem;
	font-weight:400;
}
.old-price .price {
    color: #999;
	font-family: 'Nunito', sans-serif !important;
    text-decoration: line-through;
    font-size: .95rem;
	font-weight:400;
	letter-spacing:1px;
}
.single-product .product-price {
    font-size: .9rem;
    margin-bottom: 0;
}
.single-product .product-price ins {
    font-size: 1.75rem;
    font-weight: 600;
	font-family: 'Nunito', sans-serif !important;
	color:#b08727;
}
.product-price ins {
    text-decoration: none;
    color:#b08727;
	font-family: 'Nunito', sans-serif !important;
}
.material li{list-style:none;font-weight:400;}
.material li strong{color:#b08727;}
.tab-pane p{font-weight:400;}
.addon-promotions-container {
    margin: 10px 0;
}
.addon-promotions-container .addon-promotion-shadow {
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 8%);
}
.addon-promotions-container .addon-promotions-header {
    font-size: 16px;
    text-align: center;
	background-color: #ddd;
    padding: 10px 15px 10px 19px;
}
.dark .addon-promotions-header{
	background-color:222;
	color:#222;
}
.addon-promotions-container .addon-promotion-list {
    list-style: none;
    padding: 0;
}
.addon-promotions-container .addon-promotion-item {
    display:block;
	background-color:#f7f7f7;
}
.addon-promotion-item.addon-selected, .addon-promotion-item:hover{background-color:#eee}
.dark .addon-promotion-item.addon-selected,.dark .addon-promotion-item:hover{background-color:#ccc}
.addon-promotions-container .addon-promotion-item-wrapper {
    height: 100%;
    margin: 0;
	padding:16px 15px 16px 15px;
}
.addon-promotions-container .addon-item-chkbox {
    margin: 25px 0 0 0;
}

.addon-promotions-container .addon-selected .addon-item-img img{
	border-color: #b08727;
}
.addon-promotions-container .addon-item-img img {
    width: 100%;
	margin-top:6px;
	max-width:80px;
	border: 2px solid transparent;
}

.addon-promotions-container .addon-item-mainInfo {
    min-height: 60px;
    padding-bottom: 0;
}
.addon-promotions-container .addon-promotion-item .form-inline.quantity-section {
    display: inline-block !important;
    vertical-align: middle;
    width: auto;
    margin: 0 5px 0 0;
}
.addon-bottom-line {
    margin: 0px 14px;
    border-top: solid 1px #dddddd;
	margin: 0;
}

.addon-promotions-container .addon-promotion-item-wrapper .price-container {
    font-size: 16px;
    text-align: center;
	margin-top: 0;
    display: inline-block;
    vertical-align: middle;
}
.ProductDetail-product .ProductDetail-product-info div.price, .ProductDetail-product .ProductDetail-product-info .form-inline .input-group {
    display: block;
}
.addon-promotions-container .addon-promotion-item .price-sale{color:#b08727;font-size:.9rem;}
.full-wide{width:100%}
.table-secret{font-weight:400}
.table-secret th{width:20%;min-width:80px;color:#b08727}
.fbox-content h3 a{color:#fff}
.alert-secret{margin-bottom:0;padding:10px;text-align:center;}
.p-minus{color:#e31b1b}
.dropdown-toggle.mem::after{display:none}
.mem i{color:#b08727;}
.top-mem-number {
    --cnvs-top-cart-number-size: 1.125rem;
    display: block;
    position: absolute;
    top: -7px;
    left: auto;
    right: -8px;
    font-size: 0.625rem;
    color: #FFF;
    width: var(--cnvs-top-cart-number-size);
    height: var(--cnvs-top-cart-number-size);
    line-height: var(--cnvs-top-cart-number-size);
    text-align: center;
    background-color: var(--cnvs-themecolor);
    opacity: 0.8;
    border-radius: 50%;
}
.stag{
    background: #f7f7f7;
    border: 1px solid #898989;
	font-size:12px;
    box-sizing: border-box;
    cursor: default;
    display: inline-flex;
    margin: 0 2px;
    opacity: 1;
    padding: 0 4px;
    white-space: nowrap;
    border-radius: 4px;
}
.stag-secret {
    background-color: rgba(176,135,39,.2);
    border: 1px solid #b08727;
    color: #b08727;
}
.stag-white {
    background-color: rgba(255,255,255,.8);
    border: 1px solid #b08727;
    color: #b08727;
}
.button.button-reveal.button-large.add-to-cart{padding-left:60px !important; padding-right:60px}
#promo h3 a{color:#fff}
/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	#header.transparent-header.floating-header {
		--cnvs-header-floating-top-offset: 15px;
	}

	#header.transparent-header.floating-header #header-wrap {
		position: fixed;
		top: 15px;
		margin-top: 0;
		box-shadow: none;
		z-index: 199;
		border-bottom: 0;
	}

	#header.transparent-header.floating-header .container-fluid,
	#header.sticky-header.transparent-header.floating-header .container-fluid {
		width: calc(100% - 30px);
		width: calc(100% - var(--cnvs-menu-gap));
		padding: 0 30px;
		padding: 0 var(--cnvs-menu-gap);
		background-color: transparent !important;
		transition: all .8s cubic-bezier(.19,1,.22,1);
	}

	#header.hover-light.transparent-header.floating-header .container-fluid,
	#header.sticky-header.transparent-header.floating-header .container-fluid {
		background-color: #FFF !important;
		box-shadow: 0 0 10px rgba(0,0,0,0.1);
	}

	
	.menu-link {
		letter-spacing: 0;
	}

	.menu-container:hover > .menu-item:not(:hover):not(.active) > .menu-link { color: #BBB; }

	#header.sticky-header #header-wrap { background-color: transparent; }

	#top-account a {
		position: relative;
		display: block;
		z-index: 11;
	}

	.header-overlay::after {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 1;
		transition: background-color .3s cubic-bezier(.19,1,.22,1);
	}

	.card-img-overlay.bg { background-color: rgba(0, 0, 0, 0.4); }

	.container-fluid {
		padding-right: 75px;
		padding-left: 75px;
	}
	.f-mobile{display:none}

}
.profile img{height:80px;}
.desktop{list-style:none;display:flex;flex-direction:row; justify-content:center}
.desktop li{text-align:center;padding:5px 15px;width:130px;}
.desktop li i{color:#222;font-size:1.5rem;}
.desktop li a:hover i{color:#b08727}
.desktop li a:hover h5{color:#b08727;}
.desktop li h5{font-size:1rem;font-weight:500;}
.quick{position:relative;width:40px;margin:0 auto}
.quick-number {
    --cnvs-top-cart-number-size: 1.125rem;
    display: block;
    position: absolute;
    top: -2px;
    left: auto;
    right: -4px;
    font-size: 0.625rem;
    color: #FFF;
    width: var(--cnvs-top-cart-number-size);
    height: var(--cnvs-top-cart-number-size);
    line-height: var(--cnvs-top-cart-number-size);
    text-align: center;
    background-color: var(--cnvs-themecolor);
    border-radius: 50%;
}
@media (max-width: 991.98px) {
	.bg-overlay{display:none}
	.product-title h3, .product-title .h3{font-size:1rem;line-height:1.2}
	:root{--cnvs-content-padding: 2rem;}
	.content-wrap .footer-stick {margin-bottom: -2rem !important;}
	.footer-widgets-wrap .foot-logo{display:flex;justify-content:center;}
	.footer-widgets-wrap .widget_links li{font-size:.8rem}
	.features .col-12{text-align:center}
	.product-desc{margin-top:0px !important;}
	.product_event_group{margin-top:.5rem;margin-bottom:.5rem}
	.canvas-tabs,.canvas-tabs.nav-tabs {--bs-nav-link-padding-x: 0.8rem;}
	#slider .slider-inner{align-items:start}
	.slider-element .slider-product-desc{width:100%;}
	.slider-element .slider-product-desc [class^='col-']{padding:10px 15px;}
	.fbox-icon{width:4rem;}
	.fbox-plain .fbox-icon i{font-size:2rem;}
	.fbox-content h3, .fbox-content .h3{font-size:1rem;}
	.fbox-content h3.mb-3{margin-bottom:0px !important}
	.pt-s-0{padding-top:1rem !important;}
	.pt-s-0 .breadcrumb{margin-top:0}
	.slider-caption {margin: 60px auto 0 auto;max-height:350px;}
	.slider-caption h2{font-size:2.25rem}
	.slider-caption h4{font-weight:500 !important;}
	.profile{text-align:center}
	.profile .heading-block h3{font-size:1.3rem}
	.profile img.alignleft{float:none;height:56px;margin-right:0}
	.desktop li i{color:#222;font-size:1.2rem;}
	.desktop li h5{font-size:.9rem;font-weight:500;}
}
@media (max-width: 768px) {
h2.product-name{font-size:1.25rem;line-height:1.2}
.fs-mobile{display:none}
}
/*產品小圖*/
.owl-thumbs{margin-top:5px;width:100%;}
.owl-thumbs-wrapper{display:flex;flex-flow:row}
.owl-thumb-item{width:15%;border:0;margin:0 5px 0 0;padding:0;background-color:transparent;border:2px solid; border-color:transparent}
.owl-thumb-item.active{border-color:#b08727}
/*顏色切換*/
#product-color-dots .owl-dot {
	display: inline-block;
	background-color: transparent;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid #FFF;
	box-shadow: 0 0 0 1px rgba(0,0,0,0);
	transform: scale(1);
	-webkit-transition: box-shadow .2s ease, transform .2s ease;
	-o-transition: box-shadow .2s ease, transform .2s ease;
	transition: box-shadow .2s ease, transform .2s ease;
}

#product-color-dots .owl-dot.active {
	box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
	transform: scale(1.2);
}

#product-color-dots.img-switch .owl-dot{
	border-radius:0;
	width: 30px;
	height: 30px;
	background-size:cover;
}
.link {
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	color: #b08727;
	font-size: 1rem;
	display:table;
	height:30px;
}
.link::before, .link::after {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #b08727;
	top: 28px;
	left: 0;
	z-index:100;
}
.link::before {
	content: '';
}
.link-1::before {
	height: 2px;
	transform-origin: 100% 50%;
	transform: scale3d(0, 1, 1);
	transition: transform 0.3s;
}
.link-1:hover::before {
	height: 2px;
	transform-origin: 0% 50%;
	transform: scale3d(1, 1, 1);
}
.whisper{  font-family: "Whisper", cursive;}
.search .product-title h3,.search .product-title .h3{font-size:1rem}
.store{list-style:none;font-weight:400;margin-bottom:0;}
.store li{padding:2px 0}
.store li i{padding-right:3px;}
.control{display:flex;list-style:none;flex-wrap:wrap}
.control i{margin-right:5px;}
.control .button{padding:5px;border-radius:5px;}
.button-yellow{background-color:#ffcc00}
.button-blue{background-color:#a0e4f8}
#canvas-tab-alt-content img{width:100%; height:auto;}