#page nav
{
	display: none;
}

#header,
.header
{
	font-size: 100%;
	/* [disabled]font-weight: bold; */
	/* [disabled]color: #fff; */
	/* [disabled]text-align: center; */
	line-height: 40px;
	/* [disabled]height: 140px; */
}

#header a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);}
#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/

/*
	Dreamweaver 流變格線屬性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	靈感來自於 Ethan Marcotte 的「具回應功能的網頁設計」 
	http://www.alistapart.com/articles/responsive-web-design
	
	以及 Joni Korpi 的「黃金格線系統」
	http://goldengridsystem.com/
*/

/* 行動版面: 480px 以下。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	
}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media (max-width: 480px) {
	.mainLeft{
	width:100%;
	height: 556px;
}

.mL1{
	width: 100%;
	height: 256px;
	background-color: #e6e6e6;
	margin-bottom: 22px;	
	background-image: url(../images/ml1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.mainLeft p{
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 125%;
	color: #000;
}
.mL2{
	width: 100%;
	height: 256px;
	background-color: #e6e6e6;
	background-image: url(../images/ml2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 22px;
}

	.mainRight{		
	width:100%;
	height: 534px;
}
.maintitle{
	width: auto;
	height: 40px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	line-height: 40px;
	color: #FFF;
	background-color: #ee771d;
	text-align: center;
	padding-left: 10px;
	font-size: 125%;
	/* [disabled]position: absolute; */
	/* [disabled]z-index: 10; */
	/* [disabled]top: 0px; */
	text-decoration: none;
}
.maintitle a:link{
	
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	line-height: 40px;
	color: #FFF;
	font-size: 125%;
	text-decoration: none;
}
	.mR1{
	float: left;
	width: 100%;
	height: 220px;
	background-color: #e6e6e6;
	margin-bottom: 22px;
}
.mR2{
	float: right;
	width: 100%;
	height: 220px;
	background-color: #e6e6e6;
	margin-bottom: 22px;
	overflow: hidden;
}
	.news{	
	background-color: #FFFFFF;
	width:100%;
	height: 368px;
	overflow:hidden;	
	margin-bottom: 25px;
}
.nright{	
	width: 100%;
	height: 368px;
	margin-bottom: 25px;
}
.mov{
	background-color: #e6e6e6;
	width: 100%;
	height: 173px;
	margin-bottom: 22px;	
}
.pic{	
	background-color: #e6e6e6;
	width:100%;
	height: 368px;	
}
	.social-links2,.social-links {	
	display: none;
	}
.searcharadio,.search4{
	display:none
}	

.section_room1 select {
	width: 100%;
	color: #676769;
	font-size: 100%;
	font-weight: 500;
	outline: none;
	background: #f7f7f7;
	border: none;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
}
	#top a,
.top a
{
	background: center center no-repeat transparent;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC);
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	left: 3px;
}
	.navigation {	
	display: none;
	}


}

/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media (min-width: 801px){
	.maintitle{
	width: auto;
	height: 40px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	line-height: 40px;
	color: #FFF;
	background-color: #ee771d;
	text-align: center;
	padding-left: 10px;
	font-size: 125%;
}
	.mainLeft{
	margin-right:2%;
	float:left;	
	width:35%;
	height: 534px;
}

.mL1{
	width: 100%;
	height: 256px;
	background-color: #e6e6e6;
	margin-bottom: 22px;	
	background-image: url(../images/ml1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.mainLeft p{
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 125%;
	color: #000;
}
.mL2{
	width: 100%;
	height: 256px;
	background-color: #e6e6e6;
	background-image: url(../images/ml2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

	.mainRight{	
	float:right;
	width:63%;
	height: 534px;
}
	.mR1{
	float: left;
	width: 49%;
	height: 166px;
	background-color: #e6e6e6;
	margin-bottom: 22px;
	margin-right: 2%;
}
.mR2{
	float: right;
	width: 49%;
	height: 166px;
	background-color: #e6e6e6;
	margin-bottom: 22px;
}
	.news{
	margin-right: 2%;
	float: left;
	background-color: #FFFFFF;
	width: 73%;
	height: 368px;
	overflow: hidden;
	margin-bottom: 25px;
}
.nright{
	float: right;
	width: 25%;
	height: 368px;
	margin-bottom: 25px;
}

.mov{	
background-color: #e6e6e6;
	width:100%;
	height: 173px;
	margin-bottom:22px;
}
.pic{
	background-color: #661950;
	width: 100%;
	height: 368px;
	overflow: hidden;
}

.section_room1 select {
	color: #676769;
	background: #f7f7f7;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
	
	

	
.mWrapper {
	/* [disabled]margin-bottom: 50px; */
	/* [disabled]box-shadow: 0 4px 4px -2px #ddd; */

	/* [disabled]background-color: white; */
	z-index: 9999999;
}

}
@media (min-width: 481px) and (max-width: 800px) {
	.maintitle{
	width: auto;
	height: 40px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	line-height: 40px;
	color: #FFF;
	background-color: #ee771d;
	text-align: center;
	padding-left: 10px;
	font-size: 20px;
}
	.mainLeft{
	width: 100%;
	height: 256px;
	clear: both;

}

.mL1{
	width: 49%;
	height: 256px;
	background-color: #e6e6e6;
	margin-bottom: 22px;
	background-image: url(../images/ml1.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-right: 2%;
	float: left;
}
.mainLeft p{
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
	font-size: 125%;
	color: #000;
}
.mL2{
	width: 49%;
	height: 256px;
	background-color: #e6e6e6;
	background-image: url(../images/ml2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 22px;
	float: right;
}

	.mainRight{	
	width:100%;
	height: 534px;
}
	.mR1{
	float:left;
	width:49%;
	height: 163px;
	background-color: #e6e6e6;
	margin-bottom:22px;
	margin-right:2%;
}
.mR2{
	float:right;
	width: 49%;
	height: 163px;
	background-color: #e6e6e6;	
	margin-bottom:22px;
}
	.news{	
	background-color: #FFFFFF;
	width:100%;
	height: 368px;
	overflow:hidden;	
	margin-bottom: 25px;
}	
.nright{
	width:100%;
	height: 173px;
	margin-bottom: 25px;
}

.mov{
	margin-right:1%;
	background-color: #e6e6e6;
	width: 49%;
	height: 173px;
	margin-bottom: 22px;
	float:left
}
.pic{	
	background-color: #661950;
	width:49%;
	height: 368px;
	float:right
}

.section_room1 select {
	width: 100%;
	color: #676769;
	font-size: 1em;
	font-weight: 500;
	outline: none;
	background: #f7f7f7;
	border: none;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 14px;
}


.social-links2,.social-links {	
	display: none;
	}
	.navigation {	
	display: none;
	}
.mWrapper {
	/* [disabled]margin-bottom: 50px; */
	/* [disabled]box-shadow: 0 4px 4px -2px #ddd; */
	width: 780px;
	/* [disabled]background-color: white; */
	z-index: 999999;
}

}