/*電腦版最上方橫BAR底色*/
.topbar {
  background: #555555;
}

body{
background-image:url(../images/bg.jpg);
}
/*logo圖的設定*/

header .brand { /*電腦版logo的位置*/
  display: inline-block;
  padding: 10px 0;
}

@media (min-width: 1200px) { /*電腦版專有設定*/
	
	.logo_padding_top {
		padding-top:25px
	}
	
	.top_blank{
		height:220px;
		
	}
	
	.page-title .inner {
	  position: relative;
	  padding: 80px 0; /*電腦版上方主圖區高度*/
	  z-index: 99;
	}
	
	.padding_top_70px{
		padding-top:70px;
	}
	
	
}

@media (max-width: 1199.9px) {
  /* HEADER */
  header {
    height: 67px; /*logo位置的高度*/
  }
  header .brand { /*手機版logo的位置*/
    padding: 0px 0;
  }
  header .brand .logo img {
    max-width: 313px; /*手機版logo大小*/
  }
}

/*電腦版第一階選單與上方logo的間距*/
header.vertical-header .main-menu {
  top: -90px;
  visibility: hidden;
  opacity: 1;
}

header.vertical-header .main-menu .menu .menu-item a {
  display: block;
  color: #000000;
  text-align:left;
  padding: 12px 10px;
  padding-left:50px;
  font-size: 14px;
  font-weight: 600;
  line-height: 8px; /*電腦版第一階選單的間距*/
}

/*電腦版第一階選單，如有第二階時，旁邊符號的設定*/
header.vertical-header .main-menu .menu-item.dropdown:after {
  content: "+";
  font-family: FontAwesome;
  position: absolute;
  z-index: 999;
  right: 30px;
  bottom: 2px;
  color: #0085c3;
  font-size: 16px;
  font-weight:700;
}

/*電腦版第二階選單，如有第三階時，旁邊符號的設定*/
header.vertical-header .main-menu .menu .dropdown.open .submenu .menu-item.dropdown:after {
  content: "+";
  font-family: FontAwesome;
  position: absolute;
  z-index: 999;
  right: 30px;
  bottom: 2px;
  color: #0085c3;
  font-size: 16px;
  font-weight:700;
}



/*電腦版 主選單第一階-文字預設字型顏色*/
header.vertical-header .main-menu .menu .menu-item a, header.vertical-header.scroll-header .main-menu .menu .menu-item a {
  position: relative;
  display: block;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  font-family:"微軟正黑體",  "Arial", "Microsoft JhengHei";	
  text-transform: uppercase;
  -webkit-transition: .4s;
  transition: .4s;
  letter-spacing: 0px;
}

/*電腦版 主選單狀態為active與滑鼠移入選項後之文字顏色*/
header.vertical-header .main-menu .menu .menu-item a:hover, header.vertical .main-menu .menu .menu-item a:focus, header.vertical-header .main-menu .menu .menu-item.open a, header.vertical-header .main-menu .menu .menu-item.active a {
  color: #ff8400;
}

/*電腦版 第二階子選單背景的屬性*/
header.vertical-header .main-menu .menu .dropdown .submenu {
  content: "+";
  border-radius: 5px;
  background: #ffffff;
  width:300px;
  top:-10px; /*位置*/
}



/*電腦版 第二階子選單文字的屬性*/
header.vertical-header .main-menu .menu .dropdown.open .submenu .menu-item a {
  font-size: 16px;
  color: #222222;
  font-weight: 500;
  text-align:left;
}

/* ===== 04.3 MOBILE MENU ===== 手機版選單設定*/
.mm-menu {
  min-width: 140px;
  max-width: 300px;
  background: #efefef;
  -webkit-box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, .03);
  box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, .03);
  border-color: #e3e3e3;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}

/*首頁-房名的屬性*/
.room-list-item .room-info .room-title a {
  color: #444444;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  z-index: 9;
  text-transform: uppercase;
}

/*聯絡我們中，聯絡資訊文字的屬性*/
.contact-v2 .contact-details li {
  margin-top: 4px;
  font-size:16px !important;
  /*text-transform: uppercase;*/
    color: #555555;

}

.contact-v2 .contact-details li:first-child {
  margin-top: 0;
}

/*聯絡我們中icon小圖的屬性*/
.contact-v2 .contact-details li i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  margin-right: 20px;
  background: #fff;
  border: 1px solid #efefef;
  color: #999999;
}

/*嵌入youtube影片，寬高可等比網放*/
/*padding-bottom: 56.25%為影片高度與寬度的比例16:9計算得來，9除以16=0.5625換算高度比0.5625=56.25%
padding-top: 30px:用於修正的高度，可用25px或30px
*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

.text_area { /*首頁房間滑動區的設定*/
  /*background: #fff;*/
  background: rgba(255,255,255,0.3);
  border: 1px solid #ffffff;
  margin: 20px 0px;
  margin-top: 0px;
  padding: 15px;
  -webkit-box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  box-shadow: 0 12px 26px 0 rgba(178, 178, 178, .13);
  border-radius: 9px; /*導圓角*/
}


/*所有的圖片可隨視窗大小，自動調整顯示大小*/
img{
	max-width:100%;height:auto;
}

/*文字加框-白字橘框*/
.font_border_light{
	color:#FFFFFF;
	text-shadow:
	-1px -1px 0 #D76B00,
	1px -1px 0 #D76B00,
	-1px 1px 0 #D76B00,
	1px 1px 0 #D76B00,
	2px 2px 2px #D76B00;
}

/*文字加框-白字深橘框*/
.font_border_light1{
	color:#FFFFFF;
	text-shadow:
	-1px -1px 0 #965412,
	1px -1px 0 #965412,
	-1px 1px 0 #965412,
	1px 1px 0 #965412,
	2px 2px 2px #965412;
}


/*文字加框-橘字白框*/
.font_border_dark{
	color:#D76B00;
	text-shadow:
	-1px -1px 0 #ffffff,
	1px -1px 0 #ffffff,
	-1px 1px 0 #ffffff,
	1px 1px 0 #ffffff,
	2px 2px 2px #ffffff;
}

/*文字加框-深橘字白框*/
.font_border_dark1{
	color:#b56600;
	text-shadow:
	-1px -1px 0 #ffffff,
	1px -1px 0 #ffffff,
	-1px 1px 0 #ffffff,
	1px 1px 0 #ffffff,
	2px 2px 2px #ffffff;
}

body {
	background-color:#ffffff;
	color:#222222;
	font-family:"微軟正黑體",  "Arial", "Microsoft JhengHei";	
	font-size:15px !important;
}

p {
	font-size:16px !important;
}

.font_12 {
font-size:12px !important;
}

.font_14 {
font-size:14px !important;
}

.font_16 {
font-size:16px !important;
line-height:24px;
font-weight:600!important;
}

.font_16_normal {
font-size:16px !important;
line-height:30px;
}

.font_18 {
font-size:18px !important;
line-height:26px;
font-weight:300!important;
}

.font_20 {
font-size:20px !important;
line-height:28px;
font-weight:300!important;
}

.font_22 {
font-size:22px !important;
line-height:30px;
font-weight:300!important;
}

.font_24 {
font-size:24px !important;
line-height:30px;
font-weight:500!important;
}

.font_weight_500 {
font-weight:500!important;
}

.font_weight_700 {
font-weight:700!important;
}

.color_red {
	color:#c91f1f!important;
}

.color_white {
	color:#ffffff!important;
}

.color_black {
	color:#000000!important;
}

.color_grey {
	color:#555555!important;
}

.color_lightgrey {
	color:#aaaaaa!important;
}

.color_lightyellow {
	color:#ffeb99!important;
}

.color_brown {
	color:#e7cb81!important;
}

.color_blue {
	color:#007cb0!important;
}

.color_darkgrey {
	color:#222222!important;
}

.color_orange {
	color:#f77a00!important;
}

.color_darkorange {
	color:#964700!important;
}

.color_green {
	color:#569f00!important;
}

.color_price {
	color:#e16224!important;
	font-size:26px !important;
}

.color_price_small {
	color:#e16224!important;
	font-size:16px !important;
}

.color_price_small_2 {
	color:#d57709!important;
	font-size:14px !important;
}

.color_price_small_grey {
	color:#444444!important;
	font-size:16px !important;
}

.color_price_promotion {
	color:#e16224!important;
	font-size:20px !important;
	font-weight:600 !important;
	font-family:"Arial", "Microsoft JhengHei";	

	/*font-style:italic;*/
}

.color_price_promotion_small {
	color:#e16224!important;
	font-size:16px !important;
	font-weight:600 !important;
	font-family:"Arial", "Microsoft JhengHei";	
	/*font-style:italic;*/
}

.color_price_promotion_title {
	color:#ff9c00!important;
	font-size:20px !important;
}

.align_left {
	text-align:left!important;
}

.align_right {
	text-align:right!important;
}

.align_center {
	text-align:center!important;
}

.padding_20 {
  padding: 20px 0;
}

.padding_100 {
  padding: 100px 0;
}

.padding_left_40 {
  padding-left: 40px;
}

.padding_left_60 {
  padding-left: 60px;
}

.padding_top_20 {
  padding-top: 20px;
}

.padding_top_120 {
  padding-top: 120px;
}

.line_height_30 {
	line-height:30px;
}

.line_height_36 {
	line-height:36px;
}

.line_height_60 {
	line-height:60px;
}

.zindex_9999{
	z-index:9999;
}

.bgcolor_lightbrown {
	  background: #f5f3f0;
}

.thumb_border {
  border:solid;
  border-width:1px;
  border-color:#ffffff;
}

.photo_border {
  border:solid;
  border-width:1px;
  border-color:#90877b;
}

.text_transform_lowercase {
	text-transform:lowercase;
}


A:link {
	COLOR: #0292c2; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #0292c2; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #c4a65e; TEXT-DECORATION: underline;
}

A.btn_white:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.btn_white:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
A.btn_white:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline;
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;
}


A.naz:link {
	COLOR: #0292c2; TEXT-DECORATION: none;
}
A.naz:visited {
	COLOR: #0292c2; TEXT-DECORATION: none;
}
A.naz:hover {
	COLOR: #c4a65e; TEXT-DECORATION: underline;
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;

}

A.nax:link {
	COLOR: #111111; TEXT-DECORATION: none!important;
}
A.nax:visited {
	COLOR: #111111; TEXT-DECORATION: none!important;
}
A.nax:hover {
	COLOR: #c4a65e; TEXT-DECORATION: underline!important;
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;

}


A.naw:link {
	COLOR: #000000; TEXT-DECORATION: none!important;
}
A.naw:visited {
	COLOR: #000000; TEXT-DECORATION: none!important;
}
A.naw:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline!important;
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;

}

/*以下是Q&A資料顯示區的設定css
.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f9f9f9;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f9f9f9;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#337ab7}.panel-primary>.panel-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#337ab7}.panel-primary>.panel-heading .badge{color:#337ab7;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#337ab7}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}
*/