@charset "utf-8";
@font-face {
  font-family: 'font awesome';
   src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
}
body {
	margin: 0;
	padding: 0;
	font-family: "微軟正黑體",sans-serif;
	font-size: 100%;
	background-color: #ebebeb;
	color: #606060;
}
button{font-family: "微軟正黑體",sans-serif;}
html,body {height: 100%;}
a:link,
a:visited,
a:hover,
a:active,
a:focus{text-decoration: none;}
.link-black{ color: #000;text-decoration: underline !important; }
footer{
	width: 100%;
	background-color: #000;
	color: #fff;
	font-size: 95%;
	text-align: center;
	padding: 10px 20px;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:active,
footer a:focus{color: #fff;}
footer p { display: inline-block; margin-bottom: 5px; }
.wrap {
    position: relative;
    overflow: hidden;
    padding: 20px 15px;
}
.text-shadow{text-shadow: rgb(0, 0, 0) 0px 0px 8px,rgb(0, 0, 0) 0px 0px 8px,rgb(0, 0, 0) 0px 0px 8px;}
.larg { font-size: 120%; }
.larger{font-size: 145%;}
.strong { font-weight: bold; font-size: 105%; margin-bottom: 10px; }
.title-s { font-weight: bold; margin-top: 15px; margin-bottom: 10px; }
.title-gary { font-weight: bold; padding: 15px; color: #6D6D6D; }
.title-gary .text-muted { margin-left: 10px; }
.title-black{ font-weight: bold; color: #000; padding-bottom: 10px; }
.li-wrap { line-height: 1.5; }
.li-wrap li {margin-bottom: 10px;}
a.sale_name {
	text-decoration: underline;
	font-weight: bold;
	color: #000;
	font-size: 110%;

}
.badge-success {
	background-color: #ea3820;
	border-radius: 2px;
	margin-right: 5px;
}
.bg-dark{
	background-color: rgba(0, 0, 0, 0.6) ;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	text-align: center;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
}
.bg-white{ background-color: #fff }
.hide { display: none; }
.margin-top-20{ margin-top: 20px; }
.margin-top-50{margin-top: 50px;}
.list-style-disc{list-style: disc;}
.border-bottom {border-bottom: solid 1px #ccc; padding-bottom: 30px; margin-bottom: 20px; padding-top: 10px; }
.border-bottom:last-child { border: none; }
.map-wrap{width: 100%;}
/* photo filter */
.filter {
  position: relative;
  -webkit-filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%);
  filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%);
}
.filter::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  background: rgba(0, 0, 0, 0);
}
/* icon */
.icon-circle {
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6) ;
	border-radius: 50%;
	margin-right: 10px;
}
.icon-circle-border {
	height: 40px;
	width: 40px;
	line-height: 35px;
	text-align: center;
	border: 1px solid #25c19c;
	color:  #25c19c;
	font-size: 150%;
	border-radius: 50%;
	display: inline-block;
	font-weight: bold;
	background-color: #fff;
	transition: all .4s;
}
.icon-circle-border:hover{
	background-color:  #25c19c;
	color: #fff;
}
.icon-sale-wrap{ padding: 0!important ; }
.icon-sale{
	position: relative;
	top: -6px;
	font-size: 90%;
	text-align: center;
	width: 48px;
	z-index: 3;
	background-color: #ea3820;
	color: #fff;
	-webkit-clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
    clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
    margin-left: 10px;
    padding: 5px 0 15px ;
   /*  padding-bottom: 10px !important ; */
}
.icon-eat {
	border: 1px solid #d3d3d3;
	color: #000
	padding: 5px;
}
.icon-eat .fa {color:#25c19c; margin-right: 5px;}
.close-wrap{
	width: 80px;
	height: 80px;
	color: #fff;
	text-align: center;
	position: fixed;
	z-index: 3;
	bottom: 20px;
	left: 50%;
	margin-left: -30px;
	border-radius: 50%;
	border: none;
	display: block;
	background-color: rgba(0, 0, 0, 0.8) ;
	line-height: 1;
}
.icon-close {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.icon-close::before, .icon-close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  height:1px;
}
.icon-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.icon-bubble {
    width: 60px;
    height: 41px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background: url(../images/bubble.png) no-repeat;
    background-size: 60px 41px;
    float: left;
    margin-right: 5px;
}
/* color */
.fc-primary,.holidy{color:#25c19c;}
a:link.fc-primary,
a:visited.fc-primary,
a:hover.fc-primary,
a:active.fc-primary,
a:focus.fc-primary{color:#25c19c;}
.fc-orange{color: #f76f25;}
.fc-red {color: #ea3820;}
.fc-gray{color: #adadad;}
.fc-yallow {color: #ffcc00;}
.fc-green-light{ color: #87b3a6; }
/* button */
.btn-normal { border-radius: 2px; background-color:#25c19c; color: #fff; }
.btn-border { border-radius: 2px; background-color: #fff; color:#25c19c; border: 1px solid #25c19c;}
.btn-orange { border-radius: 2px; background-color:#f76f25; color: #fff; font-weight: bold;}
.btn-orange-border{border-radius: 2px; border: 1px solid #f76f25; color:#f76f25; background-color:transparent; }
.btn-white-border { width: 100%; border-radius: 2px; margin-top: 10px; background-color:transparent; color: #fff; border: 1px solid #fff;  }
.btn-resipon {width: 100%;}
/* 數字 */
.numerals ,.price {font-family:'Amiko',"微軟正黑體",sans-serif;}
#main{ /* width: 100%; height: 100%; overflow: auto; */ }
#order-now {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
	z-index: 10;
	-webkit-box-shadow: 0 -1px 4px rgba(0,0,0,0.33);
-moz-box-shadow: 0 -1px 4px rgba(0,0,0,0.33);
box-shadow: 0 -1px 4px rgba(0,0,0,0.33);
line-height: 50px;
}
#order-now .btn-orange {
	float: right;
	padding-left:30px;
	padding-right:30px;
	margin-top: 8px;
}
#order-now .price { font-size: 110%; }
#order-now-non { height: 53px; width: 100%;}
#head {
	height: 250px;
	width: 100%;
	position: relative;
	color: #fff;
}
/* #head .content {
	position: absolute;
	height:250px;
	width: 100%;
	position: 0 0;
	z-index: 2;

} */
#top a ,#head a { display: block;}
#top a:link, #head a:link,
#top a:visited, #head a:visited,
#top a:hover, #head a:hover,
#top a:active, #head a:active,
#top a:focus, #head a:focus {color:#fff; }
#top .btn {
	background-color: rgba(0, 0, 0, 0.6) ;
	padding: 5px 10px;
}
#top {
	position: absolute;
	height: 40px;
	padding: 5px;
	z-index: 50;
	width: 100%;
	background-color: rgba(37, 193, 156, 0);
	transition: all .4s;
	overflow: hidden;
}
#top .fa { font-size: 110%; }
#top .fa-angle-left { font-size: 180%; }
#top .hotel-name { display: none; color: #fff; line-height: 30px; }
#top.on {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(37, 193, 156, 1);
	transition: all .4s;
	z-index: 100;
}
#top.on .btn {	background-color: rgba(13, 142, 111, 1) ;}
#top.on .icon-circle {background-color: rgba(0, 0, 0, 0) ;}
#top.on .promo {display: none;}
#top.on .hotel-name{ display: block; }
#top-non { height: 40px; width: 100%; }
#bottom-non{ height: 80px; width: 100%; }
#head .title-wrap {
	position: absolute;
	width: 100%;
	height: 0;
	text-align: center;
	top: 50%;
	z-index: 2;
	margin-top: -20px;
}
#head .title-wrap .address{font-size: 90%;}
#head .title-wrap .address .fa{ margin-right: 5px; }
.hotel-title {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}
#head .bot-link {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
padding: 5px;
 }
#head .bot-link .fa{margin-right: 5px;}
/* photo setting */
.single-item{
	height: 250px;
	position: relative;
	overflow: hidden;
}
.single-item .carousel-inner {
 	height: 250px;
 	position: relative;
 	overflow: hidden;
 	background-color: #000;
 }
.single-item .carousel-inner img {
	min-height: 100%;
    min-width: 320px;
    width: 100%;
    height: auto;
     position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    opacity: 0.8;
}
.single-item .slick-dots {
	position: absolute;
	top: -2px;
	right: 5px;
	z-index: 2;
}
.single-item .slick-dots li {
	display: inline-block;
	border: 1px solid #fff;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin: 0 1px;
}
.single-item .slick-dots li.slick-active {
	background-color: #fff;
}
.single-item .slick-dots li button {
	display: none;
}
/* end photo setting */
.select-warp{
	background-color: #FFF;
	border-bottom: #bbb 1px solid;
	display: block;
	width: 100%;
	padding: 0 12px;
	/* font-size: 110%; */
	line-height: 43px;
	position: relative;
}
.select-warp .fa{
	font-size: 130%;
	margin-left: 10px;
	color: #adadad;
}
.select-warp .select-control {
	line-height: 43px;
	margin-right: 15px;
}
.select-warp .icon-wrap{
	position: absolute;
	right: 12px;
	top: 0;
}
.select-warp .search_select{
	opacity: 0;
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    height: 43px;
    width: 100%;
}
.select-warp .p-2{ padding: 0!important; }
.select-warp .p-2 small{
	margin-left: 5px;
}
.select-warp .p-2:first-child small
{ border-right: 1px #adadad solid; padding-right:8px; margin-right:8px; }
.select-warp.complete { border: 1px solid #ccc;
	margin-bottom: 15px;
	margin-top: 5px;
 }
/* 房型列表 */
.room-wrap{
	margin-bottom: 20px;
	background-color: transparent;
	border: 0;
}
.room-wrap .card-header{
	background-color: #fff;
	border:none;
	padding: 0;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
}
.room-wrap .card-block {
	padding-top: 5px;
	padding:0.8rem ;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
}
.room-wrap .card-block .row { margin-left:-4px; margin-right: -4px; margin-bottom: 5px; }

.room-photo-wrap {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
}
.room-photo-wrap .single-item .carousel-inner { height: 200px;}
.room-photo.single-item .carousel-inner img{opacity: 1;}
.icon-360{
	width: 65px;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
}
.icon-360 img{ width: 100%; }
.room-photo-wrap .bottom {
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	height: 30%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 74%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 74%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 74%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    color: #fff;
}
.room-photo-wrap .bottom .people {
	position: absolute;
	bottom: 8px;
	left: 10px;
	z-index: 3;
	font-size: 90%;
}
.room-photo-wrap .bottom .price-wrap{
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-align: right;
	line-height: 1.2;
}
.room-photo-wrap .bottom .price-wrap .price .larger{
	font-weight: bolder;
	margin-left: 5px;
}
.room-photo-wrap .bottom .price-wrap .fc-yallow{font-size: 80%;}
.room-name-wrap{
	padding:5px 0;
	font-size: 110%;
	font-weight: bold;
	position: relative;
	color: #000;
}
.room-name-wrap .ml-auto{
	position: relative;
	width: 42px;
}
.room-name-wrap .ml-auto .fa{
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	color:#25c19c ;
}
.room-intro {margin-top:5px;}
.room-intro .btn { padding-left: 10px; padding-right: 10px; font-size: 95%; }
.room-intro> li[class^="col-"] {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}
.card-block.room-price-wrap{
	margin-top: 15px;
	padding:0;
}
.room-price-wrap .title{
	line-height: 35px;
	font-size: 120%;
	color: #fff;
	background-color: #25c19c;
	text-align: center;
	font-weight: bold;
}
.room-price-wrap .title.sale{background-color: #ea3820;}
.room-price-wrap .content {
    padding: 0.6rem;
    border
}
.room-price-wrap .list-unstyled{margin-bottom: 0;}
.room-price-wrap .room-select {
	border: 1px solid #d3d3d3;
	border-bottom: none;
	min-height: 80px;
}
.room-price-wrap .room-select:last-child {border: 1px solid #d3d3d3;}
.room-price-wrap .room-select.select{border: 3px solid #ffce79;}
.room-price-wrap .room-select.off{background-color: #f5f5f5; color: #8b8b8b;}
.room-price-wrap .room-select.off .btn-border {background-color: transparent;  }
.room-price-wrap .date{
	background-color: #edfffb;
	color: #25c19c;
	line-height: 1.8;
	padding-left:5px;
}
.room-price-wrap .date .icon-eat{
	border-top: none;
	border-right: none;
	padding: 0 5px;
	color: #000;
	font-size: 95%;
}
.room-price-wrap .price{
	float: left;
	font-size: 150%;
	font-weight: bold;
	color: #f76f25;
	margin-right: 5px;
}

.room-price-wrap .bonus-info {
	font-size: 85%;
	color:#25c19c;
	float: left;
	line-height: 36px;
 }
.room-price-wrap .price-content{ min-height: 70px; }
.room-price-wrap .price-content .ml-auto {
	position: relative;
 }
 .room-price-wrap .off .date {
	background-color: #dadada;
	color: #919191;
}
.room-price-wrap .off .price {color: #8b8b8b;}
.room-select .attion { margin-right: 5px; }
.room-sw {
	width: 155px;
	font-size: 110%;
	line-height: 40px;
	text-align: center;
}
.room-nu {
	margin-right: 10px;
	margin-left:10px;
}
.bed-style{color: #919191;}
.bed-style .dropdown-toggle{
	width: 100%;
	border-right: none;
	border-left: none;
	border-top: 1px solid #d3d3d3;
	border-radius:0px;
	text-align: left;
	position: relative;
	padding-right: 15px;
	color: #919191;
	background-color: #ebebeb;
	font-weight: bold;
}
.bed-style .dropdown-toggle .fa {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -8px;
}
.bed-style .dropdown-toggle::after {display: none;}
.bed-style .dropdown-menu{
 position: static;
 float: none;
 padding-top: 0;
 padding-bottom: 0;
 border: none;
 color: #919191;
}
.bed-style .dropdown-menu .dropdown-item{
	border-top: 1px solid #d3d3d3;
	padding-top: 5px;
	padding-bottom: 5px;
	 color: #919191;
}
.bed-style .dropdown-menu .dropdown-item:hover{background-color:#fffced;}
.bed-style .dropdown-menu .dropdown-item.active{background-color:#fffced; color: #919191;}
.bg-dark .btn-white-border{ width: 180px; }
.card-block .btn-resipon .btn { width: 50%; }

/* 伸展 */
.card-text {
	height: 100px;
	overflow: hidden;
}
.heightAuto{height: auto;}
.hotel-intro{
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
box-shadow: 2px 2px 3px rgba(0,0,0,0.13);
border: none;
}
.hotel-intro .card-title{
	font-size: 110%;
	margin-bottom: 15px;
	font-weight: bold;
}
.hotel-intro .card-title.name{margin-top: 40px;}
.hotel-intro .card-footer {
	text-align: center;
	color: #25c19c;
	background-color: #fafafa;
	border: none;
 }
 .hotel-intro .data-table>li{margin-bottom: 8px; }
 .hotel-intro .data-table .name{margin-right: 5px;}
 .hotel-intro .data-table .installation-xs{padding-left:0; }
 .hotel-intro .data-table .list-style-disc {padding-left: 22px;}
 .hotel-intro .data-table .list-style-disc>li { margin-bottom: 8px; }
 .hotel-intro .card-text .border-bottom {min-height: 150px;}
 /* light box */
 .modal-content{border-radius: 0; min-height: 250px;}
 .modal-content .head {
 	text-align: center;
 	font-weight: bold;
 	font-size: 110%;
 	border-bottom: 1px solid #eceeef;
 	padding-top: 15px;
 	padding-bottom: 15px;
 }
 .modal-body.one-line {
 	text-align: center;
 	color: #25c19c;
 	font-weight: bold;
 	font-size: 140%;
 	padding-top: 30px;
 	padding-bottom: 30px;
 }
 .modal-body.one-line.phonenumber{
 	text-decoration: none;
 	line-height: 80px;
 }
 .modal-body.one-line .fa {margin-right: 10px;}
 .modal-content .modal-title {font-size: 110%; font-weight: bold; text-align: center;}
 .modal-content .footer {border-top: 1px solid #eceeef;}
 .modal-content .footer.bt-two .btn{
 	width: 49%;
 	background-color: #fff;
 	height: 60px;
 	font-size: 140%;
 	font-weight: bold;
 }
 .modal-content .close {
 	width: 50px;
 	height: 50px;
 	text-align: center;
 	position: absolute;
 	z-index: 2;
 	top: 0;
 	right: 0;
 }
 .modal-content .icon-phone{width: 80px;}
 .modal-content .ps-wr {
 	position: relative;
 	border-bottom: 1px solid #eceeef ;
 	margin-bottom: 30px;
 	padding-bottom: 20px;
 }
 .modal-content .ps-wr .align-self-center {margin-bottom: 0;  }
 .modal-content .ps-wr .or {
 	position: absolute;
 	background-color: #fff;
 	display: block;
 	padding: 5px 20px;
 	bottom: -15px;
 	left: 50%;
 	margin-left: -25px;
 }
 .modal-content .ps-wr .btn{ 
 	margin-top: 10px;
 	margin-bottom: 10px;
 	padding-top: 15px;
 	padding-bottom: 15px;
  }
  .modal-content .ps-wr .btn:hover{color: #fff;}
 .modal-content .row.ps-wr { padding-bottom: 40px; padding-top: 10px; }
 .modal-content .row.ps-wr .col-6{ color: #9A9A9A; font-size: 95%; }
 .modal-content a.d-flex{color: #3f3f3f;}
 .modal-content .share-icon-wrap {
 	width: 32%;
 	text-align: center;
 	display: inline-block;
 }
 .modal-content .share-icon-wrap img { width: 60%;}
 .scroll .modal-dialog{
	height: 95%;
	max-width: 100%;
	margin: 10px 5px !important;

}
.scroll .modal-content{
	height: 100%;
	width: 100%;
	position: relative;
}
.scroll .head {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	font-weight: bold;
	background-color: #fff;
	z-index: 1;
	border-bottom: 1px solid #8C8C8C;
	overflow: hidden;
}
.scroll .modal-body {
	padding-right: 0;
	padding-left: 0;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch ;
}
/* 月曆 */
#calendar.scroll .head {
	padding: 0;
	height: 28px;
	line-height: 25px;
	font-weight: normal;
	font-size: 85%;
	border-bottom: 1px solid #8C8C8C;
}
#calendar.scroll .modal-body {
	padding-top: 30px;
	text-align: center;
}
#calendar .week-wrap {
	width: 14.285%;
	float: left;
	text-align: center;
}
#calendar .month-wrap{overflow: hidden; font-size: 125%; margin-top: 15px;}
#calendar .month-wrap .week-wrap {padding-top: 8px; padding-bottom: 5px; line-height: 37px;}
#calendar .month-title {
	font-weight: bold;
	text-align: center;
	font-size: 105%;
	padding-top: 8px;
	padding-bottom: 5px;
}
#calendar .icon-circle-border{font-size: 95%; width: 45px; height: 45px;}
#calendar .holiday { color:#25c19c;  }
#calendar .none { color: #ccc; }
#calendar .select {
	background-color: #25c19c;
	color: #fff;
	border-radius: 100%;
	display: inline-block;
	width: 37px;
	height: 37px;
 }
 #calendar .stay {border-top:1px solid #8C8C8C;font-size: 110%;}
 #calendar .stay .room-nu{ font-size: 130%; color:#25c19c;  }
 #calendar .stay .room-sw{width: auto;}
 /* 價格月曆 */
 .month-select {color: #333; font-size: 90%;}
 .month-select .prev a,.month-select .next a{color:#25c19c;}
 .month-select .prev .fa { margin-right: 5px; font-size: 110%; }
 .month-select .next .fa {margin-left:5px; font-size: 110%;}
 .month-select .strong { font-size: 150%; }
 .month-select .off a { color: #999; }
 .month-select .off .fa { display: none; }
 .calendar-price-wrap{
 	width: 100%;
 	overflow-x: auto;
 	-webkit-overflow-scrolling: touch ;
 }
 #calendar-price{
 	width: 100%;
 	color: #333;
 	display: table;
 	border-top: solid 1px #ddd;
 	border-right: solid 1px #ddd;
 }
 #calendar-price .tr{display:table-row; }
 #calendar-price .td{
 	display:table-cell;
 	width: 14.285%;
 	border-bottom: solid 1px #ddd;
 	border-left: solid 1px #ddd;
 	font-size: 90%;
 	vertical-align: center;
 	padding: 5px;
 }
 #calendar-price .week {
 	background-color: #f5f5f5;
 	text-align: center;
 }
 #calendar-price .off {background-color: #f5f5f5;}
 #calendar-price .con {
 	text-align: center;
 	min-width: 52px;
 	margin-top: 3px;
 	color: #000;
 }
  #calendar-price .con.none { color: #929292; }
 #room-lightbox .title {
 	text-align: left;
 	color:#25c19c;
 	padding: 20px 0;
 	padding-right: 30px;
 }
 #room-lightbox .head{border-bottom:none; padding: 0 15px; }
 #room-lightbox .nav-tabs{
 	border-bottom: 1px solid #ccc;
 	border-top: 1px solid #ccc;
  }
 #room-lightbox .nav-link.active{
 	border-top: none;
 	border-left: none;
 	background-color:transparent;
 	color: #000;
 }
 #room-lightbox .nav-link{
 	border-right: solid 1px #ccc;
 	margin-top: 8px;
 	margin-bottom: 8px;
 	color: #9F9F9F;
 	padding: 15px;
 	font-size: 90%;
 }
 #room-lightbox .nav-link:hover{
 	border-top: none;
 	border-left: none;
 	border-bottom: none;
 }
 #room-lightbox .nav-item:last-child .nav-link{border-right: none;}
 #room-lightbox .modal-body{
 	padding-top: 140px;
 	padding-left: 20px;
 	padding-right: 20px;
 	margin-bottom: 20px;
 }
 #room-lightbox .tab-content .tab-pane> ul {padding-left: 20px;}
 #room-lightbox .tab-content .d-flex {margin-bottom: 0}
 #room-lightbox .tab-content .d-flex .p-2{
padding-bottom: 0!important;
padding-top: 0!important;
padding-left:0!important;
min-width: 120px;
font-weight: normal;
 }
 /* 相簿 */
 .album-wrap .photo-wrap { width: 100%; height: auto; position: relative; margin-bottom: 0; }
 .album-wrap .photo-wrap .figure-img{ width: 100%;margin-bottom: 0 }
 .album-wrap .photo-wrap .figure-caption {
 	position: absolute;
 	width: 100%;
 	bottom: 0;
 	left: 0;
 	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 74%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 74%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 74%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
    color: #fff;
    padding: 20px;
 }
 .sale-list,.sale-room-wrap .content {margin:0;padding:0;}
 .sale-room-wrap,.sale-room-wrap li {list-style: none;}
 .sale-room{
 	background-color:#EEE;
 	color: #9D9D9D;
 	border-bottom:1px solid #ddd;
 	padding: 10px;
 	padding-right: 30px;
 	font-weight: bold;
 	position: relative;
 }
 .sale-room .fa {position: absolute; right:10px;top:50%; margin-top: -8px;}
 .sale-room-wrap .content>li{
 	position: relative;
 	border-bottom: 1px solid #DDD;
 	padding:15px 10px;
 	padding-right: 30px;
 }
 .sale-room-wrap .content>li a{color: #000; display: block;}
 .sale-room-wrap .content>li .fa{
 	color: #25c19c;
 	position:absolute;
 	right:10px;
 	top: 50%;
 	margin-top: -10px;
 	font-size: 115%;
 }
 .like-value {text-align: center; font-weight: bold;}
 .like-value .numerals { font-size: 220%; margin-left: 5px;margin-right: 5px; }
 .like-stars {text-align: center; }
 .like-stars .fa{font-size: 120%;color:#f76f25; margin-right: 3px; margin-left: 3px;}
 .comment {border-top: 1px solid #DDD;}
 .comment .content> li { padding-right: 10px; }
 .comment .guest {margin-bottom: 10px;}
@media (min-width: 768px){
	#calendar-price .td{font-size: 110%;}
}
@media (max-width: 480px){
	#calendar-price .td{font-size: 80%;}
}
@media (max-width: 415px){
	.room-price-wrap .bonus-info {line-height: 1; }
}
@media (max-width: 375px){
#room-lightbox .modal-body{padding-top: 180px;}
}
@media (max-width: 320px){
	.room-sw {
	width: 134px;
	font-size: 100%;
}
.icon-circle-border {
	height: 35px;
	width: 35px;
	line-height: 30px;
}
.modal-content .share-icon-wrap img { width: 80%;}
#order-now .btn-orange {
	padding-left:20px;
	padding-right:20px;
}
#calendar .stay .room-sw{width: auto;}
#room-lightbox .tab-content .d-flex .p-2{
min-width: 100%;
margin-bottom: 3px;
 }
#room-lightbox .tab-content .d-flex{display:block!important;margin-bottom: 15px;}
#room-lightbox .nav-link{padding: 8px;}
}