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

/*架構*/
#lower {
	z-index: 9998;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-bottom: 31px;
}
#bar {
	width: 100%;
	height: 34px;
	color: #FFF;
}
.bar_block {
	margin: 0 auto;
	width: 1270px;
	height: 34px;
}
.toggle {
	display: block;
	width: 160px;
	height: 34px;
	text-indent: -9999px;
	background-image: url(../images/regent_button_arrow.png);
	background-position: left top;
	background-repeat: no-repeat;
	transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	outline: none;
}
.active {
	background-position: left bottom;
}
#panel {
	background-image: url(../images/bg_slide_menu.png);
	background-position: left top;
	background-repeat: repeat;
	padding: 10px 0;
	border-top: 2px solid #ae8a4a;
}
/*架構裡的內容*/
.panel_block {
	margin: 0 auto;
	/*width:980px;*/
	width: 66%;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei UI", sans-serif;
	font-size: 12px;
	color: #FFF;
	overflow: hidden;
}
.panel_block ul {
}
.panel_block ul li {
	display: block;
	float: left;
	width: 20%;
	/*min-height: 223px;*/
	padding: 5px 10px 5px 10px;
	border-right: 1px dotted #ae8a4a;
	box-sizing: border-box;
}
.HotelTitle {
	margin-bottom: 5px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei UI", sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 300;
}
span.hoteltitle_en {
	font-size: 12px;
	color: #fff;
}
.HotelTitle img {
	display: block;
	width: 100%;
	height: auto;
}
.HotelTitle H2 {
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei UI", sans-serif;
	font-size: 25px;
	color: #FFF;
	font-weight: 100;
}
.HotelTitle H2 span {
	color: #f1d30a;
}
H3 {
	font-size: 13px;
	color: #797878;
}
.HotelImage {
	width: 98%;
	margin: 0 auto;
}
.HotelImage img {
	border: 0px solid #3a3a3a;
}
.HotelPhone1 {
	clear: both;
	height: 16px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei UI", sans-serif;
	font-size: 12px;
	color: #cfbd94;
	font-weight: 200;
	padding-left: 20px;
	margin-bottom: 5px;
	background-image: url(../images/icon_phone.png);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 16px;
}
.HotelPhone1 a {
	color: #cfbd94;
	text-decoration: none;
}
.HotelFax1 {
	clear: both;
	height: 26px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei UI", sans-serif;
	font-size: 15px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 3px;
	padding-left: 30px;
	background-image: url(../images/icon_fax.png);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 2;
}
.HotelFax1 a {
	color: #FFF;
	text-decoration: none;
}
.HotelAdd {
	clear: both;
	height: 16px;
	font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei UI", sans-serif;
	font-size: 12px;
	color: #cfbd94;
	font-weight: 200;
	margin-bottom: 20px;
	line-height: 16px;
}
.HotelAddEn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a6a6a6;
}
div.language {
	clear: both;
	color: #fff;
	text-align: center;
	padding: 0 0 5px 0;
	overflow: hidden;
}
div.language a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	text-align: center;
	width: 28px;
	height: 28px;
	line-height: 26px;
	margin: 0 3px 5px 3px;
	transition: all 0.4s;
	border: 1px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
	outline: none;
}
div.language a:hover {
	background: #fff;
	color: #552240;
	border: 1px solid #fff;
}
div.language a.social {
	width: 22px;
	height: 22px;
	margin-bottom: 0px;
	border: 0px;
	border-radius: 0%;
	padding-top: 7px;
}
div.language a.social:hover {
	background: none;
}
div.language a.social img {
	display: block;
	width: 22px;
	height: 22px;
}
.languageSelect {
	display: none;
}
/* Zoom In #1 */
.HotelImage a img {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.HotelImage a:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 1366px) {
.panel_block {
	width: 71%;
}
.HotelTitle {
	min-height: 56px;
	font-size: 14px;
}
span.hoteltitle_en {
	font-size: 12px;
}
.HotelPhone1 {
	font-size: 12px;
}
.HotelFax1 {
	font-size: 14px;
	background-size: 22px 22px;
	padding-left: 26px;
}
.HotelAdd {
	font-size: 12px;
}
.bar_block {
	width: 960px;
}
}

@media screen and (max-width: 1024px) {
.panel_block {
	width: 94%;
}
div.language {
	padding: 0 0 0 0;
	border-bottom:0px solid #ae8a4a; 
}
}

@media screen and (max-width: 979px) {
#lower {
	padding-bottom: inherit;
	overflow-x: hidden;
}
.panel_block {
	width: 100%;
}
.panel_block ul li {
	width: 49%;
	box-sizing: border-box;
}
#bar {
	display: none;
}
.languageSelect {
	display: none;
	width: 80%;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
}
div.language {
	display: block;
}
}

@media screen and (max-width: 414px) {
.panel_block ul li {
	width: 100%;
	margin-bottom: 20px;
}
div.language {
	padding-bottom: 5px;
	border-bottom:2px solid #ae8a4a; 
}
.panel_block ul li {
	width: 100%;
}
}