@charset "utf-8";
/* CSS Document */

.hotel-name{ color:#ff8355; display:inline-block; font-family:"微軟正黑體"; font-size:36px; font-weight:bold; margin:10px 0; vertical-align:sub;}
.hotel-area{ color:#a0a0a0; display:inline-block; font-family:"微軟正黑體"; font-size:18px; padding-left:10px;}
.hotel-address{ color:#a0a0a0; font-family:"微軟正黑體"; font-size:18px; margin-bottom:10px;}
.hotel-text{ background:url(../images/other/hotel-text.jpg) repeat-x top left; padding:20px 0;}

.hotel-table{ border:solid 1px; border-collapse: collapse; width:100%;}
.hotel-table th{ background:url(../images/other/table-line.jpg) repeat-y left top #ff8355; border:solid 1px #e85d29; color:#fff; font-family:"微軟正黑體"; font-size:18px; font-weight:bold; height:63px; padding-left:2%;}
.hotel-table td{ border:solid 1px #dfdfdf; padding:15px;  font-family:"微軟正黑體"; font-size:15px;}
.hotel-table th:nth-child(2){ width:40%;}
.hotel-table th:nth-child(3){ width:20%;}
.hotel-table td:nth-child(3) *{ height:auto; padding:0; margin:0; font-size:13px; text-align:left; }
.hotel-table td:nth-child(3) table{width:100%;}
.hotel-table td:nth-child(3) img{ max-width:100%; height:auto;}

.edit-price table{ width:100%;}
.edit-price img{ max-width:100%; height:auto;}

.hotel-table td .gallery{ width:281px; height:196px; margin:0 auto; overflow:hidden;}
.hotel-table td .gallery img{ max-width:100%; height:auto; display:block;}
.hotel-table td h3{  font-size:22px; font-weight:bold; color:#ff8355;}
.hotel-table td .text{ font-size:13px; color:#525252; line-height:18px;}
.hotel-table td .btn{ background:url(../images/other/inquiry-btn.jpg) no-repeat; border:0; font-size:15px; color:#fff; display:inline-block; margin:auto; width:131px; line-height:43px; height:43px; text-align:center; font-family:"微軟正黑體";}
.btn1{ background:url(../images/other/back.jpg) no-repeat; border:0; font-size:15px; color:#fff; display:inline-block; margin:auto; width:131px; line-height:43px; height:43px; text-align:center; font-weight:normal; font-family:"微軟正黑體";}
.btn2{ background:url(../images/other/inquiry-btn.jpg) no-repeat; border:0; font-size:15px; color:#fff; display:inline-block; margin:auto; width:131px; line-height:43px; height:43px; text-align:center; font-family:"微軟正黑體";}

.hotel-table td .room-num{ border:solid 1px #dfdfdf; height:43px; width:111px; padding:0 10px; font-family:"微軟正黑體"; font-size:15px; }

.hotel-location{ width:100%;}
.hotel-location dt{ width:40%; float:left;}
.hotel-location dd{ width:55%; float:right;}

#map_canvas{ width:100%; height:300px;}

.lightbox{ font-size:14px; display:none; font-family:"微軟正黑體";}
.lightbox h2{ font-size:18px; font-weight:bold; display:block; margin:10px 0;}
@media only screen and (max-width: 480px){
.hotel-location dt{ width:100%; float:none; margin-bottom:10px;}
.hotel-location dd{ width:100%; float:none;}
}

.other-hotel-title{ color:#454545; font-family:"微軟正黑體"; font-size:16px; margin:20px 0; font-weight:bold;}
.other-hotel{ width:100%;}
.other-hotel li{ display:inline-block; width:12.5%; vertical-align:top; margin-bottom:20px;}
.other-hotel li span{ background:url(../images/other/hotel-sign.svg) no-repeat; background-size:100%; display:inline-block; width:26px; height:26px; margin-top:-5px; margin-right:8px; vertical-align:middle;}
.other-hotel li a{ color:#ff8355; color:#ff8355; font-size:16px; line-height:26px;}
.other-hotel li a:hover{ text-decoration:underline;}
@media only screen and (max-width: 1024px){
.other-hotel li{ display:inline-block; width:14.28%; vertical-align:top; margin-bottom:20px;}
.hotel-table td .room-info dt{ float:none;}
.hotel-table td .room-info dd{ float:none; width:100%;}
}
@media only screen and (max-width: 768px){
.other-hotel li{ display:inline-block; width:25%; vertical-align:top; margin-bottom:20px;}
.hotel-table td .room-info dt{ float:left;}
.hotel-table td .room-info dd{ float:right; width:50%;}
}
@media only screen and (max-width: 480px){
.other-hotel li{ display:inline-block; width:50%; vertical-align:top; margin-bottom:20px;}
.hotel-table td .room-info dt{ width:281px; height:189px; padding:0; margin:0 auto;}
.hotel-table td h3{ display:inline; vertical-align:bottom; margin-top:-5px;}
}

.inquiry{ background:url(../images/other/hotel-text.jpg) repeat-x top left; padding:20px 0;}
.inquiry .title{ border-left:solid 10px #9d9d9d; color:#454545; font-family:"微軟正黑體"; font-size:18px; font-weight:bold; height:34; margin:0 0 33px 0; line-height:34px; padding-left:10px;}
.inquiry .title .payment{ font-family:"微軟正黑體"; font-size:15px; color:#8e0e0e; padding-left:20px; vertical-align:middle;}
.inquiry .date-select{ margin-bottom:37px;}
.inquiry .date-select li{ display:inline-block;width:25%; margin-right:30px;}
.inquiry .date-select li .text01{ background:url(../images/other/icon01.jpg) no-repeat 95% center; border:solid 1px #d8d8d8; cursor:pointer; height:43px; line-height:48px; padding-left:10px; font-size:15px; width:100%; }
.inquiry .date-select li.day-total{font-family:"微軟正黑體"; font-size:15px;}
.inquiry .date-select li.day-total span{ color:#ff8355; font-weight:bold;  font-size:24px; padding:0 10px;}
.inquiry .go-detail{ background:url(../images/other/icon2.jpg) no-repeat; margin:20px 0; padding-left:27px;}
.inquiry .go-detail a{ color:#006df0; font-family:"微軟正黑體"; font-size:18px; line-height:18px;}
.inquiry .go-detail a:hover{ text-decoration:underline;}
.inquiry .inquiry-form{ overflow:hidden;}
.inquiry .inquiry-form dt{ float:left; width:60%;}
.inquiry .inquiry-form dt ul{ width:100%;}
.inquiry .inquiry-form dt ul li{ float:left; box-sizing:border-box;  margin-right:2%; width:49%; line-height:50px;color:#979797; font-family:"微軟正黑體"; font-size:15px;}
.inquiry .inquiry-form dt ul li:nth-child(2n){ margin-right:0;}
.inquiry .inquiry-form dt ul li span{ display:block; padding:15px 0; font-size:15px; font-family:"微軟正黑體"; line-height:18px; width:100%;}
.inquiry .inquiry-form dt ul li .text01{ border:0; box-sizing:border-box; background:#eaeaea; color:#979797; font-family:"微軟正黑體"; font-size:15px; height:50px; padding-left:15px; width:100%;}
.inquiry .inquiry-form dt ul li .text02{ border:0; box-sizing:border-box; background:#eaeaea; color:#979797; font-family:"微軟正黑體"; font-size:15px; height:109px; padding:15px; width:100%; line-height:18px; display:block;}
.inquiry .inquiry-form dt ul li .text03{ border:0; box-sizing:border-box; background:#eaeaea; color:#979797; font-family:"微軟正黑體"; font-size:15px; height:50px; padding-left:15px; width:40%;}
.inquiry .inquiry-form dt ul li:nth-child(7){ width:100%;}
.inquiry .inquiry-form dd{ float:right; width:35%;}
.inquiry .inquiry-form dd .sub-title{ display:block; font-family:"微軟正黑體"; font-size:18px;}
.inquiry .inquiry-form dd .sub-row{ font-size:18px; margin:10px 0 15px 0; width:100%;}
.inquiry .inquiry-form dd .sub-row .text{ width:70%; font-size:18px; border:solid 2px #000; border-width:0 0 2px 0; height:45px;}

.inquiry .inquiry-form dd .tips{ margin-top:50px; display:block; font-family:"微軟正黑體"; font-size:18px; font-weight:bold; color:#000;}
.inquiry .inquiry-form dd .tips:hover{ text-decoration:underline;}
.inquiry .btn-center{ text-align:center; margin:20px 0;}

@media only screen and (max-width: 480px){
.inquiry .inquiry-form dt, .inquiry .inquiry-form dd{ width:100%; float:none;}
}

/*列表*/
.list-banner{ background:url(../images/other/list-banner.jpg) no-repeat center top; width:100%; height:377px; text-align:center}
.list-banner .title{ width:100; color:#fff; font-weight:bold; font-family:"微軟正黑體"; text-align:center; font-size:48px; margin:100px 0 45px 0; display:inline-block;}

.list-row{ display:inline-block; vertical-align:top; margin-bottom:48px; overflow:hidden; width:50%;}
.list-row dt{ float:left; width:43%; position:relative;}
.list-row dt img{ display:block; max-width:100%; height:auto; position:relative; z-index:1;}
.list-row dt span{ display:block; position:absolute; z-index:2; left:3%; bottom:3%; width:96px; height:71px; padding-top:25px; background:rgba(255,156,40,.8);
font-family:"微軟正黑體";
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
color:#fff;
font-weight:bold;
text-align:center; font-size:13px;
font-family:Verdana;
}
.list-row dd{ float:right; width:55%; padding-right:2%; box-sizing:border-box;}
.list-row dd a{ font-family:"微軟正黑體";}
.list-row dd a .title{ color:#3b3b3b; font-size:20px; font-weight:bold;}
.list-row dd a span.address{ font-size:15px; color:#3e3e3e; margin:10px 0; display:block;}
.list-row dd a .text{ color:#959595; font-size:13px; line-height:18px; min-height:65px; }
@media only screen and (max-width: 1024px){
.list-row dt{ float:none; width:95%; text-align:center; margin:auto;}
.list-row dd{ float:none; width:95%; text-align:center; margin:auto;}
}
@media only screen and (max-width: 768px){
.list-row dt{ float:none; width:95%; text-align:center; margin:auto;}
.list-row dd{ float:none; width:95%; text-align:center; margin:auto;}
}

@media only screen and (max-width: 480px){
.list-row{ display:inline-block; vertical-align:top; overflow:hidden; padding-bottom:30px; width:90%; margin:auto; display:block;}
}

/*.footable > tbody > tr > td img{ vertical-align:middle; margin-top:0; margin-right:10px; margin-left:10px; margin-bottom:5px;}*/
.footable > tbody > tr > td > .footable-toggle > .footable-contract {
  display: none;
}
.footable > tbody > tr > td > .footable-toggle > .footable-expand {
  display: none;
}
.footable.breakpoint > tbody > tr > td > .footable-toggle > .footable-expand {
  display: inline;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > .footable-toggle > .footable-expand {
  display: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > .footable-toggle > .footable-contract {
  display: inline;
}

/** Override icons from footable.core.css:  **/
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "";
}
.footable.breakpoint > tbody > tr >  td > span.footable-toggle:before {
  content: "";
}