/* bootstrap 5 fix */
@media (prefers-reduced-motion: no-preference) {
	:root {scroll-behavior: auto;}
}
:root{
	--en: "Josefin Sans", sans-serif;
	--ch2: "Noto Serif TC", serif;
	--banner_ani: 0;
}
*{
	position: relative;
	box-sizing: border-box;
}
body{
	margin: 0;
	font-family: 'Noto Sans TC', sans-serif;
	color: #232222;
	font-weight: 400;
}
img{
	position: relative;
	display: block;
	max-width: 100%;
}
a{display: inline-block;}
a, a:hover, a:focus{text-decoration: none;}
a:focus{outline: none;}
section{
	position: relative;
	overflow: hidden;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex-row{
	display: flex;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}
.flex-row15{
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.flex-1{flex: 1;}
.center{
	margin-left: auto;
	margin-right: auto;
}
.t-center{text-align: center;}
.t-right{text-align: right;}
.v-center{
	top: 50%;
	transform: translateY(-50%);
}
.flex-center{justify-content: center;}
.flex-v-center{align-items: center;}
.show-xl, .show-lg, .show-md, .show-sm, .hide{
	display: none;
}
.container, .container-fluid, .container-xxl{
	padding-left: 15px;
	padding-right: 15px;
}
.row-p15{
	margin-left: -15px;
	margin-right: -15px;
}
.row-p15 > *{
	padding-left: 15px;
	padding-right: 15px;
}
.p15{
	padding-left: 15px;
	padding-right: 15px;
}
.fh{height: 100%;}
.full-img{
	max-width: none;
	width: 100%;
}
.cover{
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cover-abs{
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wow{visibility: hidden;}
.en{font-family: "Josefin Sans", sans-serif;}

/* header */
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 9999;
}
.header_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#232222cc, #23222200);
}
header.bg_active .header_bg{
	background: #232222dd;
}
header.active .header_bg{
	background: #232222;
}
.menu{
	height: 100%;
	padding-left: 200px;
	padding-right: 230px;
}
.menu_row{
	height: 100%;
	justify-content: center;
}
.menu_item{
	height: 100%;
	padding-left: 25px;
	padding-right: 25px;
}
.menu_btn{
	display: block;
	color: #fff;
	letter-spacing: 1px;
	top: 50%;
	transform: translateY(-50%);
}
.menu_btn:hover{
	color: #EF9C00;
}
.menu_btn_t2{
	display: block;
	width: 160px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	padding: 9px 0 7px;
	background-color: #EF9C00;
	top: 50%;
	transform: translateY(-50%);
}
.menu_item.active .menu_btn::after{
	position: absolute;
	content: "";
	top: 30px;
	left: calc(50% - 1px);
	width: 2px;
	height: 10px;
	background-color: #EF9C00;
}
.menu_child{
	position: absolute;
	top: 80px;
	left: -50px;
	width: 500px;
	background-color: #232222dd;
	padding: 25px;
	box-shadow: 0 4px 4px #00000044;
	display: none;
}
.menuc_left{
	flex: 1;
	padding-right: 15px;
}
.menuc_right{
	width: 280px;
}
.menuc_btn{
	display: block;
	font-size: 14px;
	color: #fff;
	margin-bottom: 15px;
}
.menuc_btn:last-child{
	margin-bottom: 0;
}
.menuc_btn:hover{
	color: #EF9C00;
}
.menu_child_room{
	width: 560px;
}
.menuc_btn_item{
	margin-bottom: 15px;
}
.menuc_btn_item .menuc_btn{
	margin-bottom: 0;
}

.menu_right{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 20px;
	padding-right: 10px;
}
.menur_row{
	align-items: center;
}
.menur_item{
	padding-left: 12px;
	padding-right: 12px;
}
.menur_ibtn{
	display: block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #ddd;
	overflow: hidden;
}
.menur_ibtn img{
	width: 20px;
	height: 20px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.menur_ibtn:hover{
	background-color: #0866ff;
}
.menur_ibtn:hover img{
	left: -1000px;
    filter: drop-shadow(1000px 0 #fff);
}
.lang_select{
	display: block;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
.lang_icon{
	display: inline-block;
	width: 16px;
	margin-left: 3px;
}
.lang_div{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #bbb;
	display: none;
}
.lang_btn{
	display: block;
	font-size: 15px;
	color: #333;
	text-align: center;
	padding: 7px 5px;
}
.lang_btn:hover{
	background-color: #eee;
}
.menur_reserve{
	display: block;
	width: 100px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
	background-color: #ffffff32;
	border: none;
	padding: 9px 0 7px;
	cursor: pointer;
}
.menur_reserve:hover{
	color: #232222;;
	background-color: #ddd;
}
.reserve_div{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #bbb;
	display: none;
}
.reserve_btn{
	display: block;
	font-size: 15px;
	color: #333;
	text-align: center;
	padding: 7px 5px;
}
.reserve_btn:hover{
	background-color: #eee;
}
.header_logo{
	position: absolute;
	top: 7px;
	left: 20px;
	width: 120px;
}
.mobile_btn{
	position: absolute;
	top: 17px;
	right: 20px;
	cursor: pointer;
	display: none;
}
.body_top{
	height: 80px;
}

/* index */
.kv{
	height: 1000px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #f2f2f2;
}
.kv_bg{
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.index_kv_bg{
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	animation-name: ani_zoomin, ani_fadein;
	animation-duration: 5s, 1.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes ani_zoomin{
	0% {transform: scale(1.2);}
	100% {transform: scale(1);}
}
@keyframes ani_fadein{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.kv_con{
	height: 100%;
	padding-top: 300px;
}
.kv_sub{
	font-family: var(--ch2);
	font-size: 19px;
	color: #fff;
	letter-spacing: 5px;
	margin-bottom: 20px;
}
.kv_title{
	font-family: var(--en);
	font-size: 70px;
	color: #fff;
	letter-spacing: 3px;
	line-height: 1.2em;
}
.kvb_icon{
	width: 45px;
}
.kv_bottom{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
}
.kvb_con{
	flex: 1;
	padding-left: 15px;
}
.kvb_text1{
	font-size: 14px;
	color: #fff;
	letter-spacing: 2px;
	margin-bottom: 3px;
}
.kvb_text2{
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
}
.reserve{
	background-color: #100F0F;
	padding: 30px;
}
.reserve_input_div{
	width: 35%;
	padding-left: 10px;
	padding-right: 10px;
}
.reserve_input_div2{
	width: 17%;
	padding-left: 10px;
	padding-right: 10px;
}
.reserve_input_div3{
	width: 16%;
	padding-left: 10px;
	padding-right: 10px;
}
.reserve_submit_div{
	width: 15%;
	padding-left: 10px;
	padding-right: 10px;
}
.reserve_input{
	appearance: none;
	width: 100%;
	height: 43px;
	background: none;
	border: none;
	border-radius: 0;
	font-size: 16px;
	color: #fff;
	padding: 8px 10px 8px 40px;
	border-bottom: 1px dotted #b1b1b1;
}
.reserve_input:focus{
	outline: none;
}
.reserve_input::placeholder{
	color: #fff;
}
.reserve_input option{
	color: #000;
}
.reserve_icon{
	position: absolute;
	top: 10px;
	left: 15px;
	width: 20px;
}
.reserve_submit{
	display: block;
	width: 100%;
	color: #232222;
	text-align: center;
	letter-spacing: 1.5px;
	padding: 11px 0;
	background-color: #fff;
}
.reserve_submit:hover{
	background-color: #EF9C00;
}
/* flatpickr */
.flatpickr-day{
	border-radius: 8px;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange{
	border-radius: 8px 0 0 8px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange{
	border-radius: 0 8px 8px 0;
}

/* index */
.index_menu{
	padding-top: 80px;
	padding-bottom: 40px;
}
.sec_title_en{
	font-family: var(--en);
	font-size: 42px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.sec_title{
	font-family: var(--ch2);
	font-size: 19px;
	text-align: center;
	letter-spacing: 5px;
	margin-bottom: 50px;
}
.index_menu_row{
	padding-top: 20px;
}
.index_menu_item{
	width: 20%;
	margin-bottom: 25px;
}
.index_menu_btn{
	display: block;
	color: #232222;
	padding-bottom: 40px;
	border-bottom: 2px solid transparent;
}
.index_menu_btn:hover{
	border-bottom-color: #EF9C00;
}
.index_menu_icon{
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.index_menu_btitle1{
	font-size: 14px;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 5px;
}
.index_menu_btitle2{
	font-family: var(--en);
	text-align: center;
	letter-spacing: 1px;
}
.index_banner{
	padding-bottom: 33%;
	overflow: hidden;
}
.index_banner_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: none;
	transition: top 6s;
}
.banner_move.animate__animated{
	top: var(--banner_ani);
}
.index_banner_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #653E21;
	opacity: 0.2;
}
.index_banner_con{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}
.index_banner_title{
	font-family: var(--ch2);
	font-size: 19px;
	color: #fff;
	letter-spacing: 5px;
	margin-bottom: 10px;
}
.index_banner_title_en{
	font-family: var(--en);
	font-size: 44px;
	color: #fff;
	margin-bottom: 30px;
}
.main_btn{
	display: block;
	width: 200px;
	color: #EF9C00;
	text-align: center;
	letter-spacing: 2px;
	padding: 13px 0;
	background-color: #100F0F;
	cursor: pointer;
}
.main_btn:hover{
	color: #100F0F;
	background-color: #EF9C00;
}
.main_sec{
	padding-top: 80px;
	padding-bottom: 80px;
}
.spbg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 540px;
	background-image: url(../img/spbg.png);
}
.spbg1{
	height: 400px;
}
.sec_title1{
	font-family: var(--ch2);
	font-size: 19px;
	text-align: center;
	letter-spacing: 5px;
	margin-bottom: 10px;
}
.sec_title1_en{
	font-family: var(--en);
	font-size: 40px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 40px;
}
.sec_title2{
	font-size: 19px;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 5px;
}
.sec_title2_en{
	font-family: var(--en);
	font-size: 32px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 40px;
}
.iroom_item{
	display: none;
}
.iroom_item:first-child{
	display: block;
}
.iroom_box{
	max-width: 680px;
	padding-top: 25px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 22px;
	margin-left: auto;
	margin-right: auto;
	transition: padding 0.5s;
}
.iroom_item.slick-current .iroom_box{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
.iroom_abtn{
	display: block;
	color: #232222;
	padding-bottom: 30px;
	border-bottom: 2px solid transparent;
}
.iroom_item.slick-current .iroom_abtn{
	border-bottom-color: #EF9C00;
}
.iroom_img{
	padding-bottom: 58%;
	margin-bottom: 30px;
	overflow: hidden;
}
.iroom_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform 0.3s;
}
.iroom_title{
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.iroom_text{
	font-size: 15px;
	color: #9B9B9B;
	letter-spacing: 1px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 45px;
	visibility: hidden;
}
.iroom_item.slick-current .iroom_text{
	visibility: visible;
}
.iroom_abtn:hover .iroom_img img{
	transform: scale(1.05);
}
@media (min-width: 992px){
	.iroom_slick.type_ls{
		display: flex;
		justify-content: center;
	}
	.type_ls .iroom_item{
		width: 33.33%;
		padding: 0 30px;
		display: block;
	}
	.type_ls .iroom_box{
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.type_ls .iroom_abtn{
		border-bottom-color: #EF9C00;
	}
	.type_ls .iroom_text{
		visibility: visible;
	}
}
.sec_discover{
	padding-top: 80px;
}
.discover_item{
	color: #fff;
	padding-bottom: 100px;
	margin-bottom: 140px;
}
.discover_bg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 70px);
	background-color: #454849;
	background-image: url(../img/spbg.png);
}
.discover_item_con{
	max-width: 1630px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
.discover_img{
	width: 56.5%;
}
.discover_con{
	width: 43.5%;
}
.discover_box{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-left: 100px;
}
.discover_title_row{
	align-items: center;
	margin-bottom: 40px;
}
.discover_icon{
	width: 50px;
}
.discover_title{
	flex: 1;
	font-size: 24px;
	letter-spacing: 1px;
	padding-left: 30px;
}
.discover_text{
	max-width: 450px;
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 80px;
}
.discover_item2{
	margin-bottom: 140px;
}
.discover_box2{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	max-width: 550px;
	padding-right: 100px;
}
.discover_slick_item{
	display: none;
}
.discover_slick_item:first-child{
	display: block;
}
.sec_photo{
	padding-bottom: 80px;
}
.photo_a{
	color: #757677;
}
/*
.photo_a:hover{
	color: #EF9C00;
}
*/
.photo_item{
	width: 16.66%;
}
.photo_box{
	display: block;
	padding-bottom: 100%;
	overflow: hidden;
}
.photo_box img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform 0.3s;
}
.photo_box:hover img{
	transform: scale(1.05);
}

/* footer */
footer{
	padding: 30px 0;
	background-color: #232222;
}
.footer_con{
	max-width: 1530px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.footer_main{
	margin-bottom: 80px;
}
.footer_logo{
	width: 135px;
}
.footer_menu{
	flex: 1;
	padding-top: 20px;
	padding-left: 80px;
	padding-right: 30px;
	order: 2;
}
.footer_menu_item{
	width: 220px;
}
.footer_menu_item2{
	flex: 1;
}
.fmi2_item{
	text-align: right;
	padding-right: 30px;
	border-right: 1px solid #666;
}
.footer_a1{
	display: block;
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.footer_a1:hover{
	color: #EF9C00;
}
.footer_a{
	display: block;
	width: 100%;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 6px;
}
.footer_a:hover{
	color: #EF9C00;
}
.footer_right{
	padding-top: 15px;
	order: 3;
}
.footer_rmenu{
	justify-content: flex-end;
}
.footer_ra1{
	display: block;
	font-size: 15px;
	color: #fff;
	letter-spacing: 2px;
	letter-spacing: 2px;
}
.footer_ra1:hover{
	color: #EF9C00;
}
.footer_rsp{
	padding-left: 30px;
	padding-right: 20px;
}
.footer_rsp > div{
	width: 1px;
	height: 24px;
	background-color: #666;
}
.footer_social_item{
	padding-left: 10px;
	padding-right: 10px;
}
.footer_social_btn{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #444;
	padding-top: 5px;
}
.footer_social_btn img{
	width: 27px;
	margin-left: auto;
	margin-right: auto;
}
.footer_social_btn:hover{
	background-color: #EF9C00;
}
.footer_menu2{
	line-height: 1.8em;
	margin-bottom: 7px;
}
.footer_menu2_a{
	font-size: 14px;
	color: #fff;
}
.footer_menu2_a:hover{
	color: #EF9C00;
}
.footer_menu2 span{
	font-size: 14px;
	color: #fff;
	top: -1px;
	margin-left: 7px;
	margin-right: 7px;
}
.footer_info{
	margin-top: 2px;
}
.footer_info_item{
	display: inline-block;
	font-size: 13px;
	color: #fff;
	margin-right: 20px;
}
.footer_info_item a{
	color: #fff;
}
.footer_info_item a:hover{
	color: #EF9C00;
}
.copyright{
	position: absolute;
	bottom: 0;
	right: 15px;
	font-size: 12px;
	font-family: "Arial";
	color: #fff;
}

/* about */
ul li, ol li{
	margin-bottom: 5px;
}
.about_main{
	margin-bottom: -100px;
}
#about1{
	position: absolute;
	top: -80px;
	left: 0;
}
#about2{
	position: absolute;
	top: -80px;
	left: 0;
}
.about_award{
	padding-top: 100px;
	padding-bottom: 120px;
}
.award_con{
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}
.award_item{
	align-items: center;
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
}
.awardi_icon{
	width: 60px;
}
.awardi_con{
	flex: 1;
	padding-left: 40px;
}
.awardi_title{
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 5px;
}
.awardi_text{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}

/* art */
.art_title{
	font-size: 21px;
	letter-spacing: 6px;
	margin-bottom: 10px;
}
.art_title_en{
	font-family: var(--en);
	font-size: 32px;
	letter-spacing: 1px;
	margin-bottom: 50px;
}
.art_main_text{
	max-width: 800px;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2em;
	margin-left: auto;
	margin-right: 0;
}
.art_con{
	max-width: 1540px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.art_picture_left{
	max-width: 1080px;
	cursor: pointer;
}
.art_picture_left:hover{
	color: #EF9C00;
}
.artp_left_info{
	max-width: 720px;
	padding-top: 25px;
	padding-left: 80px;
}
.artp_title{
	font-size: 19px;
	letter-spacing: 1px;
}
.artp_floor{
	font-family: var(--en);
	font-size: 25px;
	letter-spacing: 1px;
	margin-left: 15px;
}
.artp_name{
	font-size: 14px;
	letter-spacing: 0.5px;
}
.artp_hr{
	height: 1px;
	background-color: #ddd;
	margin-top: 25px;
}
.art_picture_right{
	position: absolute;
	top: 200px;
	right: 15px;
	max-width: 450px;
	cursor: pointer;
}
.art_picture_right:hover{
	color: #EF9C00;
}
.artp_right_info{
	max-width: 340px;
	padding-top: 20px;
}
.art_con{
	max-width: 1550px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.art_block_row{
	margin-left: -2px;
	margin-right: -2px
}
.art_block_item{
	width: 16.66%;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 4px;
}
.art_block_box{
	cursor: pointer;
}
.art_block_img{
	padding-bottom: 100%;
}
.art_block_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.art_block_item.t2{
	width: 33.33%;
}
.art_block_item.t2 .art_block_img{
	padding-bottom: 49.6%;
}
.art_block_info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16,15,15,0.8);
	opacity: 0;
	transition: opacity 0.5s;
}
.art_block_con{
	top: 50%;
	transform: translateY(-50%);
	padding: 0 15px;
}
.art_block_ititle{
	font-size: 19px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.art_block_iname{
	font-size: 14px;
	color: #fff;
	letter-spacing: 0.5px;
}
.art_block_floor{
	position: absolute;
	top: 10px;
	right: 15px;
	font-family: var(--en);
	font-size: 25px;
	color: #fff;
	letter-spacing: 1px;
}
.art_block_box:hover .art_block_info{
	opacity: 1;
}
.art_room_con{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.art_room_box{
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	cursor: pointer;
}
.art_room_img{
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 30px;
	overflow: hidden;
}
.art_room_img img{
	transition: transform 0.3s;
}
.art_room_title{
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.art_room_name{
	font-size: 14px;
	margin-bottom: 20px;
}
.art_room_text{
	font-size: 14px;
	line-height: 1.7em;
}
.art_room_box:hover{
	color: #EF9C00;
}
.art_room_box:hover .art_room_img img{
	transform: scale(1.05);
}
.banner{
	height: 480px;
}
.banner_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.2;
}
.banner_con{
	top: 50%;
	transform: translateY(-50%);
	padding-left: 15px;
	padding-right: 15px;
}
.banner_title{
	font-family: var(--ch2);
	font-size: 21px;
	color: #fff;
	letter-spacing: 6px;
	text-align: center;
	margin-bottom: 10px;
}
.banner_title_en{
	font-family: var(--en);
	font-size: 32px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}
.partb_photo{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.popup_art_item{
	height: 100vh;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	overflow-y: auto;
}
/*
.popup_art_item::-webkit-scrollbar{
    width: 6px;
}
.popup_art_item::-webkit-scrollbar-track{
    border-radius: 10px;
}
.popup_art_item::-webkit-scrollbar-thumb{
    background-color: #666;
    border-radius: 10px;
}
*/
.partb_bg{
	position: absolute;
	top: 100px;
	left: 0;
	width: 100%;
	height: calc(100% - 100px);
	background-color: #100F0F;
}
.popup_art_box{
	max-width: 1200px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.partb_con{
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.partb_title_row{
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
	margin-bottom: 40px;
}
.partb_title{
	flex: 1;
	font-size: 36px;
	letter-spacing: 1px;
	padding-right: 15px;
}
.partb_title_floor{
	font-family: var(--en);
	font-size: 48px;
	letter-spacing: 2px;
}
.partb_left{
	width: 50%;
	padding-right: 60px;
}
.partb_right{
	width: 50%;
	padding-left: 40px;
	border-left: 1px solid #666;
}
.partb_name_row{
	margin-bottom: 40px;
}
.partb_people_div{
	width: 70px;
}
.partb_people{
	border-radius: 50%;
}
.partb_name_div{
	flex: 1;
	padding-left: 20px;
}
.partb_name{
	font-size: 14px;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}
.partb_name_en{
	font-size: 18px;
	letter-spacing: 1px;
}
.partb_text{
	font-size: 15px;
	letter-spacing: 1.5px;
	line-height: 2em;
}
.partb_info{
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 1.7em;
	margin-bottom: 37px;
}
.partb_pos_row{
	margin-top: 50px;
}
.partb_pos_img{
	width: 50%;
	padding-right: 20px;
}
.partb_pos_text{
	width: 50%;
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 1.8em;
	padding-top: 50px;
}
.popup_art_slick .slick-prev, .popup_art_slick .slick-next{
	width: 26px;
	height: 49px;
	background-size: contain;
}
.popup_art_slick .slick-prev{
	background-image: url(../img/arrow_left.png);
	left: 20px;
}
.popup_art_slick .slick-next{
	background-image: url(../img/arrow_right.png);
	right: 20px;
}

/* room */
.page_kv3{
	height: 640px;
}
.page_kv3_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #653E21;
	opacity: 0.2;
}
.page_kv3_con{
	height: 100%;
	padding-top: 280px;
}
.page_kv3_title{
	font-size: 27px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.page_kv3_title_en{
	font-family: var(--en);
	font-size: 50px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	letter-spacing: 2px;
}
.page_kv3_bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.con_1530{
	max-width: 1530px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.room_main_pic_01{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 150px;
}
.room_main_pic_02{
	position: absolute;
	top: 300px;
	left: 0;
}
.room_main_pic_03{
	position: absolute;
	top: 70px;
	right: 0;
}
.room_main_title{
	font-family: var(--ch2);
	font-size: 21px;
	text-align: center;
	letter-spacing: 6px;
	margin-bottom: 10px;
}
.room_main_title_en{
	font-family: var(--en);
	font-size: 32px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 30px;
}
.room_main_text{
	max-width: 800px;
	font-size: 15px;
	letter-spacing: 3px;
	line-height: 2em;
	margin-left: auto;
	margin-right: auto;
}
.con_1500{
	max-width: 1500px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.room_item{
	margin-bottom: 60px;
}
.room_box{
	display: block;
	color: #232222;
}
.roomb_img_div{
	margin-bottom: 15px;
}
.roomb_img{
	padding-bottom: 58%;
	overflow: hidden;
	margin-bottom: 15px;
}
.roomb_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform 0.3s;
}
.roomb_slick_ctrl{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	color: #fff;
	background-color: #232222;
	padding: 5px 10px;
}
.roomb_slick_next{
	display: inline-block;
	width: 8px;
	margin-left: 12px;
}

.roomb_title{
	font-size: 24px;
	letter-spacing: 1px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}
.roomb_hr{
	height: 1px;
	background-color: #eee;
	margin-bottom: 20px;
}
.roomb_text{
	font-size: 14px;
	color: #9B9B9B;
	letter-spacing: 1px;
	line-height: 1.6em;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 5px;
}
.roomb_more{
	text-align: right;
	letter-spacing: 1.5px;
	padding-left: 15px;
	padding-right: 15px;
}
.roomb_more span{
	padding-bottom: 4px;
	border-bottom: 1px solid #232222;
}
.room_box:hover .roomb_img img{
	transform: scale(1.05);
}
.room_box:hover .roomb_more{
	color: #EF9C00;
}
.room_box:hover .roomb_more span{
	border-bottom-color: #EF9C00;
}
.page_kv2{
	height: 450px;
}
.page_kv2_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #653E21;
	opacity: 0.4;
}
.page_kv2_con{
	padding-top: 250px;
}
.page_kv2_title_en{
	font-family: var(--en);
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.page_kv2_title{
	font-size: 50px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 2px;
}
.roomp_main_title{
	font-family: var(--ch2);
	font-size: 21px;
	letter-spacing: 6px;
	margin-bottom: 10px;
}
.roomp_main_title_en{
	font-size: 32px;
	letter-spacing: 1px;
	margin-bottom: 50px;
}
.roomp_main_text{
	max-width: 800px;
	font-size: 15px;
	letter-spacing: 3px;
	line-height: 2.2em;
	margin-left: auto;
	margin-right: 0;
}
.roomps_item{
	display: none;
}
.roomps_item:first-child{
	display: block;
}
.roomps_img{
	height: 700px;
}
.roomps_img img{
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.roomps_title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 24px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	padding: 40px 15px;
	background: linear-gradient(#00000000, #00000088);
}
.room_info{
	margin-bottom: 60px;
}
.room_info_item{
	width: 33.33%;
	padding-left: 30px;
	padding-right: 30px;
}
.room_info_item::before{
	position: absolute;
	content: "";
	top: 3px;
	left: 0;
	width: 1px;
	height: 30px;
	background-color: #ddd;
}
.room_info_item:first-child{
	padding-left: 0;
}
.room_info_item:first-child::before{
	display: none;
}
.room_info_item:last-child{
	padding-right: 0;
}
.room_info_icon{
	width: 24px;
	padding-top: 4px;
}
.room_info_div{
	flex: 1;
	
	padding-left: 10px;
}
.room_info_title{
	font-size: 16px;
	margin-bottom: 7px;
}
.room_info_text{
	font-size: 20px;
}

.room_info_unit_ch{
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.2em;
}
.room_info_unit_en{
	font-size: 14px;
	line-height: 1.2em;
}
.room_intro_text{
	flex: 1;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2em;
	padding-right: 100px;
}
.roomi_btn_row{
	margin-left: -7px;
	margin-right: -7px;
}
.roomi_btn_item{
	padding-left: 7px;
	padding-right: 7px;
}
.roomi_btn{
	display: block;
	width: 200px;
	color: #EF9C00;
	text-align: center;
	padding: 12px 0;
	border: 1px solid #100F0F;
	background-color: #100F0F;
}
.roomi_btn.type2{
	color: #100F0F;
	border-color: #CECECE;
	background-color: #fff;
}
.roomi_btn:hover{
	color: #100F0F;
	border-color: #EF9C00;
	background-color: #EF9C00;
}
.roomi_btn_icon{
	position: absolute;
	top: 18px;
	left: 15px;
	width: 16px;
}
.room_equ_title{
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 25px;
}
.room_equ_hr{
	border-color: #666;
	margin-bottom: 35px;
}
.room_equ_box{
	margin-bottom: 30px;
}
.room_equ_icon{
	width: 33px;
	height: 33px;
}
.room_equ_icon img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.room_equ_text{
	flex: 1;
	font-size: 15px;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-left: 15px;
}
.slick_page_div{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background-color: #232222;
	padding: 21px 40px;
}
.slick_page_btn{
	width: 10px;
	cursor: pointer;
}
.slick_page_num{
	font-family: "Arial";
	font-size: 12px;
	padding: 0 15px;
}

/* news */
.page_kv{
	height: 320px;
}
.page_kv_con{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-bottom: 30px;
}
.page_kv_title{
	font-size: 27px;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
}
.page_kv_title2{
	font-family: var(--en);
	font-size: 54px;
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
}
.news_sort{
	padding: 20px 5px;
}
.sort_row{
	justify-content: center;
}
.sort_btn{
	width: 100px;
	font-size: 15px;
	color: #232222;
	font-weight: 500;
	text-align: center;
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.sort_btn:hover{
	border-bottom: 2px solid #EF9C00;
}
.sort_btn.active{
	border-bottom: 2px solid #EF9C00;
}
.news_tag_sec{
	padding: 10px 0 20px 0;
}
.news_tag_row{
	justify-content: center;
}
.news_tag_btn{
	font-size: 15px;
	color: #232222;
	text-align: center;
	padding: 5px 12px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}
.news_tag_btn:hover{
	border-color: #EF9C00;
	background-color: #EF9C00;
}
.news_tag_btn.active{
	border-color: #EF9C00;
	background-color: #EF9C00;
}
.news_item{
	margin-bottom: 30px;
}
.news_box{
	display: block;
	color: #232222;
	padding-bottom: 20px;
	border-bottom: 2px solid transparent;
}
.newsb_img{
	padding-bottom: 135%;
	margin-bottom: 20px;
	overflow: hidden;
}
.newsb_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform 0.3s;
}
.newsb_sub{
	font-size: 11px;
	color: #9B9B9B;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.newsb_title{
	height: 58px;
	letter-spacing: 1px;
	line-height: 1.8em;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news_box:hover{
	border-bottom-color: #EF9C00;
}
.news_box:hover .newsb_img img{
	transform: scale(1.05);
}
.navigation_div{
	padding-top: 10px;
}
.pagination{
	justify-content: center;
}
.page-link{
	color: #232222;
	border: none;
	background: none;
}
.page-link:focus{
	color: #232222;
	box-shadow: none;
	background: none;
}
.page-item.active .page-link{
	color: #232222;
	background-color: #EF9C00;
}
.page-item:hover .page-link{
	color: #232222;
	background-color: #EF9C00;
}
.newsp_main{
	background-color: #100F0F;
}
.newsp_left{
	width: 40%;
}
.newsp_right{
	width: 60%;
}
.newsp_left_img{
	position: fixed;
	top: 0;
	left: 0;
	width: 40%;
}
.newsp_con{
	max-width: 960px;
	padding: 200px 160px 100px 160px;
}
.newsp_date{
	font-size: 12px;
	color: #aaa;
	margin-bottom: 50px;
}
.newsp_date_ec{
	font-size: 18px;
	color: #FFB936;
	margin-left: 10px;
}
.newsp_title{
	font-size: 36px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1.5px;
	line-height: 1.6em;
	margin-bottom: 70px;
}
.newsp_text{
	color: #fff;
	letter-spacing: 1px;
	line-height: 2.2em;
}
.newsp_bottom{
	justify-content: center;
	padding-top: 70px;
	padding-bottom: 60px;
	border-bottom: 1px solid #666;
}
.newsp_abtn{
	min-width: 180px;
	color: #232222;
	text-align: center;
	letter-spacing: 1px;
	padding: 10px 20px;
	background-color: #fff;
}
.newsp_abtn:hover{
	background-color: #EF9C00;
}
.newsp_bright_row{
	margin-left: -8px;
	margin-right: -8px;
}
.newsp_sitem{
	padding-left: 8px;
	padding-right: 8px;
}
.newsp_sbtn{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #444;
	padding-top: 5px;
}
.newsp_sbtn img{
	width: 27px;
	margin-left: auto;
	margin-right: auto;
}
.newsp_sbtn:hover{
	background-color: #EF9C00;
}
.newsp_other{
	padding-top: 60px;
}
.newsp_other_title{
	font-size: 17px;
	color: #fff;
	letter-spacing: 5px;
	text-align: center;
	margin-bottom: 60px;
}
.newsp_other_title span{
	color: #EF9C00;
	top: -1px;
}
.newsp_other_btn{
	display: block;
	color: #fff;
	background-color: #1f1e1e;
	margin-bottom: 20px;
}
.newspob_img{
	width: 300px;
	height: 175px;
	overflow: hidden;
}
.newspob_img img{
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform 0.3s;
}
.newspob_con{
	flex: 1;
	padding: 15px 30px;
}
.newspob_title_en{
	font-family: var(--en);
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}
.newspob_title{
	height: 48px;
	letter-spacing: 1px;
	margin-bottom: 5px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.newspob_atext{
	font-size: 12px;
	color: #EF9C00;
	letter-spacing: 2px;
}
.newsp_other_btn:hover{
	color: #EF9C00;
}
.newsp_other_btn:hover .newspob_img img{
	transform: scale(1.05);
}
.btn_icon_dl{
	position: absolute;
	top: 13px;
	right: 15px;
	width: 16px;
}

/* restaurant */
.din_title{
	font-size: 21px;
	letter-spacing: 6px;
	margin-bottom: 10px;
}
.din_title_en{
	font-family: var(--en);
	font-size: 32px;
	letter-spacing: 1px;
}
.din_btn_row{
	justify-content: center;
	border-bottom: 1px solid #ddd;
}
.din_btn{
	width: 25%;
	font-size: 14px;
	color: #232222;
	font-weight: 500;
	text-align: center;
	padding: 15px 0;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}
.din_btn:hover{
	border-bottom-color: #EF9C00;
}
.din_btn.active{
	border-bottom-color: #EF9C00;
}

/* restaurant page */
.res_s1_row1{
	margin-bottom: 60px;
}
.res_time_div{
	flex: 1;
}
.res_time_item{
	padding-left: 30px;
	padding-right: 60px;
	border-left: 1px solid #ddd;
}
.res_time_item:first-child{
	padding-left: 0;
	border-left: none;
}
.res_time_title{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}
.res_time_text{
	font-family: var(--en);
	font-size: 16px;
	letter-spacing: 1px;
}
.res_social_row{
	margin-left: -10px;
	margin-right: -10px;
}
.res_social_btn{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #fff;
	padding-top: 5px;
	overflow: hidden;
}
.res_social_btn img{
	width: 27px;
	margin-left: auto;
	margin-right: auto;
	left: -10000px;
	filter: drop-shadow(10000px 0 #777);
}
.res_social_btn:hover{
	background-color: #EF9C00;
}
.res_social_btn:hover img{
	filter: drop-shadow(10000px 0 #fff);
}
.res_s1_text{
	font-size: 14px;
	letter-spacing: 0.5px;
}
.res_s1_text p{
	margin-bottom: 12px;
}
.res_booking_row{
	justify-content: flex-end;
}
.res_food{
	padding-bottom: 80px;
}
.food_slick{
	padding: 2px 0;
}
.food_sitem{
	width: 33.33%;
	padding-left: 2px;
	padding-right: 2px;
	display: none;
}
.food_sitem:first-child{
	display: block;
}
.food_img{
	padding-bottom: 100%;
	cursor: pointer;
	transition: opacity 0.3s;
}
.food_img:hover{
	opacity: 0.8;
}
.food_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.food_sitem_row{
	margin: -2px;
}
.food_sbox{
	width: 50%;
	padding: 2px;
}
.slick_arrow_type2 .slick-prev, .slick_arrow_type2 .slick-next{
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.5);
}
.slick_arrow_type2 .slick-prev:hover, .slick_arrow_type2 .slick-next:hover{
	background-color: rgba(255,255,255,0.8);
}
.slick_arrow_type2 .slick-prev{
	background-image: url(../img/arrow_left_2.png);
	background-position: center;
}
.slick_arrow_type2 .slick-next{
	background-image: url(../img/arrow_right_2.png);
	background-position: center;
}
.resmenu_sec{
	padding-bottom: 70px;
}
.resmenu_btn{
	display: block;
	height: 100%;
	font-size: 15px;
	color: #232222;
	padding: 12px 15px;
	border-bottom: 1px solid #ddd;
}
.resmenu_btn_icon{
	position: absolute;
	top: 11px;
	right: 15px;
	width: 25px;
	height: 25px;
	overflow: hidden;
}
.resmenu_btn:hover .resmenu_btn_icon img{
	top: -25px;
}
.price_title{
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 30px;
}
.price_title_hr{
	height: 1px;
	background-color: #e2e2e2;
	margin-bottom: 50px;
}
.price_item{
	margin-bottom: 30px;
}
.priceb_title{
	font-weight: bold;
	margin-bottom: 20px;
}
.priceb_hr{
	height: 2px;
	background-color: #FFB936;
	margin-top: 20px;
	margin-bottom: 20px;
}
.pricebr_title{
	font-size: 15px;
	margin-bottom: 3px;
}
.priceb_text{
	font-size: 15px;
	margin-bottom: 30px;
}
.priceb_text1{
	font-size: 13px;
	margin-right: 5px;
}
.priceb_text2{
	font-size: 12px;
}
.priceb_text3{
	font-size: 18px;
	letter-spacing: 1px;
}
.priceb_img{
	padding-bottom: 56%;
	overflow: hidden;
	cursor: pointer;
}
.priceb_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.priceb_img:hover img{
	transform: scale(1.05);
}
.price_text{
	font-size: 14px;
	letter-spacing: 0.5px;
	text-align: center;
	padding-top: 50px;
}
.price_text p{
	margin-bottom: 12px;
}
.price_text_r1_1{
	font-size: 15px;
	text-align: center;
	margin-bottom: 30px;
}
.price_text_r1_2{
	font-size: 14px;
	margin-bottom: 40px;
}
.price_sp_r1{
	color: #FFB936;
	top: -1px;
	margin-left: 7px;
	margin-right: 10px;
}
.popup_resroom_con{
	height: 100%;
}
.pop_resroom_item{
	height: 100%;
	padding: 15px 0;
	display: none;
}
.pop_resroom_item.active{
	display: block;
}
.pop_resroom_item img{
	width: 1280px;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	transform: translateY(-50%);
}
.res_room_con{
	max-width: 155px;
	padding-left: 25px;
	margin-left: auto;
	margin-right: auto;
}
.res_room_row{
	align-items: center;
	margin-bottom: 15px;
}
.resrr_title{
	width: 40px;
	font-size: 15px;
	font-weight: 500;
}
.resrr_sp{
	width: 2px;
	height: 16px;
	background-color: #EF9C00;
}
.resrr_text{
	font-size: 17px;
	letter-spacing: 0.5px;
	padding-left: 15px;
}
.resrr_text span{
	font-size: 13px;
	margin-left: 5px;
}
.popup_food_con{
	max-width: 1400px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.popup_food_item img{
	max-height: calc(100vh - 100px);
	margin-left: auto;
	margin-right: auto;
}
.foodp_sitem{
	width: 33.33%;
	padding: 0 2px;
	display: none;
}
.foodp_sitem:first-child{
	display: block;
}
.foodp_img{
	padding-bottom: 100%;
}
.foodp_img img{
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.foodp_con{
	padding: 30px 60px;
}
.foodp_title{
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.foodp_text{
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 2em;
}
.foodp_abtn{
	position: absolute;
	bottom: 0;
	right: 60px;
	color: #232222;
	letter-spacing: 1.5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #232222;
}
.foodp_abtn:hover{
	color: #EF9C00;
	border-bottom-color: #EF9C00;
}

/* wm */
.sec_wm{
	height: 900px;
}
.wm_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wm_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #232222;
	opacity: 0.25;
}
.wm_con{
	position: absolute;
	top: 50%;
	right: 110px;
	width: 450px;
	padding: 0 15px;
	transform: translateY(-50%);
}
.wmc_title{
	font-size: 40px;
	color: #fff;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.wmc_title_en{
	font-family: var(--en);
	font-size: 24px;
	color: #fff;
	letter-spacing: 0.5px;
	margin-left: 10px;
}
.wmc_btn{
	display: block;
	height: 120px;
	color: #232222;
	background-color: #fff;
	margin-bottom: 10px;
}
.wmb_img{
	width: 180px;
	height: 120px;
}
.wmb_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wmb_con{
	flex: 1;
	padding: 18px 15px;
}
.wmb_title{
	font-size: 14px;
	margin-bottom: 15px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.wmb_more{
	font-size: 12px;
	color: #8E8E8E;
}
.wmc_btn:hover{
	background-color: #EF9C00;
}
.wmc_btn:hover .wmb_more{
	color: #fff;
}
.wmc_more{
	display: block;
	font-size: 15px;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #fff;
}
.wmc_more:hover{
	color: #100F0F;
	background-color: #EF9C00;
	border-color: #EF9C00;
}
.site_slick_div{
	margin-bottom: 80px;
}
.site_item{
	margin-bottom: 40px;
}
.site_box{
	display: block;
	color: #232222;
}
.siteb_img{
	padding-bottom: 58%;
	overflow: hidden;
}
.siteb_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.siteb_con{
	padding: 20px 15px;
}
.siteb_title{
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.siteb_title_en{
	font-family: var(--en);
	font-size: 20px;
	margin-right: 10px;
}
.siteb_hr{
	height: 1px;
	background-color: #ccc;
	margin-bottom: 15px;
}
.siteb_text{
	flex: 1;
	height: 48px;
	font-size: 14px;
	color: #9B9B9B;
	line-height: 1.7em;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.siteb_more_div{
	width: 100px;
}
.siteb_more{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 7px;
	border-bottom: 1px solid #232222;
}
.site_box:hover .siteb_img img{
	transform: scale(1.05);
}
.site_box:hover .siteb_more{
	color: #EF9C00;
	border-color: #EF9C00;
}
.wedb_title{
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.wedb_ec{
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #E2D1B8;
}
.wed_botinfo{
	padding-bottom: 100px;
}
.wed_botinfo_text{
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 2em;
}
.wed_botinfo_a{
	color: #EF9C00;
	text-decoration: underline;
}
.wed_botinfo_a:hover{
	text-decoration: underline;
}
.wed_botinfo_btn{
	margin-left: auto;
	margin-right: 0;
}
.form_row{
	margin-bottom: 40px;
}
.form_title{
	font-size: 14px;
	margin-bottom: 10px;
}
.form_sel_div{
	font-size: 15px;
	padding-top: 10px;
}
.form_sel_div label{
	margin-bottom: 10px;
}
input[type="radio"]{
	top: 1px;
	margin-right: 7px;
}
.main_input{
	width: 100%;
	font-size: 14px;
	padding: 10px 15px;
	background-color: #fff;
	border: none;
}
.main_input:focus{
	outline: none;
}
select:focus{
	outline: none;
}
.main_select{
	width: 100%;
	font-size: 14px;
	padding: 10px 15px;
	background-color: #fff;
	border: none;
}
textarea{
	width: 100%;
	font-size: 14px;
	padding: 10px 15px;
	background-color: #fff;
	border: none;
}
textarea:focus{
	outline: none;
}
.main_textarea{
	min-height: 100px;
}
button{
	border: none;
}
.reu_item{
	margin-bottom: 80px;
}
.reu_box{
	display: block;
	color: #232222;
}
.reub_img{
	padding-bottom: 58%;
	overflow: hidden;
}
.reub_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.reub_con{
	padding: 20px 15px;
}
.reub_title{
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.reu_box:hover .reub_img img{
	transform: scale(1.05);
}
.reu_box:hover .siteb_more{
	color: #EF9C00;
	border-color: #EF9C00;
}
.reu_sec1{
	padding-top: 80px;
	padding-bottom: 0;
}
.met_stitle{
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 30px;
}
.mets_map{
	width: 50%;
	text-align: center;
	padding: 100px 15px;
	background-color: #373534;
}
.mets_map_div{
	display: inline-block;
}
.mets_map_mark_div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.mets_map_mark{
	display: none;
}
.mets_map_mark.active{
	display: block;
}
.mets_map_mag{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #fff;
	padding-top: 8px;
	cursor: pointer;
}
.mets_map_mag:hover{
	background-color: #FFB936;
}
.mets_map_mag img{
	width: 12px;
	margin-left: auto;
	margin-right: auto;
}
.met_map_big{
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.mets_info{
	width: 50%;
	background-color: #232222;
	background-image: url(../img/spbg.png);
}
.mets_sel_div{
	padding: 40px 80px 30px 80px;
	background-color: #1E1E1E;
}
.mets_sel_title{
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.mets_row{
	margin-left: -7px;
	margin-right: -7px;
}
.mets_btn{
	font-size: 15px;
	color: #fff;
	padding: 6px 23px;
	border-radius: 20px;
	background-color: #4d4d4d;
	margin-left: 7px;
	margin-right: 7px;
	margin-bottom: 10px;
	cursor: pointer;
}
.mets_btn:hover, .mets_btn.active{
	color: #232222;
	background-color: #FFB936;
}
.mets_info_con{
	padding: 60px 80px;
}
.mets_item{
	max-width: 560px;
	display: none;
}
.mets_item.active{
	display: block;
}
.mets_title_div{
	color: #fff;
	margin-bottom: 20px;
}
.mets_title{
	font-size: 30px;
	margin-right: 20px;
}
.mets_title_en{
	font-family: var(--en);
	letter-spacing: 1px;
}
.mets_title_hr{
	height: 2px;
	background-color: #FFB936;
	margin-bottom: 30px;
}
.mets_title2{
	font-size: 15px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 5px;
}
.mets_text{
	color: #fff;
}
.metsc_row{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
}
.metsc_item{
	font-size: 14px;
	color: #fff;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
}
.mets_hr{
	height: 1px;
	background-color: #525252;
	margin-bottom: 20px;
}
.mets_text2{
	display: inline-block;
	font-size: 15px;
	color: #fff;
}
.mets_text2s{
	font-size: 12px;
}
.main_hr{
	height: 1px;
	background-color: #ddd;
	margin-bottom: 30px;
}
.met_info{
	color: #404040;
	text-align: center;
	margin-bottom: 80px;
}
.met_info p{
	margin-bottom: 10px;
}
.met_info p a{
	color: #404040;
	font-weight: bold;
	text-decoration: underline;
}
.met_info p a:hover{
	color: #EF9C00;
}
.met_info_brow{
	justify-content: center;
}
.mets_map2{
	background-color: #232222;
	padding: 40px 15px;
}

/* floor */
.floor_kv{
	height: 1000px;
}
.floor_kv_con{
	padding-top: 300px;
}
.floor_kv_btn_div{
	justify-content: center;
	padding-top: 60px;
}
.floor_kv_btn_item{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 30px;
}
.floor_kv_btn{
	display: block;
	color: #fff;
}
.floor_kv_btn_img{
	width: 80px;
	height: 80px;
	background-color: #fff;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.floor_kv_btn_img img{
	width: 25px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.floor_kv_btn_title{
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 10px;
}
.floor_kv_btn_title_en{
	font-family: var(--en);
	font-size: 14px;
	letter-spacing: 0.5px;
	text-align: center;
}
.sec_floor_bg{
	background-color: #100f0f;
	background-image: url(../img/spbg.png);
}
.floor_left{
	padding-top: 280px;
}
.floor_title{
	font-family: var(--ch2);
	font-size: 17px;
	color: #fff;
	letter-spacing: 3px;
	margin-bottom: 30px;
}
.floor_title_en{
	font-family: var(--en);
	font-size: 40px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 50px;
}
.floor_text{
	color: #fff;
	letter-spacing: 2px;
	line-height: 2.2em;
}
.floor_right{
	padding-left: 80px;
}
.floor_item{
	color: #fff;
	background-color: #232222;
	margin-bottom: 40px;
}
.floor_pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}
.floori_mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0C0F0F;
	opacity: 0.6;
}
.floor_btn{
	min-height: 60px;
	padding: 12px 25px;
	cursor: pointer;
}
.floorb_num{
	font-family: var(--en);
	font-size: 24px;
	letter-spacing: 1px;
	padding-right: 20px;
}
.floorb_num::after{
	position: absolute;
	content: "";
	top: 9px;
	right: 0;
	width: 1px;
	height: 20px;
	background-color: #fff;
}
.floorb_title{
	flex: 1;
	font-size: 18px;
	letter-spacing: 1px;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 20px;
}
.floorb_arrow_div{
	padding-top: 3px;
}
.floorb_arrow{
	width: 30px;
}
.floor_item.active .floorb_num > div{
	display: none;
}
.floor_item.active .floorb_num::after{
	display: none;
}
.floor_item.active .floorb_title > div{
	display: none;
}
.floor_item.active .floorb_arrow{
	transform: rotate(180deg);
}
.floori_con{
	padding: 20px 40px 100px 40px;
	display: none;
}
.floorc_title_div{
	margin-bottom: 40px;
}
.floorc_num{
	font-size: 36px;
	letter-spacing: 1px;
	padding-right: 20px;
}
.floorc_num::after{
	position: absolute;
	content: "";
	top: 15px;
	right: 0;
	width: 1px;
	height: 30px;
	background-color: #fff;
}
.floorc_title{
	flex: 1;
	font-size: 32px;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-left: 20px;
}
.floorc_text{
	letter-spacing: 0.5px;
	line-height: 1.8em;
}
.floorc_text .big{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.floorc_text a{
	color: #fff;
}
.floorc_text a:hover{
	color: #EF9C00;
}
.floorc_adiv{
	text-align: right;
	margin-top: 70px;
}
.floorc_a{
	letter-spacing: 3px;
	color: #fff;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}
.floorc_a:hover{
	color: #EF9C00;
	border-color: #EF9C00;
}

/* traffic */
.guide_map{
	width: 50%;
	background-color: #373534;
	padding: 30px 40px;
}
.canvas_path{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.path_flash{
	animation-name: ani_flash;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes ani_flash{
	0% {opacity: 1;}
	50% {opacity: 0.4;}
	100% {opacity: 1;}
}
.guide_info{
	width: 50%;
	background-color: #232222;
	background-image: url(../img/spbg.png);
	padding: 100px 80px 10px 80px;
}
.guide_set{
	margin-left: -12px;
	margin-right: -12px;
	margin-bottom: 100px;
}
.guide_set_item{
	flex: 1;
	padding-left: 12px;
	padding-right: 12px;
}
.guide_select{
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #ccc;
	background: none;
}
.guide_select option{
	color: #000;
}
.guide_set_btn_div{
	padding-left: 12px;
	padding-right: 12px;
}
.guide_set_btn{
	width: 180px;
	padding: 7px 0;
	color: #EF9C00;
	text-align: center;
	letter-spacing: 1px;
	border: 1px solid #EF9C00;
	cursor: pointer;
}
.guide_set_btn:hover{
	color: #fff;
	background-color: #EF9C00;
}
.guide_info_title{
	font-size: 30px;
	color: #fff;
	letter-spacing: 1px;
}
.guide_info_title_icon{
	display: inline-block;
	width: 42px;
	margin-left: 10px;
	margin-right: 10px;
}
.guide_info_text{
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 2em;
}
.guide_space{
	height: 1px;
	background-color: #666;
}
.traffic{
	padding-top: 100px;
	padding-bottom: 200px;
}
.traffic_btn{
	font-size: 20px;
	letter-spacing: 1px;
	padding: 25px 15px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
.traffic_btn:hover{
	background-color: #f1f1f1;
}
.trafficb_icon{
	width: 30px;
}
.trafficb_title{
	flex: 1;
	padding-left: 15px;
	padding-right: 15px;
}
.trafficb_arrow{
	width: 30px;
}
.trafficb_arrow_img{
	width: 30px;
}
.traffic_btn.active .trafficb_arrow_img{
	transform: rotate(180deg);
}
.traffici_con{
	padding-top: 50px;
	padding-bottom: 1px;
	display: none;
}
.traic_item{
	margin-bottom: 100px;
}
.traic_con{
	max-width: 480px;
}
.traic_title{
	font-weight: bold;
	margin-bottom: 10px;
}
.traic_hr{
	height: 2px;
	background-color: #EF9C00;
	margin-bottom: 25px;
}
.traic_text{
	font-size: 15px;
	line-height: 1.8em;
}

/* tour */
.tour_map{
	height: calc(100vh - 200px);
	overflow: auto;
}
.tour_map::-webkit-scrollbar{
	width: 0;
	height: 0;
}
.tour_map_img{
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
}
.tour_map_abtn_div{
	position: absolute;
	bottom: 12px;
	left: 50%;
	transform: translateX(-50%);
}
.tour_map_abtn{
	width: 120px;
	font-size: 14px;
	color: #232222;
	text-align: center;
	padding: 10px 0;
	background-color: #ffffff99;
	cursor: pointer;
}
.tour_map_abtn:hover{
	background-color: #FFB936;
}
.tour_map_abtn.active{
	background-color: #FFB936;
}
.tour_abtn{
	width: 40%;
}
.tour_page{
	display: none;
}
.tour_page.active{
	display: block;
}
.tour_title_sec{
	padding-top: 60px;
	padding-bottom: 1px;
	overflow: visible;
}
.tour_title_div{
	position: absolute;
	top: -135px;
	left: 15px;
}
.tour_title{
	font-size: 25px;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.tour_title_en{
	font-family: var(--en);
	font-size: 48px;
	letter-spacing: 2px;
	line-height: 1.2em;
}
.tour_item{
	margin-bottom: 60px;
}
.tour_box{
	display: block;
	color: #232222;
}
.tourb_img{
	padding-bottom: 66.66%;
	overflow: hidden;
}
.tourb_img img{
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.tourb_con{
	padding-top: 10px;
}
.tourb_title{
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.tourb_dis{
	width: 60px;
	font-size: 16px;
	color: #9B9B9B;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.tourb_dis > span{
	font-size: 11px;
}
.tourb_dist{
	flex: 1;
	font-size: 11px;
	color: #9B9B9B;
	text-align: right;
	padding-top: 5px;
	margin-bottom: 10px;
}
.tourb_hr{
	height: 1px;
	background-color: #ccc;
	margin-bottom: 10px;
}
.tourb_text{
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 1.7em;
}
.tour_box2{
	display: block;
	color: #232222;
}
.tourb2_img{
	padding-bottom: 58.33%;
	overflow: hidden;
}
.tourb2_img img{
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.tourb2_con{
	padding: 15px;
}
.tourb2_title{
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.tourb2_text{
	font-size: 14px;
	color: #9B9B9B;
	letter-spacing: 0.5px;
	line-height: 1.7em;
	margin-bottom: 5px;
}
.tourb2_abtn{
	text-align: right;
	font-size: 15px;
	letter-spacing: 1.5px;
}
.tourb2_abtn span{
	padding-bottom: 4px;
	border-bottom: 1px solid #232222;
}
.tour_box2:hover{
	color: #EF9C00;
}
.tour_box2:hover .tourb2_text{
	color: #EF9C00;
}
.tour_box2:hover .tourb2_img img{
	transform: scale(1.05);
}
.tour_box2:hover .tourb2_abtn span{
	border-color: #EF9C00;
}
.tour_page_kv{
	height: 840px;
}
.tour_page_kv_con{
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
}
.tour_page_kv_title{
	font-size: 32px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.tour_page_kv_text{
	font-size: 14px;
	color: #EF9C00;
}
.w960{
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.tour_page_text{
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 2em;
}

/* other */
.edit_area img{
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
}
.edit_area a{
	color: #EF9C00;
}
.edit_area a:hover{
	color: #b77800;
}
.edit_area iframe{
	width: 100%;
}
.video_frame{
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video_frame iframe, .video_frame video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 10000;
	display: none;
}
.popup_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.85;
}
.popup_close_btn{
	position: absolute;
	top: 20px;
	right: 30px;
	cursor: pointer;
}
.popup_item{
	max-width: 720px;
	top: calc(50% - 17px);
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.anno_popup_close_btn{
	display: inline-block;
	color: #fff;
	padding-bottom: 10px;
	cursor: pointer;
}
.icon_close{
	width: 26px;
}
.anno_box{
	background-color: #100F0F;
}
.anno_img{
	width: 42%;
}
.anno_con{
	width: 58%;
	padding: 60px 40px;
}
.anno_date{
	font-size: 12px;
	color: #9B9B9B;
	margin-bottom: 20px;
}
.anno_title{
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 1.8em;
	margin-bottom: 40px;
}
.anno_hr{
	height: 1px;
	background-color: #666;
	margin-bottom: 30px;
}
.anno_more{
	color: #EF9C00;
	letter-spacing: 3px;
}
.anno_more:hover{
	color: #fff;
}
.popup_art{
	padding: 0;
}

/* contact */
.contact_text{
	font-size: 14px;
	text-align: center;
	margin-bottom: 60px;
}
.contact_form{
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
}

/* 404 */
.sec_404{
	padding-top: 250px;
	padding-bottom: 300px;
	background-color: #4C4F51;
}
.p404_title_en1{
	font-family: var(--en);
	font-size: 120px;
	color: #EF9C00;
	font-weight: 400;
	line-height: 1em;
}
.p404_title_en2{
	font-family: var(--en);
	font-size: 72px;
	color: #EF9C00;
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 40px;
}
.p404_text{
	font-family: var(--ch2);
	font-size: 19px;
	color: #fff;
	letter-spacing: 5px;
	margin-bottom: 50px;
}
.p404_btn{
	width: 220px;
	font-size: 14px;
	color: #232222;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	padding: 12px 0;
	background-color: #fff;
}
.p404_btn:hover{
	background-color: #EF9C00;
}
.privacy_title{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

/* cookie */
.cookie{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
	background-color: rgba(0,0,0,0.8);
	z-index: 99;
}
.cookie_text{
	flex: 1;
	font-size: 17px;
	color: #fff;
	padding-right: 30px;
}
.cookie_text a{
	color: #c79f60;
}
.cookie_text a:hover{
	color: #EF9C00;
}
.cookie_btn_div{
	width: 160px;
}
.cookie_btn{
	display: block;
	width: 160px;
	color: #000;
	text-align: center;
	background-color: #EF9C00;
	padding: 10px 0;
	cursor: pointer;
}
.cookie_btn:hover{
	color: #000;
	background-color: #fff;
}

/* setting */
.white{color: #fff;}
.red{color: #f00;}
.bg_gray{background-color: #f3f3f3;}
.bg_black{background-color: #100f0f;}
.bg_white{background-color: #ffffff;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}

@media (max-width: 1920px){
	.tour_map_img{
		max-width: none;
		width: 1920px;
	}
}

@media (max-width: 1500px){
	.menu_item{
		padding-left: 15px;
		padding-right: 15px;
	}
	.kv{
		height: 800px;
	}
	.kv_con{
		padding-top: 200px;
	}
	.discover_box{
		padding-left: 40px;
	}
	.discover_title_row{
		margin-bottom: 30px;
	}
	.discover_text{
		margin-bottom: 30px;
	}
	.discover_box2{
		padding-right: 30px;
	}
	.newsp_con{
		padding-left: 40px;
		padding-right: 40px;
	}
	.newsp_other{
		padding-left: 40px;
		padding-right: 40px;
	}
	.sec_wm{
		height: 700px;
	}
	.floor_kv{
		height: 800px;
	}
	.guide_info{
		padding: 80px 30px 10px 30px;
	}
	.guide_set{
		margin-bottom: 80px;
	}
	.guide_set_btn{
		width: 140px;
	}
	.floor_kv_con{
		padding-top: 200px;
	}
	.tour_page_kv{
		height: 700px;
	}
}

@media (max-width: 1400px){
	.footer_main{
		justify-content: space-between;
	}
	.footer_menu{
		flex: 0 0 auto;
		width: 100%;
		order: 3;
		padding-top: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	.footer_right{
		order: 2;
	}
}

@media (max-width: 1340px){
	/* header */
	header{
		height: 60px;
	}
	.menu{
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		height: calc(100vh - 60px);
		padding: 20px 0;
		background-color: #232222;
		overflow-y: auto;
		display: none;
	}
	.menu_row{
		height: auto;
	}
	.menu_item{
		width: 100%;
		height: auto;
		padding: 0;
	}
	.menu_btn{
		height: auto;
		padding: 15px 15px;
		text-align: center;
	}
	.menu_item.active .menu_btn::after{
		display: none;
	}
	.menu_btn_t2{
		margin-left: auto;
		margin-right: auto;
	}
	.menu_right{
		position: relative;
		padding-top: 40px;
		padding-right: 0;
	}
	.menur_row{
		justify-content: center;
	}
	.header_logo{
		width: 90px;
		top: 6px;
		left: 10px;
	}
	.mobile_btn{
		display: block;
	}
	.art_picture_left{
		max-width: 80%;
	}
	.art_picture_right{
		max-width: 30%;
	}
	.artp_left_info{
		padding-left: 0;
		padding-right: 130px;
	}
	.fmi2_item{
		text-align: left;
		padding-right: 0;
		border-right: none;
	}
	.newsp_con{
		padding-top: 100px;
	}
	.mets_sel_div{
		padding: 15px;
	}
	.mets_info_con{
		padding: 15px;
	}
}

/* xl */
@media (max-width: 1199px){
	.show-xl{display: block;}
	.hide-xl{display: none;}
	
	.reserve{
		padding: 30px 15px;
	}
	.index_banner_title_en{
		font-size: 28px;
	}
	.discover_item{
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.discover_bg{
		height: 100%;
	}
	.discover_box{
		position: relative;
		padding-left: 30px;
	}
	.discover_item2{
		padding-top: 60px;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.discover_box2{
		position: relative;
	}
	.about_main{
		margin-bottom: 0;
	}
	.about_award{
		padding-top: 60px;
		padding-bottom: 80px;
	}
	.page_kv3{
		height: 500px;
	}
	.page_kv3_con{
		padding-top: 200px;
	}
	.art_picture_right{
		top: 160px;
	}
	.room_main_pic_01{
		margin-bottom: 40px;
	}
	.room_main_pic_02{
		display: none;
	}
	.room_main_pic_03{
		display: none;
	}
	.roomb_title{
		font-size: 20px;
	}
	.roomps_img{
		height: 500px;
	}
	.newspob_img{
		width: 200px;
		height: auto;
	}
	.foodp_con{
		padding: 20px 15px 30px 15px;
	}
	.foodp_title{
		margin-bottom: 20px;
	}
	.foodp_abtn{
		right: 15px;
	}
	.wm_con{
		right: 20px;
	}
	.wmc_title{
		font-size: 32px;
	}
	.wed_botinfo{
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.reu_item{
		margin-bottom: 40px;
	}
	.reub_title{
		font-size: 20px;
	}
	.floor_left{
		padding-top: 100px;
	}
	.floor_title_en{
		font-size: 30px;
	}
	.floor_right{
		padding-left: 10px;
	}
	.floor_btn{
		padding: 12px 15px;
	}
	.guide_info{
		padding: 30px 15px 10px 15px;
	}
	.guide_map{
		padding: 10px;
	}
	.guide_set{
		margin-bottom: 40px;
	}
	.guide_set_item{
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 20px;
	}
	.guide_set_btn_div{
		width: 100%;
	}
	.guide_set_btn{
		margin-left: auto;
		margin-right: auto;
	}
	.guide_info_title{
		font-size: 22px;
	}
	.guide_info_title_icon{
		width: 24px;
	}
	.tour_title_div{
		top: -80px;
	}
	.tour_title_en{
		font-size: 36px;
	}
	.sec_404{
		padding-top: 150px;
		padding-bottom: 200px;
	}
	.p404_title_en1{
		font-size: 70px;
	}
	.p404_title_en2{
		font-size: 40px;
	}
	.p404_text{
		letter-spacing: 1px;
	}
}

/* lg */
@media (max-width: 991px){
	.show-lg{display: block;}
	.hide-lg{display: none;}
	
	.footer_menu_item{
		width: 25%;
	}
	.kv_title{
		font-size: 50px;
	}
	.sec_title_en{
		font-size: 30px;
	}
	.sec_title1_en{
		font-size: 30px;
	}
	.main_btn{
		width: 160px;
		padding: 12px 0;
		letter-spacing: 1px;
	}
	.photo_item{
		width: 25%;
	}
	.copyright{
		position: relative;
		right: 0;
		text-align: right;
		margin-top: 30px;
	}
	.reserve_input_div{
		width: 100%;
		margin-bottom: 10px;
	}
	.reserve_input_div2{
		width: 33.33%;
		margin-bottom: 10px;
	}
	.reserve_input_div3{
		width: 33.33%;
		margin-bottom: 10px;
	}
	.reserve_submit_div{
		width: 100%;
		padding-top: 10px;
	}
	.reserve_submit{
		width: 180px;
		margin-left: auto;
		margin-right: auto;
	}
	.page_kv2_title{
		font-size: 40px;
	}
	.page_kv_title2{
		font-size: 38px;
	}
	.popup_art_item{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.partb_bg{
		top: 50px;
		height: calc(100% - 50px);
	}
	.room_intro_text{
		flex: 0 0 auto;
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.room_intro_btn{
		width: 100%;
	}
	.roomi_btn_row{
		justify-content: center;
	}
	.newsp_other{
		max-width: 500px;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: auto;
		margin-right: auto;
	}
	.newsp_left{
		width: 100%;
	}
	.newsp_right{
		width: 100%;
	}
	.newsp_left_img{
		position: relative;
		width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
	.newsp_title{
		font-size: 26px;
	}
	.newsp_con{
		max-width: none;
		padding: 40px 15px;
	}
	.newsp_date{
		margin-bottom: 30px;
	}
	.newsp_title{
		font-size: 22px;
		margin-bottom: 40px;
	}
	.din_btn_row{
		margin-top: 20px;
	}
	.res_s1_row1{
		margin-bottom: 20px;
	}
	.res_time_div{
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 40px;
	}
	.res_s1_text{
		margin-bottom: 40px;
	}
	.res_booking_row{
		justify-content: center;
	}
	.site_box{
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.mets_map{
		width: 100%;
		padding: 50px 15px;
	}
	.mets_info{
		width: 100%;
		padding-bottom: 30px;
	}
	.mets_item{
		margin-left: auto;
		margin-right: auto;
	}
	
	.floor_left{
		padding-top: 0;
		padding-bottom: 60px;
	}
	.floor_right{
		padding-left: 0;
	}
	.guide_map{
		width: 100%;
	}
	.guide_info{
		width: 100%;
		padding: 20px 15px 40px 15px;
	}
	.guide_info_con{
		top: 0;
		transform: translateY(0);
	}
	.guide_info_title{
		font-size: 20px;
	}
	.traffic{
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.traffici_con{
		padding-top: 30px;
	}
	.traic_item{
		margin-bottom: 50px;
	}
	.tour_title_sec{
		padding-top: 15px;
	}
	.tour_title_div{
		position: relative;
		top: 0;
		left: 0;
	}
	.tour_title{
		font-size: 20px;
		letter-spacing: 1px;
	}
	.tour_title_en{
		font-size: 26px;
		letter-spacing: 1px;
	}
	.tourb2_con{
		padding: 10px 0;
	}
	.tourb2_title{
		font-size: 18px;
	}
	.tourb2_text{
		flex: 0 0 auto;
		width: 100%;
	}
	.tourb2_abtn_div{
		width: 100%;
		padding-top: 15px;
	}
}

/* md */
@media (max-width: 767px){
	.show-md{display: block;}
	.hide-md{display: none;}
	
	.kv{
		height: auto;
	}
	.kv_con{
		padding-top: 140px;
	}
	.kv_title{
		font-size: 36px;
	}
	.kv_bottom{
		position: relative;
		bottom: 0;
		padding-bottom: 10px;
		margin-top: 60px;
	}
	.reserve{
		padding: 15px;
	}
	.reserve_input_div{
		width: 100%;
		margin-bottom: 10px;
	}
	.reserve_input_div2{
		width: 50%;
	}
	.reserve_input_div3{
		width: 100%;
	}
	.reserve_input{
		padding-left: 35px;
	}
	.sec_title_en{
		font-size: 20px;
	}
	.sec_title{
		letter-spacing: 2px;
		margin-bottom: 40px;
	}
	.index_menu_row{
		justify-content: center;
	}
	.index_menu_item{
		width: 33.33%;
	}
	.index_menu_btn{
		padding-bottom: 25px;
	}
	.index_banner{
		height: 300px;
	}
	.index_banner_img{
		width: auto;
        height: 160%;
        left: 50%;
        transform: translateX(-50%);
	}
	.index_banner_title_en{
		font-size: 24px;
	}
	.main_sec{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.sec_title1{
		letter-spacing: 2px;
	}
	.sec_title1_en{
		font-size: 20px;
	}
	.sec_title2_en{
		font-size: 26px;
	}
	.about_award{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.news_box{
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.sec_wm{
		height: auto;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.wm_con{
		position: relative;
		top: 0;
		right: 0;
		transform: translateY(0);
		margin-left: auto;
		margin-right: auto;
	}
	.wmc_title{
		font-size: 26px;
	}
	.wmc_title_en{
		font-size: 20px;
	}
	.wed_botinfo{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.wed_botinfo_text{
		margin-bottom: 40px;
	}
	.wed_botinfo_btn{
		margin-right: auto;
	}
	.sec_discover{
		padding-top: 40px;
	}
	.discover_item{
		padding-top: 30px;
		margin-bottom: 0;
	}
	.discover_img{
		width: 100%;
	}
	.discover_con{
		width: 100%;
		padding-top: 20px;
	}
	.discover_box{
		padding-left: 0;
	}
	.discover_title_row{
		margin-bottom: 20px;
	}
	.discover_text{
		max-width: none;
	}
	.discover_item2{
		margin-bottom: 0;
	}
	.discover_box2{
		max-width: none;
		padding-right: 0;
	}
	.discover_box .main_btn{
		margin-left: auto;
		margin-right: auto;
	}
	.discover_box2 .main_btn{
		margin-left: auto;
		margin-right: auto;
	}
	.discover_div{
		padding-top: 40px;
		padding-bottom: 10px;
	}
	.sec_photo{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.footer_main{
		margin-bottom: 30px;
	}
	.footer_logo{
		width: 100px;
	}
	.footer_menu_item{
		width: 100%;
		margin-bottom: 30px;
	}
	.footer_menu_item2{
		flex: 0 0 auto;
		width: 100%;
	}
	.footer_a1{
		margin-bottom: 15px;
	}
	.footer_a{
		width: 50%;
	}
	.footer_menu2{
		margin-bottom: 15px;
	}
	.footer_social_item{
		padding-left: 7px;
		padding-right: 7px;
	}
	.page_kv3{
		height: 360px;
	}
	.page_kv3_con{
		padding-top: 150px;
	}
	.page_kv3_title{
		font-size: 22px;
	}
	.page_kv3_title_en{
		font-size: 30px;
	}
	.art_title{
		font-size: 18px;
		letter-spacing: 1px;
	}
	.art_title_en{
		font-size: 22px;
		letter-spacing: 0;
		margin-bottom: 30px;
	}
	.art_picture_left{
		max-width: none;
		margin-bottom: 30px;
	}
	.art_picture_left > img{
		margin-left: auto;
		margin-right: auto;
	}
	.artp_left_info{
		padding-top: 10px;
		padding-right: 0;
	}
	.art_picture_right{
		position: relative;
		top: 0;
		right: 0;
		max-width: none;
	}
	.art_picture_right > img{
		margin-left: auto;
		margin-right: auto;
	}
	.artp_right_info{
		max-width: none;
		padding-top: 10px;
	}
	.art_block_item{
		width: 33.33%;
	}
	.art_block_item.t2{
		width: 66.66%;
	}
	.art_block_con{
		padding: 0 10px;
	}
	.art_block_ititle{
		font-size: 18px;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	.art_block_floor{
		font-size: 20px;
	}
	.art_room_img{
		margin-bottom: 20px;
	}
	.popup_art_box{
		padding-left: 15px;
		padding-right: 15px;
	}
	.partb_photo{
		margin-bottom: 20px;
	}
	.partb_title_row{
		margin-bottom: 20px;
	}
	.partb_title{
		font-size: 20px;
		letter-spacing: 0;
	}
	.partb_title_floor{
		font-size: 22px;
		letter-spacing: 0;
	}
	.partb_name_row{
		margin-bottom: 30px;
	}
	.partb_name_en{
		font-size: 16px;
		letter-spacing: 0;
	}
	.partb_left{
		width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	.partb_right{
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
	.partb_text{
		letter-spacing: 0.5px;
	}
	.partb_info{
		margin-bottom: 30px;
	}
	.partb_pos_img{
		width: 100%;
		padding-right: 0;
	}
	.partb_pos_img img{
		margin-left: auto;
		margin-right: auto;
	}
	.partb_pos_text{
		width: 100%;
		padding-top: 30px;
	}
	.popup_art_slick .slick-prev, .popup_art_slick .slick-next{
		width: 20px;
		height: 38px;
	}
	.popup_art_slick .slick-prev{
		left: 5px;
	}
	.popup_art_slick .slick-next{
		right: 5px;
	}
	.banner{
		height: 380px;
	}
	.banner_title{
		font-size: 20px;
		letter-spacing: 1px;
	}
	.banner_title_en{
		font-size: 24px;
		letter-spacing: 0;
	}
	.room_main_title{
		letter-spacing: 3px;
	}
	.room_main_title_en{
		font-size: 20px;
	}
	.page_kv2{
		height: 300px;
	}
	.page_kv2_title{
		font-size: 30px;
		letter-spacing: 1px;
	}
	.page_kv2_con{
		padding-top: 150px;
	}
	.roomp_main_title{
		letter-spacing: 3px;
	}
	.roomp_main_title_en{
		font-size: 20px;
	}
	.roomps_img{
		height: 300px;
	}
	.room_info{
		margin-bottom: 30px;
	}
	.room_info_item{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.room_info_item::before{
		display: none;
	}
	.room_info_title{
		margin-bottom: 3px;
	}
	.room_info_text{
		font-size: 18px;
	}
	.slick_page_div{
		padding: 12px 20px;
	}
	.page_kv{
		height: 240px;
	}
	.sort_btn{
		width: 20%;
		font-size: 14px;
	}
	.newsp_date_ec{
		font-size: 16px;
	}
	.newsp_bottom{
		padding-top: 50px;
		padding-bottom: 30px;
	}
	.newsp_other{
		padding-top: 40px;
	}
	.newsp_other_title{
		margin-bottom: 40px;
	}
	.din_title{
		font-size: 19px;
		letter-spacing: 2px;
	}
	.din_title_en{
		font-size: 26px;
		letter-spacing: 0;
	}
	.din_btn{
		letter-spacing: 0;
	}
	.res_time_div{
		margin-bottom: 20px;
	}
	.res_time_item{
		width: 50%;
		padding-right: 0;
		margin-bottom: 20px;
	}
	.res_time_item:nth-child(odd){
		padding-left: 0;
		border-left: none;
	}
	.res_booking_item{
		width: 50%;
	}
	.roomps_title{
		font-size: 20px;
	}
	.res_food{
		padding-bottom: 40px;
	}
	.food_sitem{
		width: 100%;
	}
	.slick_arrow_type2 .slick-prev, .slick_arrow_type2 .slick-next{
		width: 36px;
		height: 36px;
	}
	.price_title{
		margin-bottom: 20px;
	}
	.price_title_hr{
		margin-bottom: 40px;
	}
	.foodp_slick{
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	.foodp_sitem{
		width: 100%;
		padding: 0 15px;
	}
	.foodp_con{
		padding: 15px 0 30px 0;
	}
	.foodp_title{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.foodp_abtn{
		right: 0;
	}
	.resmenu_btn{
		padding: 12px 0;
	}
	.wed_botinfo_btn{
		width: 200px;
	}
	.reu_sec1{
		padding-top: 40px;
	}
	.mets_map_mag{
		bottom: 10px;
		right: 10px;
	}
	.floor_kv{
		height: auto;
	}
	.floor_kv_con{
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.floor_kv_btn_div{
		padding-top: 30px;
		margin-left: -7px;
		margin-right: -7px;
	}
	.floor_kv_btn_item{
		width: 33.33%;
		padding-left: 7px;
		padding-right: 7px;
	}
	.floor_kv_btn_img{
		margin-left: auto;
		margin-right: auto;
	}
	.floor_kv_btn_title{
		margin-bottom: 3px;
	}
	.floor_item{
		margin-bottom: 30px;
	}
	.floor_btn{
		min-height: 54px;
	}
	.floorb_num{
		font-size: 20px;
		padding-right: 15px;
	}
	.floorb_num::after{
		height: 16px;
		top: 8px;
	}
	.floorb_title{
		font-size: 16px;
		padding-top: 3px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.floorb_arrow_div{
		padding-top: 0;
	}
	.floori_con{
		padding: 10px 20px 40px 20px;
	}
	.floorc_num{
		font-size: 28px;
		padding-right: 15px;
	}
	.floorc_num::after{
		height: 24px;
		top: 11px;
	}
	.floorc_title{
		font-size: 24px;
		padding-left: 15px;
	}
	.guide_set_item{
		width: 100%;
		margin-bottom: 10px;
	}
	.guide_set_btn{
		margin-top: 10px;
	}
	.page_kv_title{
		font-size: 22px;
	}
	.page_kv_title2{
		font-size: 28px;
		letter-spacing: 0;
	}
	.traffic_btn{
		font-size: 18px;
		padding: 20px 15px;
	}
	.trafficb_title{
		padding-top: 3px;
	}
	.anno_con{
		padding: 30px 20px;
	}
	.anno_title{
		font-size: 16px;
	}
	.tour_map_abtn_div{
		width: 100%;
		left: 0;
		transform: translateX(0);
		padding: 0 12px;
	}
	.tour_map_abtn{
		width: 33.33%;
	}
	.tour_abtn{
		width: 50%;
	}
	.tour_item{
		margin-bottom: 40px;
	}
	.tour_page_kv{
		height: 500px;
	}
	.tour_page_kv_title{
		font-size: 24px;
	}
	.popup_close_btn{
		top: 15px;
		right: 15px;
	}
	.cookie{
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.cookie_text{
		flex: 0 0 auto;
		width: 100%;
		font-size: 15px;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.cookie_btn_div{
		width: 100%;
	}
	.cookie_btn{
		margin-left: auto;
		margin-right: auto;
	}
}

/* sm */
@media (max-width: 575px){
	.show-sm{display: block;}
	.hide-sm{display: none;}
	.photo_item{
		width: 50%;
	}
	.roomi_btn_item{
		width: 50%;
	}
	.roomi_btn{
		width: 100%;
	}
	.newsp_bleft{
		margin-bottom: 30px;
	}
	.newsp_abtn{
		min-width: 170px;
	}
	.newsp_bright{
		width: 100%;
	}
	.newsp_bright_row{
		justify-content: center;
	}
	.newspob_img{
		width: 140px;
	}
	.newspob_con{
		padding: 15px;
	}
	.newspob_title_en{
		font-size: 14px;
	}
	.newspob_title{
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	.resmenu_item{
		width: 50%;
	}
	.resmenu_item .resmenu_btn{
		width: 100%;
	}
	.wm_con{
		width: 100%;
	}
	.anno_img{
		width: 100%;
		height: 200px;
	}
	.anno_con{
		width: 100%;
	}
}

.visible-sm{
	display: none !important;
}
@media (max-width: 767px) {
    .visible-sm{
		display: block !important;
	}
	.hidden-sm{
		display: none !important;
	}
}