@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap');
* {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 300;
}

/* = = = 固定設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = === = = */
/*預設解除背景輪播*/
#content_main {
	margin: 0;
	overflow: unset;
}


.bannerindex {
	position: relative;
	height: auto;
	z-index: 61;
	background-color: #F0ECE1;
}

.swiper-banner {
	position: static;
	margin: 0;
	height: auto;
}

.swiper-slide img {
	height: auto;
}

/*版面範圍設定*/
.page {
	margin: 0;
}

.path{
	display: none;
}

#content {
	max-width: 1920px;
	margin: 0 auto;
}

/*手機板漢堡鈕相關*/
.nav-dropdown>li>a {
	width: 100%;
}

/*手機版底下按鈕*/
#bottom_menu {
	/* display: none !important; */ /*Roby 20221129 mark*/
	background-color: #f5efe6;
}

/*頁首按鈕hover顏色設定*/
.nav-menu>li:hover>a{
	color: #fff;
}
.nav-menu>li:hover>a::after{
	opacity: 1;
}
.nav-menu>li:hover>a .submenu-indicator-chevron{
	border-color: transparent #fff #fff transparent;
}
.nav-menu>li.active>a{
	color: #1F1813;
}

/*主分類hover*/
.submenu-indicator-chevron {
	border-color: transparent #1F1813 #1F1813 transparent;
}

/*主分類下拉箭頭*/
.nav-menu>.active>a .submenu-indicator-chevron{
	border-color: transparent #1F1813 #1F1813 transparent;
}

/*主分類下拉箭頭hover*/
.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {
	color: #555;
}

/*滑到第二層文字顏色*/
.nav-dropdown>li:hover>a,
.nav-dropdown>li.focus>a {
	color: #555;
}

/*滑到第二層文字顏色*/
.nav-dropdown>li:hover>a .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
	border-color: transparent #555 #555 transparent;
}

/*滑到第三層箭頭顏色*/
.nav-dropdown>li>a:hover .submenu-indicator-chevron,
.nav-dropdown>.focus>a .submenu-indicator-chevron {
	border-color: transparent #fff #fff transparent;
}

/*滑到第二層箭頭顏色*/

/*編輯頁下拉頁面設定*/
.other_select_page .promotion_title {
	display: none;
}

.other_select_page .other_promotion {
	display: none;
}

/*次分類下拉樣式*/
.nav-dropdown>li>a {
	border-bottom: 1px solid #fbfbfb;
	background: #fff;
	color: #444;
	font-weight: 400;
}

.nav-dropdown>li:last-child a {
	border-bottom: none;
}

.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {
	color: #fff;
	background: #A64B2A;
}

.nav-menu>li>.nav-dropdown {
	border: none;
}

/*▊▊▊▊▊▊文章分類部分基本設定(固定)-------- ////S T A R T/*/
/*文章分類側邊欄設定*/

h5.blog_le_t span{
	font-family: "Bitter";
	font-weight: 400;
}
.blog_le .accordion{
	background-color: #fff;
}
.blog_search input[type=search]{
	background-color: transparent;
}
.blog_le .accordion li .link {
	padding: 0;
	border: unset;
}

.blog_le .accordion li .link a {
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid #ccc;
	font-weight: 500;
	color: #221814;
}
.blog_le .accordion li i.fa-chevron-down:before{
	font-weight: normal;
}
.blog_le .accordion > li:hover, 
.blog_le .accordion > li.on_this_category{
	background: #B39B86 !important;
}
.submenu{
	background-color: #fff;
}
.submenu a:hover{
	background: #653C1E;
}
.blog_ri{
	padding-top: 10px;
}
.blog_page h4.blog_category_title{
	display: none;
}
h4.blog_category_title{
	font-weight: 500;
}
.blog_list_le{
	width: 300px;
}
.blog_list_le img{
	width: 100%;
}
.blog_list_ri{
	width: calc(100% - 305px);
	padding: 20px 15px 20px 5%;
}
.subbox_item {
	width: 100%;
	border-bottom: 3px solid #B39B86;
	margin: 0 5px;
}

.subbox_item a:hover:before{
	background: #B39B86;
	color: #eee;
}
.blog_list_ri h5 {
	font-size: clamp(18px,5vw,20px);
	font-weight: 400;
}
.blog_list_ri em{
	font-size: clamp(14px,3vw,17px);
	font-weight: 500;
	color: #AAAAAA;
}
.blog_list_ri p{
	font-size: clamp(15px,4vw,17px);
	color: #777777;
}

.subbox_item {
	background: #fff;
	margin: 5px;
}
.subbox_item:not(:last-of-type){
	margin: 0 0 30px;
}

.subbox_item a {
	padding: 30px;
	display: flex;
    align-items: center;
    justify-content: flex-start;
}

.subbox_item a:before {
	width: 100%;
	bottom: 0;
	top: auto;
	transform: none;
	left: 0;
	font-size: 14px;
	transition: all .5s;
	overflow: hidden;
	padding: 0;
	height: 0;
	background: #f3f3f3;
	color: #555;
	letter-spacing: 2px;
}

.subbox_item a:after {
	display: none;
}

.subbox_item a:hover:before {
	transform: none;
	padding: 10px 5px;
	height: 45px;
}

.blog_back{
	max-width: 1110px;
	margin: auto;
}
.blog_back a{
	font-weight: bold;
	color: #fff;
}
.blog_back a.article_btn_prev,
.blog_back a.article_btn_next{
	background-color: #7D6E5D;
}
.blog_back a.article_btn_back{
	background-color: #A64B2A;
}

/*文章跑版設定*/
.blog_subbox {
	display: flex;
	flex-wrap: wrap;
}

/*////E N D/////*/


/*▊▊▊▊▊▊購物車部分基本設定(固定)-------- ////S T A R T/*/
/*+++清單頁-----------------------*/
.products-list .pic {
	overflow: hidden;
}

.sidebarBtn {
	border: none;
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	padding: 30px 20px;
}

.show_content .product-layer-two li:hover ul {
	border: none;
	border-top: none;
}

/*上方選單*/
.product-layer-two li a {
	background: #f7f7f7;
	border: none;
	color: #777;
}

.product-layer-two li a:hover {
	background: #eee;
}

.product-layer-two li.active a {
	color: #db3b35;
}

/*清單頁_購物車按鈕顏色*/
.products-list .more {
	border: unset;
	background-color: #E4D9C7;
	color: #221814;
	font-weight: normal;
}

.products-list a:hover .more {
	background: #A64B2A;
	color: #fff;
}

/*+++詳細頁-----------------------*/
.prod_related {
	display: none;
}
.prod_related h6{
	margin: 0 auto 5px;
}
.prod_related h6 span:before{
	font-weight: normal;
}

/*相關推薦(預設關起來)*/
.lastPage {
	background: #888;
}

/*上一頁*/
/*詳細頁_側邊資訊欄*/
.product_info li span {
	background: #eee;
	width: auto;
	padding: 5px;
	color: #777;
	margin-right: 8px;
}

/*詳細頁_商品資訊*/
.prod-thumb {
	font-weight: 500;
	font-size: 20px;
	padding-bottom: 10px;
	margin: 20px 0;
	color: #221814;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.prod-thumb:before {
	content: "";
	background-color: #A54B2A;
	height: 40px;
	width: 5px;
	margin: 0 15px 0 0;
	display: block;
}

/*詳細頁_QA表單*/
.prod>li {
	margin: 10px 0;
	padding: 25px;
}

.prod>li:nth-child(2) {
	background: #f7f7f7;
}

.product_info_page input[type="text"],
.product_info_page textarea {
	background: #fff;
}

.breakF {
	padding: 5px;
	min-height: 40px;
}

.half_box {
	width: 100%;
}

.half_box ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.half_box:nth-child(1) li:last-child {
	width: 100%;
}

.half_box li {
	margin: 5px 0;
	display: inline-block;
	width: 49%;
}

.half_box li.btn_blankTop {
	margin-top: 24px;
}

.half_box li.btn_blankTop input {
	background-color: #888;
	background-image: none;
	width: auto;
	text-align: center;
	padding-left: 0;
	padding: 15px 25px;
	line-height: initial;
	border-radius: 3px;
	vertical-align: middle;
	color: #fff;
	transition: all .3s;
}

.half_box li.btn_blankTop input:hover {
	background-color: #666;
}

.productBtn {
	margin-top: 0;
}

.qaform{
	color: #221814;
	font-weight: 400 !important;
}
.half_box li.btn_blankTop input{
	text-align: center;border-radius: unset;
	background-color: #B39B87;
	padding: 15px;
}
.lastPage{
	background-color: #7D6E5D;
	margin: 20px auto;
}

@media screen and (max-width: 768px) {
	.product_info li {
		padding-left: 110px;
	}

	.prod>li:first-child {
		padding: 25px 0;
	}

	.half_box:nth-child(2) li:last-child {
		width: 100%;
	}
	.me_tp_features{padding: 0px;}

}

/*////E N D/////*/

/*▊▊▊▊▊▊聯絡我們部分基本設定(固定)-------- ////S T A R T/*/
button,
input,
optgroup,
select,
textarea {
	outline: none;
	padding-left: 15px !important;
	background: #ededed;
}

input[type="checkbox"],
input[type="radio"] {
	margin: 8px;
}

.blank_letter {
	font-family: 'Noto Sans TC', sans-serif;
}

.list_before.info li:last-child {
	padding-left: 0;
	margin-top: 20px;
}

.innersend {
	padding-left: 0 !important;
	text-align: center;
}

/* .TEL:before,
.TEL2:before,
.PHONE:before,
.FAX:before,
.TAXID:before,
.MAIL:before,
.ADD:before,
.ADD2:before {
	font-weight: 500;
} */

/*////E N D/////*/

/*▊▊▊▊▊▊文章分類【首頁】部分基本設定(固定)-------- ////S T A R T/*/
.module_i_news {
	background: #e5e2da;
	padding: 80px 20px 50px 20px;
}

.module_i_news .title_i_box h4 {
	font-size: 36px;
}

.i_blog_ri {
	padding: 15px 10px;
}

.i_blog_ri h5 {
	font-size: 24px;
}

.module_i_news ul {
	margin: 50px auto;
}

.module_i_news li {
	background: #fff;
	box-shadow: 0 0 8px rgb(0 0 0 / 10%);
	width: 48%;
	margin: 0.5%;
}

.module_i_news li a {
	padding: 10px 5px;
}

.module_i_news li a:before {
	width: 100%;
	bottom: 0;
	top: auto;
	transform: none;
	left: 0;
	font-size: 14px;
	transition: all .5s;
	overflow: hidden;
	padding: 0;
	height: 0;
	background: #f3f3f3;
	color: #555;
	letter-spacing: 2px;
}

.module_i_news li a:after {
	display: none;
}

.module_i_news li a:hover:before {
	transform: none;
	padding: 10px 5px;
	height: 45px;
}

@media screen and (max-width: 768px) {
	.module_i_news li {
		margin-bottom: 3%;
		width: 100%;
	}
}

/*////E N D/////*/

/*按鈕顏色設定*/
.animated-arrow {
	background: #ADA17E;
	padding-left: 0;
	text-align: center;
}

.arrow {
	display: none;
}

/* = = = 個別網站設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */
#content {
	min-height: 100vh;
	background: url(../images/all_bg01.jpg);
	background: url(../images/all_bg01.jpg);
	overflow: unset;
	position: relative;
	z-index: 1;
	/* padding: 0 0 calc(1vw + 70px); */
}
#content::after{
	content: '';
	width: 100%;
	height: clamp(200px,50vw,600px);
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: -1;
	background: url(../images/all_bg02.png) center / cover;

}


/*header*/
.pageIndex .header_area {
	width: 100%;
}
.main_header_area .container{
	max-width: 1600px;
}

.main_header_area {
	background: #f5efe6;
	position: relative;
	z-index: 1;
}
.main_header_area .container{
	background: #f5efe6;
}
.main_header_area::after{
	content: '';
	width: 100%;
	height: 21px;
	background: url(../images/header_bg01.png) left bottom;
	position: absolute;
	top: calc(100% - 5px);
	left: 0px;
	z-index: -1;
	opacity: 1;
	transition: all .4s ease;
	animation: heder_run_bg 300s linear infinite;
}

.header_area.sticky .main_header_area::after{
	top: calc(100% - 10px);
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2) );
	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}
@keyframes heder_run_bg {
	0%{background-position: 0px;}
	100%{background-position: -4000px;}
}

.nav-header {
	padding: 30px 15px 30px 30px;
}

.nav-brand {
	width: fit-content;
}

.nav-menu {
	margin: 50px 0 0 0;
	padding: 0 10px 0 200px;
}

.nav-menu>li>a {
	padding: 15px 10px 10px 10px;
	letter-spacing: 2px;
	position: relative;
	font-family: 'Noto Sans TC', serif;
	font-size: 16px;
	color: #1F1813;
	font-weight: 400;
	z-index: 1;
}
.nav-menu>li>a::after{
	content: '';
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 100%;
	height: 30px;
	border-radius: 500px;
	background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(166, 75, 42, 1) 25%, rgba(166, 75, 42, 1) 50%, rgba(166, 75, 42, 1) 75%, rgba(255, 255, 255, 0) 100%);
	z-index: -1;
	opacity: 0;
	transition: opacity .4s ease;
}

.nav-menu>li>a:before {
	content: "";
	display: block;
	max-width: 36px;
	height: 30px;
	background: url(../images/header_icon01.png) center / cover;
	margin: 0 auto 10px;
	animation: top_float 4s ease infinite;
}
@keyframes top_float {
    33%{transform: translateY(2px);}
    66%{transform: translateY(-2px);}
}
.nav-menu>li:nth-of-type(2)>a:before{
	background: url(../images/header_icon02.png) center / cover;
	animation-delay: .2s;
}
.nav-menu>li:nth-of-type(3)>a:before{
	background: url(../images/header_icon03.png) center / cover;
	animation-delay: .4s;
}
.nav-menu>li:nth-of-type(4)>a:before{
	background: url(../images/header_icon04.png) center / cover;
	animation-delay: .6s;
}
.nav-menu>li:nth-of-type(5)>a:before{
	background: url(../images/header_icon05.png) center / cover;
	animation-delay: .8s;
}
.nav-menu>li:nth-of-type(6)>a:before{
	background: url(../images/header_icon06.png) center / cover;
	animation-delay: 1s;
}
.nav-menu>li:nth-of-type(7)>a:before{
	background: url(../images/header_icon07.png) center / cover;
	animation-delay: 1.2s;
}
.nav-menu>li:nth-of-type(8)>a:before{
	background: url(../images/header_icon08.png) center / cover;
	animation-delay: 1.4s;
}

.tp_links {
	display: none !important;
}

/*購物車bar*/
.shop_search_btn {
	background: #653C1E;
	border-radius: 0;
}

.box_search {
	overflow: hidden;
}

.box_search input[type=text] {
	border-radius: 0;
	width: 150px;
	padding: 5px;
	background: #fff;
}
.box_search input[type=text]:focus{
	width: 150px;
	color: #653C1E;
}

.me_tp_features a,
.me_tp_features a span {
	color: #653C1E;
	font-weight: 400;
}


/*footer*/
.footer {
	background: url(../images/footer_bg01.jpg) center / cover;
	padding: 50px 0 0;
	--footer_M:#A64B2A;
    border-top: 8px solid var(--footer_M);

}
.footer *,
.footer_info li p,
.footer_menu a{
	font-size: 16px;
	color: #fff;
	font-family: "Noto Sans TC";
}
.center{
	max-width: 1600px;
	width: 90%;
	margin: auto;
}

.footer_logo {
	width: fit-content;
	min-width: fit-content;
	display: block;
	margin: 0 auto;
}
.footer_logo > img{
	display: none;
}

.footer_info {
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.footer_info ul {
	width: 100%;
	text-align: center;
	margin: 0 5% 0 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.footer_info li:nth-child(1) {
	max-width: 500px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	padding: 0px;
	margin: 0 clamp(30px,4vw, 70px) 0 0;
}
.footer_info li:nth-child(1) aside{
	width: 140px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}
.footer_info li:nth-child(1) aside a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid var(--footer_M);
	border-radius: 5px;
	letter-spacing: 0.05em;
}
.footer_info li:nth-child(1) aside a img{
	min-width: fit-content;
	margin: 0 8px 0 0;
}
.footer_info li:nth-child(1) aside a:hover{
	background-color: var(--footer_M);
	border-color: var(--footer_M);
}
.footer_info li:nth-child(1) aside a:hover img{
	filter: grayscale(1) brightness(100);
	-webkit-filter: grayscale(1) brightness(100);
}
.footer_info li:nth-child(1) section{
	margin: 0 0 0 10%;
	padding: 0 0 0 10%;
	border-left: 1px solid var(--footer_M);
}
.footer_info li:nth-child(1) section p{
	margin: 5px 0;
}
.footer_info li p.line:before{
    content: 'Line ID：';
}

.footer_info li:nth-child(2) {
	width: 100%;
	max-width: 445px;
}
.footer_menu{
	display: grid;
	grid-template-columns: repeat(8,1fr);
}
.footer_menu a{
	background-color: unset;
	border: unset;
	border-left: 1px solid var(--footer_M);
	margin: 0px;
	padding: 15px;
	writing-mode: vertical-rl;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.2em;
}
.footer_menu a:is(:last-of-type){
	border-right: 1px solid var(--footer_M);
}
.footer_menu a::before{
	content: url(../images/footer_icon_flower.png);
	margin: 0 0 10px;
	animation: run_icon 10s linear infinite;
}
@keyframes run_icon {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
.footer_menu a:is(:first-of-type){
	display: none;
}
.footer_menu a:hover{
	background-color: unset;
	color: var(--footer_M);
}
.footer_menu a:hover::before{
	animation-play-state: paused;
}

.footer_keyword{
	max-width: 1600px;
	width: 90%;
	margin: auto;
	padding: 30px 0;
}
.footer_keyword aside a{
	display: inline-block;
	margin: 5px 5px 0 0;
	font-size: 13px;
	color: #643D20;
}

.copy {
	border-top: unset;
	font-size: 13px;
	color: #643D20;
	background: unset;
	text-align: left;
	padding: 0px;
	margin: 5px 0 0;
}

.copy a,
.copy span {
	color: #643D20;
	font-size: 13px;
}


/*購物車*/
/*側邊選單*/
.product_page .show_content,
.product_info_page .show_content {
	display: flex;
	width: 100%;
}

.product-layer-two {
	width: 15%;
}

.product-layer-two li {
	width: 100%;
	margin: 0;
	padding: 3px;
}

.product-layer-two li a {
	background: #fff;
	padding: 10px 15px;
	color: #201813;
	transition: all .3s;
	z-index: 1;
	position: relative;
	font-size: clamp(16px,3vw, 18px);
	font-weight: 400;
}

.product-layer-two li a:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 50%;
	height: 100%;
	transform: translateY(-50%);
	background-color: #B39B86;
	width: 3px;
	z-index: -1;
	transition: all .4s ease;
}

.product-layer-two li a:hover{
	color: #fff;
}
.product-layer-two li a:hover:before {
	width: 100%;
}

.products-list {
	padding: 0 0 0 3%;
	width: 80%;
}

/*商品清單頁*/
.products-list .price *{
	margin: 10px 5px ;
}
.products-list .price{
	text-align: center;
}
.products-list .price b {
	color: #444;
	font-weight: normal;
}

.products-list .price b.sp_price {
	color: #900000;
	font-weight: normal;
}

.products-list .name {
	display: block;
	height: 25px;
	overflow: inherit;
	height:auto;
	text-align: center;
	font-weight: 500;
	color: #1F1F1F;
	letter-spacing: 0.02em;
	font-size: clamp(16px,3vw, 18px);
}

.products-list .item{
	width: calc(24% - 10px);
	padding: 10px;
	background-color: #fff;
	margin: 15px 5px;
}

/*詳細頁*/
.product_main{
	width: 65%;
	padding: 0px;
}
.product-wrapper {
	width: 75%;
}
.product_pic #bx-pager a{
	width: 80px;
	height: 80px;
}
.bx-wrapper .bx-viewport{
	border: unset;
	background-color: unset;
}
.prod>li,
.prod>li:nth-child(2){
	background: unset;
	padding: 15px 0px;
}
.sidebarBtn{
	width: 32%;
	padding: 35px 20px;
}
.sidebarBtn h2 {
	font-weight: 500;
}
.sidebarBtn .price{
	border-bottom: 2px dotted #DDDDDD;
}
.sidebarBtn .sp_price{
	color: #A64B2A;
}
.product_info li span{
	min-width: 95px;
	font-weight: 400;
	color: #1F1F1F;
	font-size: 14px;
	padding: 5px 8px;
}
.sidebarBtn .price {
	line-height: 110%;
}

.sidebarBtn .price span.sp_price {
	font-size: 16px;
}

.sidebarBtn .price span.ori_price {
	color: #aaa;
	font-size: 14px;
}

.product_info li .txt_box {
	color: #1F1F1F;
	vertical-align: middle;
	font-size: 14px;
}
.product_info:nth-of-type(1) li:nth-of-type(3) span{
	color: #FF8000 !important;
	font-weight: 400;
}
.product_info:nth-of-type(2) li span a{
	color: #1F1F1F !important;
	font-weight: 400;
}
.product_info:nth-of-type(2) li span a:hover{
	color: #643D20 !important;
}


.action-button {
	background: #A64B2A;
	width: 100%;
	line-height: 35px;
	font-size: 14px;
	border-radius: unset;
	padding-left: 0 !important;
	color: #fff;
	padding: 10px;
}

.action-button:hover {
	background: #643D20;
}

.prod>li:nth-child(1) img {
	max-width: 100%;
	height: auto !important;
}

.toShare{
	color: #1F1813;
}

/* 20221102 */
.stepImg {
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
}

.stepImg span.active {
	font-style: normal;
	color: #21212A;
	font-weight: bold;
}

.stepImg span {
	margin-top: 10px;
}

.total_amount ul {
	background-color: white;
}

.total_amount .dis_01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #927848;
	font-size: 17px;
	font-weight: bold;
}

.total_amount .dis_01 span {
	font-weight: bold;
}

.total_amount .dis_02 {
	/* padding-bottom: 10px; *//*1104 Roby mark*/
	margin-bottom: 10px;
	/* border-bottom: 1px #EEEEEE solid; *//*1104 Roby mark*/
}


.total_amount .dis_03 {
	display: flex;
	align-items: center;
	position: relative;
}

.total_amount .dis_03 input {
	width: 82px;
	height: 23px;
	background-color: white;
	color: #979696; /*#666666*/
	font-size: 13px;
	font-weight: 400;
	padding: 4px 7px;
	border: 1px #979696 solid; /*#666666*/
	position: absolute;
	left: 100px;
	padding: 0 !important;
	z-index: 999;
	text-align: center;
}

.total_amount .dis_03 img {
	position: absolute;
	left: 102px;
}

.total_amount {
	max-width: 533px;
	/* width: 100%; */
}

.total_amount ul:after {
	border: none;
	display: none;
}

.order_list_tit b {
	color: black;
}

.order_list_spec {
	background-color: #666666;
}

.order_list_tab table tr td,
.order_list_tab td:nth-child(1) {
	color: #000000;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 300;
}

.order_pay .separate_title {
	font-size: 16px;
	color: #444;
	padding: 10px 0 10px 40px;
	background: #eee url(../images/bear_img004.png) left center no-repeat;
	margin-top: 80px;
}

.bear_order_fi01 p {
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 160%;
	margin-top: 35px;
}

.bear_order_fi01 p a {
	color: black;
}

.bear_order_fi01 u {
	display: flex;
	align-items: center;
	color: #0E2034;
	font-size: 20px;
	font-weight: bold;
	margin: 45px 0 15px 0;
}

.bear_order_fi01 u::before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #535353;
	display: block;
	border-radius: 150px;
	margin-right: 15px;
}

.bear_order_fi01 span {
	color: #525252;
	font-size: 16px;
	font-weight: 400;
	line-height: 160%;
}

.order_list_head p {
	color: #1F1F1F;
	border-bottom: 2px #1F1F1F solid;
}


.order_list_pro table{
	background-color: #fff;
}
.order_list_pro tr:first-child {
	background-color: #B39B86;
}
.order_list_pro td,
.order_list_pro td span{
	color: #444444;
	font-weight: 500;
}

.order_list_pro tr:first-child td {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	font-family: 'Noto Sans TC', sans-serif;
	padding: 5px 10px;
	text-align: center;
}

.order_list_pro td:nth-child(1) {
	width: 90px;
}

.order_list_pro td:nth-child(4) {
	width: 100px;
}

.order_list_head p {
	color: #0D1F33;
	font-weight: bold;
}

.order_finish_page .lastPage {
	background: #A54B2A;
	border-radius: 5px;
}
.last_box_money table tr:nth-of-type(1) td{
	background-color: unset !important;
}
.last_box_money .rr td{
	color: #444444;
    font-weight: 500;
}

@media (max-width:1360px) {
	.footer_info{max-width: 800px;margin: 0 auto;align-items: center;}
	.footer_info ul{flex-direction: column;}
	.footer_info li:nth-child(1){margin: 0 0 20px;}
	.footer_info li:nth-child(2){padding: 0px;}
	.footer_keyword{max-width: 800px;}
	.nav-menu>li>a:before{
		max-width: 30px;
		height: 24px;
	}
}
@media (max-width:992px) {
	.products-list .item{width: calc(33.3% - 10px);}
	.nav-menu{padding: 0 10px;}
	.nav-header{padding: 5px 15px 15px;width: 120px;}
}
@media (max-width:768px) {
	.nav-menu{padding: 0 0px;}
	.nav-menu>li>a::after{display: none;}
	.footer_logo{max-height: 65px;overflow: hidden;}
	.footer_info{flex-direction: column-reverse;width: 90%;}
	.footer_info ul{max-width: fit-content;margin: 0 0 30px;}
	.footer_info li:nth-child(1){margin: 15px 0 40px 0;}
	.footer_info li:nth-child(1) section{padding: 0 0 0 30px;margin: 0 0 0 30px;}
	.show_content{flex-direction: column;}
	.product-layer-two{width: 90%;margin: 0 auto 30px;}
}
@media (max-width:570px) {
	.footer_info ul li:nth-child(1){flex-direction: column-reverse;}
	.footer_info li:nth-child(1) section{margin: 0 0 20px;padding: 0px;border: unset;text-align: center;}
	.footer_info li:nth-child(1) aside{grid-template-columns: 1fr 1fr;width: 100%;}
	.footer_info li:nth-child(1) aside a{justify-content: center;}
	.footer_info li:nth-child(1) aside a:is(:last-of-type){grid-column: 1/3;}
	.order_pay {
		padding: 25px 15px;
	}
}

@media (max-width:490px) {
	.footer_menu{grid-template-columns: 1fr 1fr 1fr 1fr;}
	.footer_menu a:nth-of-type(5){border-right: 1px solid var(--footer_M);}
}
@media (max-width:425px) {
	.total_amount .dis_03 {
		flex-wrap: wrap;
	}

	.total_amount .dis_03 span {
		display: block;
		width: 100%;
		margin: 10px 0;
		text-align: right;
	}

	.total_amount .dis_03 input {
		left: auto;
		right: 0;
		top: 2.5px;
	}
}
@media (max-width:375px) {
	.footer_info{align-items: flex-start;margin: 0 auto 0 0;}
	.footer_logo{margin: 0 auto 0 0;}
	.footer_info li:nth-child(1) section{text-align: left;width: 100%;}
	.footer_menu{grid-template-columns: 1fr 1fr 1fr;width: 95%;}
	.footer_menu a:nth-of-type(5){border-right: unset;}
	.footer_menu a:nth-of-type(4),
	.footer_menu a:nth-of-type(7){border-right: 1px solid var(--footer_M);}
	.footer_info li:nth-child(1) aside{grid-template-columns: 1fr;max-width: 140px;margin: 0 auto 0 0;}
	.footer_info li:nth-child(1) aside a:is(:last-of-type){grid-column: unset;}
}


/*文章分類*/
/*側邊攔*/
.blog_le .accordion {
	border: none;
	border-radius: 0;
}

/*清單頁*/



/*會員區塊*/
/*共同設定*/
.member_title h2{
	color: #39251B;
	font-weight: 500;
}
.member_title p {
	border-top: 2px #39251B solid;
	padding: 20px 0 5px 0;
}
.member_login tr td:nth-child(1){
	color: #1F1813;
	font-weight: 300;
}

/*未登入*/
.login_mem_submit {
	background: #A64B2A;
}

.login_mem_other_link a {
	color: #39251B;
}

.member_login_regist {
	padding: calc(1vw + 30px) 15px;
	background: #fff;
}

.member_login_regist a {
	background: #A64B2A;
	margin-top: 20px;
}
.member_login_regist h2{
	display: none;
}
.member_login_regist p{
	font-weight: 400;
	color: #1F1F1F;
}

.login_mem_name,
.login_mem_pass {
	padding-left: 45px !important;
	background-color: #fff;
}

/*登入後*/

.member_order {
	background: transparent;
}

.mem_regist_title_s {
	background: #fff;
	font-weight: 500;
	max-width: 600px;
}

/*會員專區*/
.member_order a {
	border: 1px solid #ccc;
	transition: all .5s;
	margin: 10px !important;
}

.member_order a:hover {
	background-color: #555;
	color: #fff;
}

/*會員資料修改*/
.mem_box2 input.bbtn01, .mem_box2 input.bbtn02{
	padding: 10px;
	width: 120px;
}
.mem_box2 input.bbtn01 {
	background: #B39B86;
}

.mem_box2 input.bbtn02 {
	background: #A64B2A;
}

/*修改密碼*/
.mem_regist_title_s_s input {
	background: #A64B2A !important;
}

.member_regist input {
	background: #fff;
}

/*購物車(一)*/
.send_simple {
	background: #B39B86;
	padding-left: 0 !important;
}

.rewrite_simple {
	background: #A64B2A;
	padding-left: 0 !important;
}

.bear_his .total_amount li {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.bear_his .total_amount li span {
	position: relative;
}

.bear_his .total_amount li u {
	position: absolute;
	top: calc(50% - 10px);
	left: 96px;
	color: #AAAAAA;
	font-size: 14px;
}

@media (max-width:425px) {
	.bear_his .total_amount li:nth-child(2){
		flex-wrap: wrap;
	}

	.bear_his .total_amount li:nth-child(2) span {
		display:block;
		width:100%;
		text-align:right;
		margin:10px 0;
	}

	.bear_his .total_amount li:nth-child(2) u {
		position: static;
		position: relative;
		top: 2px;
		left:auto;
	}

	.bear_his .red,
	.bear_his .red span {
		font-weight:400;
	}
	.product-layer-two li{width: 100%;}

}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*內頁BANNER 設定*/
.banner {
	background: transparent;
	height: clamp(200px,35vw,500px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: url(../images/new_ban.jpg) center / cover;
	padding: 0px;
}
.banner h5 {
	color: #A54B2A;
	display: flex;
	justify-content: center;
	align-items: center;
}
.banner h5 s{
	font-family: 'Noto Serif TC', serif;
	font-size: clamp(24px,6vw, 36px);
	letter-spacing: -1px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 500px;
	border: 1px solid #A54B2A;
	background-color: #F7F2EB;
	min-width: clamp(40px,10vw,53px);
	margin: 0 -3px;
	aspect-ratio: 1/1;
	animation: title_up .5s ease-out forwards;
	animation-delay: calc(sibling-index() * .1s);
	will-change: transform, opacity;
	opacity: 0;
	line-height: 1.3;
}
.banner::before{
	content: '';
	display: block;
	font-size: clamp(14px,6vw, 20px);
	color: #F7F2EB;
	font-family: "Bitter";
	font-weight: normal;
	letter-spacing: 0.01em;
	margin: 0 0 8px;
	opacity: 0;
	animation: title_down .5s ease-out forwards;
}
@keyframes title_up {
	0%{transform: translateY(15px);}
	100%{transform: translateY(0px);opacity: 1;}
}
@keyframes title_down {
	0%{transform: translateY(-15px);}
	100%{transform: translateY(0px);opacity: 1;}
}

.banner.banblog::before {
	content: 'Journal';
}
.banner.banF::before{
	content: 'Order Online';
}
.banner.banA{
	background: url(../images/new_ban02.jpg) center / cover;
}
.banner.banA::before{
	content: 'Latest News';
}
.car_page .banner,
.order_finish_page .banner,
.remit_page .banner,
.banner.banB{
	background: url(../images/car_ban.jpg) center / cover;
}
.car_page .banner::before,
.order_finish_page .banner::before{
	content: 'Shopping Cart';
}
.remit_page .banner::before{
	content: 'Remittance Notice';
}
.banner.banB::before{
	content: 'Member Area';
}

@media screen and (max-width: 768px) {
	.car_page .banner,
	.order_finish_page .banner,
	.remit_page .banner,
	.banner.banB{
		background: url(../images/car_ban.jpg) 30% center / cover;
	}
}

/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

@media screen and (max-width: 992px) {
	.product_info_page .show_content{flex-direction: column;}
	.product_info_page .product-layer-two{
		width: 90%;
		display: flex;
		margin: 0 auto 40px;
	}
	.product-wrapper{
		width: 90%;
		margin: 0 auto;
	}
}

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

	/*預設banner= = = = = = = = */
	.bannerindex {
		padding: 0;
		margin: 0;
		position: relative;
	}

	/* 開啟手機板下方按鈕所需設定= = = = = = = = */
	#bottom_menu {
		display: block;
	}
	#bottom_menu li a{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#bottom_menu li .fa-2x{
		font-size: 15px;
		margin: 0 5px 0 0;
	}

	.footer.with_shopping_mode {
		padding: 30px 0 90px;
	}
	.footer_keyword{
		text-align: center;
		padding: 0;
	}
	.copy{
		text-align: center;
	}

	#to_top {
		bottom: 60px;
	}

	/*以下其他設定= = = = = = = = */
	/*header*/
	.header_area.sticky {
		position: sticky;
	}

	.box_search{
		display: none;
	}
	.box_search input[type=text]{
		width: 100%;
	}

	.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a{
		color: #1F1813;
	}

	.nav-header {
		padding: 20px 10px 5px 10px;
		width: unset;
	}

	.nav-brand {
		width: 100px;
	}

	.navigation-portrait .nav-menus-wrapper {
		background-color: #f0ece1de;
		backdrop-filter: blur(5px);
		width: 80%;
	}

	.nav-menus-wrapper-close-button {
		color: #653C1E;
	}
	.navigation-portrait .nav-menu>li{
		border-top: 1px solid #653C1E;
	}

	.nav-toggle {
		top: 30px;
		right: unset;
		left: 15px;
	}

	.nav-toggle:before {
		background-color: #653C1E;
		box-shadow: 0 0.5em 0 0 #653C1E, 0 1em 0 0 #653C1E;
	}

	.nav-toggle:after {
		color: #653C1E;
	}

	.nav-dropdown>li>a {
		background: #653C1E;
		color: #eee;
	}

	.navigation-portrait .nav-menu > li > a{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 15px;
	}
	.nav-menu>li>a:before{
		margin: 0 10px 0 0;
		min-width: 30px;
		height: 24px;
	}

	/*購物車*/


	.product-layer-two li {
		width: 32%;
		text-align: center;
	}

	.product-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.sidebarBtn{
		width: 100%;
	}

	.products-list,
	.product_main {
		width: 100%;
	}

	.products-list .price b {
		margin: 0;
		display: inline-block;
		font-size: 14px;
		padding: 2px;
	}

	.products-list .more {
		margin-top: 20px;
	}

}

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

	/*購物車*/
	.products-list {
		padding: 0;
		width: 100%;
	}
	.product_info_page .product-layer-two{
		flex-wrap: wrap;
	}
	.product-layer-two li {
		width: 48%;
	}

	.product-layer-two li a {
		font-size: 14px;
	}
	.products-list .item {
        width: calc(50% - 10px);
    }

}

@media screen and (max-width: 500px) {
	.product-wrapper{margin: 0 auto 0 0 ;}
	.product_info_page .product-layer-two{margin: 0 auto 30px 0 ;}
}
@media screen and (max-width: 425px) {
	.product-layer-two li {
		width: 100%;
	}
	.products-list .item {
        width: calc(100% - 0px);
		margin: 15px 0;
    }

}


.fix_ri { width:100px; box-sizing: border-box; position: fixed; bottom:66px; right:10px; z-index: 100; text-align:center;}
.fix_ri a { display:inline-block; margin-bottom:5px;}
.fix_ri img { opacity:1; width:100%;transition: all .4s ease;}
.fix_ri img:hover { transform: scale(0.95);filter: drop-shadow(2px 2px 5px #653C1E);}
.fix_ri p { text-align:center; font-weight: 900;}
.jxPOhn { margin-top:-120px;margin-right: -4px;}
.kHGnXI {bottom: 110px;}
@media screen and (max-width: 1024px) {
	.fix_ri{width: 60px;}
	.fix_ri a:not(:last-of-type){width: 40px;}
	.blog_list_le{width: 200px;}
	.blog_list_ri{width: calc(100% - 205px);}
	.subbox_item a{padding: 15px;}
}
@media screen and (max-width: 576px) {
	.blog_list_le{width: 150px;}
	.blog_list_ri{width: calc(100% - 155px);}
}
@media screen and (max-width: 450px) {
	.subbox_item a{flex-direction: column;}
	.blog_list_le,
	.blog_list_ri{width: 100%;}
}

/*最新消息*/
.promotions_page .show_content{
	width: 98%;
}
.promotion_title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 15px;
}
.promotion_title .time,
.promotion_title span{
	font-size: 17px;
	color: #211813;
	letter-spacing: 0em;
	font-weight: 400;
}
.promotion_title .time{
	min-width: fit-content;
	margin: 0 10px 0 0;
}
.promotion_title h2{
	padding: 0px;
	margin: 10px 0;
	border: unset;
	color: #1F1F1F;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	font-weight: 500;
}
.promotion_title h2 span{
	min-width: fit-content;
	background-color: #B39B86;
	border-radius: 500px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding: 3px 0px 3px 5px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 10px 0 0;
}
.edit{
	width: 100%;
	padding: 30px 0;
}

.other_promotion li {
	border-top: 3px solid #B29A85;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	background: #fff;
	padding: 1% 2%;
}
.other_promotion li:hover {
	border-top: 3px solid #B29A85;
	border-right: 1px solid #B29A85;
	border-left: 1px solid #B29A85;
	border-bottom: 1px solid #B29A85;
}
.other_promotion .pmtTime,
.other_promotion .pmtTime span{
	font-size: 16px;
	color: #B29A85;
}
.other_promotion .pmtTitle span{
	font-size: 16px;
	color: #B29A85;
}
.other_promotion li:hover h3{
	font-weight: normal;
	text-decoration: unset;
}

@media screen and (max-width: 576px) {
.promotions_page .main_part{
	width: 95%;
	margin: 0 auto 0 0;
}
}
/*--------------------------------------------------------------------------*/

/*結帳頁*/
.shopping-cart{
	margin: 15px auto 40px;
}
.shopping-cart .cart_head{
	background-color: #B39B86;
}
.shopping-cart .cart_content .row{
	margin: 0px;
	padding: 30px clamp(15px,4vw, 40px);
	border-bottom: 3px dotted #CCCCCC;
	border-top: unset;
}
.payment{
	margin: 10px 0 0 !important;
}
.payment li{
	margin: 0px !important;
}
.form label{
	margin-bottom: 5px;
	margin-right: unset;
}
.span_memo_r{
	padding: 5px 0 0 !important;
	display: block !important;
	margin: 0 0 0 0 !important;
}
.shopping-cart .cell,
.shopping-cart .cell a{
	font-weight: 400;
}
.amountNum{
	background-color: #fff;
}
.stepImg span{
	color: #21212A;
	font-weight: 500;
}
.shopping-cart .cart_head .cell:nth-of-type(1){
	padding-left: clamp(15px,4vw, 40px);
}
.separate_title{
	font-size: 18px;
	color: #333333;
	font-weight: 500;
	letter-spacing: 0.1em;
}
/* .total_amount ul{
	background-color: unset;
	border: unset;
} */
 .total_amount ul hr{
	display: none;
 }
.form label{
	color: #444444;
	font-weight: normal;
}
/* .total_amount li,.total_amount li span{
	font-size: 18px;
	color: #900000;
	font-weight: 500;
} */
.total_amount .rewrite_simple{
	background-color: #D4C5B6;
}
.total_amount .send_simple{
	background-color: #A64B2A;
}
.car_page .products-list .item{
	background-color: unset;
}
.car_page .products-list .name,
.car_page .products-list .price{
	text-align: center !important;
}
.separate_title .note{
	color: #8C0000;
}
.border200{
	background-color: #fff;
}
.separate_title{
	margin: 10px 0;
}
.formbox_form li .form__label{
	color: #1F1813;
	font-weight: 500;
}
.form label.circle .inputbox{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	top: 10px;
}
.form select{
	background-color: #fff;
}
.total_amount .dis_01,
.total_amount .dis_01 span{
	font-weight: normal;
	color: #854B23;
}
.declaration{
	background-color: #fff;
}
.form label .inputbox.Big{
	margin: 0 10px 0 0;
}

.order_finish_page .order_list_tit {
	display: none;
}
.order_list_spec{
	background-color: #A54B2A;
}
.order_list_spec p{
	font-weight: 500;
}
.order_list_tab td{
	border-color: #f7f2ec;
}
.order_list_tab table tr td, .order_list_tab td:nth-child(1){
	background-color: #fff;
}
.order_list_tab td:nth-child(1),
.order_list_tab.payer td:nth-child(1){
	border-right: 5px solid #f7f2ec;
}
.order_pay .separate_title{
	background: #fff url(../images/separateTitle.png) left center no-repeat;
}

@media screen and (max-width: 768px) {
	.shopping-cart .cart_content .row {
		margin: 20px 0;
		display: block;
		border-bottom: 2px solid #ddd;
		margin-left: 90px;
		display: inline-block;
		padding: 0px;
	}
}
@media screen and (max-width: 450px) {
	.small_pic{
		position: unset;
		width: 100%;
		height: auto;
		margin-left: unset;
		display: block;
	}
	.shopping-cart .cart_content .row{
		margin-left: unset;
		margin: 0 5% 0 0;
	}
}
/*--------------------------------------------------------------------------*/