@charset "utf-8";
/* CSS Document */
.w-60 { width: 100; height:auto; }
.bg-prod { 
	background:url(../img/bg-index-prod.jpg) center top repeat;
}
.bg-btn { background: rgba(255,128,3,1); }
.bg-btn:hover { opacity: .9; }
.btn-danger:hover { color: #333; opacity: .9; }
.singleProduct .media { margin-bottom: 1em; }
.prod-tit { display: inline-block; width: 100%; background-color: #ebe9c7; border-left: #a06f63 7px solid; padding: .2rem 0 0 .8rem; font-family: 'Noto Serif JP', serif; }
.prod-tit h2 { color: #671805; font-weight: 600; margin-bottom: .3rem; font-family: 'Noto Serif JP', serif; }
.prod-tit h3 {
    font-weight: 600;
    margin-bottom: 7px;
    font-size: .9em;
    color: #671805;
}
.singleProduct .media .media-body h3 {
    font-weight: 600;
    margin-bottom: 7px;
    font-size: .9em;
    color: #671805;
}
.prod-spec { color: #000; border: rgba(0,0,0,.4) 1px solid; border-radius:3px; cursor: pointer; }
.prod-spec * { font-weight: 400; }
.prod-spec:hover { color: #000; border-radius:3px; border: rgba(255,128,3,0.5) 1px solid; background-color: #fff; cursor: pointer; }
.prod-spec.on { color: #000; border-radius:3px; border: rgba(255,128,3,0.5) 2px solid; background-color: #fff; cursor: pointer; }
#fmbuy .bg-light { background-color: #ededed !important;  border: rgba(0, 0, 0, 0.4) 1px solid; }
#fmbuy .soldout { color: #999; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }

.flexslider { background-color: #fff; border: none; padding: 0; }
.flexslider a:link, .flexslider a:visited { color: #000; }
.flex-direction-nav a, .flex-direction-nav a:before { height: 50px; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
.flexslider .slides li { padding-top: 0 !important; }
.flexslider .slides li a { display: inline-block; }
/*
.flex-direction-nav .flex-prev:link, .flex-direction-nav .flex-prev:link { line-height: 2.5em; }
.flex-direction-nav .flex-next:link, .flex-direction-nav .flex-next:link { line-height: 2.5em; }
*/
.bx-wrapper { box-shadow:none; }
.bx-wrapper .card-text { font-size: .9em; text-align: center; color: #333333; }
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 40%;
    margin-top: 0; /*-16px;*/
    text-indent: 0;
    z-index: 999;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
    background: none; /* url(/images/thin-left.svg) left center no-repeat;*/
	/*background-size: 100% auto;*/
}
.bx-wrapper .bx-prev { left: -2em; }
.bx-wrapper .bx-next { right: -2em; }

.bx-wrapper .bx-prev:link, .bx-wrapper .bx-prev:visited, .bx-wrapper .bx-next:link, .bx-wrapper .bx-next:visited {
	text-decoration: none;
	color: #666;
	font-weight: 600;
	
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	text-decoration: none;
}
.bx-wrapper .slide a { display: block !important; }
.bx-wrapper .card-img-top { /* cursor: pointer; */ }
.bx-wrapper .icofont-2x { font-weight: 600; }
.bx-wrapper .bx-pager { display: none; } /*不顯示下方點*/
.font9em { font-size: .9em; }
.font9em td, .font9em th { padding: 0.5rem; }

/* Product detail: main image switcher */
.prod-main { position: relative; }
.prod-main .carousel-item { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background-color: #f7f6e9; }
.prod-main .carousel-item::before { content: ""; display: block; padding-top: 100%; }
.prod-main .carousel-item .prod-img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover; object-position: center; }
.prod-nav {
	position: absolute;
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.1em;
	height: 2.1em;
	border-radius: 50%;
	background-color: rgba(255,255,255,.55);
	border: none;
	padding: 0;
	color: #666;
	z-index: 999;
}
.prod-nav:hover { color: #333; background-color: rgba(255,255,255,.8); }
.prod-nav .icofont-2x { font-size: 1.3em; line-height: 1; }
.prod-nav.prev { left: .6em; }
.prod-nav.next { right: .6em; }
.slider_prod .slide .card-img-top { display: block; width: 100%; aspect-ratio: 1 / 1; height: auto !important; object-fit: cover; object-position: center; background-color: #f7f6e9; }
.slider_prod .slide.is-current .card-img-top { outline: #a06f63 3px solid; outline-offset: -3px; }

@media (min-width: 992px) {
	.media .prod-tit { display:none; }
	.media-body .prod-tit { display: inline-block; }
}
@media (max-width: 991px) {
	.media .prod-tit { display: inline-block; }
	.media-body .prod-tit { display:none; }
	.media-body .mt-3 { margin-top: 0 !important; }
	.productSlider .prod-main { width: 80% !important; margin: 1.4rem auto 0 auto; }
}
@media (max-width: 767px) {
	.w-60 { width: 70%; margin: 1rem auto;  }
	#div_addcart, .prod-spec { margin-left: .1rem; margin-right: .1rem; }
}

@media (max-width: 576px) {
	.bx-wrapper .bx-controls-direction a {
		top: 35%;
	}
	.bx-wrapper .bx-prev { left: -1.5em; }
	.bx-wrapper .bx-next { right: -1.5em; }
	.prod-nav { width: 1.9em; height: 1.9em; }
	.prod-nav.prev { left: .4em; }
	.prod-nav.next { right: .4em; }
	.productSlider .prod-main { width: 80% !important; margin: 1.4rem auto; }
	.singleProduct .media .productSlider {
		padding: 0;
	 }
}