/*
	2021/05/06
*/

/*****     Class     *****/
.Notice
{
	font-size: 13px;
}

.NoData /* 沒有資料 */
{
	font-size: 15px;
}

.DevicePc
{
	display: none;
}

.DeviceMobile
{
	display: block;
}

/*************** 共同 ***************/
/*****     input select textarea     *****/
.Ipt input , .Sel select , .Textarea textarea
{
	min-height: 40px;
	font-size: 13px;	
}

.Ipt input::placeholder , .Textarea textarea::placeholder
{
	font-size: 13px;
}

.SelDecro
{
	width: 40px;
	height: 40px;
}

.SelDecro::after
{
	border-top: 10px solid #342305;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

.Textarea textarea
{
	padding: 10px;
	min-height: 80px;
}

/*****     checkbox     *****/
.CheckIpt
{
	border-radius: 1px;
	width: 12px;
	height: 12px;
}

.CheckText
{
	font-size: 12px;
}

/*****     Radiobox     *****/
.RadioText
{
	font-size: 14px;
}

/*****     input[type="file"]     *****/
.FileAppear
{
	padding: 30px 20px;
}

.FileIcon
{
	margin: 0 0 5px 0;
}

.FileIcon i
{
	font-size: 40px;
}

.FileImg
{
	width: 100%;
	margin: 0 auto 10px auto;
}

.FileTxt
{
	font-size: 14px;
}

/*****     彈窗     *****/
.WindowContainer
{
	width: calc(100% - 30px);
}

.WindowTit
{
	font-size: 16px;
	padding: 10px 5px;
}

.WindowX
{
	font-size: 14px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}

.WindowContent
{
	padding: 10px 0 30px 0;
	max-height: 60vh;
}

/*****     按鈕     *****/
.BtnAny
{
	min-width: 110px;
	font-size: 14px;
}

/*     返回     */
.BtnBackBox
{
	padding: 10px 0;
}

.BtnBackTxt
{
	font-size: 16px;
}

/*****     框架     *****/
.Container
{
	min-height: calc(100vh - 365px);
}

/*****     日期顯示     *****/
.DateIcon , .DateIcon i
{
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.DateIcon
{
	padding: 5px;
}

.DateIcon i
{
	font-size: 16px;
}

.DateView
{
	font-size: 12px;
	padding: 6px 12px 6px 47px;
}

/*****     Header     *****/
header
{
	height: 200px;
}

.index_0 .headerBgBox,
.index_0 .headerBg
{
	height: 200px;
}

.owl-carousel .owl-item img
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

/*     index標語     */
/* .headerInfo
{
	width: calc(100% - 60px);
	transform: translateX(-50%);
	top: 14.49vw;
}

.headerInfoSolgan
{
	font-size: 6.76vw;
	margin: 0 0 20px 0;
}

.headerInfoBtn
{
	font-size: 4.35vw;
	padding: 2.5vw 4.42vw;
} */

/*     主題/Solgan     */
.headerTopic
{
	top: calc(50% + 30px);
}

.index_0 .headerTopic
{
	top: 50px;	
}

.headerTopicTxt
{
	font-size: 25px;
}

/*****     選單     *****/
.menuBox
{
	background: #D99694;
	/* border-top: 5px solid #D49855; */
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 30px;
}

.menuLogoBox
{
	color: #9EC8D6;
	font-family: '微軟雅黑';
	width: 228px;
	font-weight: bold;
	font-size: 19px;
	display: block;
}

/*     選單按鈕     */
.headerBtnMenu
{
	width: 25px;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

#headerBtnMenu
{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	opacity: 0;
	height: 100%;
}

.headerBtnMenuDecro
{
	display: block;
}
    
.headerBtnMenuDecro > div
{
	background: white;	
	border-radius: 999rem;
	transition: 0.3s ease-in-out;
	width: 100%;
	height: 3px;
}

.headerBtnMenuDecro > div:not(:last-child)
{
    margin: 0 0 6px 0;
}

#headerBtnMenu:checked ~ .headerBtnMenuDecro > div:first-child ,
#headerBtnMenu:checked ~ .headerBtnMenuDecro > div:nth-child(3)
{
	background: white;
}

#headerBtnMenu:checked ~ .headerBtnMenuDecro > div:first-child
{
	transform: translate(0,9px) rotate(-50deg);
}

#headerBtnMenu:checked ~ .headerBtnMenuDecro > div:nth-child(3)
{
	transform: translate(0,-9px) rotate(50deg);
}

#headerBtnMenu:checked ~ .headerBtnMenuDecro > div:nth-child(2)
{
	opacity: 0;
}

/*     選單     */
.menuDrop
{
	background: white;
	text-align: left;
	width: 100%;
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 89;
	word-break: break-all;
}

.menuContainer
{
	width: 100%;
	box-sizing: border-box;
	padding: 15px 24px;
	overflow-y: scroll;
	max-height: 304px;
}

.menuBlock
{
	width: 100%;
}

.menuBtn
{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.menuBtnTxt
{
	color: #6D5134;
	font-size: 18px;
	padding: 15px 0;
}

.menuBtn.active .menuBtnTxt
{
	color: black;
}

.menuBtn i
{
	color: #6D5134;
	font-size: 18px;
	margin: 0 0 0 10px;
}

.menuBtn.active i
{
	color: black;
}

/* 副選單 */
.menuSubBox
{}

.menuSubList
{
	color: #6D5134;
	font-size: 18px;
	padding: 10px 0;
	display: block;
}

.index_0 .headerBgBox
{
	padding: 50px 0 0 0;
}

.index_0 .headerBg
{
	background-size: auto 100% !important;
}

/*****     共同     *****/
/*     商品     */
.GoodsItemBlock:not(:nth-child(3n))
{
	margin: 0 0 30px 0;
}

.GoodsItemBlock
{
	width: calc((100% - 30px)/2);	
	padding: 0;
}

.GoodsItemBlock:not(:nth-child(2n))
{
	margin: 0 30px 30px 0;
}

.GoodsItemImg
{
	/* height: 46.25vw; */
	margin: 0 0 15px 0;
}

.GoodsItemKindTxt
{
	font-size: 3.38vw;
}

.GoodsItemTit
{
	margin: 0 0 8px 0;
}

.GoodsItemTitTxt
{
	font-size: 4.83vw;
}

.GoodsItemUnit
{
	font-size: 7.25vw;
}

.GoodsItemUnit.type2
{
	font-size: 4.83vw;
}

.GoodsItemDetail
{
	height: 10vw;
}

.GoodsItemDetailList
{
	font-size: 3.86vw;
}

/*     金額     */
.PriceOriginalBox , .PriceSaleBox
{	
	font-size: 7.25vw;
}

.PriceBox.type2 .PriceOriginalBox,
.PriceBox.type2 .PriceSaleBox
{
	font-size: 4.83vw;
}

.PriceBox.type2 .PriceOriginalBox.active,
.PriceOriginalBox.active
{
	font-size: 3.381vw;
}

/*****     首頁     *****/
/*     步驟     */
.indexStepBox
{
	padding: 50px 30px;
}

.indexStepTopic
{
	margin: 0 0 40px 0;
}

.indexStepTopicTxt
{
	font-size: 25px;
}

.indexStepBlockBox
{
	display: block;
	align-items: unset;
	justify-content: unset;
}

.indexStepBlock:not(:nth-child(4n))
{
	margin: unset;
}

.indexStepBlock:not(:last-child)
{
	margin: 0 0 18vw 0;
}

.indexStepBlock
{
	width: 100%;
	margin: unset;
}

.indexStepBlockImg
{
	height: 95.61vw;
	margin: 0 0 5.31vw 0;
}

.indexStepBlockNo
{
	font-size: 12.08vw;
	margin: 0 0 5vw 0;
}

.indexStepBlockTit
{
	font-size: 7.25vw;
	margin: 0 0 16vw 0;
}

.indexStepBlockTit::after
{
	bottom: -6vw;
	width: 25vw;
}

.indexStepBlockInfo
{
	font-size: 3.86vw;
}

/*     新品上市     */
.indexNewinBox
{
	padding: 50px 30px 0 30px;
}

.indexNewinTopic
{
	margin: 0 0 40px 0;
}

.indexNewinTopicTxt
{
	font-size: 25px;
}

.indexNewinBox .GoodsItemBox.amount1
{
	width: calc((100% - 30px)/2);
}

.indexNewinBox .GoodsItemBox.amount2
{
	width: 100%;
}

/*     熱銷產品     */
.indexHotBox
{
	padding: 50px 30px;
}

.indexHotTopic
{
	margin: 0 0 40px 0;
}

.indexHotTopicTxt
{
	font-size: 25px;
}

/*     最新消息     */
.indexNewsBox
{
	padding: 50px 30px;
}

.indexNewsTopic
{
	margin: 0 0 40px 0;
}

.indexNewsTopicTxt
{
	font-size: 25px;
}

.indexNewsBlockBox
{
	display: block;
	align-items: unset;
	justify-content: unset;
	flex-wrap: unset;
}

.indexNewsBlock:not(:nth-child(2n))
{
	margin: unset;
}

.indexNewsBlock
{
	margin: 0;
	width: 100%;
}

/* .indexNewsBlock:not(:last-child)
{
	margin: 0 0 30px 0;
} */

.indexNewsBlockImg
{
	height: 49.41vw;
}

/* .indexNewsBlockInfBox
{
	padding: 4.83vw 6.04vw;
}

.indexNewsBlockDate
{
	margin: 0 0 4.83vw 0;
}

.indexNewsBlockDate i
{
	font-size: 3.86vw;
}

.indexNewsBlockDate span
{
	font-size: 3.86vw;
}

.indexNewsBlockTit
{
	font-size: 3.86vw;
	margin: 0 0 4.83vw 0;
}

.indexNewsBlockDetail
{
	font-size: 3.38vw;
	height: unset;
} */

/*     關於     */
.indexAboutBox
{
	padding: 50px 30px;
	display: block;
	justify-content: unset;
	align-items: unset;
}

.indexAboutInfo
{
	width: 100%;
	padding: 0;
	margin: 0 0 50px 0;
}

.indexAboutTit
{
	font-size: 25px;
	margin: 0 0 40px 0;
}

.indexAboutTxt
{
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 4.83vw 0;
}

.indexAboutTel
{
	margin: 0 0 12.08vw 0;
}

.indexAboutTel i
{
	font-size: 4.83vw;
}

.indexAboutTel span
{
	font-size: 4.83vw;
}

.indexAboutImg
{
	width: 100%;
}

.indexAboutBtn
{
	padding: 5px 6.04vw;
}

.indexAboutBtnTxt
{
	font-size: 3.86vw;
}

/*****     商品列表     *****/
.goodsBox
{
	padding: 50px 30px 80px 30px;
}

.goodsBox .PriceBox
{
	justify-content: flex-start;
	width: fit-content;
}

/*****     商品內容     *****/
/*     介紹     */
.goodsdtInfoBox
{
	padding: 50px 30px;
	display: block;
	justify-content: unset;
	align-items: unset;
	flex-wrap: unset;
}

/* 產品名稱 */
.goodsdtInfoTit
{
	font-size: 6.04vw;
	margin: 0 0 29px 0;
	word-break: break-all;
}

/*   圖片   */
.goodsdtInfoImgBox
{
	width: 100%;
	margin: 0 0 30px 0;
}

.goodsdtInfoImgMain
{
	padding: 100% 0 0 0;
	height: unset;
	margin: 0 0 12px 0;
}

.goodsdtInfoImgSubBtn
{
	cursor: unset;
	width: 18.84vw;
	height: 18.84vw;
}

.goodsdtInfoImgSubBtn:not(:last-child)
{
	margin: 0 3.38vw 0 0;
}

/*   文字敘述   */
.goodsdtInfoCont
{
	width: 100%;
}

.goodsdtInfoListBox
{
	margin: 0 0 30px 0;
}

.goodsdtInfoList
{
	line-height: 25px;
}

/* 各介紹標題 */
.goodsdtInfoListTit
{
	font-size: 14px;
}

.goodsdtInfoListTxt
{
	font-size: 14px;
}

/* 社群按鈕 */
.goodsdtInfoListBtnSocail
{
	width: 40px;
}

/* 購買按鈕 */
.goodsdtInfoBtnBuy
{
	width: 100%;
}

.goodsdtInfoBtnBuyTxt
{
	padding: 15px 0;
}

.goodsdtInfoBtnBuyTxt i
{
	font-size: 16px;
}

.goodsdtInfoBtnBuyTxt span
{
	font-size: 16px;
}

/*     返回     */
.goodsdtBox .BtnBackBox
{
	margin: 49px 0 0 0;
}

/*     相關產品     */
.goodsdtRelateBox
{
	padding: 42px 30px;
}

.goodsdtRelateTopic
{
	margin: 0 0 40px 0;
}

.goodsdtRelateTopicTxt
{
	color: #6D5134;
	font-size: 6.04vw;
}

.goodsdtRelateBox .GoodsItemBlock:last-child
{
	display: none; /*因電腦版一排3個,手機板一排2個*/
}

/*****     優惠活動     *****/
.event_0 header
{
	height: 200px;
}

.eventBox
{}

.eventBlockBg
{
	height: 49.41vw;
	margin: 0 0 15px 0;
}

.eventBlock .DateBox
{
	top: 10px;
	left: 5px;
}

/*     介紹     */
.eventInfoBox
{
	background: unset;
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	word-break: break-all;
	position: unset;
	left: unset;
	bottom: unset;
	z-index: unset;
}

.eventInfoTit
{
	color: #6D5134;
	font-size: 4.83vw;
	margin: 0 0 4.83 0;
}

.eventInfoTxt
{
	color: #6D5134;
	font-size: 3.38vw;
	-webkit-line-clamp: 3;
}

/*****     優惠活動-內容     *****/
.eventdtBox
{
	padding: 50px 30px 105px 30px;
}

.eventdtPicBox
{
	margin: 0 0 15px 0;
}

.eventdtTit
{
	/* font-size: 20px; */
	font-size: 4.83vw;
	margin: 0 0 16px 0;
}

.eventdtContBox
{
	/* font-size: 14px; */
	font-size: 3.38vw;
	line-height: 6.04vw;
	margin: 0 0 34px 0;
}

/*****     品質認證     *****/
.certificationBlockBox
{
	margin: 0;
	padding: 0;
}

.certificationBlock
{
	width: 100%;
	margin: 0;
}

.certificationBlock:not(:nth-child(4n))
{
	margin: 0;
}

/*****     商家資訊     *****/
/*     社群資訊     */
.infoSocialBox
{
	padding: 30px 0 60px 0;
	display: block;
	align-items: unset;
	justify-content: unset;
}

.infoSocialBlock
{
	width: 100%;
	padding: 6.04vw 0;
}

.infoSocialBlock:not(:last-child)
{
	margin: 0 0 30px 0;
}

.infoSocialBtn
{
	width: 150px;
	padding: 0 13px 0 0;
	margin: 0 auto 28px auto;
}

.infoSocialBtnIcon
{
	width: 40px;
}

.infoSocialBtnTxt
{
	width: calc(100% - 40px);
	font-size: 14px;
}

.infoSocialQr
{
	width: 150px;
	margin: 0 auto;
}

.infoVideo
{
	width: calc((100% - 20px)/2);
}

.infoVideo:not(:nth-child(2n))
{
	margin: 0 20px 20px 0;
}

/*****     隱私權     *****/
.termsCont
{
	font-size: 14px;
	padding: 50px 30px 80px 30px;
	line-height: 25px;
}

/*****     Footer     *****/
.footerContainer
{
	padding: 40px 30px;
	display: block;
	align-items: unset;
	justify-content: unset;
}

/*     Logo     */
.footerLogoBox
{
	font-size: 20px;
	width: 100%;
	margin: 0 0 30px 0;
}

/*     主要項目     */
.footerInfoBox
{
	display: block;
	align-items: unset;
	justify-content: unset;
}

.footerMenuBox
{
	margin: 0 0 30px 0;
	display: block;
	align-items: unset;
	justify-content: unset;
}

.footerMenuBtn:not(:last-child)
{
	margin: 0 0 10px 0;
}

.footerMenuBtnTxt
{
	font-size: 16px;
}

/*     社群     */
.footerSocialBtn:not(:last-child)
{
	margin: 0 0 10px 0;
}

.footerSocialBtnIcon
{
	width: 20px;
}

.footerSocialBtnName
{
	font-size: 16px;
}

/*     CopyRight     */
.footerCopyRight
{
	padding: 20px 30px;
}