@charset "utf-8";

/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/cwtexkai.css');

body {
	font-family: "Noto Serif TC", serif;
}


/*字型更換*/


.edit_part {
	padding: 0;
}


/* = = = 按鈕列 = = = = = = = = = == = = = = = = = = = = = = = = == = = */



.main_header_area {
	background: rgb(255 255 255 / 90%);
	padding: 0px 20px;
}

.pageIndex .main_header_area {
	background: #ffffffcc;
	transition: .3s;
}

.header_area.sticky .main_header_area {
	background: rgb(255 255 255);
}

.header_area,
.header_area.sticky {
	padding: 0px;
}

.main_header_area .container {
	max-width: 1600px;
}

/*選單最大寬度設定*/
/*
.main_header_area .container {    max-width: 95%;}
*/
.navigation {
	grid-template-columns: 270px 1fr;
}

.nav-header {
	max-width: 100%;
}

.nav-brand {
	max-width: 221px;
}

/*電腦LOGO
.nav-brand {}
*/

/*手機LOGO
.nav-brand-m {}
*/


/*第一層*/
.stellarnav>ul>li>a {
	transition: all 0.3s;
	/*color: #FFF;*/
}

.stellarnav>ul>li>a {
	margin: 25px 1vw 20px;
	padding: 0px;
}

.stellarnav>ul>li.has-sub>a {
	padding-right: 0px;
}


.stellarnav li.has-sub>a:after {
	height: 8px;
	width: 8px;
	display: block;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: transparent #777 #777 transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: border .2s;
	transition: border .2s;
	margin: 0px;
	top: 40px;
	right: -13px;
}

.stellarnav li.has-sub:hover>a:after {
	border-color: transparent #AAA #AAA transparent !important;
	border-color: transparent #b10412 #b10412 transparent !important;
}




@media screen and (min-width:769px) {

	.stellarnav>ul>li>a,
	.stellarnav li.has-sub>a {
		position: relative;
	}

	.stellarnav>ul>li>a::before {
		position: absolute;
		content: "";
		width: 0%;
		height: 1px;
		background: #AAA;
		background: #b10412;
		bottom: 0px;
		left: 50%;
		transform: translate(-50%, 0px);
		transition: .5s;
	}

	.stellarnav>ul>li:hover>a::before {
		width: 100%;
	}

	.stellarnav>ul>li:hover>a b {
		transform: translateY(-40px);
		-webkit-transform: translateY(-40px);
		-moz-transform: translateY(-40px);
	}
}




/*第二層*/
.stellarnav ul ul {
	background: transparent;
	/*width: 185px;*/
}

.stellarnav>ul>li.drop-left>ul {
	right: unset;
	left: 0px;
}

.stellarnav li li {
	border: unset;
	margin-bottom: unset;
}

.stellarnav li li>a,
.stellarnav li li.has-sub>a {
	padding: 10px 15px;
	transition: all 0.5s;
	color: #FFFFFF;
	/*border-bottom: 1px solid rgb(255 255 255 / 5%);
    background: rgb(0 0 0 / 40%);*/
	border-bottom: 1px solid rgb(255 255 255 / 10%);
	background: #3e4d5d;
	border-bottom: 1px solid rgb(255 255 255 / 20%);
	background: #b10412;
}

.stellarnav li li:hover>a,
.stellarnav li li.has-sub:hover>a {
	padding-left: 20px;
}


@media screen and (min-width: 769px) {

	.stellarnav li li:hover>a,
	.stellarnav li li.has-sub:hover>a {
		background: #0f1720;
	}
}



/*第三層*/
@media screen and (min-width: 769px) {

	.stellarnav li li.has-sub>a:after,
	.stellarnav li.drop-left li.has-sub>a:after {
		height: 8px;
		width: 8px;
		display: block;
		border-style: solid;
		border-width: 0 1px 1px 0;
		border-color: transparent #FFF #FFF transparent !important;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-transition: border .2s;
		transition: border .2s;
		margin: 0px;
		top: 18px !important;
		right: 15px;
	}


	.stellarnav li.drop-left li.has-sub>a:after {
		-webkit-transform: rotate(-225deg);
		transform: rotate(-225deg);
	}



	.stellarnav li li.has-sub:hover>a:after,
	.stellarnav li.drop-left li.has-sub:hover>a:after {
		border-color: transparent #FFF #FFF transparent !important;
	}


	/*.stellarnav li ul ul li:hover > a{
		background: rgb(0 0 0 / 100%);
	}*/

	.stellarnav ul ul {
		/*width: 190px;*/
	}

	.stellarnav li.drop-left ul ul {
		/*right: 190px;*/
	}

}

.stellarnav li ul ul {
	background: transparent;
}

.stellarnav li ul ul li>a {
	/*background: rgb(0 0 0 / 70%);
    border-bottom: 1px solid rgb(255 255 255 / 5%);*/
	background: #323f4d;
	border-bottom: 1px solid rgb(255 255 255 / 10%);
	background: #d1ac56;
	border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.stellarnav li ul ul li:hover>a {
	background: #293440;
	background: #caa142;
}






/* 商品下拉超過30個變大 */
.stellarnav.desktop li.bigMenu>ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	left: 0;
	width: 100%;
	position: fixed;
	padding: 20px;
}

.stellarnav.desktop li.bigMenu ul ul {
	top: 100%;
	left: 0;
	width: 100%;
	background: #efefef;
	height: auto;
	max-height: 300px;
	overflow: auto;
}

.stellarnav.desktop li.bigMenu ul ul li {
	margin: 0;
}

.stellarnav.hasBigMenu li.bigMenu li.has-sub>a:after {
	border-left: 6px solid transparent;
	border-bottom: unset;
	border-right: 6px solid transparent;
	border-top: 6px solid #898989;
	right: 5px;
}



/*SubMenu*/
.shop_search_btn {
	background: #b1d142;
	transition: .3s;
	height: 28px;
	margin-top: 0px;
}

.shop_search_btn:hover {
	background: #379339;
}

.me_tp_features a.tp_btn_cart,
.me_tp_features a.tp_btn_notice {
	transition: .3s;
	/*color: #FFF;*/
}

.me_tp_features a.tp_btn_cart:hover,
.me_tp_features a.tp_btn_notice:hover {
	color: #D6C5B2 !important;
}

.tp_links a {
	transition: all 0.3s;
}

.tp_links a:hover {
	color: #ADA17E;
}

/*隱藏選單按鈕連結*/
.me_tp_features {
	display: none;
}

.tp_links {
	display: none;
}


/*隱藏購物車搜尋欄*/
/*.box_search{display:none;}*/

/*隱藏購物車*/
/*.me_tp_features a.tp_btn_cart {display: none;}*/

/*隱藏匯款通知*/
/*.me_tp_features a.tp_btn_notice{display: none;}*/



@media screen and (min-width: 1025px) {
	.header_area {
		position: fixed;
		width: 100%;
		top: 0px;
		background: unset;
	}

	.header_area.sticky {
		background: unset;
	}

	.main_header_area {
		transition: 0.3s ease;
		background: transparent;
		box-shadow: unset;
		/*background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);*/
		position: relative;
	}

	.header_area .main_header_area::after {
		content: "";
		position: absolute;
		width: 0%;
		height: 100%;
		top: 0px;
		left: 0%;
		background: rgb(255 255 255);
		transition: all 1s;
		opacity: 0;
	}

	.header_area.sticky .main_header_area::after {
		width: 100%;
		opacity: 1;
	}


	.header_area .nav-brand {
		transition: .3s;
		max-width: 120px;
		margin-top: 5px;
		filter: drop-shadow(0px 0px 10px #FFF);
	}

	.header_area.sticky .nav-brand {
		filter: unset;
		-webkit-filter: unset;
		max-width: 150px;
		margin-top: 0px;
		filter: unset;
	}

	.pageIndex .header_area.sticky .nav-brand {
		opacity: 1;
	}


	.stellarnav>ul>li>a {
		margin: 35px 1vw 25px;
		color: #585858;
		/*text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);*/
		transition: 0.3s ease;
		padding: 0px 5px;
	}

	.stellarnav>ul>li.has-sub>a {
		padding-right: 5px;
	}

	.header_area.sticky .stellarnav>ul>li>a {
		margin: 25px 1vw 20px;
		color: #585858;
		text-shadow: unset;
	}

	.stellarnav li.has-sub>a:after {
		border-color: transparent #FFF #FFF transparent;
		top: 17px;
		transition: 0.3s ease;
	}

	.header_area.sticky .stellarnav li.has-sub>a:after {
		border-color: transparent #777 #777 transparent;
		top: 17px;
	}


	.me_tp_features {
		padding: 30px 1vw 10px;
		transition: 0.3s ease;
	}

	.header_area.sticky .me_tp_features {
		padding: 15px 1vw 10px;
	}


	.me_tp_features a.tp_btn_cart,
	.me_tp_features a.tp_btn_notice {
		color: #FFFFFF;
		text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
		transition: 0.3s ease;
	}

	.me_tp_features a.tp_btn_cart:hover,
	.me_tp_features a.tp_btn_notice:hover {
		text-shadow: unset !important;
	}

	.header_area.sticky .me_tp_features a.tp_btn_cart,
	.header_area.sticky .me_tp_features a.tp_btn_notice {
		color: #343a40;
		text-shadow: unset;
	}

}


@media screen and (min-width: 769px) {
	.stellarnav>ul>li>a b:nth-of-type(2) {
		text-transform: none;
	}
}




/*按鈕列RWD*/

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

	/*Header/＝＝＝＝＝*/
	.header_area {
		background: #FFF;
	}

	.header_area.sticky {
		background: transparent;
	}

	.navigation {
		padding: 0px;
	}

	.stellarnav>ul>li>a {
		margin: 5px 1vw;
	}

	.stellarnav li.has-sub>a:after {
		/*top: 25px;*/
		right: calc(1vw - 13px);
	}

	/*Logo/＝＝＝＝＝*/
	.header_area .nav-brand {
		max-width: 250px;
		margin-top: 20px;
		margin-bottom: 10px;
		transition: .5s;
	}

	.header_area.sticky .nav-brand {
		max-width: 250px;
	}


}

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

	/*首頁固定選單*/
	/*
	.pageIndex .header_area{position: position:relative;}*/


	.stellarnav li li>a,
	.stellarnav li li.has-sub>a {
		padding: 15px !important;
		border-left: none;
	}

	.stellarnav li li:hover>a,
	.stellarnav li li.has-sub:hover>a {
		padding: 15px !important;
		/*border-color:transparent;*/
	}

	.stellarnav.mobile li a {
		border-bottom: 1px solid rgba(255, 255, 255, .20);
	}

	.navigation {
		align-items: flex-start;
	}

	.nav-header {
		text-align: left;
		line-height: 0px;
		justify-content: flex-start;
	}

	.header_area .nav-brand {
		max-width: 120px;
		margin: 8px auto 10px;
	}

	.header_area.sticky .nav-brand {
		max-width: 120px;
	}

	.main_header_area {
		padding: 0px 0px;
	}

	.stellarnav.mobile {
		position: absolute;
		left: 0;
		top: 0px;
		width: auto;
		display: inline-block;
		right: 0px;
		left: unset;
	}

	.stellarnav .menu-toggle {
		padding: 15px 10px;
	}

	.stellarnav.mobile.left>ul {
		max-width: 60%;
		padding: 10px;
		background: rgba(255, 255, 255, 0.95);
	}

	.stellarnav.mobile.left>ul {
		right: 0;
	}

	.stellarnav.mobile.right .close-menu,
	.stellarnav.mobile.left .close-menu {
		background: unset;
	}

	.stellarnav.mobile li.drop-left ul ul {
		left: 0px;
	}

	.stellarnav.mobile li li:last-child>a {
		border-bottom: unset;
	}

	.stellarnav.mobile li li li:last-child>a {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}

	.stellarnav.mobile>ul>li>a {
		border-bottom: unset;
		margin: 3px 0px;
	}

	.stellarnav>ul>li>a,
	.stellarnav li.has-sub>a {
		margin: 0px;
	}

	.stellarnav.mobile li.open {
		background: unset;
		padding: 0px;
	}

	.stellarnav.mobile li.open li.open {
		background: unset;
		padding: 0px;
	}

	.stellarnav li li a.dd-toggle .icon-plus:before,
	.stellarnav li li a.dd-toggle .icon-plus:after {
		content: '';
		display: block;
		width: 12px;
		height: 0px;
		top: 50%;
		border-bottom: solid 3px #FFFFFF;
		position: absolute;
	}


	.me_tp_features {
		padding: 5px 1vw 0px;
		background: #edf2dd;
		margin: 0px;
	}

	.me_tp_features a.tp_btn_cart,
	.me_tp_features a.tp_btn_notice {
		color: #FFF;
	}

}


/* = = = 頁尾 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*footer*/
.footer {
	padding-top: 60px;
	background: #ffffff;
	font-family: "Noto Serif TC", serif;
}

.footer .center {
	max-width: 1500px;
}

.footer_info {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	padding: 0;
}

.footer_logo {
	max-width: 100%;
	text-align: center;
	margin: 25px auto;
	filter: invert(100%) grayscale(100%) brightness(500%);
	-webkit-filter: invert(100%) grayscale(100%) brightness(500%);
}

.footer_logo img {
	max-width: 35%;
}

.footer_info ul {
	position: absolute;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 70px;
}

.footer_info li p,
.footer_info li p a {
	color: #4b4b4b;
}

.footer_info li p.line:before,
.footer_info li p.phone:before,
.footer_info li p.add:before,
.footer_info li p.mail:before {
	color: #4b4b4b;
}

.footer_info li p.tel:before {
	content: '營業時間：';
}

.footer_info li p.tel2:before {
	content: '營業時間：';
	color: white;
}

.footer_menu {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 5px;
}

.footer_menu a:hover {
	background: transparent;
	color: #4b4b4b;
}

.footer_menu a {
	background: transparent;
	border: none;
	color: #4b4b4b;
	border-bottom: 1px solid rgb(255 255 255 / 30%);
	position: relative;
	padding: 15px 8px;
	margin-right: 10px;
}

.footer_menu a:nth-child(1) {
	display: none;
}


.footer_menu a:hover:before {
	width: 100%;
	background: #b10412;
}

.footer_menu a:before {
	content: "";
	width: 0%;
	height: 1px;
	background: rgba(100, 100, 100, .3);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: all .5s;
	transition-timing-function: ease-in-out;
}

.footer_info li:nth-child(1) {
	display: flex;
	flex-direction: column;
}

.footer_info li p:nth-child(1) {
	order: 4;
}

.footer_info li p:nth-child(2) {
	order: 5;
}

.footer_info li p:nth-child(3) {
	order: 1;
}

.footer_info li p:nth-child(4) {
	order: 2;
}

.footer_info li p:nth-child(5) {
	order: 3;
}



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

	.footer_info ul {
		flex-direction: column;
		position: relative;
		align-items: center;
		padding: 0 25px;
	}



	.footer_menu {
		display: inline-block;
	}

	.copy {
		margin-top: 10px;
	}
}

@media screen and (max-width: 500px) {
	.footer_menu {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0px;
	}

	.footer_menu a {
		background: #000000;
		color: #ffffff;
		padding: 10px;
		margin-right: 4px;
	}
}

/* 側邊按鈕與聯絡我們*/
.info_fix {
	right: -10px;
}

.info_fix_links a {
	background: rgb(0 0 0 / 0%);
}

.info_fix>span {
	display: none;
}

.contact_form li {
	grid-template-columns: 125px 1fr;
}

.contact_form li .form__label {
	font-weight: normal;
	background: rgb(140 168 218 / 0%);
	max-width: 100px;
}

.contact_form li .form__insert {
	margin-left: 5%;
}

.info_fix_links {
	display: block !important;
}

.red {
	color: #b9b9b9;
}



.module_i_news .title_i_box h4 {
	color: #ffffff;
}

h4.blog_category_title {
	color: #b9b9b9;
}

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



.animated-arrow {
	background: #000000;
}


.contact_form li {
	grid-template-columns: 120px 1fr;
}

.contact_form li:has(input[type=checkbox]) .form__insert,
.contact_form li:has(input[type=radio]) .form__insert {
	display: block;
	line-height: 25px;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 7px;
}

.contact_form li.checknumBox .form__insert {
	align-content: flex-start;
}

.fa-regular,
.fa-brands,
.fas,
.far,
.fab,
.fa-sharp-solid,
.fa-classic,
.fa {
	color: #FFF;
	font-size: 20px;
}

.contact_form li.last cite .fa-solid {
	color: rgb(255, 255, 255);
}

.fa-phone-volume::before {
	font-size: 17px;
}

a.me_tp_mail {
	display: none;
}

.box_link {
	display: none;
}

.copy {
	background: #ac000d;
	border: none;
	padding: 10px 20px;
	font-size: 12px;
	margin-top: 45px;
	color: #ffffff;
}

.copy a {
	color: #ffffff;
}

/* = = = 浮動按鈕 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


.right_member_in {
	bottom: calc(20% + 340px);
	top: unset;
	z-index: 99;
}

@media screen and (max-width: 768px) {
	.right_member_in {
		bottom: calc(10% + 310px);
	}
}


.info_fix_links {
	display: block !important;
}

.info_fix_links a.info_fix_default {
	display: none;
}

.info_fix>span {
	display: none;
}


.fix_ri {
	line-height: 0;
	/*padding-bottom: 50px;
	background:#379339;*/
}



.fix_ri a {
	transition: .3s;
	color: #FFFFFF;
	border-radius: unset;
	width: 100%;
	height: 100%;
	/*border-radius: 50px;*/
}



.fix_ri a span {
	display: block;
	font-size: 13px;
	margin: -8px 0px 0px;
}


#to_top {
	display: block !important;
	opacity: 1 !important;
	background: #b10412;
	color: #FFF;
	box-shadow: unset;
	border-radius: 5px;
	/*bottom: 30px;*/
}

body:not(.pageIndex) #to_top {
	opacity: 1 !important;
}

#to_top i.top {
	height: 15px;
}

#to_top i:before,
#to_top i:after {
	background: #FFF;
}

@media screen and (max-width: 768px) {
	/* 開啟手機板下方按鈕所需設定 */
	/*#bottom_menu {display: block; }*/

	#to_top {
		bottom: 54px;
	}
}




/* = = = BANNER = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*首頁大圖點點*/
.swiper-pagination {
	display: none;
}


/*預設解除背景輪播*/
#content_main {
	margin: 0;
}

.bannerindex {
	position: relative;
	height: auto;
}

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

.swiper-banner .swiper-slide img {
	height: auto;
}

@media screen and (max-width: 768px) {
	.bannerindex {
		padding: 0;
		margin: 0;
	}
}


/*首頁大圖文字特效*/

.bannerindex .swiper-wrapper {
	position: relative;
}

.bannerindex .swiper-slide.swiper-slide-active:before {
	content: "";
	position: absolute;
	animation: ss 2.5s ease backwards;

	display: block;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	z-index: 10000;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(1):before {
	background: url("https://pic03.eapple.com.tw/kuantao/bn_tx01.png") no-repeat left 80%;
	background: url("https://pic03.eapple.com.tw/kuantao/bn_tx01.png") no-repeat left 120%;
	background-size: cover;
}

.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(2):before {
	background: url("https://pic03.eapple.com.tw/kuantao/bn_tx02.png") no-repeat left 80%;
	background: url("https://pic03.eapple.com.tw/kuantao/bn_tx02.png") no-repeat left 120%;
	background-size: cover;
}



.bannerindex .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	overflow: hidden;
	/*height: 100vh;*/
}

.bannerindex .swiper-slide img {
	object-fit: cover;
	object-position: 50% 50%;
}


@media screen and (max-width: 600px) {
	.swiper-wrapper .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		overflow: hidden;
		background: #f9f4e8;
	}

	.swiper-wrapper .swiper-slide img {
		height: 65vw;
		object-fit: cover;
		object-position: 60% 50%;
	}

	.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(1):before,
	.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(2):before {
		background-size: 180%;
		filter: drop-shadow(0px 0px 6px #FFF);
	}
}








@keyframes ss {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes ss02 {
	0% {
		opacity: 0;
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}




@-webkit-keyframes scroll {

	0%,
	100%,
	20%,
	50%,
	80% {
		/*background-position-y: -57px;*/
		-webkit-transform: translate(-50%, 50%);
		transform: translate(-50%, 50%);
	}

	40% {
		/*background-position-y: -38px;*/
		-webkit-transform: translate(-50%, 30%);
		transform: translate(-50%, 30%);
	}

	60% {
		/*background-position-y: -48px;*/
		-webkit-transform: translate(-50%, 40%);
		transform: translate(-50%, 40%);
	}
}

/*內頁BANNER 設定*/

.banner {
	height: 570px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	padding: 0px;
	background: url(https://pic03.eapple.com.tw/kuantao/bn_01.jpg)no-repeat center center;
	background-size: cover;
}



.banner h5 {
	display: none;
}



@media screen and (max-width: 1920px) {
	.banner {
		background-size: 1920px;
	}
}

@media screen and (max-width:1200px) {
	.banner {
		background-size: 1700px !important;
		height: 520px;
	}

	.banner h5::before {
		/*font-size: 50px;*/
	}

	.banner h5 {
		font-size: 35px;
	}
}

@media screen and (max-width:1024px) {
	.banner {
		background-size: 1350px !important;
		height: 380px;
	}

	.banner h5 {
		padding: 60px 8vw 0px;
	}
}

@media screen and (max-width:768px) {
	.banner {
		background-size: 1000px !important;
		;
		height: 265px;
	}


	.banner h5::after {
		max-width: 340px;
	}
}


@media screen and (max-width:600px) {
	.banner h5 {
		font-size: 30px;
	}
}

@media screen and (max-width:480px) {
	.banner {
		background-size: 700px !important;
		;
		height: 200px;
	}

	.banner h5 {
		padding: 35px 6vw 0px;
	}

	.banner h5::after {
		max-width: 270px;
	}
}

/* = = = 其他設定 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


#page {
	/*background: url(https://pic03.eapple.com.tw/fanglongenterprise/bg.jpg) repeat top center;
    background-size: 100%;*/
}

#content_main,
#content {
	/*background: url(https://pic03.eapple.com.tw/xuandu/bg.jpg)repeat top center;
    background-size: 100%;*/
	background: #ffffff;
}

/*按鈕/＝＝＝＝＝*/
.animated-arrow {
	background: #ac000d;
	transition: .3s;
}

.animated-arrow:hover {
	background: #928d9e;
}


/*麵包屑＝＝*/
.path p a:hover {
	color: #ADA17E;
}

.path {
	display: none;
}


/*下拉編輯器*/
body.other_select_page .promotion_title,
body.other_select_page .other_promotion,
body.other_select_page .page {
	display: none;
}

/*頁碼＝＝*/
.page {
	width: 100%;
	margin: 40px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.page li {
	display: flex;
	margin: 3px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

.page li a {
	display: block;
	width: inherit;
	height: inherit;
	line-height: inherit;
	padding: 0;
	transition: all 0.3s;
	border: 1px #AAA solid;
}

.page strong,
.page a:hover {
	background: #19803f;
	border: 1px solid #19803f;
}

.page li.activeN {
	color: #19803f;
}

.page li.activeN {
	color: #19803f;
}

/* = = = 購物車 = = = = = = = = = == = = = = = = = = = = = = = = == = = */



/*購物車首頁*/

/*首頁只顯示8則*/
.prod_part .products-list .item:nth-of-type(n+9) {
	display: none;
}







/*購物車列表*/
.products-list .item a {
	padding-bottom: 50px;
}

.products-list .price {
	display: none;
}

.products-list .more {
	border: 1px solid #a50713;
	background: #8f8080;
	color: #FFF;
}

.products-list .item a:hover .more {
	border: 1px solid #a50713;
	background: #a50713;
}

.products-list .pic img,
.related_list li figure img {
	transition: .5s;
	transform: scale(1);
}

.products-list a:hover .pic img,
.related_list li:hover figure img {
	transform: scale(1.05);
}

.products-list .pic::before,
.related_list li figure::before {
	content: "+";
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35px;
	height: 35px;
	z-index: 999;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0px;
	border-radius: 50%;
	color: #FFFFFF;
	border: 2px #FFFFFF solid;
	opacity: 0;
	transition: .5s;
}

.products-list .pic::after,
.related_list li figure::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: .5s;
}

.products-list a:hover .pic::before,
.products-list a:hover .pic::after,
.related_list li:hover figure::before,
.related_list li:hover figure::after {
	opacity: 1;
}








/*購物車詳細*/

.sidebarBtn {
	border: unset;
	background: unset;
}

.inquiry_a1,
.inquiry_a2,
.inquiry_a3,
.lastPage {
	background: #a50713;
	transition: all .5s;
}

.inquiry_a1:hover,
.inquiry_a2:hover,
.inquiry_a3:hover,
.lastPage:hover {
	background: #b3865f;
}





.prod_related {
	background: unset;
}

.related_list li figure {
	position: relative;
}

.related_list li a {
	background: unset;
}

.related_list li a p {
	margin-top: 15px;
	text-align: left;
}







/*預設購物車版面 產品分類選單在左側 商品內頁詳細介紹下表單更改樣式 by shint at 2023.1.5  */
.product_page .main_part {
	max-width: 1500px;
}

/* .product_info_page .main_part { max-width:1200px;} */

.product_page .show_content,
.product_info_page .show_content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}

.product_page .product_menu_list {
	position: relative;
	width: 220px;
	letter-spacing: 1px;
	/*border-right: 1px solid #ccc;*/
	min-height: 30vw;
}

.product_page .products-list,
.product-wrapper {
	width: calc(100% - 270px);
}

ul.page {
	width: 100%;
}


.product-layer-two li a {
	line-height: 200%;
	background: unset;
	color: #222;
	border: unset;
	transition: .5s;
}

.product-layer-two li i {
	top: 5px;
	color: #222;
	transition: .5s;
}

.product-layer-two li>a,
.product-layer-two li.active>a {
	border: unset;
}

.product-layer-two li:hover>a,
.product-layer-two li.active>a {
	color: #FFF;
	background: #947071;
	padding-left: 25px;
}

.product-layer-two li:hover i,
.product-layer-two li.active i {
	color: #FFF;
}


.product-layer-two li ul {
	position: static;
	/*display:block !important;*/
	width: 100%;
	margin-left: 0;
}

.product-layer-two li:hover ul {
	border: none !important;
	/*display:block !important;*/
}

.product-layer-two li li {
	display: block;
	padding: 0;
	transition: all ease .3s;
	background: unset;
}

.product-layer-two li li a {
	padding: 5px 10px;
	background: unset;
}

.product-layer-two li li:hover>a {
	background: transparent;
	color: #a50713;
}

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

.product-layer-two>li {
	width: 100%;
	max-width: 100%;
	padding: 0;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

.product-layer-two>li ul>li {
	margin-top: 5px;
}

.product_info_page .product-layer-two {
	display: none;
}

.product_info_page .products-list,
.product-wrapper {
	width: 100%;
}

.product-layer-two li li>a:before {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: transparent;
	left: 10px;
	margin-left: 0px;
	top: 50%;
	margin-top: -4px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	transition: .5s;
}

.product-layer-two li li:hover>a:before,
.product-layer-two li li.active>a:before {
	background: #a50713;
}

.product_info_page .half_box {
	width: 100%;
	float: none;
	padding-right: 0;
}

.product_info_page .half_box li.btn_blankTop {
	margin-top: 50px;
	justify-content: space-between;
	display: flex;
}

.product_info_page .half_box li.btn_blankTop input {
	width: calc(50% - 10px);
	background-image: none;
	padding: 0;
	text-align: center;
}



@media screen and (max-width: 1200px) {
	.related_list {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		grid-gap: 10px;
	}
}

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

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

	.product_menu_list,
	.products-list,
	.product-wrapper {
		width: 100%;
	}

	.product-layer-two {
		margin-right: 0;
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		/*grid-gap: 5px;*/
	}

	.product_page .product-layer-two,
	.product_page .products-list {
		width: 100%;
		border-right: none;
	}

	.product_page .product_menu_list>h5 {
		display: block;
		font-size: 20px;
	}

	.product_page .show_content>a {
		order: 1;
	}

	.product_page ul.products-list {
		order: 2;
	}

	.product_page ul.page {
		order: 3;
	}

	.product_page .product_menu_list {
		width: 100%;
		order: 0;
		min-height: unset;
	}
}

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

	/*手機版購物車-首頁、列表頁、相關產品排列統一*/
	.pageIndex .products-list,
	.products-list,
	.related_list {
		grid-template-columns: 1fr;
		grid-gap: 20px;
		max-width: 500px;
		margin: auto;
	}

}




/* = = = 文章管理 = = = = = = = = = == = = = = = = = = = = = = = = == = = */

/*文章首頁*/
.module_i_news {
	border-top: 1px #DDD solid;
}

.module_i_news ul {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.module_i_news li {
	border-bottom: none;
}

.module_i_news li a {
	grid-template-columns: 1fr;
}

.i_blog_ri p {
	-webkit-line-clamp: 2;
	line-height: 180%;
	word-break: normal;
}

.module_i_news li a:before,
.subbox_item a:before,
.news_related_list li a:before {
	top: 50%;
	left: 50%;
	bottom: unset;
	right: unset;
	transform: translate(-50%, -50%);
	letter-spacing: 2px;
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	/*color: #92919F;*/
}


.module_i_news li a:after,
.news_related_list li a:after,
.subbox_item a:after {
	background: rgba(255, 255, 255, 0.9);
	/*border: 1px #a50713 solid !important;*/
}



/*文章列表*/
.blog_le .accordion>li:hover,
.blog_le .accordion>li.on_this_category {
	background: #a50713 !important;
}

.submenu li.on_this_category a,
.submenu a:hover {
	background: unset;
	color: #a50713;
}

.submenu a {
	font-weight: 600;
}


.blog_box {
	max-width: 1160px;
}

.blog_subbox {
	grid-template-columns: 1fr;
	grid-gap: 30px;
}

.subbox_item {
	border: none;
}

.subbox_item a {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	grid-gap: 0px;
}

.blog_list_le {
	width: 30%;
}

.blog_list_ri {
	width: 65%;
}

.blog_list_ri h5 {
	font-size: 24px;
	color: #555;
	display: block;
}

.blog_list_ri p {
	margin-top: 25px;
	line-height: 180%;
	-webkit-line-clamp: 3;
	min-height: 80px;
}










/*文章管理列表頁-3個一排 B樣式*/


@media screen and (min-width: 601px) {

	body.article_b .blog_subbox {
		grid-template-columns: 1fr 1fr;
	}

	body.article_b .blog_list_ri h5 {
		font-size: 20px;
	}


}


@media screen and (min-width: 981px) {

	body.article_b .blog_subbox {
		grid-template-columns: 1fr 1fr 1fr;
	}

}




body.article_b .main_part {
	max-width: 1400px;
}

body.article_b.blog_page .blog_box {
	max-width: unset;
}

body.article_b .blog_list_le,
body.article_b .blog_list_ri {
	width: 100%;
}

body.article_b .blog_list_ri {
	padding: 10px 0px 0px !important;
}

body.article_b .blog_list_ri p {
	min-height: unset;
	margin-top: unset;
}




/*B樣式-文章列表頁、文章詳細頁相關文章*/

body.article_b .blog_list_le,
body.article_b .news_related_list li figure {
	overflow: hidden;
	padding: 0;
}

body.article_b .subbox_item a .blog_list_le img,
body.article_b .news_related_list li a img {
	transform: scale(1);
	transition: all 0.6s ease;
}

body.article_b .subbox_item a:hover .blog_list_le img,
body.article_b .news_related_list li a:hover img {
	transform: scale(1.05);
}


body.article_b .subbox_item a:after,
body.article_b .news_related_list li a:after {
	display: none;
}

body.article_b .module_i_news li a,
body.article_b .subbox_item a,
body.article_b .news_related_list li a {
	height: 100%;
	padding-bottom: 50px;
	position: relative;
	border-bottom: 1px solid #ddd;
	transition: all 0.6s ease;
}

body.article_b .module_i_news li a:hover,
body.article_b .subbox_item a:hover,
body.article_b .news_related_list li a:hover {
	border-bottom: 1px solid #465169;
}

body.article_b .module_i_news li a:before,
body.article_b .subbox_item a:before,
body.article_b .news_related_list li a:before {
	left: unset;
	top: unset;
	bottom: 10px;
	right: 0px;
	transform: unset;
	font-size: 14px;
	opacity: 1;
	letter-spacing: 1px;
	transition: all .6s;
	color: #AAA;
}

body.article_b .module_i_news li a:hover:before,
body.article_b .subbox_item a:hover:before,
body.article_b .news_related_list li a:hover:before {
	color: #465169;
}














/*文章詳細*/





.news_related {
	background: unset;
}

.news_related_list {
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.news_related_list li a {
	position: relative;
	background: unset;
}

.news_related_list li a:before {
	content: 'READ MORE';
	position: absolute;
	z-index: 19;
	opacity: 0;
	color: #999;
	transition: all .6s;
}

.news_related_list li a:after {
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 8;
	background: rgba(255, 255, 255, 0.9);
	opacity: 0;
	border: 1px #ddd solid;
	transition: all .5s;
}

.news_related_list li a:hover:before,
.news_related_list li a:hover:after {
	opacity: 1;
	transition: all .5s;
}

.news_related_list li a p {
	margin-top: 10px;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}











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

	/*文章列表*/
	.blog_list_ri h5 {
		margin-top: 0;
		font-size: 20px;
	}

	.blog_list_ri p {
		margin-top: 10px;
	}




	/*文章詳細*/
	.news_related_list {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		grid-gap: 10px;
	}

}


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



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

	/*文章首頁*/
	.module_i_news ul {
		grid-template-columns: 1fr 1fr;
	}

}


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

	/*手機版文章-首頁、列表頁、相關文章排列統一*/
	.module_i_news ul,
	.blog_subbox,
	.news_related_list {
		grid-template-columns: 1fr;
		max-width: 500px;
		margin: auto;
	}


	/*文章列表*/
	.blog_box {
		width: 96%;
	}

	.subbox_item a {
		flex-wrap: wrap;
	}

	.blog_list_le {
		width: 100%;
	}

	.blog_list_ri {
		padding: 20px 10px 30px 10px;
		width: 100%;
	}

	.blog_list_ri h5 {
		font-size: 18px;
	}

	.blog_list_ri p {
		margin-top: 15px;
		font-size: 14px;
		min-height: unset;
	}
}










/* = = = 促銷方案 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*首頁共用-促銷方案、文章管理、購物車*/

.news_part,
.module_i_news,
.prod_part {
	padding: 100px 5%;
}

.news_part .title_i_box h6,
.module_i_news .title_i_box h6,
.i_prod_tit h2 {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 22px;
	color: #92919F;
	display: inline-block;
	position: relative;
}

.news_part .title_i_box h4,
.module_i_news .title_i_box h4,
.i_prod_tit span {
	display: none;
}

.module_i_album .title_i_box h4 {
	display: none;
}

.i_album_list li a p {
	display: none;
}

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

	.news_part,
	.module_i_news,
	.prod_part {
		padding: 80px 5%;
	}

	.news_part .title_i_box h6,
	.module_i_news .title_i_box h6,
	.i_prod_tit h2 {
		/*font-size: 45px;*/
	}

	.news_part .title_i_box h4,
	.module_i_news .title_i_box h4,
	.i_prod_tit span {
		/*font-size: 24px;*/
	}

	.contact_page .stellarnav>ul>li>a {
		color: #000000;
	}
}

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

	.news_part,
	.module_i_news,
	.prod_part {
		padding: 50px 5%;
	}

	.news_part .title_i_box h6,
	.module_i_news .title_i_box h6,
	.i_prod_tit h2 {
		/*font-size: 38px;*/
	}

	.news_part .title_i_box h4,
	.module_i_news .title_i_box h4,
	.i_prod_tit span {
		/*font-size: 24px;*/
	}
}

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

	.news_part .title_i_box h6,
	.module_i_news .title_i_box h6,
	.i_prod_tit h2 {
		/*font-size: 32px;*/
	}

	.news_part .title_i_box h4,
	.module_i_news .title_i_box h4,
	.i_prod_tit span {
		/*font-size: 22px;*/
	}
}


/*促銷方案首頁*/

.news_list ul {
	padding-bottom: 30px;
}

.news_list ul li a:hover {
	background: #f9f9f9;
}

.news_list ul li p:after {
	content: 'Read More';
	color: #dddddd;
}

.news_list ul li a:hover p:after {
	color: #a6be2a;
}



/*促銷方案詳細*/

.promotion_title {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}

.promotion_title em {
	margin: -3px 10px -3px 0px;
	order: -1;
}

.promotion_title span {
	border: unset;
	padding: 0px;
	margin: 0px;
	letter-spacing: 2px;
}

.promotion_title h2 {
	width: 100%;
	border-bottom: 1px #aaaaaa solid;
	padding: 10px 0px 10px;
}



/* = = = 相簿 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.show-list .show_name {
	font-size: 16px;
	color: #626262;
	font-family: 'FontAwesome';
	font-weight: 400;
}

.subalbum-menu h2 {
	color: #222;
}

.show-list .item:hover .show_name {
	color: #626262;
}

.other_album_choice li {
	background: #a50713;
	transition: .3s;
}

.other_album_choice li:hover {
	background: #a50713;
}


.other_subalbum li a p {
	font-size: 17px;
	color: #333;
	letter-spacing: 0.15em;
	line-height: 1.5;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 26px;
	font-weight: 600;
	transition: .3s;
}

.other_subalbum li:hover a p {
	color: #a50713;
}




/* = = = 聯絡我們(表單) = = = = = = = = = == = = = = = = = = = = = = = = == = = */
.contact_form {
	grid-gap: 15px;
}

.contact_form li.last {
	margin-top: 65px;
	justify-content: center;
}

.contact_le_map a,
.contact_form li.last cite {
	background: #b10412;
	transition: .3s;
}

.contact_le_map a:hover,
.contact_form li.last cite:hover {
	background: #000000;
}

.contact_form li .form__label {
	background: transparent;
}

.contact_form li:has(input[type=checkbox]) .form__insert,
.contact_form li:has(input[type=radio]) .form__insert {
	grid-template-columns: repeat(auto-fit, minmax(13px, 13px) minmax(120px, 120px));
	margin-bottom: 10px;
}

.contact_content .information_left {
	width: 90%;
}

.form select {
	width: 100%;
	height: 32px;
}

.blank_letter {
	font-family: 'Noto Serif TC';
	font-weight: 500;
}

input[type="checkbox"]:nth-child(3),
input[type="checkbox"]:nth-child(6),
input[type="checkbox"]:nth-child(9) {
	display: none;
}



@media screen and (max-width: 600px) {
	.contact_content {
		padding-top: 0px;
	}

	.blank_letter.i {
		padding-top: 0px;
	}

	.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(1):before {
		background: url(https://pic03.eapple.com.tw/kuantao/bn_tx01.png) no-repeat right 80%;
		background: url(https://pic03.eapple.com.tw/kuantao/bn_tx01.png) no-repeat left 40%;
		background-size: cover;
	}

	.bannerindex .swiper-slide.swiper-slide-active:nth-of-type(2):before {
		background: url(https://pic03.eapple.com.tw/kuantao/bn_tx02.png) no-repeat right 50%;
		background-size: cover;
	}


}

.contact_form li .form__label {
	max-width: 100%;
	font-weight: 400;
}


.list_before.info li {
	padding-left: 37px;
}

.info_TEL:before,
.info_TEL2:before,
.info_PHONE:before,
.info_LINE:before,
.info_FAX:before,
.info_TAXID:before,
.info_MAIL:before,
.info_ADD:before,
.info_ADD2:before {
	width: 37px;
}


/*聯絡我們-有編輯器時*/

.blank_letter.i {
	display: none;
}

.contact_content {
	max-width: 1400px;
	border-top: 1px #CCC solid;
	width: 100%;
	padding: 20px 50px;
}

.contact_content .information_right {
	width: 100%;

}

.blank_letter i {
	display: none;
}

.list_before {
	display: none;
}

.contact_le_nomap {
	margin-top: 30px;
	color: #444444;
}

.noborder {
	width: 80%;
}

.form select {
	width: 80%;
}

.captcha {
	width: 100px !important;
}

@media screen and (max-width: 1024px) {
	.contact_content form {
		display: block;
	}

	.contact_content .information_left,
	.contact_content .information_right {
		width: 100%;
	}

	.contact_content .information_right {
		padding: 30px 0 0 10px;
	}

	.contact_form li .form__label {
		text-align: right;
	}
}

@media screen and (max-width: 500px) {
	.contact_form li {
		display: block;
	}

	.contact_form li .form__label {
		text-align: left;
	}

	.contact_form li .form__insert {
		margin-left: 0%;
		padding: 5px 10px;
	}

	.noborder {
		width: 100%;
	}

	.form select {
		width: 100%;
	}
}