@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Angkor&display=swap');
:root {
	--color-fun: #B1794D;
	--color-stamp: #DB6F5D;
	--color-food: #99CF7E;
	--color-atraction: #5976A2;
}
.sidebar-links .toggle-header {
	align-items: center;
	padding: 10px 15px;
	margin-left: 0;
	margin-right: 0;
	background: url("/archive/image/side-toggle-title-01.png") no-repeat center center;
	background-size: 100% 100%;
	color: #fff;
}
.sidebar-links .style-2 .toggle-header {
	background: url("/archive/image/side-toggle-title-02.png") no-repeat center center;
	background-size: 100% 100%;
}
.sidebar-links .style-3 .toggle-header {
	background: url("/archive/image/side-toggle-title-03.png") no-repeat center center;
	background-size: 100% 100%;
}
.sidebar-links .style-4 .toggle-header {
	background: url("/archive/image/side-toggle-title-04.png") no-repeat center center;
	background-size: 100% 100%;
}
.sidebar-links .toggle-title {
	font-family: 'Angkor', 'Noto Sans TC', 微軟正黑體修正, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	font-size: 1.5rem;
}
.sidebar-links .toggle-header .toggle-icon i {
	font-size: 1.5rem;
}
.sidebar-links .toggle-content {
	padding: 0;
}
.sidebar-links .toggle-content ul {
	list-style: none;
	margin-bottom: 0;
}
.sidebar-links .toggle-content ul li {
	margin-top: 0.5rem;
}
.sidebar-links .toggle-content ul li a {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	background-color: #FFE4D2;
	color: #552729;
	font-size: 1rem;
	padding: 5px 15px;
	width: calc(90% - 28px);
	transition: all 0.2s ease;
}
.sidebar-links .toggle-content ul li a:before {
	display: block;
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 28 40'%3E%3Cpath d='M0,0h3.6c.8,0,1.7.3,2.3.8l20.3,16.3c1.9,1.5,1.9,4.3,0,5.8L5.9,39.2c-.7.5-1.5.8-2.3.8H0V0Z' fill='%23ffe4d2'/%3E%3C/svg%3E");
	background-size: 100% 100%;
	width: 28px;
	height: 100%;
	position: absolute;
	right: -26px;
	top: 0;
}
.sidebar-links .toggle-content ul li a:after {
	display: block;
	content: "\e912";
	font-family: 'lined-icons';
	color: #B1794D;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: all 0.2s ease;
}
.sidebar-links .toggle-content ul li a:hover {
	width: calc(100% - 28px);
	padding-left: 30px;
}
.sidebar-links .toggle-content ul li a:hover:after {
	opacity: 1;
	right: 0;
}
.sidebar-links .toggle-content ul li a i {
	width: 26px;
	height: 26px;
	line-height: 22px;
	border: solid 2px #fff;
	border-radius: 50%;
	background-color: var(--color-fun);
	text-align: center;
	font-style: normal;
	font-size: 0.8125rem;
	font-family: 'Angkor', 'Noto Sans TC', 微軟正黑體修正, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
	color: #fff;
}
.sidebar-links .style-2 .toggle-content ul li a i {
	background-color: var(--color-stamp);
}
.sidebar-links .style-3 .toggle-content ul li a i {
	background-color: var(--color-food);
}
.sidebar-links .style-4 .toggle-content ul li a i {
	background-color: var(--color-atraction);
}
.sidebar-links .toggle-content ul li a span {
	display: inline-block;
	background-color: #999;
	padding: 0 8px;
	border-radius: 0.25rem;
	color: #fff;
	font-size: 0.875rem;
	font-family: 'Angkor', 'Noto Sans TC', 微軟正黑體修正, 'Microsoft JhengHei', '微軟正黑體', sans-serif;
}
.sidebar-links .toggle-content ul li a span.price {
	background-color: #552729;
}
.sidebar-links .toggle-content ul li a span.free {
	background-color: #DB6F5D;
}
.title-style {
	margin-bottom: 0.5rem;
}
.title-style h2, .title-style span {
	display: inline-block;
	position: relative;
	margin: 0;
}
.title-style h2 {
	padding-left: 60px;
	padding-right: 60px;
}
.title-style h2:before, .title-style h2:after, .title-style span:before, .title-style span:after {
	display: block;
	content: '';
	position: absolute;
	width: 21px;
	height: 43px;
	top: 50%;
	transform: translateY(-50%);
}
.title-style span:after {
	background: url("data:image/svg+xml,%3Csvg width='21' height='43' viewBox='0 0 21 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1303 39.8166L6.51617 33.7444C6.57808 33.6334 6.69497 33.5643 6.82207 33.5636L13.7744 33.5274C13.9948 33.5263 14.1601 33.3253 14.1186 33.1088L12.8091 26.2808C12.7851 26.156 12.8303 26.0279 12.9273 25.9457L18.2298 21.4491C18.398 21.3065 18.3953 21.0462 18.2243 20.9071L12.8323 16.5183C12.7337 16.438 12.686 16.3109 12.7074 16.1856L13.879 9.33255C13.9161 9.11526 13.7469 8.91764 13.5264 8.92094L6.57487 9.02483C6.44777 9.02673 6.32951 8.95997 6.26539 8.85022L2.56509 2.51764C2.55405 2.49875 2.52857 2.49452 2.51201 2.50883C2.50584 2.51417 2.50172 2.52151 2.50038 2.52956' stroke='%23BB8A64' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 100% 100%;
	right: -36px;
}
.title-style h2:after {
	background: url("data:image/svg+xml,%3Csvg width='21' height='43' viewBox='0 0 21 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1303 39.8166L6.51617 33.7444C6.57808 33.6334 6.69497 33.5643 6.82207 33.5636L13.7744 33.5274C13.9948 33.5263 14.1601 33.3253 14.1186 33.1088L12.8091 26.2808C12.7851 26.156 12.8303 26.0279 12.9273 25.9457L18.2298 21.4491C18.398 21.3065 18.3953 21.0462 18.2243 20.9071L12.8323 16.5183C12.7337 16.438 12.686 16.3109 12.7074 16.1856L13.879 9.33255C13.9161 9.11526 13.7469 8.91764 13.5264 8.92094L6.57487 9.02483C6.44777 9.02673 6.32951 8.95997 6.26539 8.85022L2.56509 2.51764C2.55405 2.49875 2.52857 2.49452 2.51201 2.50883C2.50584 2.51417 2.50172 2.52151 2.50038 2.52956' stroke='%23BB8A64' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 100% 100%;
	right: 0;
	opacity: 0.4;
}
.title-style span:before {
	background: url("data:image/svg+xml,%3Csvg width='21' height='43' viewBox='0 0 21 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.724 39.8166L14.3381 33.7444C14.2762 33.6334 14.1593 33.5643 14.0322 33.5636L7.07986 33.5274C6.85942 33.5263 6.69415 33.3253 6.73564 33.1088L8.04517 26.2808C8.06911 26.156 8.02393 26.0279 7.927 25.9457L2.62445 21.4491C2.4563 21.3065 2.45897 21.0462 2.62995 20.9071L8.02195 16.5183C8.12053 16.438 8.16826 16.3109 8.14684 16.1856L6.97523 9.33255C6.93811 9.11526 7.10738 8.91764 7.32781 8.92094L14.2794 9.02483C14.4065 9.02673 14.5247 8.95997 14.5889 8.85022L18.2892 2.51764C18.3002 2.49875 18.3257 2.49452 18.3422 2.50883C18.3484 2.51417 18.3525 2.52151 18.3539 2.52956' stroke='%23BB8A64' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 100% 100%;
	left: -36px;
}
.title-style h2:before {
	background: url("data:image/svg+xml,%3Csvg width='21' height='43' viewBox='0 0 21 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.724 39.8166L14.3381 33.7444C14.2762 33.6334 14.1593 33.5643 14.0322 33.5636L7.07986 33.5274C6.85942 33.5263 6.69415 33.3253 6.73564 33.1088L8.04517 26.2808C8.06911 26.156 8.02393 26.0279 7.927 25.9457L2.62445 21.4491C2.4563 21.3065 2.45897 21.0462 2.62995 20.9071L8.02195 16.5183C8.12053 16.438 8.16826 16.3109 8.14684 16.1856L6.97523 9.33255C6.93811 9.11526 7.10738 8.91764 7.32781 8.92094L14.2794 9.02483C14.4065 9.02673 14.5247 8.95997 14.5889 8.85022L18.2892 2.51764C18.3002 2.49875 18.3257 2.49452 18.3422 2.50883C18.3484 2.51417 18.3525 2.52151 18.3539 2.52956' stroke='%23BB8A64' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center;
	background-size: 100% 100%;
	opacity: 0.4;
	left: 0;
}

.button.button-yellow {
	background-color: #F4C246 !important;
}
.button.button-yellow:hover {
	background-color: #f49e26 !important;
	color: #fff !important;
}

.user-features i.icon-line2-user:before, .user-features i.icon-line2-user-female:before {
	background: url(../image/icon-user.svg) no-repeat center center;
	background-size: cover;
	display: block;
	width: 64px;
	height: 64px;
	content: '';
}
.user-features i.icon-line2-bag:before {
  background: url(../image/icon-bag.svg) no-repeat center center;
  background-size: auto 54px;
	display: block;
	width: 64px;
	height: 64px;
	content: '';
}

.user-features i.icon-asterisk:before {
    background: url(../image/icon-point.svg) no-repeat center center;
    background-size: cover;
    display: block;
    width: 64px;
    height: 64px;
    content: '';
}
.user-features i.icon-ticket-alt:before {
    background: url(../image/icon-ticket.svg) no-repeat center center;
    background-size: cover;
    display: block;
    width: 64px;
    height: 64px;
    content: '';
}
#top-cart .icon-ticket-alt:before {
    background: url(../image/icon-cart-ticket.svg) no-repeat center center;
    background-size: cover;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
}