@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300+700');
html,body{
	font-family:'Roboto Condensed','微軟正黑體', 'Heiti TC Light', 'Microsoft JhengHei','Microsoft Sans Serif';
}
html{
	background: url('../img/bg-pattern.jpg');
}
body{
	position:relative;
	background:transparent;
}
body.opened{
	overflow:hidden;
}
a:hover{
	text-decoration: none;
}
.list-unstyled{
	margin-bottom:0;
}
.full-height{
	height:100vh;
}
a.btn-outline-black:not([href]),
.btn-outline-black{
	border:2px solid #2a2a2a;
	color:#2a2a2a;
	position:relative;
	z-index:0;
}
a.btn-outline-white:not([href]),
.btn-outline-white{
	border:2px solid #fff;
	color:#fff;
	position:relative;
	z-index:0;
	background:transparent;
}
.btn-outline-black::after,
.btn-outline-white::after{
	content:'';
	position: absolute;
	z-index: -1;
	transition: all .3s;
	width: 0;
	height:100%;
	top:0;
	left:0;
}
a.btn-outline-black:not([href]):hover,
.btn-outline-black:hover{
	color:#fff;
}
a.btn-outline-white:not([href]):hover,
.btn-outline-white.active,
.btn-outline-white:hover{
	color:#2a2a2a;
}
.btn-outline-white::after{
	background:#fff;
}
.btn-outline-black::after{
	background:#2a2a2a;
}
.btn-outline-black:hover::after,
.btn-outline-white.active::after,
.btn-outline-white:hover::after{
	width:100%;
}
.square{
	border-radius: 0;
}
.pointer{
	cursor:pointer !important;
}
.radius{
	border-radius: .25rem;
}
.loading{
	position:relative;
	z-index:0;
}
.loading::after{
	content:'';
	position:absolute;
	animation:loading 1s linear infinite;
	width:30px;
	height:30px;
	top:calc(50% - 15px);
	left:calc(50% - 15px);
	border-radius:50%;
	box-shadow:0 1px 0 0 #000;
	transform-origin:15px 15px;
	z-index:-1;
}
@keyframes loading {
	0% {
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	50% {
	  -webkit-transform:rotate(180deg);
	  transform:rotate(180deg);
	}
	100% {
	  -webkit-transform:rotate(360deg);
	  transform:rotate(360deg);
	}
}
.btn-menu,
.btn-close,
.btn-back{
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.ekko-lightbox-nav-overlay a span::before,
.ekko-lightbox-nav-overlay a span::after,
.ekko-lightbox .modal-header .close span::before,
.ekko-lightbox .modal-header .close span::after,
.btn-menu .line::after,
.btn-menu .line,
.btn-close .line::after,
.btn-close .line,
.btn-back .line::before,
.btn-back .line::after,
.btn-back .line{
	height:2px;
	display:block;
	position: relative;
	transition:all .3s;
	background:#fff;
}
.btn-menu .line{
	top:-5px;
}
.btn-menu .line::after{
	content:'';
	width:100%;
	top:10px;
}
.btn-close .line{
    transform: translateY(3px) rotate(45deg);
}
.btn-close .line::after{
	content:'';
    transform: rotate(-90deg);
}
.ekko-lightbox .modal-header .close span,
.btn-menu .line,
.btn-close .line,
.btn-back .line{
	width:40%;
}
.btn-back .line::before,
.btn-back .line::after{
	content:'';
	width:70%;
}


.ekko-lightbox .modal-content{
	background:transparent;
	border:none;
}
.ekko-lightbox .modal-body,
.ekko-lightbox .modal-header{
	border:none;
	padding:0;
}
.ekko-lightbox .modal-header .close{
	position:fixed;
	right:0;
	top:0;
	margin: 0;
	width: 5.5rem;
	height: 5.5rem;
	opacity:1;
}
.ekko-lightbox .modal-header .close span{
	opacity:0;
}
.ekko-lightbox .modal-header .close span::before{
	content:'';
	transform:translateY(13px) rotate(-45deg);
}
.ekko-lightbox .modal-header .close span::after{
	content:'';
	transform:translateY(-13px) rotate(45deg);
}

.ekko-lightbox .modal-title{
	display:none;
}
.ekko-lightbox-nav-overlay{
	position:fixed;
	top:5.5rem;
	bottom:5.5rem;
	height:auto;
}
.ekko-lightbox-nav-overlay a{
	opacity:1;
}
.ekko-lightbox-nav-overlay a:last-child{
	justify-content:flex-end;
}
.ekko-lightbox-nav-overlay a span{
	color:transparent;
	flex-grow:initial;
}
.ekko-lightbox-nav-overlay a span::before,
.ekko-lightbox-nav-overlay a span::after{
	content:'';
	width:2rem;
}
.ekko-lightbox-nav-overlay a span::before{
	transform:translateY(13px) rotate(-45deg);
}
.ekko-lightbox-nav-overlay a span::after{
	transform:translateY(-13px) rotate(45deg);
}
.ekko-lightbox-nav-overlay a:last-child span::before{
	transform:translateY(13px) rotate(45deg);
}
.ekko-lightbox-nav-overlay a:last-child span::after{
	transform:translateY(-13px) rotate(-45deg);
}
.modal-backdrop.show{
	opacity:.9;
}


.os-theme-dark>.os-scrollbar>.os-scrollbar-track{
	background-color:#eee;
}
.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{
	background-color:#2a2a2a;
	border-radius:0;
}

.side{
	z-index:1;
}
.side.right{
	right:0;
	top:0;
}
.side.right li{
	position:relative;
}
.side.right li:hover .hide{
	margin-left:0;
}
.side.right li:hover .content{
	visibility:visible;
}
.side.right .content{
	position:absolute;
	top:0;
	right:100%;
	min-width:10rem;
	overflow:hidden;
	visibility:hidden;
}
.side.right .hide{
	margin-left:100%;
	transition:all .5s;
	white-space:nowrap;
}
.side [class^="side-"]{
	width:5.5rem;
	text-align:center;
}
.side a:hover{
	text-decoration:none;
}
.side .btn-menu{
	background:#333;
	cursor:pointer;
}
.side.right a{
	color:#2a2a2a;
}
.side-contact,
.side-language{
	margin-bottom:2rem;
}
[data-target=".side-language"] a,
.side-language a{
	color:#888;
	border-radius:.2rem;
	display:inline-block;
	padding:.5rem;
	font-size:.7rem;
}
[data-target=".side-language"] .active,
.side-language .active{
	color:#fff;
	background:#006b4f;
}
.side-top [class^="booking-"] a{
	background-repeat: no-repeat;
	background-position: center;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
}
.side-top [class^="booking-"] a,
.side-top [class^="social-"] a{
	display: block;
	padding:1rem;
}
.side-top .booking-now{
	height:5.5rem;
	background:#2a2a2a;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
}
.side-top .booking-now a{
	color:#fff;
	padding:0;
	text-indent: 0;
}
.side-top .booking-hotels a{
	background-image: url('../img/hotels.com_normal.svg');
}
.side-top .booking-hotels:hover a{
	background-image: url('../img/hotels.com_hover.svg');
}
.side-top .booking-orbitz a{
	background-image: url('../img/Orbitz_normal.svg');
}
.side-top .booking-orbitz:hover a{
	background-image: url('../img/Orbitz_hover.svg');
}
.side-top .booking-tripadvisor a{
	background-image: url('../img/TripAdvisor_normal.svg');
}
.side-top .booking-tripadvisor:hover a{
	background-image: url('../img/TripAdvisor_hover.svg');
}
.side-top .social-fb:hover a{
	color:#6195F7;
}
.side-top .social-line:hover a{
	color:#54CD5B;
}
.side-contact a{
	display:block;
	padding:1rem;
}
.side-contact .hide{
	background:#333;
	color:#fff;
}

.slide-frame{
	transform:translateX(-100vw);
	transition:transform .5s;
	z-index:1000;
	position:fixed;
	top:0;
}
.slide-frame.open{
	transform:translateX(0);
}
.slide-frame .btn-back{
	color:#fff;
}
.slide-frame .btn-close{
	position:absolute;
	top:0;
	z-index:2;
	transition:all .5s;
}
.slide-frame.closed .btn-close{
	opacity:0;
	visibility:hidden;
}
.slide-frame .container{
	max-width:900px;
	min-height:50vh;
}
.slide-frame .overlay{
	position:absolute;
	width:100%;
	left:100%;
	height: 100vh;
	top:0;
	background: rgba(0,0,0,.8);
	transition:all .5s;
	cursor:pointer;
	opacity:0;
	visibility:hidden;
}
.slide-frame.open .overlay{
	opacity:1;
	visibility:visible;
}
.slide-frame .content{
	overflow-y:auto;
	height:100%;
}
.slide-frame .content img{
	max-width:100%;
	height:auto !important;
}
.dark-frame{
	color:#b5b5b5;
	background:#2a2a2a;
}
.dark-frame hr{
	border-color:rgba(255,255,255,.5);
}
.pattern-frame{
	color:#2a2a2a;
	background: #f9f9f9 url('../img/bg-pattern.jpg');
}
.menu-frame a{
	color:#b5b5b5;
}
.menu-frame a[href="#"],
.menu-frame a:hover{
	color:#fff;
}
.menu-frame nav a{
	padding:0 1rem;
	margin:1rem 0;
	border-left:2px solid transparent;
	transition:color .5s;
}
.menu-frame nav a[href="#"],
.menu-frame nav a:hover{
	border-color:#fff;
}
.menu-frame nav span{
	font-size:.9rem;
}
.menu-frame .info{
	font-size:.9rem;
}
.menu-frame .info h5{
	text-indent:200%;
	white-space: nowrap;
	overflow: hidden;
	height:4rem;
	background:no-repeat url('../img/logo-text-white.svg');
	background-size:contain;
}
.contact-frame textarea{
	height: calc(100% - 3em);
}
.contact-frame .link{
	width:8rem;
}
.news-frame .content{
	padding-top:4rem;
	padding-bottom:3rem;
}
.news-frame .content h3{
	font-size:1.1rem;
}
.news-frame .content .subtitle{
	color:#fff;
	font-size:.8rem;
	background:#2a2a2a;
}
.news-frame .content .subtitle .label{
	background:#eee;
	color:#6e6e6e;
}
.news-frame .content .pages{
	color:#6e6e6e;
}
.spot-frame .list-item{
	background:#fff;
	box-shadow:0 5px 10px rgba(0,0,0,.1);
	padding:1rem;
	position:relative;
	height:100%;
}
.spot-frame .list-item .img{
	min-height:150px;
	background-position:center;
	background-size:cover;
	margin:-1rem -1rem 0;
}
.spot-frame .carousel-indicators{
	position:relative;
}
.spot-frame .carousel-indicators li{
	background-color:#6e6e6e;
	opacity:1;
}
.spot-frame .carousel-indicators .active{
	background-color:#fff;
}
.tour-frame::before{
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:no-repeat top url('../img/tour-frame.jpg');
	background-size:contain;
}

main{
	overflow-x:hidden;
	overflow-y:auto;
	z-index:0;
}
footer{
	font-size:.8rem;
	color:#b5b5b5;
}
[data-target="footer nav"],
footer nav{
	border-top:1px solid #6e6e6e;
	border-bottom:1px solid #6e6e6e;
}
[data-target="footer nav"] li::after,
footer nav li::after{
	content:'|';
}
[data-target="footer nav"] li:last-child::after,
footer nav li:last-child::after{
	content:'';
}
[data-target="footer nav"] a,
footer nav a{
	display:inline-block;
	padding:.5rem;
}
footer h6{
	background:no-repeat center url('../img/logo-gray.svg');
	padding-top:8rem;
}
footer p{
	margin-bottom:.2rem;
}
footer a,footer a:hover{
	color:#b5b5b5;
}
footer .copyright{
	color:#6e6e6e;
}

.main-view .logo{
	text-indent:200%;
	white-space: nowrap;
	overflow: hidden;
}
.main-view .weather{
	top:9rem;
	position: absolute;
	width:15rem;
}
.main-view .slideshow{
	overflow:hidden;
	position: relative;
}
.main-view .slideshow-item{
	position:absolute;
	height:100%;
	width:100%;
	display:block;
	background-size:cover;
	background-position:center;
}
.main-view .slideshow-transform {
    transform: scale(1.05, 1.05);
    transition: transform 8s;
}

.news h2{
	font-size:1.3rem;
}
.news header select{
	border:none;
	background:transparent;
}
.news .list .list-item{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.news .title{
	font-size:1rem;
}
.news .date,
.news .label{
	color:#6e6e6e;
}
.news .intro,
.news .date,
.news .label{
	font-size: .8rem;
}
.news .list{
	height:15rem;
}
.news .label{
	background: #eee;
	padding:.2rem .3rem;
}
.news .img{
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
}

.index .photoshow{
	height:500px;
	padding: 0 50vw;
	margin: 5rem -50vw;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}

.index .img-text-box{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-top:3rem;
}
.index .img-text-box section{
	box-shadow: 0 15px 100px -15px rgba(0,0,0,.2);
	overflow: hidden;
	position:relative;
	z-index:1;
}
.index .img-text-box section::after{
	color:#eee;
	font:7rem "Font Awesome 5 Free";
	font-weight: 900;
	position:absolute;
	z-index:-2;
}
.index .img-text-box h2{
	font-size: 1rem;
	font-weight: 900;
}
.index .img-text-box p{
	font-size: .9rem;
	color:#6e6e6e;
}
.index .meeting{
	background-image: url('../img/index-meeting.jpg');
}
.index .meeting section::after{
	content:'\f46d';
}
.index .room{
	background-image: url('../img/index-room.jpg');
}
.index .room section::after{
	content:'\f236';
}
.index .food{
	background-image: url('../img/index-food.jpg');
}
.index .food section::after{
	content:'\f2e7';
}
.index .equip{
	background-image: url('../img/index-equip.jpg');
}
.index .equip section::after{
	content:'\f593';
}

.index .img-box h2{
	color:#fff;
	font-size: 1rem;
}
.index .spot{
	background:no-repeat center url('../img/index-spot.jpg');
}
.index .tour{
	background:no-repeat center url('../img/index-tour.jpg');
}



[class^="page-"] .list-group-item{
	background-color:transparent;
	border:none;
}
[class^="page-"] .list-group-item.active{
	background-color:transparent;
	border:none;
}
[class^="page-"] .list-group-item a{
	color:#6e6e6e;
}
[class^="page-"] .list-group-item.active a{
	color:#2a2a2a;
}
[class^="page-"] .spec{
	margin:1.5rem 0;
	position:relative;
	padding-top:120px;
}
[class^="page-"] .bg-img{
	width:100%;
	position:absolute;
	top:0;
	background-position:center;
	background-size:cover;
	z-index:-1;
}
[class^="page-"] .spec-group{
	background-color:#fff;
	border-radius:.8rem;
	margin:1rem;
	padding:.5rem;
	box-shadow:0 10px 40px rgba(0,0,0,.1);
	text-align:center;
	display: flex;
	flex-direction: column;
}
[class^="page-"] .spec-group-name{
	padding-bottom:.5rem;
	order:2;
}
[class^="page-"] .spec-group-name::before{
	content:'';
	display:block;
	height:1px;
	background-color:#b5b5b5;
	margin:.8rem 0;
}
[class^="page-"] .spec-item-num{
	font-weight:300;
	display:block;
	padding:0 1rem;
}
[class^="page-"] .spec-item-unit{
	color:#6e6e6e;
	font-size:.9rem;
}
[class^="page-"] .summary{
	border-radius:.8rem;
	background:#2a2a2a;
	color:#fff;
	font-size:.9rem;
}
[class^="page-"] .imgs a{
	display:block;
	width:210px;
	height:210px;
	margin:15px;
	background-size:cover;
	background-position:center;
}
[class^="page-"] .imgs a::before{
	content:attr(data-src);
}
[class^="page-"] .intro{
	border-top:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	text-shadow:0 1px 1px #f4f4f4,
		0 -1px 1px #f4f4f4,
		1px 1px 1px #f4f4f4,
		1px 0 1px #f4f4f4,
		1px -1px 1px #f4f4f4,
		-1px 1px 1px #f4f4f4,
		-1px 0 1px #f4f4f4,
		-1px 1px 1px #f4f4f4;
}
[class^="page-"] .intro + .intro{
	border-top:none;
}
.feeder .link-box,
[class^="page-"] .link-box{
	max-width:270px;
	margin:5rem auto;
}
.feeder .link-box a,
[class^="page-"] .link-box a{
	color:#6e6e6e;
}
.feeder .fa-btn,
[class^="page-"] .fa-btn{
	color:#dedede;
	background:-webkit-linear-gradient(top, #7d7e7d 0%, #2a2a2a 100%);
	background:linear-gradient(top, #7d7e7d 0%, #2a2a2a 100%);
	box-shadow:0 0 0 4px rgba(0,0,0,.2);
	width:2.7em;
	margin:1rem auto;
	position:relative;
	line-height:2.7em;
}

.feeder .map{
	height:320px;
}
.feeder .address{
	font-size:.9rem;
}
.feeder h2{
	font-size:1rem;
	color:#fff;
	background-color:#2a2a2a;
	width:6em;
	height:6em;
}
.feeder .list-item{
	background-color:#fff;
	box-shadow:0 5px 10px rgba(0,0,0,.1);
	margin-bottom:2rem;
	padding:1rem;
	position:relative;
}
.feeder h3{
	text-align:center;
	font-size:1.2rem;
	border-bottom:1px solid #b5b5b5;
	padding-bottom:1rem;
}
.feeder .intro{
	font-size:.8rem;
}
.feeder .intro a{
	color:#212529;
}
.feeder .intro ul{
	padding-inline-start: 1rem;
}
.feeder .feeder-list .intro{
	padding-bottom:3rem;
}
.feeder .feeder-list .intro p:last-child{
	background-color:#2a2a2a;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:.5rem;
	margin:0;
}
.feeder .feeder-list .intro p:last-child a{
	color:#fff;
}

.page section{
	background:rgba(255,255,255,.9);
}
.page section img{
	max-width:100%;
	height:auto !important;
}

@media (min-width: 992px){
	body{
		background: no-repeat center bottom url('../img/bg-ink.png');
		background-size:100%;
	}
	.btn-back .line::before,
	.btn-back .line::after{
		transform:translate(-5px,-9px) rotate(-45deg);
	}
	.btn-back .line::after{
		transform: translate(-5px,7px) rotate(45deg);
	}
	.full-lg-height{
		height:100vh;
	}
	.container-fluid{
		padding-right:5.5rem;
		padding-left:5.5rem;
		max-width:1200px;
	}
	.side{
		position:fixed;
		width:5.5rem;
	}
	.slide-frame{
		width:calc(100% - 5.5rem);
	}
	.slide-frame .btn-close{
		left:100%;
		width:5.5rem;
		height:5.5rem;
	}
	.news-frame h3{
		background:#fff;
		box-shadow:0 5px 30px rgba(0,0,0,.1);
	}
	.spot-frame::before{
		content:'';
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		background:no-repeat top url('../img/spot-frame.jpg');
		background-size:contain;
	}
	.tour-frame h3,
	.spot-frame h3{
		color:#fff;
		border-bottom:2px solid #fff;
		background:no-repeat 80% center url('../img/logo-white.svg');
		text-align: right;
		padding: 3rem;
		font-size: 1.1rem;
		margin-top: 3rem;
	}
	.spot-frame h3::before{
		content:attr(data-title);
		float:left;
		margin-left:-2rem;
	}
	.spot-frame .list-item .img{
		height:210px;
	}
	.tour-frame .btn-back .line,
	.spot-frame .btn-back .line{
		transform: inherit;
	}
	.side .btn-menu{
		height:6rem;
	}
	.menu-frame .btn-back{
		height:6rem;
		width:6rem;
	}
	.contact-frame .container{
		padding-top:5rem;
	}
	.news header .category{
		border-bottom:2px solid #2a2a2a;
	}
	.news .main{
		height:280px;
	}
	.news .text-box{
		width:260px;
		flex: 0 0 260px;
	}
	.news .main .title{
		position: relative;
		left:-1rem;
		width:20rem;
		z-index: 1;
		box-shadow: 0 15px 100px -15px rgba(0,0,0,.2);
	}
	.news .list .title{
		flex: 0 0 250px;
	}
	.news .img{
		position: absolute;
		left:250px;
		right:0;
		top:0;
		bottom:0;
	}
	.news .main .link{
		width:8rem;
	}
	.news .list-item{
		border-color:#b5b5b5;
	}
	.news .list .link{
		flex: 0 0 120px;
	}
	.news .list .btn{
		font-size:.9rem;
	}
	.main-view .logo{
		height:15rem;
		background: url('../img/logo-text-black.svg') no-repeat center;
	}
	.main-view .slideshow{
		height: calc(100vh - 18rem);
	}
	.index .img-text-box{
		background-position: -100px center;
		margin-bottom:3rem;
	}
	.index .img-text-box section{
		min-height:14rem;
		width:15rem;
		margin-left:auto;
	}
	.index .img-text-box section::after{
		left:-.5rem;
		bottom:0;
	}
	.index .img-text-box .link{
		width:50%;
	}
	.index .img-box{
		width: calc(50% - 12px);
		height:400px;
		padding:0 16%;
	}
	.index .img-box:first-child{
		margin-right:24px;
	}
	[class^="page-"] .main-view{
		padding-bottom:10rem;
	}
	[class^="page-"] .list-group-item::before{
		content:'|';
		position: absolute;
		right:calc(100% - .2em);
	}
	[class^="page-"] .list-group-item:first-child::before{
		display:none;
	}
	[class^="page-"] .list-group-item.active::after{
		content:'';
		position:absolute;
		width:1em;
		height:2px;
		left:calc(50% - .5em);
		bottom:0;
		background-color:#2a2a2a;
	}
	[class^="page-"] .bg-img{
		height:260px;
	}
	[class^="page-"] .spec-item-num{
		font-size:3rem;
	}
	[class^="page-"] .time-period-title{
		border-right:1px solid #b5b5b5;
	}
	.feeder .feeder-list{
		display:flex;
		flex-wrap:wrap;
	}
	.feeder .feeder-list .list-item{
		flex: 0 0 31.2%;
	}
	.feeder .feeder-list .list-item:nth-child(2){
		margin-left:3.2%;
		margin-right:3.2%;
	}
	.feeder .feeder-list .list-item:nth-child(n+4){
		flex: 0 0 48.4%;
	}
	.feeder .feeder-list .list-item:nth-child(4){
		margin-right:3.2%;
	}
	.feeder .traffic-list .list-item{
		width:22.6%;
	}
	.feeder .traffic-list .list-item:nth-child(n+1){
		margin-right:3.2%;
	}
	a.back-top:not([href]){
		border:1px solid #fff;
		position:fixed;
		bottom:1rem;
		margin-left:calc(50vw + 512px / 2);
		background:rgba(255,255,255,.1);
		color:#fff;
	}
	.back-top .fa-stack{
		padding:1.5rem;
	}
	.back-top .fa-minus{
		bottom:1rem;
	}
	.back-top .fa-chevron-up{
		bottom:.6rem;
	}
}
@media (max-width: 991px){
	.simplebar-content{
		padding-bottom:3rem !important;
	}
	.m-border-bottom{
		border-bottom:1px solid #eee;
	}
	.slide-frame .btn-close .line{
		transform: inherit;
	}
	.slide-frame .btn-close .line::after,
	.slide-frame .btn-close .line::before{
		width:70%;
	}
	.slide-frame .btn-close .line::before{
		content:'';
		height:2px;
		display:block;
		transition:all .3s;
		background:#fff;
	}
	.slide-frame .btn-close .line::before,
	.btn-back .line::before{
		transform:translate(-4px,-5px) rotate(-45deg);
	}
	.slide-frame .btn-close .line::after,
	.btn-back .line::after{
		transform: translate(-4px,3px) rotate(45deg);
	}
	.container{
		padding-right:1.5rem;
		padding-left:1.5rem;
	}
	.container-fluid{
		padding-right:0;
		padding-left:0;
	}
	.d-m-none{
		display:none;
	}
	.container-fluid{
		position:relative;
	}
	.side.left{
		background:#333;
		color:#fff;
	}
	.slide-frame{
		width:100vw;
	}
	.slide-frame .btn-close,
	.slide-frame .btn-back,
	.side .btn-menu{
		left:0;
		width:3.5rem;
		height:3.5rem;
	}
	.menu-frame [data-target=".side-language"] li{
		display:inline-block;
	}
	.contact-frame .container{
		padding-top:1rem;
	}
	.contact-frame h5{
		padding:0 2rem;
	}
	.contact-frame hr{
		margin-left:-1.5rem;
		margin-right:-1.5rem;
	}
	.tour-frame .btn-close,
	.spot-frame .btn-close,
	.news-frame .btn-close{
		background:#2a2a2a;
	}
	.news-frame .subtitle{
		text-align:center;
		margin:0 -1.5rem;
	}
	.news-frame .img-fluid{
		margin:0 -1.5rem;
	}
	.news-frame .pages{
		font-size:.9rem;
	}
	.tour-frame .btn-close::after,
	.spot-frame .btn-close::after,
	.news-frame .btn-close::after{
		content: attr(data-title);
		position: absolute;
		background: #2a2a2a;
		color: #fff;
		left: 100%;
		width: calc(100vw - 3.5rem);
		padding: 1rem;
	}
	.spot-frame .list-item .img{
		height:30vh;
	}
	.news section{
		background:#fff;
		box-shadow:0 5px 30px rgba(0,0,0,.1);
	}
	.news .title{
		box-shadow: none;
	}
	.news .img{
		height:40vw;
		margin-bottom:1rem;
	}
	.news .intro{
		color:#6e6e6e;
	}
	.news .list .title,
	.news .list .intro{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.spot-frame .list-item .link a,
	.news .link a{
		position:absolute;
		top:.5rem;
		right:.5rem;
		bottom:.5rem;
		left:.5rem;
		opacity:0;
	}
	.news .list-item{
		border-color:#eee;
	}
	.main-view .logo{
		height:8rem;
		background: url('../img/logo-black.svg') no-repeat center;
	}
	.main-view .slideshow{
		height: 60vw;
		margin-bottom:3rem;
	}
	.index .img-text-box{
		margin-bottom:5rem;
	}
	.index .img-text-box section{
		top:4rem;
	}
	.index .img-text-box section::after{
		left:1rem;
		bottom:-2.5rem;
	}
	.index .img-text-box .link{
		width:6rem;
	}
	.index .img-box{
		background-size:contain;
		height:70vw;
		max-height:400px;
		margin-bottom:2rem;
		padding: 0 calc(50vw - 4rem);
	}
	[class^="page-"] h1{
		display:none;
	}
	[class^="page-"] .submenu{
		padding-top:1.5rem;
	}
	[class^="page-"] .selected{
		cursor:pointer;
	}
	[class^="page-"] .selected::before{
		content:attr(data-title);
	}
	[class^="page-"] .selected::after{
		content:'\f078';
		font-family:'Font Awesome 5 Free';
		font-weight:700;
		margin-left:1rem;
	}
	[class^="page-"] .bg-img{
		height:200px;
	}
	[class^="page-"] .spec-item-num{
		font-size:2rem;
	}
	footer{
		background:#1c1c1c;
		padding-bottom:3rem;
	}
}