/*
 * This is for global css usage.
 */

/* 針對 HTML lang 屬性，不同語系需切換不同字體 */

html[lang="jp"] *,
html[lang="jp"] *::after,
html[lang="jp"] *::before {
	font-family: 'Zen Kaku Gothic Antique', 'Noto Sans JP', sans-serif;
}

html[lang="zh"] *,
html[lang="zh"] *::after,
html[lang="zh"] *::before {
	font-family: 'Noto Sans TC', 'PingFangTC-Light', 'Microsoft JhengHei', sans-serif;
}

html[lang="en"] *,
html[lang="en"] *::after,
html[lang="en"] *::before {
	font-family: 'Noto Sans TC', 'PingFangTC-Light', 'Microsoft JhengHei', sans-serif;
}

*,
*::after,
*::before {
	box-sizing: border-box;
	font-family: 'Noto Sans TC', 'PingFangTC-Light', 'Microsoft JhengHei', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	outline: none;
	color: #242424;
}

/* 阻止圖片右鍵下載 */

img {
	pointer-events: none;
}

/* 調整 Quill Editor 編輯器在顏色、B、I、U 同時設定時，無法正常顯示顏色 */

[class*='index__editor-content'] a > strong,
[class*='index__editor-content'] a > s,
[class*='index__editor-content'] a > em,
[class*='index__editor-content'] a > u,
[class*='index__editor-content'] a > strong {
	color: inherit !important;
}

body,
input,
select,
textarea,
button {
	-webkit-font-smoothing: antialiased;
	font-family: 'Noto Sans TC', 'Roboto', 'PingFangTC-Light', 'Microsoft JhengHei', sans-serif;
	padding: 0;
	border: none;
	background-color: transparent;
	border-radius: 0;
	/* stylelint-disable-next-line property-no-vendor-prefix */
	-webkit-appearance: none;
}

body {
	margin: 0;
	overflow-x: hidden;
	width: 100%;
	background-color: #f4f4f4
}

body.no-scroll {
		position: fixed;
		overflow-y: scroll;
	}

button {
	padding: 0;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

a {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

.swiper-slide {
	/* stylelint-disable-next-line property-no-vendor-prefix */
	-webkit-transform: translateZ(0);
	/* stylelint-disable-next-line property-no-vendor-prefix */
	-webkit-backface-visibility: hidden;
}

.index__loading___2bIl0 {
	display: flex;
	flex: auto;
	width: 100%;
	height: 100vh;
	align-self: center;
	align-items: center;
	justify-content: center
}
.index__loading___2bIl0 > .index__image___2tPuf {
		width: 270px;
		height: 270px;
	}

.index__logo___2iehI {
	display: inline-flex;
	justify-content: center;
	aspect-ratio: 60.5 / 30
}
.index__logo___2iehI > div {
		width: 100%;
		height: 100%
	}
.index__logo___2iehI > div > svg {
			width: 100%;
			height: 100%;
		}
.index__logo___2iehI.index__black___2myk- > div > svg g {
					fill: #555555;
				}

/* stylelint-disable no-descending-specificity */
.index__navigation___2EUd5 {
	display: flex;
	flex-shrink: 0;
	min-width: 800px;
	justify-content: space-between;
	height: 100%;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none /* Firefox */
}
.index__navigation___2EUd5::-webkit-scrollbar {
		display: none;
	}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 {
		overflow-y: scroll;
		-ms-overflow-style: none;
		-webkit-overflow-scrolling: touch;
		flex-direction: column;
		justify-content: flex-start;
		min-width: auto;
		height: auto;
		height: initial
}
	}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP {
		width: 100px;
		padding: 0 2px;
		position: relative
	}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 > .index__link-wrap___3uYuP {
			width: 100%;
			padding: 12px 30px
	}
		}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb- {
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 16px;
			line-height: 23px;
			color: #555555;
			text-align: center;
			height: 100%;
			position: relative
		}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb- {
				justify-content: flex-start;
				font-weight: 700;
				font-size: 20px;
				line-height: 32px;
				color: #e8e8e8;
				text-align: left
		}
			}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb-::after {
				position: absolute;
				content: '';
				bottom: 0;
				left: 0;
				width: 100%;
				height: 2px;
				background-color: #006666;
				transform: scaleX(0);
				transition: transform 0.5s ease;
				transform-origin: center
			}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb-::after {
					display: none
			}
				}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb-.index__active___28Zh3 {
				font-weight: 700;
				font-size: 16px
			}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb-.index__active___28Zh3 {
					font-size: 20px;
					line-height: 32px;
					color: #bc9b6b
			}
				}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb-.index__active___28Zh3::after {
					transform: scaleX(1);
				}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb- > .index__expand___3RZae {
				display: none
			}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb- > .index__expand___3RZae {
					display: block;
					width: 16px;
					height: 16px;
					margin-left: 12px;
					position: relative
			}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb- > .index__expand___3RZae::before,
					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb- > .index__expand___3RZae::after {
						position: absolute;
						content: '';
						top: 50%;
						left: 0;
						transform: translateY(-50%);
						width: 100%;
						height: 1px;
						background-color: #e8e8e8;
					}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__link___-8Tb- > .index__expand___3RZae::after {
						transform: translateY(-50%) rotate(90deg);
						transition: opacity 0.3s ease;
					}
				}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI {
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			max-height: 0;
			opacity: 0;
			overflow: scroll;
			padding: 0;
			transition: all 0.3s ease;
			background-color: rgba(250, 250, 250, 0.9);
			z-index: 1;
			-ms-overflow-style: none; /* IE and Edge */
			scrollbar-width: none /* Firefox */
		}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI::-webkit-scrollbar {
				display: none;
			}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI {
				position: static;
				position: initial;
				background-color: transparent;
				border-left: solid 4px rgba(232, 232, 232, 0.3);
				padding: 0 24px
		}
			}
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof {
				display: flex;
				justify-content: center;
				align-items: center;
				font-family: 'Zen Kaku Gothic Antique','Roboto', 'Noto Sans TC', serif;
				font-weight: 500;
				font-size: 14px;
				line-height: 19px;
				color: #747474;
				text-align: center;
				height: 100%;
				padding: 10px 0;
				transition: color 0.3s ease
			}
@media screen and (min-width: 1280px) {
					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof:nth-of-type(1) {
						padding: 0 0 10px 0;
					}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof:nth-last-of-type(1) {
						padding: 10px 0 0 0;
					}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof:hover {
						font-weight: 700;
						color: #006666;
					}
				}
@media screen and (max-width: 1279px) {
.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof {
					justify-content: flex-start;
					font-weight: 700;
					font-size: 18px;
					line-height: 30px;
					color: #e8e8e8;
					text-align: left;
					padding: 12px 0
			}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof:nth-of-type(1) {
						padding: 0 0 12px 0;
					}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof:nth-last-of-type(1) {
						padding: 12px 0 0 0;
					}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof.index__active___28Zh3 {
						font-size: 20px;
						line-height: 32px;
						color: #bc9b6b;
					}
				}
@media screen and (min-width: 1280px) {
				.index__navigation___2EUd5 > .index__link-wrap___3uYuP:hover > .index__link___-8Tb- {
					font-weight: 700;
					font-size: 16px
				}

					.index__navigation___2EUd5 > .index__link-wrap___3uYuP:hover > .index__link___-8Tb-::after {
						transform: scaleX(1);
					}

				.index__navigation___2EUd5 > .index__link-wrap___3uYuP:hover > .index__sub-wrap___2rAgI {
					max-height: 100vh;
					opacity: 1;
					padding: 13px 5px;
				}
		}
@media screen and (max-width: 1279px) {
				.index__navigation___2EUd5 > .index__link-wrap___3uYuP.index__mobile-expanded___1Ot11 > .index__link___-8Tb- {
					height: auto;
					height: initial
				}
						.index__navigation___2EUd5 > .index__link-wrap___3uYuP.index__mobile-expanded___1Ot11 > .index__link___-8Tb- > .index__expand___3RZae::after {
							opacity: 0;
						}

				.index__navigation___2EUd5 > .index__link-wrap___3uYuP.index__mobile-expanded___1Ot11 > .index__sub-wrap___2rAgI {
					max-height: 100vh;
					opacity: 1;
					padding: 5px 24px;
					margin-top: 16px;
				}
		}
.index__navigation___2EUd5.index__white___2xqfD > .index__link-wrap___3uYuP > .index__link___-8Tb- {
				color: #fafafa;
			}
.index__navigation___2EUd5.index__white___2xqfD > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI {
				background-color: rgba(250, 250, 250, 0.7)
			}
.index__navigation___2EUd5.index__white___2xqfD > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof {
					color: #555555
				}
@media screen and (min-width: 1280px) {
						.index__navigation___2EUd5.index__white___2xqfD > .index__link-wrap___3uYuP > .index__sub-wrap___2rAgI > .index__sub-link___A7Lof:hover {
							color: #006666;
						}
					}
.index__tree___2Mpft {
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
	vertical-align: middle;
	color: white;
	fill: white
}
.index__tree___2Mpft > .index__header___1COZa {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.33;
		color: white;
		padding: 12px 16px;
		cursor: pointer
	}
.index__tree___2Mpft > .index__header___1COZa:hover {
			background-color: #018490;
		}
.index__tree___2Mpft > .index__header___1COZa > .index__arrow___1QQVK {
			transition: transform 0.3s ease;
			transform: rotate(-90deg)
		}
.index__tree___2Mpft > .index__header___1COZa > .index__arrow___1QQVK.index__open___2_fSn {
				transform: rotate(0);
			}
.index__tree___2Mpft > .index__list___3sLtf {
		will-change: transform, opacity, height;
		overflow: hidden
	}
.index__tree___2Mpft > .index__list___3sLtf > div {
			display: flex;
			flex-direction: column
		}
.index__tree___2Mpft > .index__list___3sLtf > div > .index__link___-8Tb- {
				font-size: 20px;
				flex-shrink: 0;
				line-height: 1.4;
				padding: 12px 16px;
				color: white;
				transition: background-color 0.3s ease
			}
.index__tree___2Mpft > .index__list___3sLtf > div > .index__link___-8Tb-:hover {
					background-color: #018490;
				}

.index__badge___2Msv5 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background-color: #306ee9;
	border-radius: 50%;
	font-family: 'Zen Kaku Gothic Antique','Roboto', 'Noto Sans TC', serif;
	font-weight: 500;
	font-size: 10px;
	line-height: 24px;
	color: #fafafa
}

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

.index__badge___2Msv5 {
		width: 12px;
		height: 12px;
		font-size: 0
}
	}

.index__badge___2Msv5.index__bounce___3eL8n {
        animation: index__bounce___3eL8n 0.7s ease-in-out 0.2s infinite;
        animation-iteration-count: 1;
    }

/* @keyframes bounce {
    from,
    40%,
    80%,
    to {
        transform: translate(0, 0);
    }

    20%,
    23% {
        transform: translate(0, -15px);
    }

    50%,
    53% {
        transform: translate(0, -10px);
    }

    90% {
        transform: translate(0, -4px);
    }
} */

.index__icon___1quHO {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative
}
.index__icon___1quHO.index__clickable___2eRMI {
		cursor: pointer;
	}
.index__icon___1quHO > svg {
		width: 100%;
		height: auto;
	}
.index__icon___1quHO > .index__badge___3IVIe {
		position: absolute;
		right: -15px;
		top: -14px;
		background-color: #bc9b6b
	}
@media screen and (max-width: 1279px) {
	.index__icon___1quHO > .index__badge___3IVIe {
			right: -7px;
			top: -7px
	}
		}
.index__icon___1quHO > .index__label___7Kt-h {
		display: block;
		position: absolute;
		top: -4px;
		left: 50%;
		padding: 0 8px;
		font-size: 12px;
		line-height: 1.67;
		white-space: nowrap;
		color: white;
		border-radius: 16px
	}
@media screen and (max-width: 1279px) {
	.index__icon___1quHO > .index__label___7Kt-h {
			padding: 0 4px
	}
		}
.index__icon___1quHO > .index__label___7Kt-h.index__red___38oFi {
			border: solid 2px #f4a4a9;
			background-color: #e94752;
		}
.index__icon___1quHO > .index__label___7Kt-h.index__yellow___3kmhE {
			border: solid 2px #fde8bf;
			background-color: #f8b429;
		}
.index__user-menu___1__Dx {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding: 10px;
	background-color: #fafafa
}
.index__user-menu___1__Dx > .index__item___1q5sX {
		display: flex;
		justify-content: center;
		width: 100%;
		font-weight: 500;
		font-size: 14px;
		line-height: 20px;
		color: #888888;
		transition: color 0.3s ease;
		text-align: center
	}
.index__user-menu___1__Dx > .index__item___1q5sX:not(:last-child) {
			margin-bottom: 10px;
		}
.index__user-menu___1__Dx > .index__item___1q5sX:hover {
			color: #006666;
		}

.index__button-language___13oYZ {
	position: relative;
	display: inline-flex;
	align-items: center
}

.index__button-language___13oYZ::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 2px;
		background-color: #006666;
		transition: width 0.3s ease;
	}

.index__button-language___13oYZ:hover::after {
		width: 100%;
		color: #ffffff;
	}

.index__button-language___13oYZ > .index__current___2g0hl,
	.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed {
		display: inline-flex;
		align-items: center;
		border: none;
		cursor: pointer;
		transition: all 0.3s ease;
	}

.index__button-language___13oYZ > .index__current___2g0hl {
		padding: 24px 10px;
		font-weight: 500;
		font-size: 10px;
		line-height: 14px;
		color: inherit;
		background: none
	}

.index__button-language___13oYZ > .index__current___2g0hl > span {
			color: inherit;
		}

.index__button-language___13oYZ > .index__current___2g0hl > .index__icon___fYjpY {
			margin-right: 4px;
			width: 12px;
			height: 12px;
			color: inherit;

			svg path {
				stroke: currentColor;
			}
		}

.index__button-language___13oYZ > .index__current___2g0hl.index__white___2z7xf {
			color: #ffffff;
		}

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

	.index__button-language___13oYZ > .index__current___2g0hl {
			display: none
	}
		}

.index__button-language___13oYZ > .index__languagesBg___YHSGl {
		display: none;
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		min-width: 50px;
		background-color: rgba(250, 250, 250, 0.9);
		padding: 4px 0
	}

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

	.index__button-language___13oYZ > .index__languagesBg___YHSGl {
			display: flex;
			flex-direction: column;
			position: static;
			transform: none;
			background: none;
			padding: 0
	}
		}

.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed {
			justify-content: center;
			width: 50px;
			padding: 8px 16px;
			font-size: 10px;
			text-align: center
		}

.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed > span {
				color: #242424
			}

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

	.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed > span {
					color: #ffffff;
					font-weight: 500;
					font-size: 16px;
					grid-gap: 10px
			}
				}

.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed > .index__globeIcon___2qG2K {
				margin-right: 4px;
				width: 12px;
				height: 12px;

				svg path {
					stroke: #242424 !important;
				}
			}

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

	.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed > .index__globeIcon___2qG2K {
					width: 20px;
					height: 20px;

					svg path {
						stroke: #ffffff !important;
					}
			}
				}

.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed.index__active___2IoRn > span, .index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed:hover > span {
					color: #006666
				}

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

	.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed.index__active___2IoRn > span, .index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed:hover > span {
						color: #ffffff
				}
					}

.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed.index__active___2IoRn > .index__globe___2nw_Y, .index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed:hover > .index__globe___2nw_Y {
					svg path {
						stroke: #242424
					}
						@media screen and (max-width: 1279px) {
					svg path {
							stroke: #ffffff
					}
						}
				}

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

	.index__button-language___13oYZ > .index__languagesBg___YHSGl > .index__language___1UCed {
				width: auto;
				font-weight: 500;
				font-size: 16px;
				padding: 24px 30px;
				display: flex;
				grid-gap: 7px
		}
			}

@media not screen and (max-width: 1279px) {
		.index__button-language___13oYZ:hover > .index__languagesBg___YHSGl {
			display: block;
		}
	}

.index__search-input___XqTlU {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 0 13px;
	width: 100%;
	border-top: solid 1px #fafafa;
	border-bottom: solid 1px #fafafa;
	margin: 0 auto;
	padding: 5px
}
@media screen and (max-width: 1279px) {
	.index__search-input___XqTlU {
		padding: 8px 0
}
	}
.index__search-input___XqTlU > .index__search___1HIBf,
	.index__search-input___XqTlU > .index__clear___2CNBK {
		width: auto;
		height: auto
	}
.index__search-input___XqTlU > .index__search___1HIBf > svg, .index__search-input___XqTlU > .index__clear___2CNBK > svg {
			width: auto;
			height: 50%;
		}
.index__search-input___XqTlU > .index__input___1AFtP {
		flex-grow: 1;
		font-size: 24px;
		line-height: 40px;
		color: #fafafa
	}
@media screen and (max-width: 1279px) {
	.index__search-input___XqTlU > .index__input___1AFtP {
			font-weight: 700;
			font-size: 20px;
			line-height: 32px
	}
		}
.index__search-input___XqTlU > .index__input___1AFtP:-ms-input-placeholder {
			color: rgba(250, 250, 250, 0.3);
		}
.index__search-input___XqTlU > .index__input___1AFtP::placeholder {
			color: rgba(250, 250, 250, 0.3);
		}
.index__search-input___XqTlU > .index__input___1AFtP {

		/* stylelint-disable-next-line */
	}
.index__search-input___XqTlU > .index__input___1AFtP::-ms-input-placeholder {
			color: rgba(250, 250, 250, 0.3);
		}
.index__search-input___XqTlU > .index__input___1AFtP {

		/* stylelint-disable-next-line */
	}
.index__search-input___XqTlU > .index__input___1AFtP:-ms-input-placeholder {
			color: rgba(250, 250, 250, 0.3);
		}
.index__search-input___XqTlU.index__green___3lLPj {
		border-color: #006666
	}
.index__search-input___XqTlU.index__green___3lLPj > .index__search___1HIBf path {
				stroke: #006666;
			}
.index__search-input___XqTlU.index__green___3lLPj > .index__input___1AFtP {
			color: #006666
		}
.index__search-input___XqTlU.index__green___3lLPj > .index__input___1AFtP:-ms-input-placeholder {
				color: rgba(0, 102, 102, 0.3);
			}
.index__search-input___XqTlU.index__green___3lLPj > .index__input___1AFtP::placeholder {
				color: rgba(0, 102, 102, 0.3);
			}
.index__search-input___XqTlU.index__green___3lLPj > .index__input___1AFtP {

			/* stylelint-disable-next-line */
		}
.index__search-input___XqTlU.index__green___3lLPj > .index__input___1AFtP::-ms-input-placeholder {
				color: rgba(0, 102, 102, 0.3);
			}
.index__search-input___XqTlU.index__green___3lLPj > .index__input___1AFtP {

			/* stylelint-disable-next-line */
		}
.index__search-input___XqTlU.index__green___3lLPj > .index__input___1AFtP:-ms-input-placeholder {
				color: rgba(0, 102, 102, 0.3);
			}
.index__search-input___XqTlU.index__green___3lLPj > .index__clear___2CNBK path {
				stroke: #006666;
			}

/* stylelint-disable no-descending-specificity */
.index__header___2FuYt.index__desktop___3LsTQ {
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 0 calc((100% - 1280px) / 2);
	box-shadow: 0 0 4px 0 rgba(50, 52, 50, 0.15);
	background-color: #fff;
	transition: all 0.3s ease;
	z-index: 200
}
.index__header___2FuYt.index__desktop___3LsTQ > .index__logo___2RqCO {
		display: inline-flex;
		margin-right: 33px;
		width: 121px;
		height: 100%;
		padding: 15px 0;
		transition: background-color 0.3s ease
	}
.index__header___2FuYt.index__desktop___3LsTQ > .index__logo___2RqCO.index__black-bg___22LSJ {
			background-color: #242424;
		}
.index__header___2FuYt.index__desktop___3LsTQ > .index__logo___2RqCO > div {
			width: 100%;
			height: 100%
		}
.index__header___2FuYt.index__desktop___3LsTQ > .index__logo___2RqCO > div > svg {
				width: 100%;
				height: 100%;
			}
.index__header___2FuYt.index__desktop___3LsTQ > nav {
		display: flex;
		flex-shrink: 0;
	}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t {
		display: flex;
		align-items: center;
		margin-left: auto;
		height: 100%
	}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__search___14Txa,
		.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__cart___wDwbl {
			display: flex;
			align-items: center;
			width: calc(20px + 14px * 2);
			height: 100%;
			padding: 0 14px;
			cursor: pointer
		}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__search___14Txa > div, .index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__cart___wDwbl > div {
				width: 100%;
				height: auto
			}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__search___14Txa > div > svg > path, .index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__cart___wDwbl > div > svg > path {
						transition: all 0.3s ease;
					}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__member___3tF9U {
			display: none;
			justify-content: center;
			align-items: center;
			width: 120px;
			height: 100%;
			padding: 20px 13px;
			font-weight: 500;
			font-size: 14px;
			line-height: 20px;
			color: #fafafa;
			background-color: #006666;
			margin-left: 28px;
			position: relative;
			cursor: pointer
		}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__member___3tF9U.index__show___3fg-Y {
				display: flex;
			}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__member___3tF9U > .index__greeting___3ffrd {
				font-size: 16px;
				font-weight: 500;
				line-height: 1.5;
				color: #fafafa;
			}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__member___3tF9U > .index__menu___1vCAC {
				display: none
			}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__member___3tF9U > .index__menu___1vCAC.index__show___3fg-Y {
					display: block;
					z-index: 1;
				}
.index__header___2FuYt.index__desktop___3LsTQ > .index__action-group___1i4-t > .index__lan___SUDmI {
			height: 100%;
		}
.index__header___2FuYt.index__desktop___3LsTQ > .index__search-bar___1-7rd {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: rgba(188, 155, 107, 0.9);
		opacity: 0;
		max-height: 0;
		overflow: hidden;
		transition: all ease 0.3s
	}
.index__header___2FuYt.index__desktop___3LsTQ > .index__search-bar___1-7rd.index__show___3fg-Y {
			opacity: 1;
			max-height: 100px;
		}
.index__header___2FuYt.index__desktop___3LsTQ > .index__search-bar___1-7rd > .index__input___2_o5r {
			width: 440px;
			height: 32px;
			margin: 15px 0;
		}
.index__header___2FuYt.index__desktop___3LsTQ.index__transparent-bg___2Mxoy {
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
		box-shadow: unset
	}
.index__header___2FuYt.index__desktop___3LsTQ.index__transparent-bg___2Mxoy::after {
			position: absolute;
			content: '';
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background-color: rgba(232, 232, 232, 0.1);
		}
.index__header___2FuYt.index__desktop___3LsTQ.index__transparent-bg___2Mxoy > .index__action-group___1i4-t > .index__search___14Txa path, .index__header___2FuYt.index__desktop___3LsTQ.index__transparent-bg___2Mxoy > .index__action-group___1i4-t > .index__cart___wDwbl path {
					fill: #fafafa;
				}
.index__header___2FuYt.index__desktop___3LsTQ.index__transparent-bg___2Mxoy > .index__action-group___1i4-t > .index__lan___SUDmI {
				color: #fafafa
			}
.index__header___2FuYt.index__desktop___3LsTQ.index__transparent-bg___2Mxoy > .index__action-group___1i4-t > .index__lan___SUDmI svg > path {
						stroke: #fafafa;
					}
.index__header___2FuYt.index__mobile___nvfTZ {
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 56px;
	box-shadow: 0 0 4px 0 rgba(50, 52, 50, 0.15);
	background-color: #fff;
	transition: background-color 0.3s ease;
	z-index: 200
}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 56px;
		padding: 0 25px;
		transition: background-color 0.3s ease
	}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__logo___2RqCO {
			display: flex;
			flex-shrink: 0;
			margin-right: 40px;
			height: 30px
		}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__logo___2RqCO > div {
				width: auto;
				height: 100%
			}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__logo___2RqCO > div > svg {
					width: auto;
					height: 100%;
				}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__logo___2RqCO g {
				fill: #242424;
			}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t {
			display: flex;
			align-items: center;
			margin-left: auto
		}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t > .index__cart___wDwbl,
			.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t > .index__hamburger___3mpfc {
				display: block;
				width: 24px
			}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t > .index__cart___wDwbl > div, .index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t > .index__hamburger___3mpfc > div {
					width: 100%
				}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t > .index__cart___wDwbl > div > svg, .index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t > .index__hamburger___3mpfc > div > svg {
						width: 100%;
						height: auto;
					}
.index__header___2FuYt.index__mobile___nvfTZ > .index__main___2U4Ue > .index__action-group___1i4-t > .index__cart___wDwbl {
				margin-right: 16px;
			}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC {
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
		position: absolute;
		top: 0;
		right: 0;
		opacity: 0;
		transform: translateX(100%);
		width: 300px;
		height: 100vh;
		padding: 0;
		background: #006666;
		transition: all 0.5s ease;
		overflow-y: scroll;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
		-webkit-overflow-scrolling: touch;
		z-index: 1
	}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC::-webkit-scrollbar {
			display: none;
		}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC > .index__icon-group___1d8NZ {
			display: flex;
			justify-content: space-between;
			align-items: center
		}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC > .index__icon-group___1d8NZ > .index__lan___SUDmI {
				color: #fafafa
			}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC > .index__icon-group___1d8NZ > .index__lan___SUDmI svg > path {
						stroke: #fafafa;
					}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC > .index__icon-group___1d8NZ > .index__close___3EJNv {
				padding: 30px;
				width: 82px;
				height: 82px;
			}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC > .index__input___2_o5r {
			width: 240px;
			height: 50px;
		}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC > .index__navigation___zOWTd {
			margin-top: 20px;
			margin-bottom: auto;
			max-height: calc(100vh - 250px);
			overflow-y: auto;
		}
.index__header___2FuYt.index__mobile___nvfTZ > .index__menu___1vCAC.index__show___3fg-Y {
			opacity: 1;
			transform: translateX(0);
		}
.index__header___2FuYt.index__mobile___nvfTZ.index__transparent-bg___2Mxoy {
		background-color: transparent;
		box-shadow: unset
	}
.index__header___2FuYt.index__mobile___nvfTZ.index__transparent-bg___2Mxoy > .index__main___2U4Ue > .index__logo___2RqCO g {
					fill: #fafafa;
				}
.index__header___2FuYt.index__mobile___nvfTZ.index__transparent-bg___2Mxoy > .index__main___2U4Ue > .index__action-group___1i4-t > .index__cart___wDwbl path, .index__header___2FuYt.index__mobile___nvfTZ.index__transparent-bg___2Mxoy > .index__main___2U4Ue > .index__action-group___1i4-t > .index__hamburger___3mpfc path {
						fill: #fafafa;
					}
/* stylelint-enable no-descending-specificity */

.index__fixed-buttons___2PV0Q {
	position: absolute;
	bottom: 40px;
	right: 40px;
	z-index: 20
}
@media screen and (max-width: 1279px) {
	.index__fixed-buttons___2PV0Q {
		bottom: 16px;
		right: 16px
}
	}
.index__fixed-buttons___2PV0Q .index__circle-btn___2qGLa {
		display: flex;
		position: relative;
		width: 48px;
		border-radius: 48px;
		box-shadow: 0 0 12px 0 rgba(50, 52, 50, 0.25);
		cursor: pointer;
		overflow: hidden;
	}
.index__fixed-buttons___2PV0Q > .index__action___3jCoJ {
		height: 48px
	}
.index__fixed-buttons___2PV0Q > .index__action___3jCoJ:not(:last-child) {
			margin-bottom: 16px;
		}

.index__page-title___2q-78 {
	font-family: 'Zen Kaku Gothic Antique','Roboto', 'Noto Sans TC', serif;
	font-weight: bold;
	font-size: 40px;
	line-height: 30px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #555555
}
@media screen and (max-width: 1279px) {
	.index__page-title___2q-78 {
		font-size: 24px;
		line-height: 35px
}
	}

.index__sidebar-member___15b1w {
	padding: 0 25px 0 5px
}

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

.index__sidebar-member___15b1w {
		display: none
}
	}

.index__sidebar-member___15b1w > .index__links___2LSYw > .index__link___12GeX {
			display: block;
			margin-top: 30px;
			font-weight: 500;
			font-size: 20px;
			line-height: 29px;
			color: #888888
		}

.index__sidebar-member___15b1w > .index__links___2LSYw > .index__link___12GeX.index__active___3bjfQ {
				font-weight: 700;
				color: #006666;
			}

.index__sidebar-member-m___2AHyx {
	display: none
}

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

.index__sidebar-member-m___2AHyx {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		max-width: 100%
}
	}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ {
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
		padding: 7px;
		border-top: solid 1px #006666;
		border-bottom: solid 1px #006666;
		background-color: #f4f4f4;
		width: 200px;
		position: relative
	}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__name___1M-KC {
			font-size: 16px;
			font-weight: 700;
			line-height: 26px;
			color: #006666;
			max-width: 125px;
		}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__icon___20wio {
			margin-left: 48px;
			width: 18px;
			transition: transform 0.3s
		}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__icon___20wio.index__open___3WviP {
				transform: rotate(180deg);
			}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__icon___20wio > svg {
				width: 100%
			}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__icon___20wio > svg > path {
					stroke: #006666;
				}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__options___3fPUv {
			display: none;
			position: absolute;
			bottom: -1px;
			left: 50%;
			transform: translate(-50%, 100%);
			width: 200px;
			box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
			padding: 0 9px;
			background-color: #f4f4f4;
			z-index: 2
		}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__options___3fPUv.index__show___34uPC {
				display: block;
			}

.index__sidebar-member-m___2AHyx > .index__active___3bjfQ > .index__options___3fPUv > .index__option___22bX_ {
				display: block;
				padding: 10px 0;
				font-family: 'Zen Kaku Gothic Antique','Roboto', 'Noto Sans TC', serif;
				font-size: 16px;
				line-height: 21px;
				color: #006666;
				text-align: left;
			}

.index__member-layout___5FD0- {
	padding: 150px 0 100px 0
}
@media screen and (max-width: 1279px) {
	.index__member-layout___5FD0- {
		padding: 70px 0 100px 0
}
	}
.index__member-layout___5FD0- > .index__content___1yewZ {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		width: 1000px;
		margin: 50px auto 0 auto;
		border-top: solid 1px #c4c4c4
	}
@media screen and (max-width: 1279px) {
	.index__member-layout___5FD0- > .index__content___1yewZ {
			flex-direction: column;
			align-items: center;
			width: 330px;
			margin: 20px auto 0 auto;
			border-top: none
	}
		}
.index__member-layout___5FD0- > .index__content___1yewZ > .index__children___2lQRb {
			flex: 1
		}
@media screen and (max-width: 1279px) {
	.index__member-layout___5FD0- > .index__content___1yewZ > .index__children___2lQRb {
				width: 100%
		}
			}

.index__cookie-notification___V4DKD {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: 86px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 24px 0;
	background-color: rgba(36, 36, 36, 0.8);
	transform: translateY(100%);
	opacity: 0;
	transition: all 1s ease;
	z-index: 40
}
@media screen and (max-width: 1279px) {
	.index__cookie-notification___V4DKD {
		flex-direction: column;
		grid-gap: 24px
}
	}
.index__cookie-notification___V4DKD.index__active___3ge9R {
		transform: translateY(0);
		opacity: 1;
	}
.index__cookie-notification___V4DKD > .index__text-container___rVN92 {
		max-width: 665px
	}
@media screen and (max-width: 1279px) {
	.index__cookie-notification___V4DKD > .index__text-container___rVN92 {
			max-width: none;
			max-width: initial;
			width: 330px
	}
		}
.index__cookie-notification___V4DKD > .index__text-container___rVN92 > .index__title___1oC7x {
			font-weight: 700;
			font-size: 16px;
			line-height: 23px;
			color: #fafafa
		}
@media screen and (max-width: 1279px) {
	.index__cookie-notification___V4DKD > .index__text-container___rVN92 > .index__title___1oC7x {
				font-size: 14px
		}
			}
.index__cookie-notification___V4DKD > .index__text-container___rVN92 > .index__content___1Je9e {
			margin-top: 4px;
			font-size: 14px;
			line-height: 24px;
			color: #fafafa
		}
@media screen and (max-width: 1279px) {
	.index__cookie-notification___V4DKD > .index__text-container___rVN92 > .index__content___1Je9e {
				font-size: 13px
		}
			}
.index__cookie-notification___V4DKD > .index__actions___1h7eQ {
		display: flex;
		justify-content: center;
		align-items: center;
		grid-gap: 29px
	}
@media screen and (max-width: 1279px) {
	.index__cookie-notification___V4DKD > .index__actions___1h7eQ {
			flex-direction: column;
			grid-gap: 12px;
			width: 330px
	}
		}
.index__cookie-notification___V4DKD > .index__actions___1h7eQ > .index__more___3AhpR,
		.index__cookie-notification___V4DKD > .index__actions___1h7eQ > .index__agree___16G1z {
			min-width: 110px;
			padding: 10px 20px;
			border: solid 1px #fafafa;
			font-size: 14px;
			line-height: 20px;
			letter-spacing: 0.1em;
			text-align: center;
			color: #fafafa
		}
@media screen and (max-width: 1279px) {
	.index__cookie-notification___V4DKD > .index__actions___1h7eQ > .index__more___3AhpR,
		.index__cookie-notification___V4DKD > .index__actions___1h7eQ > .index__agree___16G1z {
				min-width: 0;
				min-width: initial;
				width: 100%;
				font-size: 13px
		}
			}
.index__cookie-notification___V4DKD > .index__actions___1h7eQ > .index__agree___16G1z {
			border: solid 1px #006666;
			background-color: #006666;
		}

.index__app___16NVI {
	position: relative;
	min-height: 100vh
}
.index__app___16NVI > .index__layout___3q1Na {
		position: relative;
		padding-top: 60px;
		min-height: 100vh;
		overflow: hidden
	}
@media screen and (max-width: 1279px) {
	.index__app___16NVI > .index__layout___3q1Na {
			padding-top: 56px
	}
		}
.index__app___16NVI > .index__layout___3q1Na.index__without-padding-top___2KG6H {
			padding-top: 0;
		}


/*# sourceMappingURL=app.a1dc525e654b636e34a4.css.map*/