/*------------------------------------------ 
Reset
--------------------------------------------*/
a, a:hover, .btn-link, .btn-link:hover {
		text-decoration: none;
}
a:focus, select:focus, input:focus, textarea:focus, button:focus, optgroup:focus {
		outline: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
}
html {
		scroll-behavior: auto !important;
		-ms-touch-action: none !important;
		touch-action: none !important;
}
/*------------------------------------------ 
Nav
--------------------------------------------*/
header .navbar-brand {
		width: 210px;
}
/*------------------------------------------ 
Modal Backdrop
--------------------------------------------*/
.modal-backdrop {}
#popupContent {
		padding: 2rem;
		height: -webkit-fit-content !important;
		height: -moz-fit-content !important;
		height: fit-content !important;
		min-height: 360px;
}
#popupHeadline {
		display: inline-block !important;
		top: 0 !important;
		left: 0 !important;
		width: auto !important;
}
#popupDescription {
		top: 0 !important;
		left: 0 !important;
		margin: 0 !important;
		width: 100% !important;
}
#popupDetails {
		left: 0 !important;
		bottom: 0 !important;
		position: relative !important;
		margin-top: 30px;
}
@media (max-width: 767.98px) and (orientation:landscape) {
		#popupContent {
				max-width: 90% !important;
				height: -webkit-fit-content !important;
				height: -moz-fit-content !important;
				height: fit-content !important;
				min-height: 360px;
		}
}
@media (max-width: 575.98px) and (orientation:portrait) {
		#popupContent {
				max-width: 90% !important;
				height: -webkit-fit-content !important;
				height: -moz-fit-content !important;
				height: fit-content !important;
				min-height: 360px;
		}
}
/*------------------------------------------ 
Loading
--------------------------------------------*/
#loader-overlay {
		min-width: 100vw;
		min-height: calc(100vh + 30px);
		width: 100%;
		height: 100%;
		position: fixed;
		overflow: hidden;
		z-index: 1200;
		top: -30px;
}
#loader-overlay .loader-outer {
		width: 100%;
		height: 100%;
}
/*------------------------------------------ 
NAV
--------------------------------------------*/
header .navbar-toggler {
		position: fixed;
		right: 1rem;
}
/*------------------------------------------ 
Modal
--------------------------------------------*/
.modal-header .btn-close {
		width: 2em;
		height: 2em;
}
@media (max-width: 1199px) {
		.modal-detail .modal-dialog {
				max-width: 90%;
		}
}
@media (max-width: 991px) {
		.modal-detail .modal-dialog {
				max-width: 100%;
		}
}
/*------------------------------------------ 
免責申明 Modal
--------------------------------------------*/
.modal-outlink .modal-content {
		border-radius: 0 !important;
}
.modal-outlink .modal-dialog {
		max-width: 750px !important;
}
.modal-outlink .modal-footer, .modal-outlink .modal-header {
		border: 0 !important;
}
.modal-outlink .modal-header {
		padding: 30px 30px 0 30px;
}
.modal-outlink .modal-header h3 {
		font-weight: lighter;
		font-size: 2rem;
}
.modal-outlink .modal-body {
		padding: 30px 30px 10px 30px;
}
.modal-outlink .modal-footer {
		padding: 0 30px 30px 30px;
		text-align: center !important;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}
.modal-outlink .modal-footer .btn {
		border-radius: 0;
		height: 38px;
		min-width: 80px;
		margin: 0 10px;
}
/*------------------------------------------ 
Go to Back
--------------------------------------------*/
.goto-block {
		right: 0;
		bottom: 3em;
		width: 14vw;
		max-width: 160px;
		z-index: 3;
		text-align: right;
}
.goto-block .text {
		right: 0;
		top: 0;
		z-index: 2;
}
/*------------------------------------------ 
Button
--------------------------------------------*/
.btn-yes {
		min-width: 100px;
		margin: 0 .25rem;
}
.btn-leave {
		min-width: 100px;
		margin: 0 .25rem;
}
.btn-leave {
		--bs-btn-padding-x: 0.75rem;
		--bs-btn-padding-y: 0.375rem;
		--bs-btn-font-family: ;
		--bs-btn-font-size: 1rem;
		--bs-btn-font-weight: 400;
		--bs-btn-line-height: 1.5;
		--bs-btn-color: var(--bs-body-color);
		--bs-btn-bg: transparent;
		--bs-btn-border-width: var(--bs-border-width);
		--bs-btn-border-color: transparent;
		--bs-btn-border-radius: var(--bs-border-radius);
		--bs-btn-hover-border-color: transparent;
		--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
		--bs-btn-disabled-opacity: 0.65;
		--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
		display: inline-block;
		padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
		font-family: var(--bs-btn-font-family);
		font-size: var(--bs-btn-font-size);
		font-weight: var(--bs-btn-font-weight);
		line-height: var(--bs-btn-line-height);
		color: var(--bs-btn-color);
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
		border-radius: var(--bs-btn-border-radius);
		background-color: var(--bs-btn-bg);
		-webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
		-o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
/*------------------------------------------ 
Table
--------------------------------------------*/
table.td-mini td, table.td-mini th {
		text-align: center;
		vertical-align: middle;
		padding: .125rem;
}
table td, table th {
		vertical-align: middle;
		padding: .125rem;
}
/*------------------------------------------ 
Modal
--------------------------------------------*/
.v-center {
		vertical-align: middle;
}
.modal-detail table td, table th {
		vertical-align: top;
}
.modal-detail table.choose-list th, .modal-detail table.choose-list tr td:first-child {
		vertical-align: middle;
		text-align: center;
}
.modal-detail table.hotel-list.is-v td {
		vertical-align: middle;
}
.modal-detail table.all-center td, .modal-detail table.all-center th {
		vertical-align: middle;
		text-align: center;
}
.modal-detail table.hotel-list.all-center.not-hover th.border-right-0, .modal-detail table.hotel-list.all-center.not-hover td.border-right-0 {
		border-right: 0;
}
.modal-detail table.hotel-list.all-center.not-hover th.border-right-0 + th, .modal-detail table.hotel-list.all-center.not-hover td.border-right-0 + td {
		border-left: 0;
}
.modal-detail table.hotel-list.is-v tr td:first-child {
		text-align: center;
}
@media (max-width: 991px) {
.modal-detail table.all-nowrap th,.modal-detail table.all-nowrap td{
	text-wrap:nowrap;
}
}
/*------------------------------------------ 
Plugin：Fullpage / Section Bg
--------------------------------------------*/
.kv, .client, .courtesy, .journey, .detail {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;
}
html.fp-enabled, .fp-enabled body {
		overflow: auto !important;
}
html.fp-enabled.close, .fp-enabled.close body {
		overflow: hidden!important;
}
header {
		height: 60px;
}
body.fp-viewing-courtesy, body.fp-viewing-kv {
		padding-top: 30px !important;
}
body.fp-viewing-journey {
		padding-top: 60px !important;
}
.kv {
		background-image: url("../../../images/s1_bg.jpg");
}
.client {
		background-image: url("../../../images/s2_bg_sm_0610.jpg");
		background-position: 60% 50%;
}
.courtesy {
		background-image: url("../../../images/s3_bg.jpg");
		background-position: center bottom;
}
.journey {
		background-image: url("../../../images/s4_bg.jpg");
		background-position: center bottom;
}
.detail {
		background-image: url("../../../images/s5_bg.jpg");
		background-position: 80% bottom;
}
.footer {
		height: 140px !important;
		min-height: 140px !important;
}
.section {
		overflow: hidden;
}
@media (min-width: 1920px) {
		/* Section Bg */
		.kv, .client, .courtesy, .journey, .detail, .section .line-light.top, .section .line-light.bottom {
				background-size: 2560px auto;
		}
		.section {
				max-width: 2560px;
		}
}
@media (min-width: 1280px) {
		.section.kv .fp-tableCell, .section.kv, .section.client .fp-tableCell, .section.client, .section.courtesy .fp-tableCell, .section.courtesy .section.journey .fp-tableCell, .section.journey, .section.detail .fp-tableCell, .section.detail {
				min-height: 960px !important;
		}
}
@media (min-width: 1024px) {
		.section.kv .fp-tableCell, .section.kv, .section.client .fp-tableCell, .section.client, .section.courtesy .fp-tableCell, .section.courtesy .section.journey .fp-tableCell, .section.journey, .section.detail .fp-tableCell, .section.detail .section .line-light.top, .section .line-light.bottom {
				min-height: 768px !important;
		}
		.footer {
				height: 120px !important;
				min-height: 120px !important;
		}
}
@media (min-width: 992px) {
		.kv, .client, .courtesy, .journey, .detail {
				max-height: initial;
		}
		header {
				height: 70px;
		}
		body.fp-viewing-detail, body.fp-viewing-courtesy, body.fp-viewing-client, body.fp-viewing-journey, body.fp-viewing-kv {
				padding-top: 35px !important;
				left: 0;
				right: 0;
				margin: auto;
		}
		body.fp-viewing-journey {
				padding-top: 70px !important;
		}
		#loader-overlay {
				min-height: calc(100vh + 35px);
				top: -35px;
		}

}
@media (min-width: 768px) {
	.client {
		background-image: url("../../../images/s2_bg_0610.jpg");
	}
}
@media (min-width: 576px) {
	.client {
		background-image: url("../../../images/s2_bg_md_0610.jpg");
		background-position: center center;
	}
}
/*------------------------------------------ 
Is LIne
--------------------------------------------*/
.is-line {
		width: 50px;
		height: 1px;
}
.is-line-v {
		min-width: 4px;
		width: 4px;
		height: 65px;
		margin: 0 4rem;
		position: relative;
		top: 5px;
}
/*------------------------------------------ 
Section 
--------------------------------------------*/
.section.kv .best-card {
		width: 40vw;
		max-width: 420px;
}
.section.kv .kv-title {
		width: 40vw;
		max-width: 400px;
		margin-bottom: 3rem;
		margin-top: 3rem;
}
.section.kv .point-list {
		padding-top: 3vh;
}
.section.kv .point-list img.icon {
		width: 20vw;
		max-width: 40px;
		height: auto;
		margin: 0 .25rem;
		opacity: 1;
}
.section.kv .kv-title-light-block {
		width: 40vw;
		max-width: 85px;
		position: absolute;
		left: 0;
		right: 0;
		top: 34%;
		margin: auto;
}
.section.kv .sub-title {
		margin-bottom: 0;
		font-size: 1.5rem;
}

.section.client .card-group {
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
}
.section.client .card-right > div, .section.client .card-left > div {
		position: relative;
		z-index: 2;
}
.section.client .card-right::after, .section.client .card-left::after {
		content: '';
		position: absolute;
		width: calc(100% - 2px);
		height: 100%;
		display: block;
		bottom: 0;
		background: #000;
}
.section.client .card-left::after {
		left: 0;
}
.section.client .card-right::after {
		right: 0;
}
.section.client .card-group {
		height: 35vh;
}
.section.client .decor-container {
	margin-top: 100px;
}
.section.client .decor-light{
	top: -81.5px;
	right: 10%;
	mix-blend-mode: screen;
}
.section.courtesy .point-block img.icon {
		width: 4vw;
		max-width: 75px;
		height: auto;
		margin-right: 1.5rem;
}
.section.courtesy .point-block .point-item {
		min-width: 380px;
}
.section.detail .best-card {
		width: 20vw;
		max-width: 230px;
}
.section.detail .info {
		max-width: 58%;
}
@media screen and (min-width: 1200px) {
	.section.kv .note {
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 576px) {
	.section.client .decor-light{
		top: -80px;
		right: 30%;
	}
}
/*------------------------------------------ 
Section Text 
--------------------------------------------*/
.section .text-item .info {
		padding: 3.25rem .5rem;
		position: relative;
		padding-top: 1.5rem;
}
.section .text-item .info::after {
		content: '';
		width: 1px;
		height: 100px;
		display: block;
		position: absolute;
		right: -1rem;
		top: 0;
		bottom: 0;
		margin: auto;
}
.section .text-item:last-child .info::after {
		display: none;
}
.section .text-item .info .btn-text-more {
		position: relative;
		margin-left: 1rem;
}
.section .line-light {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: table;
		table-layout: fixed;
		background-size: cover;
}
.section .line-light.top {
		background-image: url("../../../images/line_light_bg_top_a.png");
		background-repeat: no-repeat;
		background-position: center center;
}
.section .line-light.bottom {
		background-image: url("../../../images/line_light_bg_bottom_a.png");
		background-repeat: no-repeat;
		background-position: center center;
}
/*------------------------------------------ 
Section Card-full 
--------------------------------------------*/
.section .card-item-full img.icon {
		width: 5vw;
		max-width: 95px;
		height: auto;
		margin: 0 auto 1rem auto;
}
.section .card-item-full .info {
		padding: 2.25rem .5rem;
		border-radius: 2rem;
		position: relative;
}
.section .card-item-full .info > * {
		position: relative;
		z-index: 3;
}
.section .card-item-full .info::before {
		content: '';
		width: calc(100% - 20px);
		height: calc(100% - 20px);
		display: block;
		border-style: solid;
		border-radius: 1.75rem;
		border-width: 2px;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: 1;
}
.section .card-item-full .info::after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 2.25rem;
		position: absolute;
		left: 0;
		top: 0;
}
.section .card-item-full .info h4 {}
/*------------------------------------------ 
Section Card 
--------------------------------------------*/
.section .card-item img.icon {
		width: 5vw;
		max-width: 95px;
		height: auto;
		margin: 0 auto 1rem auto;
}
.section .card-item .info {
		padding: 2rem .5rem;
		border-radius: 2rem;
		position: relative;
}
.section .card-item .info > * {
		position: relative;
		z-index: 2;
}
.section .card-item .info::after {
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-style: solid;
		border-radius: 2rem;
		border-width: 3px;
		position: absolute;
		left: 0;
		top: 0;
}
.section .card-item .info h4 {
		min-height: 60px;
}
/*------------------------------------------ 
Btn More 
--------------------------------------------*/
.btn-more {
		min-width: 15vw;
		max-width: 210px;
		height: 40px;
		line-height: 1.5;
		position: relative;
		border: 0;
		overflow: hidden;
		border-radius: .5rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: auto;
		margin-right: auto;
}
.btn-more::before {
		content: '';
		width: 40px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.btn-more::after {
		content: '';
		width: 40px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.btn-more > span {
		position: relative;
		z-index: 2;
}
/*------------------------------------------ 
Basic Footer
--------------------------------------------*/
.bot-nav li {
		position: relative;
		padding: 0 1rem;
}
.bot-nav li::after {
		content: '';
		width: 1px;
		height: calc(100% - 10px);
		position: absolute;
		top: 0;
		bottom: 0;
		right: -2rem;
		left: auto;
		display: block;
		margin: auto 2rem;
}
.bot-nav li:last-child::after {
		display: none;
}
/*------------------------------------------ 
Footer
--------------------------------------------*/
@media (min-width: 1366px) {
		.max-width {
				max-width: 1920px !important;
		}
		.max-width-lg {
				max-width: 2560px !important;
		}
}
@media (min-width: 1600px) {
		.container-xxl {
				max-width: 1366px;
		}
		.container-xxl.wide {
				max-width: 1600px;
		}
		.btn-more {
				min-width: 260px;
				height: 50px;
				line-height: 2.5;
		}
		.btn-more::before {
				width: 50px;
		}
		.btn-more::after {
				width: 50px;
		}
}
@media (min-width: 1920px) {}
@media (min-width: 1200px) and (max-width: 1599.98px) {
		.container-xxl {
				max-width: 1280px;
		}
}
@media (min-width: 1200px) {
		.max-width-small {
				max-width: 800px !important;
		}
}
@media (max-width: 1199.98px) {
		.max-width-small {
				max-width: 60% !important;
		}
		header .navbar-brand {
				width: 240px;
		}
		body.fp-viewing-courtesy, body.fp-viewing-kv {
				padding-top: 60px !important;
		}
		.goto-block {
				right: 0;
				bottom: 2em;
				width: auto;
				max-width: 15vw;
		}
		.section.kv .kv-title {
				width: auto;
				max-width: 28vw;
				margin-bottom: 2rem;
		}
		.section.kv .kv-title-light-block {
				width: auto;
				max-width: 5vw;
				top: 40%;
		}
		.section.kv .best-card {
				width: auto;
				max-width: 36vw;
		}
		.section .card-item img.icon, .section .card-item-full img.icon {
				width: auto;
				max-width: 5vw;
				height: auto;
				margin: 0 auto .5rem auto;
		}
		.section.detail .best-card {
				width: auto;
				max-width: 14vw;
		}
}
@media (max-width: 1024px) {
		.section .card-item .info::after {
				border-radius: 1.5rem;
		}
		.section.kv .point-list img.icon {
				width: 3vw;
				max-width: 20px;
				margin: 0 .125rem;
		}
		.section .card-item .info {
				padding: 2rem 0.5rem 1rem 0.5rem;
				border-radius: 1.5rem;
		}
		.section .card-item .info h4 {
				min-height: 55px;
		}
		.modal-header .btn-close {
				width: 2em;
				height: 2em;
				top: 1em;
				position: fixed;
				right: 1em;
				z-index: 5;
		}
		.section .text-item .info {
				padding: 3.25rem 0;
		}
}
@media (max-width: 991px) {
		.navbar .offcanvas-header {
				-webkit-box-pack: end;
				-ms-flex-pack: end;
				justify-content: flex-end
		}
		.navbar .offcanvas {
				max-width: 360px;
				z-index: 9999;
		}
		.section.detail .best-card {
				width: 35vw;
				max-width: inherit;
		}
		.footer {
				position: relative !important;
		}
		.section.kv .best-card {
				width: 50vw;
				max-width: inherit;
		}
		.fullpage-wrapper {
				overflow: auto;
		}
		.section.client .card-group {
				height: 30vh;
		}
		.section.courtesy .point-block img.icon {
				width: 5vw;
				max-width: inherit;
				margin-right: 1rem;
		}
		.is-line-v {
				min-width: 2px;
				width: 2px;
				height: 40px;
				margin: 0 1.5rem;
		}
		.section {
				min-height: 768px;
		}
		.section.client {
			min-height: 900px;
		}
		.section.kv .kv-title {
				max-width: 40vw;
				margin-bottom: 2rem;
		}
		.section.kv .kv-title-light-block {
				max-width: 7vw;
				top: 42%;
		}
		.section.kv .best-card {
				max-width: 48vw;
		}
		.section .text-item .info {
				padding: 1rem 0.5rem;
		}
		.section .text-item:nth-child(2) .info::after {
				display: none;
		}
		.section.detail .best-card {
				width: auto;
				max-width: 24vw;
		}
}
@media (max-width: 991px) and (orientation:landscape) {
		.section {
				min-height: 640px;
		}
		.section.client {
			min-height: 900px;
		}
		.section .text-item .info {
				padding: .5rem 0.5rem;
		}
		.section .card-item .info {
				padding: 1rem 0.5rem 1rem 0.5rem;
				border-radius: 1.5rem;
		}
		.section.journey .max-width {
				max-width: 70%;
		}
		.section.detail .best-card {
				width: auto;
				max-width: 18vw;
		}
}
@media (max-width: 767.98px) and (orientation:landscape) {
		.section.kv .point-list img.icon {
				width: 1.5vw;
				max-width: inherit;
				margin: 0 0.125rem;
		}
		.section {
				min-height: 460px;
		}
		.section.kv .best-card {
				width: 42vw;
		}
		.section.client {
				min-height: 680px;
		}
		.section.client .card-group {
				height: 45vh;
		}
		.section.journey {
				border-top-width: 5px;
				border-top-style: solid;
				min-height: 460px;
		}
		.footer {
				height: auto !important;
				min-height: inherit !important;
		}
		.goto-block {
				bottom: 1em;
		}
		header .navbar-brand {
				width: 210px;
		}
		.max-width-small {
				max-width: 80% !important;
		}
		.section .card-item img.icon, .section .card-item-full img.icon {
				max-width: 6.5vw;
		}
		.section .card-item .info {
				padding: 1rem 0.5rem 1rem 0.5rem;
		}
		.section.journey .max-width {
				max-width: 80%;
		}
		.section.detail .best-card {
				width: auto;
				max-width: 22vw;
		}
		.detail {
				background-position: 76% bottom;
		}
}
@media (max-width: 599.98px) and (orientation:landscape) {
		.navbar .offcanvas {
				max-width: 60%;
		}
		header .navbar-brand {
				width: 180px;
		}
		.bot-nav li:nth-child(2)::after {
				display: none;
		}
		.footer {
				min-height: 200px !important;
		}
		.section.kv .kv-title {
				max-width: 40vw;
				margin-top: 2rem;
		}
		.section.client .card-group {
				max-height: inherit;
				position: relative !important;
				height: auto;
		}
		.section.client .main-item {
				margin: 4rem auto .25rem auto;
		}
		.section.client .fp-tableCell {
				vertical-align: top !important;
		}
		.section.client .card-right::after, .section.client .card-left::after {
				width: 100%;
				height: calc(100% - 2px);
		}
		.section .card-item img.icon {
				width: 6vw;
				max-width: inherit;
		}
		.section.kv .best-card {
				width: 40vw;
				max-width: inherit;
		}
		.section.kv {
				min-height: calc(100vh - 60px);
		}
		.section.kv .kv-title-light-block {
				max-width: 8vw;
				top: 35%;
		}
		.is-line-v {
				height: 60px;
				width: 2px;
				min-width: 2px;
				margin: 0 2rem;
		}
		.section.courtesy .point-block img.icon {
				width: 7vw;
				margin: 0 auto;
		}
		.section .card-item .info {
				margin-bottom: 1rem;
		}
		.section .card-item img.icon {
				width: 10vw;
				max-width: inherit;
		}
		.section.courtesy .point-block .point-item {
				min-width: inherit;
				text-align: center;
		}
		.courtesy {
				background-position: 70% top;
		}
		.kv, .client, .courtesy, .journey, .detail {
				background-size: auto 100%;
		}
		.detail {
				background-position: 78% center;
		}
		.kv {
				background-position: 36% top;
		}
		.btn-more {
				min-width: 30vw;
				max-width: inherit;
		}
		.section.detail .best-card {
				width: 60vw;
		}
		.section.journey {
				border-top-width: 5px;
				border-top-style: solid;
		}
		.section.courtesy .card-item:last-child {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 100%;
		}
		br.d-xs-block {
				display: block !important;
		}
		.section.kv .point-list img.icon {
				width: 2.5vw;
				max-width: inherit;
				margin: 0 0.5rem;
		}
		.section.kv .point-list img.icon {
				margin: 0 .125rem;
		}
		.section.kv .point-list > ul > li {
				padding: .25rem 0;
				text-align: center;
		}
}
@media (max-width: 575.98px) and (orientation:portrait) {
		.navbar .offcanvas {
				max-width: 60%;
		}
		header .navbar-brand {
				width: 200px;
		}
		header {
				padding-left: 0 !important;
				padding-top: 0 !important;
		}
		.bot-nav li:nth-child(2)::after {
				display: none;
		}
		.footer {
				min-height: 200px !important;
		}
		.section.client {
			min-height: 800px;
		}
		.section.client .card-group {
				max-height: inherit;
				position: relative !important;
				height: auto;
		}
		.section.client .main-item {
				margin: 8rem auto 1rem auto;
		}
		.section.client .fp-tableCell {
				vertical-align: top !important;
		}
		.section.client .card-right::after, .section.client .card-left::after {
				width: 100%;
				height: calc(100% - 2px);
		}
		.section .card-item img.icon {
				width: 6vw;
				max-width: inherit;
		}
		.section.kv .kv-title {
				max-width: 60vw;
				margin-bottom: 2rem;
		}
		.section.kv .kv-title-light-block {
				max-width: 12vw;
				top: 42%;
		}
		.section.kv .best-card {
				width: 70vw;
				max-width: inherit;
		}
		.section.kv {
				min-height: calc(100vh - 60px);
		}
		.is-line-v {
				height: 60px;
				width: 2px;
				min-width: 2px;
				margin: 0 2rem;
		}
		.section.courtesy .point-block img.icon {
				width: 10vw;
				margin: 0 auto;
		}
		.section .card-item img.icon {
				width: 12vw;
				max-width: inherit;
				margin-bottom: .5rem;
		}
		.section.courtesy .point-block .point-item {
				min-width: inherit;
				text-align: center;
		}
		.courtesy {
				background-position: 70% top;
		}
		.detail {
				background-image: url("../../../images/s5_bg_m.jpg");
				background-size: 120% auto;
				background-position: center top;
		}
		.detail .container-xxl > div {
				padding-bottom: 5rem !important;
		}
		.kv {
				background-position: 36% top;
		}
		.btn-more {
				min-width: 40vw;
				max-width: inherit;
		}
		.section.detail .best-card {
				max-width: 40vw;
		}
		.section.journey {
				border-top-width: 5px;
				border-top-style: solid;
		}
		.section.courtesy .card-item:last-child {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 100%;
		}
		.goto-block {
				bottom: 4em;
				width: auto;
				max-width: 25vw;
		}
		.section .text-item .info::after {
				right: -.5rem;
		}
		.section .text-item {
				padding-left: .125rem;
				padding-right: .125rem;
		}
		.section .text-item .info {
				padding: 1rem 0rem;
		}
		.max-width-small {
				max-width: 94% !important;
		}
		.journey .max-width {
				max-width: 94% !important;
		}
		.section .card-item img.icon, .section .card-item-full img.icon {
				width: auto;
				max-width: 11vw;
				height: auto;
				margin: 0 auto 0.5rem auto;
		}
		.section .card-item-full .info::before {
				width: calc(100% - 14px);
				height: calc(100% - 14px);
		}
		.section.detail .info {
				max-width: 100%;
		}
		.section.kv .point-list img.icon {
				width: 5vw;
				max-width: inherit;
				margin: 0 0.75rem;
		}
		.section.kv .point-list > ul {
				display: -webkit-box !important;
				display: -ms-flexbox !important;
				display: flex !important;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
		}
		.section.kv .point-list > ul > li:first-child a {
				padding-left: 0;
		}
		.section.kv .point-list > ul > li:first-child a, .section.kv .point-list > ul > li:nth-child(5) a {
				padding-right: .25rem;
		}
		.section.kv .point-list > ul > li:nth-child(3) a, .section.kv .point-list > ul > li:last-child a {
				padding-left: .25rem;
		}
		.section.kv .point-list > ul > li {
				padding: .25rem 0;
		}
		.section.kv .point-list > ul > li a {
				min-width: 140px;
				display: inline-block;
				text-align: center;
		}
		.section.kv .point-list > ul > li:first-child a, .section.kv .point-list > ul > li:nth-child(5) a {
				text-align: end;
		}
		.section.kv .point-list > ul > li:nth-child(4) {
				display: none;
		}
		.section.kv .point-list > ul > li:first-child a {
				padding-left: 3.5rem;
		}
		.section.kv .point-list > ul > li:nth-child(3) a, .section.kv .point-list > ul > li:last-child a {
				text-align: start;
		}
		.section.kv .point-list > ul > li {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: auto;
		}
		.section.kv .point-list img.icon {
				margin: 0 .25rem;
		}
		.row-cols-2 > *.wide {
				-webkit-box-flex: 0;
				-ms-flex: 0 0 auto;
				flex: 0 0 auto;
				width: 100%;
		}
}
@media (max-width: 360px) and (orientation:portrait) {
		.section.kv .point-list > ul > li:first-child, .section.kv .point-list > ul > li:nth-child(5) {
				max-width: auto;
		}
		.section.kv .point-list > ul > li:nth-child(3), .section.kv .point-list > ul > li:last-child {
				max-width: auto;
		}
		.section.kv .point-list > ul > li:first-child a {
				padding-left: 0;
		}
		.section.kv .point-list > ul > li a {
				min-width: 100%;
				text-wrap: nowrap;
		}
		.section.kv .point-list img.icon {
				margin: 0;
		}
		.detail {
				background-size: 130% auto;
		}
		.m-ch {
				padding-left: 0;
				padding-right: 0;
		}
}
@media (max-width: 320px) and (orientation:portrait) {
		.bot-nav {
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
		.bot-nav li {
				width: 33.3%;
		}
		.bot-nav li:last-child {
				width: 100%;
		}
		.bot-nav li:nth-child(3)::after {
				display: none;
		}
		br.d-xs-block {
				display: block !important;
		}
		header .navbar-brand {
				width: 180px;
		}
		.modal-detail .modal-header, .modal-detail .modal-body {
				padding-left: 0;
				padding-right: 0;
		}
		.goto-block {
				bottom: 5.5em;
				width: 20vw;
		}
		.max-width-small {
				max-width: 100% !important;
		}
		.journey .max-width {
				max-width: 100% !important;
		}
		.section.kv .point-list img.icon {
				margin: 0;
		}
		.section.kv .point-list > ul > li:first-child, .section.kv .point-list > ul > li:nth-child(5) {
				max-width: 100%;
				min-width: 100%;
		}
		.section.kv .point-list > ul > li:nth-child(3), .section.kv .point-list > ul > li:last-child {
				max-width: 100%;
				min-width: 100%;
		}
		.section.kv .point-list > ul > li:nth-child(2), .section.kv .point-list > ul > li:nth-child(6) {
				display: none;
		}
		.section.kv .point-list > ul > li, .section.kv .point-list > ul > li a {
				text-align: center !important;
		}
		.section.kv .point-list > ul > li:first-child a {
				padding-left: 0;
		}
		br.d-xs-block {
				display: none !important;
		}
		.section.kv .point-list > ul > li a {
				min-width: 100%;
		}
		.section.kv .point-list {
				padding-top: 0;
		}
}
@media (max-width: 280px) and (orientation:portrait) {}