@charset "UTF-8";
.group__img, .model__img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.group__img img, .model__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.group__zone {
	display: block;
	position: relative;
}

.group__img {
	padding-bottom: 75%;
}

.group--imgposition {
	width: 40%;
	position: absolute;
	left: 0;
	top: 0;
}

.group__point {
	padding-left: calc(40% + 40px);
	color: #fff;
}

.group__title {
	color: #fff;
	font-size: clamp(21px, 3.5vw, 28px);
	font-weight: bold;
	text-shadow: 2px 2px 6px #888;
	padding-bottom: 30px;
}

@media only screen and (max-width: 540px) {
	.group__title {
		font-weight: 600;
	}
}

.group__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: start;
	    align-content: flex-start;
	min-height: 297px;
	padding-left: calc(40% + 40px);
	margin-bottom: 50px;
}

.group__txt {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.75rem;
	padding: 20px 0;
	color: #616161;
}

.group__tip {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	color: #FDA203;
}

.group__tip::before {
	content: "$";
	font-size: 18px;
	font-family: 'Montserrat';
}

.group__tip::after {
	content: "起";
	font-size: 18px;
}

.group__tip p {
	font-size: 40px;
	font-weight: 600;
	font-family: 'Montserrat';
	margin: 0 5px;
}

.group__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 20px;
}

.group__item li {
	padding-right: 15px;
	margin-right: 15px;
	font-size: 20px;
	border-right: 1px solid #c3c3c3;
}

.group__item li i {
	margin-right: 5px;
	color: #3dc36e;
}

.group__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.group__btn a {
	width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-right: 30px;
	margin-top: 20px;
	border-radius: 6px;
	line-height: 60px;
	font-size: clamp(20px, 3vw, 24px);
}

.group__btn a:hover {
	background: #365140;
	color: #fff;
	border: 2px solid #365140;
}

.group__btn a.group--submit:hover {
	color: #fff;
	background: #FDA203;
	border: 2px solid #FDA203;
}

.group--submit {
	background: #3dc36e;
	color: #fff;
	border: 2px solid #3dc36e;
}

.group--primary {
	border: 2px solid #3dc36e;
	color: #3dc36e;
}

.group--basic {
	background: #EBF2EC;
	color: #3dc36e;
	border: 2px solid #EBF2EC;
}

@media only screen and (max-width: 1280px) {
	.group__btn {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.group__btn a {
		width: 30%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 1024px) {
	.group--imgposition {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: inherit;
		left: inherit;
		top: inherit;
		margin-bottom: 40px;
	}
	.group__point {
		padding: 0;
		width: 100%;
	}
	.group__info {
		padding-left: 0;
		margin-bottom: 30px;
		min-height: auto;
	}
}

@media only screen and (max-width: 768px) {
	.group__btn a {
		line-height: 45px;
	}
	.group--submit {
		width: 100% !important;
	}
	.group--primary, .group--basic {
		width: 49% !important;
	}
}

@media only screen and (max-width: 540px) {
	.group__info {
		margin-bottom: 20px;
	}
	.group--primary, .group--basic {
		width: 100% !important;
	}
	.group__item li {
		padding-right: 15px;
		margin-right: 0;
		font-size: 18px;
		border-right: none;
	}
}

.navFixed {
	top: 70px;
	left: 0;
	right: 0;
	position: fixed;
	width: 100%;
	z-index: 3;
	margin: 0 auto !important;
	background: #3dc36e;
	-webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.navFixed .group__link a {
	color: #fff;
	border-right: 1px solid #fff;
}

.navFixed .group__link a:hover {
	color: #FFF463;
}

@media only screen and (max-width: 1200px) {
	.navFixed {
		top: 50px;
		right: 0;
	}
}

.group__nav {
	width: 100%;
	padding: 20px 0;
	margin: auto;
}

.group__link {
	width: 1440px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 20px;
	font-weight: 700;
}

.group__link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	width: calc(100%/6);
	color: #3dc36e;
}

.group__link a:hover {
	color: #333;
}

.group__link a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 8px;
	width: 1px;
	height: 12px;
	background: #B7B7B7;
}

@media only screen and (max-width: 1438px) {
	.group__link {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.group__link a {
		width: calc(100%/3);
	}
}

@media only screen and (max-width: 768px) {
	.group--imgposition {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		position: inherit;
		left: inherit;
		top: inherit;
		margin-bottom: 30px;
	}
	.group__point {
		width: 100%;
		padding-left: 0;
	}
	.group__nav {
		padding: 10px;
	}
}

@media only screen and (max-width: 540px) {
	.group__link a {
		width: 50%;
		font-size: 18px;
		font-weight: 600;
	}
	.group__link a:nth-child(even)::after {
		display: none;
	}
	.navFixed .group__link a {
		color: #fff;
	}
	.navFixed .group__link a:nth-child(even) {
		border-right: none;
	}
}

/*行程*/
.project {
	display: block;
	width: 100%;
	background: url(../../images/pic-06.jpg) 50% top no-repeat;
}

.project::before {
	content: attr(title);
	display: block;
	padding: 70px 0 40px;
	text-align: center;
	font-size: clamp(28px, 3.5vw, 36px);
	font-weight: bold;
	color: #fff;
	letter-spacing: 10px;
}

.project__main {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 40px 30px 0 30px;
	background: #fff;
}

@media only screen and (max-width: 768px) {
	.project::before {
		padding: 40px 0;
	}
	.project__main {
		padding: 40px 15px 0 15px;
	}
}

@media only screen and (max-width: 540px) {
	.project::before {
		padding: 20px 0;
	}
}

/*===每日行程===*/
.trip__pagetitle p {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: clamp(24px, 3.5vw, 36px);
	font-weight: 700;
	margin: 0 auto 20px;
}

.trip__pagetitle p::before, .trip__pagetitle p::after {
	content: "";
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 7px;
	height: 35px;
	background: #3dc36e;
	margin: 0 20px;
}

.trip__group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 30px auto;
}

.trip__group li:nth-of-type(2) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: calc(100% - 140px);
}

.trip__day {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 8px;
	width: 110px;
	border-radius: 4px;
	background: #3dc36e;
	margin-right: 20px;
	font-family: 'Noto Serif';
	font-style: italic;
	font-weight: 900;
}

.trip__day::before {
	display: block;
	content: 'Day';
	font-size: 34px;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.trip__day p {
	width: 100%;
	display: block;
	font-size: 40px;
	color: #fff;
	text-align: center;
}

.trip__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #3dc36e;
	font-weight: 600;
	font-size: clamp(20px, 3vw, 22px);
	line-height: 1.4;
	margin-bottom: 10px;
}

.trip__eat {
	width: 65%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	padding: 10px 0 10px 50px;
	background: #F8F8F9 url(../../images/icon-02.svg) 10px 15px no-repeat;
}

.trip__hotel {
	width: 35%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: center;
	    align-content: center;
	padding: 10px 0 10px 50px;
	background: #F8F8F9 url(../../images/icon-03.svg) 10px 15px no-repeat;
}

.trip__tip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 17px;
	margin-right: 15px;
}

.trip__tip::before {
	content: attr(title);
	font-weight: bold;
}

@media only screen and (max-width: 1024px) {
	.trip__eat, .trip__hotel {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	.trip__day {
		padding: 0;
		width: 100%;
		margin-right: 0;
		margin-bottom: 6px;
	}
	.trip__day::before {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 24px;
		border-bottom: none;
	}
	.trip__day p {
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 36px;
		font-size: 2.25rem;
		line-height: 2.625rem;
	}
	.trip__group {
		margin: auto auto 10px;
	}
	.trip__group li:nth-of-type(2) {
		width: 100%;
	}
}

.traffic__group ul:nth-child(odd) .traffic__subtitle, .traffic__group ul:nth-child(odd) .traffic--txtcolor {
	color: #3dc36e;
}

.traffic__group ul:nth-child(even) {
	background: #f8f8f8;
}

.traffic__group ul:nth-child(even) .traffic__subtitle, .traffic__group ul:nth-child(even) .traffic--txtcolor {
	color: #4B86D9;
}

.traffic__group ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: start;
	    align-content: flex-start;
}

.traffic__group ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 20%;
	font-size: 18px;
	padding: 10px;
	min-height: 80px;
}

.traffic__group ul li p {
	width: 100%;
	text-align: center;
}

.traffic__head {
	background: #3dc36e;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 3.75rem;
	color: #fff;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-line-pack: start;
	    align-content: flex-start;
}

.traffic__head li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 20%;
	font-size: 18px;
	padding: 10px;
	min-height: 80px;
}

.traffic__head li p {
	width: 100%;
	text-align: center;
}

.traffic__subtitle {
	font-size: 20px;
	font-weight: 700;
}

.traffic--line {
	border-left: 1px solid #E5E5E5;
}

.traffic--line li {
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}

.traffic--goicon, .traffic--backicon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 20px;
	height: 20px;
	margin-right: 7px;
	background: url("../../images/airplane-icon.svg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.traffic--backicon {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}

.mobile__group {
	display: none;
}

/*舊手機板*/
/*新手機版交通*/
@media only screen and (max-width: 768px) {
	.traffic__group, .traffic__head {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.mobile__group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding-bottom: 20px;
		margin-bottom: 10px;
		border-radius: 3px;
		border-bottom: 3px dotted #969DA7;
	}
	.mobile__group:last-child {
		border-bottom: none;
	}
	.mobile__group:nth-of-type(odd) .mobile__tip, .mobile__group:nth-of-type(odd) .mobile__txt {
		color: #4B86D9;
	}
	.mobile__group:nth-of-type(even) .mobile__tip, .mobile__group:nth-of-type(even) .mobile__txt {
		color: #3DC36E;
	}
	.mobile__item {
		width: 100%;
		font-size: 17px;
		padding-bottom: 12px;
	}
	.mobile__item:nth-of-type(even) {
		background: #f8f8f8;
	}
	.mobile__head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 12px 12px 6px;
	}
	.mobile__subtitle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 160px;
		font-weight: 700;
	}
	.mobile__tip {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: calc(100% - 165px);
	}
	.mobile__tip p {
		padding: 0 12px;
		border: 1px solid #ddd;
		background: #fff;
	}
	.mobile__info {
		display: grid;
		grid-template-columns: 1fr 3fr 1fr;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding: 0 12px 6px;
	}
	.mobile__linebg {
		height: 100%;
		background: url("../../images/line.svg");
		background-position: right 50%;
		background-repeat: no-repeat;
	}
	.mobile__out p, .mobile__arrive p {
		width: 100%;
	}
	.mobile__note {
		padding: 12px;
		font-size: 16px;
		color: #555;
	}
}

@media only screen and (max-width: 640px) {
	.mobile__info {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.mobile__subtitle {
		width: 100%;
	}
	.mobile__tip {
		margin-top: 4px;
		width: 100%;
	}
	.mobile__tip p {
		padding: 0 5px;
		width: 100%;
	}
}

@media only screen and (max-width: 310px) {
	.mobile__info {
		grid-template-columns: 1fr 0.8fr 1fr;
	}
}

/*模組*/
.model__title {
	font-size: 20px;
	font-weight: 700;
	color: #3dc36e;
	margin-top: 15px;
}

.model__img {
	padding-bottom: 65%;
}

.model__txt {
	font-size: 18px;
}

.model-two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin-bottom: 40px;
}

.model-two li {
	padding: 30px;
	border: 1px solid #EEEEEE;
}

.model-four {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px;
	position: relative;
	margin-bottom: 40px;
}

.model-four .model__info {
	padding: 0 20px;
	overflow-y: auto;
	height: 250px;
	background: #F9F9F9;
	color: #555;
}

.model-four .model__info::-webkit-scrollbar-track {
	background: #F9F9F9;
}

.model-four .model__info::-webkit-scrollbar-thumb {
	background: #9EE1B7;
	border-radius: 10px;
}

.model-four .model__info::-webkit-scrollbar-track-piece {
	background: #F9F9F9;
}

.model-four .model__info::-webkit-scrollbar {
	background: #F9F9F9;
	width: 8px;
}

.model-four li {
	background: #F8F8F9;
}

.template03 {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-template-rows: 300px 300px;
	grid-template-areas: "a b b" "a c c";
	grid-gap: 30px;
	margin-bottom: 30px;
}

.template03 .temp3-a {
	display: grid;
	grid-area: a;
	grid-template-columns: auto;
	grid-template-rows: 48% 52%;
}

.template03 .temp3-b, .template03 .temp3-c {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
}

.template03 .temp3-b {
	grid-area: b;
}

.template03 .temp3-c {
	grid-area: c;
}

.template03 .temp3-a, .template03 .temp3-b, .template03 .temp3-c {
	background: #F9F9F9;
	overflow: hidden;
}

.template03 .temp3-a-img, .template03 .temp3-b-img, .template03 .temp3-c-img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 65%;
}

.template03 .temp3-a-img img, .template03 .temp3-b-img img, .template03 .temp3-c-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.template__info {
	margin: 20px;
	overflow-y: auto;
	height: calc(100% - 40px);
	background: #F9F9F9;
	color: #555;
}

.template__info::-webkit-scrollbar-track {
	background: #F9F9F9;
}

.template__info::-webkit-scrollbar-thumb {
	background: #9EE1B7;
	border-radius: 10px;
}

.template__info::-webkit-scrollbar-track-piece {
	background: #F9F9F9;
}

.template__info::-webkit-scrollbar {
	background: #F9F9F9;
	width: 8px;
}

@media only screen and (max-width: 1024px) {
	.model-four {
		grid-template-columns: 1fr 1fr;
	}
	.model-two li {
		padding: 0;
		border: none;
	}
	.template03 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 500px;
		grid-template-areas: "a b c";
		grid-gap: 20px;
	}
	.template03 .temp3-a {
		grid-template-rows: auto;
	}
	.template03 .temp3-b, .template03 .temp3-c {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 640px) {
	.model-four {
		grid-template-columns: 1fr;
	}
	.model-two {
		grid-template-columns: 1fr;
	}
	.template03 {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "a" "b" "c";
	}
}

.accordion-list {
	width: 100%;
}

.accordion-list-item {
	margin-bottom: 10px;
}

.accordion-title {
	font-size: 17px;
	color: #555;
	background: #F3F3F3;
	padding: 8px 20px 8px 10px;
	cursor: pointer;
}

.accordion-desc {
	background: #F3F3F3;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.accordion-desc input, .accordion-desc .form__control {
	border: none !important;
	background: #fff;
}

.icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 25px;
	height: 25px;
	font-size: 13px;
	color: #fff;
	background: #0388C7;
	border-radius: 3px;
	margin-right: 15px;
}

.departure {
	display: block;
	width: 100%;
}

.departure__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: #3dc36e;
}

.departure__item span {
	font-family: "Noto Sans TC", "Lato", sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

.departure__item span:nth-of-type(1), .departure__item span:nth-of-type(5), .departure__item span:nth-of-type(6) {
	width: 12%;
}

.departure__item span:nth-of-type(2) {
	width: 35%;
}

.departure__item span:nth-of-type(3) {
	width: 19%;
}

.departure__item span:nth-of-type(4) {
	width: 10%;
}

.departure ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.departure ul:hover {
	background: #f1f2f4;
}

.departure ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #333;
	font-size: 16px;
}

.departure ul li:nth-of-type(1) {
	width: 12%;
}

.departure ul li:nth-of-type(2) {
	width: 35%;
}

.departure ul li:nth-of-type(3) {
	width: 19%;
	text-align: center;
}

.departure ul li:nth-of-type(4) {
	width: 10%;
	text-align: center;
	color: #3dc36e;
}

.departure ul li:nth-of-type(5) {
	width: 12%;
	text-align: center;
}

.departure ul li:nth-of-type(6) {
	width: 12%;
	font-size: 15px;
}

.departure ul p.subtitle {
	color: #000;
	font-size: 18px;
}

.departure ul p.subtxt {
	color: #888888;
	font-size: 15px;
}

.departure ul p.subtip {
	padding: 0 3px;
}

.departure ul p.subtip:after {
	content: "/";
	margin: 0 8px 0 3px;
}

.departure ul p.subtip:last-child:after {
	content: "";
}

.departure ul a:hover p.subtitle {
	color: #3dc36e;
	font-size: 18px;
}

.btn-departure {
	display: block;
	text-align: center;
	color: #fff;
	width: 220px;
	height: 60px;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 3.75rem;
	border-radius: 6px;
	background: #9f3506;
	margin-bottom: 20px;
}

.btn-departure:hover {
	background: #000;
}

.btn-sign {
	display: block;
	margin: auto;
	text-align: center;
	width: 100px;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 2rem;
	border-radius: 99em;
	border: none;
}

.btn-sign__up {
	cursor: pointer;
	background: #F0AA30;
	color: #fff;
}

.btn-sign__up:hover {
	color: #fff;
	background: #000;
}

.btn-sign__end {
	background: #B4BCB7;
	color: #fff;
	cursor: auto;
}

.btn-sign__wait {
	background: #fff;
	color: #3dc36e;
	border: 1px solid #3dc36e;
}

.btn-sign__wait:hover {
	color: #fff;
	background: #3dc36e;
}

.btn {
	border-radius: 5px;
}

@media only screen and (max-width: 1024px) {
	.departure {
		padding: 0;
	}
	.departure__item {
		display: none;
	}
	.departure ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border-bottom: none;
		background: #f1f2f4;
		-webkit-box-shadow: 1px 3px 3px #dddd;
		        box-shadow: 1px 3px 3px #dddd;
		padding: 20px;
		margin-bottom: 20px;
	}
	.departure ul li {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.departure ul li:nth-of-type(1) {
		width: 100% !important;
		text-align: left !important;
	}
	.departure ul li:nth-of-type(2) {
		width: 100% !important;
		text-align: left !important;
	}
	.departure ul li:nth-of-type(3) {
		width: 100% !important;
		text-align: left !important;
	}
	.departure ul li:nth-of-type(4) {
		width: 100% !important;
		text-align: left !important;
	}
	.departure ul li:nth-of-type(5) {
		width: 100% !important;
		text-align: left !important;
	}
	.departure ul li:nth-of-type(6) {
		width: 100% !important;
		text-align: left !important;
	}
	.departure ul li:nth-of-type(3) {
		border-top: 1px solid #000;
		margin-top: 8px;
		padding-top: 8px;
	}
	.departure ul li:nth-of-type(4)::before {
		content: '價格：';
		display: inline-block;
		color: #888;
	}
	.departure ul li:nth-of-type(5) {
		margin-bottom: 10px;
	}
	.departure ul li:nth-of-type(5)::before {
		content: '交通工具：';
		text-align: center !important;
		color: #888;
	}
	.departure ul li p.subtitle {
		color: #3dc36e;
	}
	.departure ul li p.subtip {
		margin-right: 10px;
	}
	.departure ul li p.subtip::before {
		content: attr(title);
		color: #888;
		margin-right: 5px;
	}
	.departure ul li p.subtip::after {
		content: "";
	}
	.btn-sign {
		width: 100%;
		border-radius: 0;
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 2.813rem;
	}
}

@media only screen and (max-width: 768px) {
	.btn-departure {
		width: 100%;
	}
}

@media only screen and (max-width: 640px) {
	.btn-departure {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 60;
		border-radius: 0;
		height: 50px;
		line-height: 50px;
		margin: 0;
	}
}

.list {
	position: relative;
	display: block;
}

.list__tip {
	width: 100%;
	margin-bottom: 10px;
}

.list__tip p {
	display: inline-block;
}

.list__tip i {
	display: inline-block;
	font-size: 26px;
}

.list__word {
	font-size: 17px;
}

.list__word p {
	display: block;
}

.list h3 {
	color: #3dc36e;
	padding: 20px 0;
	font-weight: 700;
	border-bottom: 1px solid #d2d2d2;
}

.list__info {
	padding-top: 10px;
	margin: 10px 0;
}

.list__info li {
	margin-bottom: 10px;
}

.list__info li.line-top {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #d2d2d2;
}

.list .point {
	width: 110px;
	display: inline-block;
	font-weight: 700;
	padding-right: 10px;
}

.list .part {
	display: inline-block;
	color: #3dc36e;
}

.list .flag {
	position: absolute;
	left: 0;
	top: 10px;
	padding: 3px 30px 3px 10px;
	font-size: 16px;
	color: #fff;
	background: #313131;
}

.list .flag::after {
	content: '';
	position: absolute;
	right: -20px;
	top: -3px;
	z-index: 1;
	width: 35px;
	height: 35px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.list__total {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	color: #3dc36e;
	font-weight: 700;
}

.list__total font {
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.list__total p {
	display: inline-block;
	color: #3dc36e;
	font-weight: 700;
}

.list__total p::after {
	content: '起';
	color: #3dc36e;
	font-size: 18px;
	padding-left: 7px;
	font-weight: normal;
}

.list__area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.list__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background: #f6f6f6;
	padding: 10px 20px;
	border-top: 1px solid #d2d2d2;
}

.list__title {
	width: calc(20% - 20px);
	text-align: center;
}

.list__title strong {
	font-size: 18px;
}

.list__title .remark {
	color: #999;
}

.list__count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0 20px;
}

.list__value {
	width: calc(20% - 20px);
	padding: 0 10px;
}

.list__value .price {
	text-align: center;
	font-size: 20px;
	display: block;
	padding: 10px 0;
	color: #ff5353;
}

.list__value .price::after {
	content: '/人';
	color: #000;
	font-size: 16px;
}

.list__amount {
	width: 100%;
	text-align: right;
	border-top: 1px solid #dcdcdc;
	margin-top: 15px;
	padding-top: 10px;
}

.list__amount i {
	display: inline-block;
	padding-right: 15px;
	font-weight: 700;
}

.list__amount p {
	display: inline-block;
	font-weight: 700;
	color: #3dc36e;
}

.list__data ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0 35px;
	border-bottom: 1px solid #dcdcdc;
}

.list__data ul li:last-child {
	border: none;
}

.list__data .datit {
	background: #f6f6f6;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 3.438rem;
	font-weight: 700;
	width: 100%;
	padding: 0 15px;
}

.list__data .datxt {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 3.438rem;
	width: 50%;
	color: #3dc36e;
}

.list__data .datxt font {
	font-weight: 700;
	color: #000;
}

.list__data .datxt02 {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 3.438rem;
	width: 100%;
	color: #3dc36e;
}

.list__data .datxt02 font {
	font-weight: 700;
	color: #000;
}

.list__success {
	text-align: center;
	width: 70%;
	margin: auto;
}

.list__success .sutitle {
	font-weight: 700;
}

.list__success .sutip {
	display: block;
	margin: 15px auto;
	padding: 15px 0;
	width: auto;
	font-size: 24px;
	font-weight: 700;
	color: #3dc36e;
	border: 1px solid #000;
	border-width: 1px 0 1px 0;
}

.list__success .sutip::before {
	content: '訂購編號';
	display: inline-block;
	padding-right: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.list__img {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-bottom: 30%;
}

.list__img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.list--box {
	background: #fff;
	padding: 30px 40px;
	border: 1px solid #dcdcdc;
	margin-bottom: 20px;
}

.list--flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.list--w30 {
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
}

.list--w50img {
	width: calc(50% - 50px);
	margin-bottom: 50px;
}

.list--w50 {
	display: block;
	width: 100%;
}

.list--w70 {
	width: calc(70% - 50px);
}

.list--right {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.list--right ul.list__info > li {
	width: 48%;
	display: inline-block;
}

.list--right ul.list__info > li:last-child {
	width: 100%;
	padding-top: 15px;
}

.list--right ul.list__info > li:last-child font {
	padding-right: 15px;
}

@media only screen and (max-width: 1300px) {
	.list__item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 30%;
		padding: 0;
	}
	.list__title {
		padding: 10px 10px 10px 0;
		width: 100%;
		text-align: right;
		border-bottom: 1px solid #fff;
	}
	.list__title strong {
		font-size: 16px;
	}
	.list__title .remark {
		font-size: 14px;
	}
	.list__count {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 70%;
		padding: 0;
	}
	.list__value {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.list__value .price {
		width: 150px;
	}
	.list__value .qty-counter {
		width: 150px;
	}
}

@media only screen and (max-width: 1024px) {
	.list--box {
		padding: 20px;
	}
	.list--w30 {
		position: inherit;
		top: inherit;
		right: inherit;
		width: 100%;
		display: block;
	}
	.list--right {
		position: inherit;
		top: inherit;
		right: inherit;
		width: 100%;
		display: block;
	}
	.list--right ul.list__info > li {
		width: 100%;
		display: block;
	}
	.list--right ul.list__info > li:last-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.list--w50img {
		width: 100%;
		margin-bottom: 20px;
	}
	.list--w70 {
		width: 100%;
		display: block;
	}
	.list__data ul li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border: none;
	}
	.list__data .datxt {
		width: 100%;
		border-bottom: 1px solid #dcdcdc;
	}
	.list__success {
		width: 100%;
	}
	.list__img {
		padding-bottom: 70%;
	}
}

@media only screen and (max-width: 640px) {
	.list__data ul li {
		padding: 0;
	}
}

.agree_icon {
	display: block;
	margin: 20px 0;
	width: 100%;
}

.agree_icon input[type=checkbox].css-checkbox {
	display: none;
}

.agree_icon input[type=checkbox].css-checkbox + label.css-label.agree {
	padding-left: 45px;
	display: inline-block;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0px;
	font-size: 20px;
	vertical-align: middle;
	cursor: pointer;
}

.agree_icon input[type=checkbox].css-checkbox:checked + label.css-label.agree {
	background-position: 0 -60px;
}

.agree_icon label.css-label.agree {
	background-image: url(../../images/csscheckbox.svg);
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	height: 30px;
	overflow: hidden;
}

.mode_text {
	width: 100%;
	font-size: 17px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #616161;
	overflow-y: auto;
	max-height: 260px;
	border: 1px solid #dcdcdc;
}

.mode_text::-webkit-scrollbar-track {
	background: #000;
}

.mode_text::-webkit-scrollbar-thumb {
	background: #000;
	border-radius: 10px;
}

.mode_text::-webkit-scrollbar-track-piece {
	background: #ddd;
}

.mode_text::-webkit-scrollbar {
	background: #000;
	width: 8px;
}

.qry-contain {
	border: 1px solid #d4d9de;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 44px;
	text-align: center;
}

.qty {
	color: #4a4e5c;
	font-size: 20px;
	width: calc(100% - 44px * 2 - 2px);
	text-align: center;
	line-height: 43px;
	height: 43px;
	border: 1px solid #d4d9de;
	border-width: 0px 0 1px 0;
}

.qty-btn {
	cursor: pointer;
	font-weight: 900;
	line-height: 44px;
	display: table-cell;
	width: 60px;
}

.qty-btn.disabled {
	color: #aaa;
}

.qty-btn.increase-btn {
	color: #ff5353;
	background: #fff;
	border-left: 1px solid #d4d9de;
}

input.qtyplus {
	border: none;
}

input.qtyminus {
	border: none;
}

/*行程分類標題*/
.sort {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 2px solid #3dc36e;
	border-width: 0 0 2px 0;
	margin-bottom: 45px;
}

.sort__title {
	padding: 6px 20px 6px 10px;
	font-size: clamp(22px, 2.3vw, 32px);
	font-weight: bold;
	color: #fff;
	background: #3dc36e;
	letter-spacing: 5px;
}

.sort__title i {
	font-size: 30px;
}

/*側邊行程分類*/
.side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.side-nav {
	width: 320px;
	border-radius: 6px;
	border: 1px solid #DFDFDF;
	background: #fff;
}

.side-nav-close {
	display: none;
}

.side-nav-tip {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 24px;
	color: #fff;
	padding: 10px 30px;
	background: #3dc36e;
	border-radius: 6px 6px 0 0;
	width: 100%;
}

.side-nav-list {
	padding: 30px 15px 20px;
}

.side-nav-list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	padding: 10px;
	margin-bottom: 8px;
	color: #496853;
	font-size: 20px;
	font-weight: bold;
	border-radius: 6px;
	background: #F8F8F9;
}

.side-nav-list a p {
	border-left: 6px solid #3dc36e;
	padding-left: 10px;
}

.side-nav-list a:hover {
	background: #E1ECE7;
}

.side-icon {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.side {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 320px;
		max-width: 80%;
		background: #fff;
		-webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.12);
		        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.12);
		-webkit-transform: translateX(-100%);
		    -ms-transform: translateX(-100%);
		        transform: translateX(-100%);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.32s ease, visibility 0.32s, -webkit-transform 0.32s ease;
		transition: opacity 0.32s ease, visibility 0.32s, -webkit-transform 0.32s ease;
		-o-transition: transform 0.32s ease, opacity 0.32s ease, visibility 0.32s;
		transition: transform 0.32s ease, opacity 0.32s ease, visibility 0.32s;
		transition: transform 0.32s ease, opacity 0.32s ease, visibility 0.32s, -webkit-transform 0.32s ease;
		z-index: 1000;
	}
	.side-on {
		-webkit-transform: translateX(0);
		    -ms-transform: translateX(0);
		        transform: translateX(0);
		opacity: 1;
		visibility: visible;
	}
	.side-nav {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border: none;
	}
	.side-nav-close {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		font-size: 20px;
		cursor: pointer;
		padding: 10px;
	}
	.side-nav-list {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		-webkit-box-flex: 1;
		    -ms-flex: 1 1 auto;
		        flex: 1 1 auto;
	}
	.side-nav-tip {
		border-radius: none;
	}
	.side-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		cursor: pointer;
		color: #fff;
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 2.813rem;
		background: #3dc36e;
		z-index: 3;
		padding-left: 20px;
	}
	.side-icon i {
		margin-right: 10px;
	}
	.side-overlay {
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.35);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.32s ease, visibility 0.32s;
		-o-transition: opacity 0.32s ease, visibility 0.32s;
		transition: opacity 0.32s ease, visibility 0.32s;
		z-index: 900;
	}
	.side-overlay.on {
		opacity: 1;
		visibility: visible;
	}
}