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


/*標題字*/
.sectionTitle{
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:22px;
font-weight:normal;

}
.sectionTitle strong{
  font-size: 22px;
  color:#000;
  font-weight:normal;}

.sectionTitle strong a{
display:block;
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;}
.sectionTitle strong a:hover{}


.tab{
margin-top:25px;}
.tab a{
	display: block;
	float: left;
	padding: 8px 10px 8px 10px;
	font-size: 15px;
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	color: #616161;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border:1px solid #BDBDBD;
}
.tab a:hover{
	color:#000;}
.tab a:first-child{}
.tab a.current{
background:#231515;
border:1px solid #231515;
color:#fff;}
ul.tabContent{
margin-top:-1px;
padding:20px 0px;
border-top: #afa6bf 1px solid;}
ul.tabContent > li{
display:none;}
ul.tabContent li .textEditor{
margin:0;}
ul.tabContent h3.sectionTitle{
display:none;}



/*側邊_線上訂房*/
.side_booking{
margin-bottom:30px;}
.side_booking a{
	display: block;
	background: #616161;
	border-radius: 4px;
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size: 20px;
	color: #FFF;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	min-width: 0px;
	box-shadow: 2px 2px 2px #D9D9D9;
}
.side_booking a i{
	display: inline-block;
	font-size: 20px;
	padding: 15px;
	margin-right: 15px;

	box-shadow: 1px 0 #fff;
	-webkit-box-shadow: 1px 0 #fff;
}
.side_booking a:hover{
	background-color: #333333;
}
/*側邊_聯絡資訊*/
.side_contactInfo{
}
.side_contactInfo h3{
margin-bottom:20px;
}
.side_contactInfo h3 strong{
	font-size:22px;
	color:#000;}
.side_contactInfo ul{}
.side_contactInfo ul li{
margin-bottom:20px;}
.side_contactInfo ul li a{
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:17px;
color:#616161;
line-height:40px;}
.side_contactInfo ul li a i{
display:block;
float:left;
margin-right:8px;
background:#fbac52;
width:36px;
height:36px;
font-size:20px;
color:#f1eee7;
line-height:36px;
text-align:center;
border-radius:100%;}
.side_contactInfo ul li a b{
font-weight:normal;}

/*側邊_房型*/
.side_room{
margin-bottom:40px;}
.side_room .sectionTitle{
margin-bottom:15px;}
.side_room ul{}
.side_room ul li{}
.side_room ul li .Img{}
.side_room ul li .Img img{
width:100%;}
.side_room ul li .Txt{
margin-top:5px;}
.side_room ul li .Txt h3 strong a{
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:17px;
font-weight:normal;
color:#1753eb;}
.side_room ul li .Txt h3 strong a:hover{
text-decoration: underline;
}
.side_room ul li .Txt p{
font-size: 13px;
color: #f1f1f1;
line-height: 1.8;
max-height:100px;
overflow:hidden;}
.side_room .bx-wrapper .bx-controls-direction a{
width:25px !important;
height:25px !important;
top:0 !important;
right:0px;
margin:0 !important;}
.side_room .bx-wrapper .bx-prev{
left:auto;
right:25px !important;
background:url(../images/bx_arrow_square_prev.png) !important;}
.side_room .bx-wrapper .bx-next{
background:url(../images/bx_arrow_square_next.png) !important;}

.btn_color11{
	color: #FFFFFF;
background:#fbac52;

}
a.btn_color11:hover{
background:#f19226;}
a.btn_color22{
	color: #FFFFFF;
	background:#616161;
}
a.btn_color22:hover{
background:#333333;}
input[type="text"]{
-webkit-appearance: none;}
textarea{
-webkit-appearance: none;}


.classNote{
padding-bottom:10px;
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:14px;
color:#5a5a5a;
text-align:center;
line-height:1.8;
}
.top{padding-bottom:30px;}
.top .link{
float:right;
width:40%;
text-align:right;}
.top .link a{
display:inline-block;
padding:7px 15px;
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:14px;
color:#FFF;
box-shadow:2px 2px 2px #A7A7A7;
border-radius:3px;

-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;}
.roomBox ul{margin-left:-1%;}
.roomBox li{padding:10px;
width:31%;
margin:0 1% 40px 1%;
background:#fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

.roomBox li.food{padding:10px;
width:22.33%;
margin:0 1% 40px 1%;
background:#fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}

.roomBox li:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);}
.roomBox li .Img {
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	border-bottom:4px solid #140702;
}
.roomBox li .Img a{
	width:100%;
	}
.roomBox li .Img a img{
	width:100%;
	display:block;
}
.roomBox li .Txt{margin:2px 0 20px 0;
border-top:1px #140702 solid;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
}	
.roomBox li .Txt h2{
	padding:20px 0;
	position:relative;
}
.roomBox li .Txt h2 a{
font-size:18px;
font-weight:normal;
color:#000;}
.roomBox li .Txt h2 a:hover{
text-decoration:underline;
font-weight:900;}

.roomBox li .Txt p{
	color:#666;
	font-size:12px;
		text-align:left;}
.roomBox li a.more{
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:14px;
	line-height:3;
	padding:0 7px;
	color:#140702;
	display:block;
	width:100px;
	text-align:center;
	margin:20px auto 0 auto;

	position:relative;
	border:1px solid #140702;
}
.roomBox li a.more:before{
	content:"◢";
	display:block;
	font-size:20px;
	color:#140702;
	line-height:20px;
	position:absolute;
	bottom:-2px;
	right:2px;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.roomBox li:hover a.more{
	background:#140702;
	border:1px solid #fff;
	color:#fff;
}
.roomBox li:hover a.more:before{
	color:#fff;
}	


/******內頁******/
.contentBox{}
.contentBox .leftBox{
float:left;
width:64%;}
.contentBox .leftBox .Img{}
.contentBox .leftBox .Img img{
width:100%;}
.contentBox .leftBox h3{
	margin: 0 0 10px 0;
	line-height: 20px;
	padding:10px;
	border-bottom: 1px dotted #C3C3C3;
	color:#000;
}
.contentBox .rightBox{
float:right;
width:30%;}
.contentBox .rightBox .link{
margin-bottom:20px;
text-align: left;}
.contentBox .rightBox .link a{
display:inline-block;
padding:7px 15px;
font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:14px;
margin:10px 0;
}
.contentBox .rightBox .link a:hover{color:#fff;}

@media (max-width: 800px){
.roomBox ul{margin-left:0;}
.roomBox li{padding:10px;
width:46%;
margin:0 2% 30px 2%;
background:#fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.roomBox li.food{padding:10px;
width:46%;
margin:0 2% 30px 2%;
background:#fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
}

/*767*/
@media (max-width: 820px){
.top ul.classLink{
float:none;
width:100%;
text-align:center;
padding-bottom:10px;
border-bottom:1px solid #CCC;
margin-bottom:10px;}
.top .link{
float:none;
width:100%;
text-align:center;}
/*內頁*/
.contentBox .leftBox{
float:none;
width:100%;
padding:0;}
.contentBox .rightBox{
float:none;
width:100%;
margin-top:20px;}
.contentBox .rightBox .link{
	width: 100%;
	text-align:center;}
.contentBox .rigtBox .link a{display:inline-block;}

}



/*767 end*/
@media (max-width: 640px){

/*內頁*/
.side_contactInfo ul{
text-align:center;}
.side_contactInfo ul li{
display:inline-block;}
.side_contactInfo ul li a b{
display:none;}
}


@media (max-width: 450px){
	.roomBox li{
width:96%;}
.roomBox li.food{
width:96%;}
}