@charset "utf-8";
body{font-family:'df_icon',"Segoe UI",Arial, Helvetica, "Microsoft JhengHei Correct", 'Microsoft JhengHei',PMingLiU,sans-serif;font-size:16px;}
a{color: #039}
a:hover{color: #D00}

.mast_logo1 a span{vertical-align: middle;color:#000;font-size: 1.125em;display: inline-block;position: relative;margin: 5px 0 -10px 0;}
.mast_logo1 a span::before,
.mast_logo1 a span::after{content:" - "}
.size,
.menu,
#print_content,
#footer .address,
.group_box{width:990px;max-width:95%;margin:auto;position: relative}
.link{float:right;margin: 10px 0 0 0;}
.link li{float:left;margin: 0 0 0 10px;}
.link li a{color:#666;}
.photo{width: 990px;max-width:100%;margin:auto;position: relative;z-index: 2}
.photo .photo_pic{width: 100%;}

.h_link{position:absolute;left:0;top: 0;width:100%;height:100%;z-index: 2;}
.hotel_logo{background:#eee;padding:15px 230px 15px 15px;font-size:1.45em;line-height:1.3}
.hotel_logo a{color:#000;}
.hotel_logo > a{display:inline-block;margin:0 10px 0 0;position: relative;}
.hotel_logo em{display:inline-block;margin:0 0 0 0;position: relative;font-style: normal;font-weight:initial;font-size: 0.8em;}

ul.share_bar{top:13px;right: 5px;}
.menu ul{display: flex;text-align: center;font-size: 1.125em;margin: 20px 0 0 0; list-style: 1.5;border-bottom: 1px solid #ccc;}
.menu li{display: block;flex: 1}
.menu li a{display: block;color:#000;padding:0.5em 0;transition:border 0.5s; border-bottom:5px solid #FFF;}
.menu li a:hover,
.default .menu li:nth-of-type(1) a,
.rooms .menu li:nth-of-type(2) a,
.facilities .menu li:nth-of-type(3) a,
.location .menu li:nth-of-type(4) a,
.attractions .menu li:nth-of-type(5) a,
.menu li.on a{border-bottom:5px solid #F90;}
.menu li.booking{order:6;margin: 0 0 0 10px;}
.menu li.booking a{border-radius:0.3em;background:#F90;transition:background 0.5s;border-bottom:0px;padding: 10px 0;box-sizing: content-box;margin:-1px 0 0 0;color:#fff;position: relative;z-index: 2}
.menu li.booking a:hover{background:#F30;}
 .content p{margin:0 0 2em 0;}
#print_content{padding:0;line-height:1.6;}
#print_content h1{font-size: 1.5em;margin:10px 0 0 0;}
#print_content h1::before{font-weight: normal;font-size: 1.5em;line-height:1.3;position: relative;
top: 3px; font-family: 'df_icon';display: inline-block;vertical-align: baseline;color:#D00;}
.default #print_content h1::before{content:"\e90c";}
.rooms #print_content h1::before{content:"\e90a";}
.facilities #print_content h1::before{content:"\e919";}
.location #print_content h1::before{content:"\e918";}
.attractions #print_content h1::before{content:"\e90b";}
#print_content .pic{float:left;display:block; margin:0 20px 20px 0;width:498px;max-width:100%;}
#print_content .pic .swiper-pagination{position:relative;overflow: hidden; justify-content:flex-start;margin:12px 0 0 0;z-index: 5;}
#print_content .pic .swiper-pagination-bullet{float: left;width:calc(20% - 9.6px);height:60px;margin: 0 12px 0 0;background:none;opacity:.6}
#print_content .pic .swiper-pagination-bullet-active{opacity:1;background:none;}
#print_content .pic .swiper-pagination-bullet img{height: auto;width:100%}
#print_content .pic .swiper-pagination-bullet:last-child {margin: 0 0 0 0;}
#print_content .pic .swiper-wrapper{align-items: stretch;}
#print_content .pic .swiper-slide{width:100%;height:298px;max-height:53vw;background:#000;display:flex;text-align:center;overflow:hidden;align-items:center;justify-content:center;}
#print_content .pic .swiper-slide img{max-width: 100.5%;height: auto;flex: 0 0 auto;}
/*
#print_content .pic .b{width:100%;height:298px;max-height:53vw;background:#000;position:relative;display: block;text-align:center;overflow:hidden;}
#print_content .pic .b img{max-width: 100.5%;margin: auto;position: relative;top:50%;transform: translateY(-50%);}
#print_content .pic .s{overflow: hidden; justify-content:flex-start;margin:12px 0 0 0}
#print_content .pic .s a{float: left;max-width:calc(20% - 9.6px); display: block;margin: 0 12px 0 0;}
#print_content .pic .s img{height: auto;width:100%}
#print_content .pic .s a:last-child {margin: 0 0 0 0;}
*/
#print_content h2{font-size: 1.125em;color:#00007f;margin:0 0 5px 0}
#print_content h2.title{color:#000}
.info{text-align:left;padding:0 0 20px 0;position: relative;}
#print_content .content{margin:10px 0 0 0;}
#print_content .infotext{margin:0 0 30px 0;}
#print_content .infotext ul,
#print_content .infotext ol{padding: 0 0 0 1.5em;list-style-type: disc;overflow: hidden;line-height:1.45}
#print_content .infotext ol{list-style-type: decimal}
#print_content .infotext li{padding: 0.2em 0;}
#print_content .map{position: relative;overflow:hidden;float:right;max-width:50%;width:500px;margin:0 0 0 20px;background:#000;}
#print_content .map img{position:relative;left:50%;margin:0 0 0 -250px;}
#print_content .map a{opacity:1;transition: opacity 0.5s;}
#print_content .map a:hover{opacity:0.9;}
.top{text-align: center;display: block;padding: 1em}
.top a{color:#069;}
.top a:hover{color:#c00;}

#facility {
	position: relative;
	font-size: 0.95em;
	overflow: hidden;
	padding: 1em 0;
	margin: 0 0 1em 0;
	display: block;
	vertical-align: top;
	width: auto;
	line-height: 1.6;
	border-bottom: 1px solid #ccc;
}
#facility h3 {
	font-size: 1.15em;
	display: block;
	margin:0 0 0.3em 0;
	color: #039;
}
#facility ul{color:#000; margin:0 0 2em 0;}
#facility ul::after{content: " ";display: block;clear: both;}
#facility li {float: left;width:16.666666%;}
#facility p{line-height: 1.6;padding:0.2em 0 0.3em 0}
#facility [class^="icon-"],
#facility  [class*=" icon-"]{
font-size: 2em;vertical-align: middle}
#facility .svg_icon{
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
font-size:2em;
	vertical-align: middle
}

.add{color:#666;}
#footer{background:#F2F2F2;line-height: 1.6;color:#000;}
#footer .address{padding:1em 0;}
#footer .address a{color:#000;}
#footer .address a:hover{text-decoration: underline;}
.nobr{display: inline-block;}
#travelinfo h3{font-size: 1.2em;margin:0 0 5px 0;}

.event{}
.event .list{margin: -1px 0 0;border-top: 1px solid #CCC;padding: 0.6em 0.5em 0.6em 0;display:flex;width: 100%;align-items: center;position:relative;}
.event .link{transition:background 0.5s;position:absolute;top:0%;left:0%;z-index:5;width:100%;height:100%;margin:0;}
.event .link:hover{background: rgba(0,0,0,0.09);}
#print_content .event .pic{flex: 0 0 5.333em; width: 5.333em;height: 4em;margin: 0 0.5em 0 0;float: none;}
.event .txt{font-size: 1em;line-height: 1.3;}
.event .day{font-size: 0.857em;position: relative;padding: 0 0 0.15em 0.15em;line-height: 1.5em;overflow: hidden;color: #666;}
.event .travelweb{border:1px solid #DDD;padding:0.3em 1em;color:#666;}
.event .travelweb a{color:#069}
.event .travelweb a:hover{color:#C00}

.tourtitle{position:relative;}
.tourtitle h3{display:block;float:left;}
.tourtitle .long{display:block;float:right;}
.tourtitle .long a{color:#069;margin:0 0 0 10px}
.tourtitle .long a::before{content: "\e918";font-family:'df_icon';display:inline-block;vertical-align: baseline;position: relative;top: 2px;margin:0 2px 0 0}
.tourtitle .long a:hover{color:#C00}

#tour{overflow: hidden;display:flex;align-content:stretch;flex-wrap:wrap;position: relative;margin:0 0 0 -10px;}
#tour::after{content:"";display:block;clear:both;}
#tour .list{flex:1 1 25%;overflow:hidden;padding:0 0 25px 0;position: relative;margin:0 0 0 10px;}
#tour .list.l{flex:2 2 35%;}

#tour .link{transition:background 0.5s;position:absolute;top:0%;left:0%;z-index:5;width:100%;height:100%;margin:0;}
#tour .link:hover{background: rgba(0,0,0,0.09);}
#tour .pic{margin: 0 0 5px 0;float:none;width:100%;position: relative;height:200px;overflow: hidden;}
#tour .pic::after{display:none;}
#tour .pic img{width:100%;position: relative;top:50%;transform:translateY(-50%);}
#tour .list p{font-size: 0.812em;display:none;color:#666}

/* 集團區塊 */
.group_box{margin:0 auto 3em;display:flex;flex-wrap:wrap;}
.group_box .g_logo{display:flex;align-items: center; flex:0 0 221px;height:inherit;border-right: 1px solid #CCC;margin:0 20px 0 0}
.group_box h2{display: none}
.group_box .hotelgroup{display:block;flex:3;height: inherit}
.group_box .hotelgroup li{float: left;width: 246px;}
.group_box .hotelgroup li a{display: block;padding:0.3em 0}

@media screen and (max-width:970px){
.photo .photo_pic{/* width:auto;min-height: 200px;max-height: 47vw; */}
ul.share_bar{top:0;right: 0;}
.hotel_logo{padding:15px 15px 15px 15px;}
#facility li {width:20%;}
.ulbooking .booking{border-top:0;box-shadow:0 10px 30px 10px #000;display:block;bottom:0;left:0;right:0;position:fixed;z-index: 5}
.ulbooking .booking a{display: block;font-size: 1.2em;transition:background 0.5s;background:#F90;color:#FFF;text-align: center;padding: 0.6em 0;}
.ulbooking .booking a:hover{background:#F60;color:#FFF;}
#tour .list{flex:1 1 40%;}
#tour .list.l{flex:1 1 40%;}
#print_content .event .pic{height:5em;}
#print_content .pic{float:none;margin:0 auto 15px auto}
#print_content .infotext{margin:0 0 50px 0;}
#footer{margin:0 0 60px 0;}
}
@media screen and (max-width:800px){
#facility li {width:25%;}
}
@media screen and (max-width:750px){
.photo{display:none}
#tour .pic{height: 150px;margin: 0 auto 2vw auto;}
#tour .list{flex:2 2 28%;}
#tour .list.l{flex:3 3 40%;}
.group_box .g_logo{display: none}
.group_box h2{flex:1 1 100%;display:block;font-size: 1.2em;margin: 10px 0 3px 0}
}
@media screen and (max-width:700px){
#tour .pic{height: 150px;margin: 0 auto 1vw auto;}
#print_content .map{float:none;max-width:100%;margin: 0 auto;}
}
@media screen and (max-width:660px){
#facility li {width:33.3333%;}
	#print_content .event .pic{height:6em;}
}
@media screen and (max-width:550px){
#print_content .pic .swiper-pagination{margin:3px 0 0 0;}
#print_content .pic .swiper-pagination-bullet{margin: 0 3px 0 0;width: calc(20% - 2.4px);}
#print_content .pic .swiper-pagination-bullet:last-child {margin: 0 0 0 0;}
}
@media screen and (max-width:480px){
#facility li {width:50%;}
#tour .pic{height: 100px;}
#tour .list,
#tour .list.l{flex:1 1 40%;}
}
@media screen and (max-width:400px){
	.masthead{line-height: 50px;height:50px;}
	.logoicon{width:153px;height:49px;}
	.mobile_menu_button{top: -50px;margin: 4px 5px;}
}
@media screen and (min-width:1100px){
#tour .list{flex:1 1 20%;}
#tour .list.l{flex:2 2 30%;}
}
@media screen and (min-width: 1180px){
	.mast_width{width: 990px;}
}