@charset "utf-8";
#point{ padding:0 0.3em;font-size:1.2em;line-height:1.5em; position:relative;}
#point h1{ font-size:1.2em; line-height:1.6em;}
#point h2,
#point h3,
#point h4,
#point h5{ font-size:1.2em; line-height:1.3em; margin:0.8em 0 0 0;}
#point p{ margin: 0 0 0.8em 0;}
#point .back{ float:right; margin:0 0 0 1em;}
#point .back a{ color:#000; text-decoration:underline;}
#point .back a:hover{ color:#069;}
#point .pic{ padding:0.5em;line-height:1.3em;}
#point .pic img{width:100%; margin:0 0 0.1em 0;}
#point ul{}
#point li{padding:0.2em 0;}
#point ul.m{ width:100%; position: relative; overflow:hidden; font-size:0.9em; line-height:1.1em;}
#point ul.m li{ float:left; width:13%; padding:0.3em 0;}
#point ul.m a{ border-left:1px solid #999; position:relative; display:block; left:-1px; text-align:center;}

#point #map_img{ width:100%;}
#point #map_img img{ width:100%;}

#hotel_rotation{ overflow: hidden; font-size:1em; margin:0.5em 0; }
#hotel_rotation h2{ font-size:1.1em; margin:0 0 0 0.5em; color:#C00;}

#point #hotel_rotation h3{ font-size:1em;margin:0;}
#point #hotel_list_all .hotel_list{ margin: 0 0 0.2em 0;}




#point .swiper-container{float:left;width:40%; margin:0 1% 0 1%;font-size:80%; line-height:120%; text-align:right;border: 0.1em solid #ccc;position:relative;}
#point .arrow-left,
#point .arrow-right{ font-size:1.5em; position:absolute;width:1.2em; height:2em;top:50%; margin:-1em 0 0 0; display:block; z-index:2; background:#FFF url(arrow.png) no-repeat; background-size:auto 0.8em ;}
#point .arrow-left{ left:-0.1em; border-radius:0 0.3em 0.3em 0; background-position:0.45em center;}
#point .arrow-right{ right:-0.1em; border-radius:0.3em 0 0 0.3em; background-position:-0.85em center;}
#point .arrow-left:hover{ left:0em;}
#point .arrow-right:hover{ right:0em;}
#point .content-slide {
  padding: 20px;
  color: #fff;
}
#point .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
#point .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
#point .swiper-active-switch {
  background: #fff;
}

#hotel_list_all .w_hotel_prices {
    display: inline-block;
    padding: 1em 0 0 6.5em;
}

#point .swiper-container .swiper-slide{ padding:0;}
#point .specmsg{ text-align:right;}
@media screen and (orientation: portrait){
	#gallery{width:98%;line-height:120%;margin:0 auto;}
	#point ul.m li{ float:left; width:25%; padding:0.3em 0;}
#point  .swiper-container{float:none;width:98%;margin:0 auto;}
}
@media screen and (orientation: landscape){
#gallery{float:left;width:40%; margin:0 1% 0 0;}
}

.clear{clear:both;}
#hotel_list_all{ font-family:Arial,PMingLiU, Helvetica, sans-serif;}
#hotel_list_all .hotel_list{overflow: hidden;position:relative;font-size:1em; line-height:1.4em;}
#hotel_list_all .hotel_txt{ position:relative; overflow:hidden;}
#hotel_list_all .hotel_prices{ color:#C00;}
#hotel_list_all .hotel_booking a{ display:block; background:#666; color:#FFF; border-radius:0.5em;}
.hotel01{ }
.hotel01 .hotel_list{background:#FFF; border:1px solid #FFF;padding:0.5em; border-radius:0.5em; margin:0 0.5em;}
.hotel01 .hotel_list:hover{ border:1px solid #999;}
.hotel01 .hotel_link{ position:absolute; z-index:3; top:0; left:0; width:100%; height:100%;}
.hotel01 .hotel_pic{ float:left; margin:0.3em 0.3em 0.3em 0;}
.hotel01 .hotel_pic img{ font-size:2em; width:3em; height:2.25em}
.hotel01 .hotel_list:hover h3{color:#167ac6;}
.hotel01 .hotel_address,
.hotel01 p{ overflow:hidden;color:#444; font-size:0.9em; line-height:1.3em;}
.hotel01 .hotel_prices{ position:absolute; bottom:0em; right:0em;}
.hotel01.portrait .hotel_list{width:8em;}
.hotel01.portrait .hotel_pic{ float: none;}
.hotel02 .hotel_txt{margin:0.3em 0 0 0; height:5.7em}
.hotel02 .hotel_pic{ float:left; margin:0 0.3em 0 0;}
.hotel02 .hotel_pic img{ font-size:2em; width:4em; height:3em}
.hotel02 h3 a{ color:#167ac6;}
.hotel02 h3 a:hover{ text-decoration:underline;}
.hotel02 .hotel_address,
.hotel02 p{ overflow:hidden;color:#444;}
.hotel02 .hotel_prices{ position:absolute; bottom:0em; left:0em;}
.hotel02 .hotel_booking{ position:absolute; bottom:0em; right:0.3em;}



.hotel03 .hotel_list{ width:8em;}
.hotel03 .hotel_txt{margin:0.3em 0 0 0;height:5.7em}
.hotel03 .hotel_pic{}
.hotel03 .hotel_pic img{ font-size:2em; width:4em; height:3em}
.hotel03 h3 a{ color:#167ac6;}
.hotel03 h3 a:hover{ text-decoration:underline;}
.hotel03 .hotel_address,
.hotel03 p{ overflow:hidden;color:#444;}
.hotel03 .hotel_prices{ position:absolute; bottom:0em; left:0em;}
.hotel03 .hotel_booking{  position:absolute; bottom:0em; right:0.3em;}

/* 行動版字會放大 微軟正黑體比較好看 */
@media screen and (max-width: 768px) {
#hotel_list_all{ font-family:Arial, 'Microsoft JhengHei',PMingLiU, Helvetica, sans-serif;}
}