.page_main {
	width:100%;
	margin-top:0px;}
.about_main {
	width: 400px;
	background: url("../img/decoration.png") no-repeat 90% 30%, url("../img/bg.jpg");
	background-color: #FFF;
	/*-webkit-border-radius: 8px;*/
	/*-moz-border-radius: 8px;*/
	border-radius: 8px;
	position: absolute;
	bottom: 5%;
	right: 15px;
	z-index: 10;
	/*border-top: 6px solid #3c5a6a;*/
	/*border-bottom: 6px solid #3c5a6a;*/
	padding: 1em .5em;
	height: 52%;
	overflow:hidden;
	}

.about_main h1 {
	height:1.7em;
	color:#22495c;
	background: url("../img/facilities_title.png") no-repeat;
	/*background-position: -290px -420px;*/
	font-size:1.5em;
	font-weight:normal;
	line-height:1.7em;
	padding-left:1.5em;
	letter-spacing:2px;
	text-indent: -9999px;
	}

.about_main h1 .bed {
	height:.3em;
	color:#9b9b9b;
	font-size:.5em;
	font-weight:normal;
	line-height:1em;
	padding-left:1.5em;
	letter-spacing:1px;
	}
.about_detail {
	padding-left:.8em;
	padding-top: .8em;
	height: 90%;
	overflow:hidden;
	}
.about_detail p {
	font-size:.7em;
	line-height:2em;
	color:#666;
	letter-spacing:1.5px;
	clear:both;
	text-align:justify;
	margin-bottom: 20px;
	}

.about_main h3 {
	height:1.5em;
	color:#9c2222;
	font-size:.8em;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:2px;
	margin-top:10px;
	}

.about_main h4 {
	font-size: .7em;
	line-height: 0.5em;
	margin: 1em 0;
	color: #8F83B9;
	font-weight: blod;
	font-family: Century Gothic;
	}
.restaurant_main h1 {
	background-position: -290px -534px;
	}

.restaurant_main .type {
	font-size:.7em;
	color:#524383;
	}

.restaurant_price {
	width: 444px;
	position: absolute;
	bottom: 5%;
	right: 30px;
	z-index: 9;
	height: 65%;
	overflow:hidden;
	}
.restaurant_price h3 a {
	display: block;
	float: left;
	width: 16px;
	height: 4em;
	color: #FFF;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.3em;
	letter-spacing: 2px;
	text-align: center;
	padding: 0.9em;
	margin-top: 20em;
	background-color: rgba(34, 73, 92, 0.8);
	margin-right: -3px;
	position: absolute;
	left: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	}
	
.restaurant_price_main {
	padding:1.5em;
	width: 340px;
	background-color:rgba(34,73,92,0.8);
	*background-color: #3c5a6a;
	_background-color: #3c5a6a;
	float:right;
	border: 2px solid #fff;
	height: 86%;
	overflow:hidden;
	}
.restaurant_price_main h4 {
	height:1.5em;
	color:#fff;
	font-size:.8em;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:2px;
	margin-top:10px;
	background-color:#9C2222;
	padding:.2em 0 .2em 1em;
	margin-bottom:5px;
	}
.restaurant_price_main ul {
	margin:1.5em 0;
	padding-bottom: 2em;}
.restaurant_price_main ul li {
	font-size: 0.6em;
	line-height: 2em;
	color: #FFF;
	letter-spacing: 2.5px;
	clear: both;
	padding-left: 1em;
	}
.restaurant_price_main tr {
	}
.restaurant_price_main tr td {
	font-size:.7em;
	line-height:40px;
	color:#fff;
	letter-spacing:.5px;
	clear:both;
	height:40px;
	padding: .3em 0 .3em 1em;
	border-bottom:1px dashed #d4cbee;
	}

.restaurant_price_main tr td h5 {
	color:#d6e5ed;
	font-size:1em;
	font-weight:normal;
	}
.restaurant_menu {
	display:block;
	width:99%;
	height:1.5em;
	color:#5d8193;
	font-size:1em;
	text-align:center;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:2px;
	margin-top:10px;
	padding:.5em 0;
	border:1px solid #5d8193;
	background-color:#d6e5ed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.restaurant_menu:hover {
	opacity:.9;
	}
	
	
/*如果使用者之視窗寬度 <= 1100px，將會再載入這裡的 CSS */
@media all and (max-width: 1100px) {
.page_main {
	width:100%;
	margin-top:100px;}
.about_main {
	width: 94%;
	background-color: #FFF;
	/*-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;*/
	position: inherit;
	bottom: 5%;
	border: 0;
	padding: 1.2em;
	height: 70%;
	margin: 0 auto;
	overflow:auto;
	background: #FFF url("../img/bg.jpg") repeat scroll 0% 0%;
	}

.about_main h1 {
	height:2em;
	color:#22495c;
	background: url("../img/facilities_title.png") no-repeat 0% 0%;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.7em;
	padding-left:1.5em;
	letter-spacing:2px;
	display: none;
	}
.about_detail {
	padding-left:.8em;
	height: 90%;
	overflow:hidden;
	}
.about_detail p {
	font-size:1em;
	line-height:2.5em;
	color:#666;
	letter-spacing:1.5px;
	clear:both;
	}

.about_main h3 {
	height:2em;
	color:#9c2222;
	font-size:1.5em;
	font-weight:normal;
	line-height:2em;
	letter-spacing:2px;
	margin-top:10px;
	}
	
.about_main h4 {
	font-size: 1em;
	line-height: 2em;
	margin: 1em 0;
	color: #8F83B9;
	font-weight: blod;
	font-family: Century Gothic;
	}
.restaurant_main h1 {
	background-position: -290px -534px;
	}

.restaurant_main .type {
	font-size:.7em;
	color:#524383;
	}

.restaurant_price {
	/*width: 100%;
	position: inherit;
	bottom: 5%;
	right: 30px;
	z-index: 9;
	height: 65%;
	padding: 0px;
	overflow: hidden;*/
	width: 95%;
	background-color: #FFF;
	border-radius: 0px;
	position: inherit;
	bottom: 5%;
	border: 0px none;
	padding: 1.2em 0px 1.2em 1.2em;
	height: 70%;
	overflow: hidden;
	}
.restaurant_price h3 a {
	display: block;
	float: inherit;
	width: 92%;
	height: 1em;
	color: #FFF;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1em;
	letter-spacing: 2px;
	text-align: center;
	background-color: rgba(34, 73, 92, 0.8);
	position: inherit;
	left: 0px;
	margin: 0px auto 1em 0.5em;
	border-radius: 5px;
	}
	
.restaurant_price_main {
	padding: 1.5em 0;
	float:inherit;
	width: 90%;
	background-color:#fff;
	margin: 0 auto;
	border: 2px solid #fff;
	height: 86%;
	clear:both;
	display:none;
	overflow:inherit;
	}
.restaurant_price_main h4 {
	height:1.5em;
	color:#fff;
	font-size:1em;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing:2px;
	margin-top:10px;
	background-color:#3c5a6a;
	padding:.2em 0 .2em 1em;
	margin-bottom:5px;
	}
.restaurant_price_main ul {
	margin:3.5em 0;
	padding-bottom: 2em;}
.restaurant_price_main ul li {
	font-size: 1em;
	line-height: 2em;
	color: #666;
	letter-spacing: 2.5px;
	clear: both;
	padding-left: 1em;
	}
.restaurant_price_main tr {
	background-color:#D6E5ED;
	}
.restaurant_price_main tr td {
	font-size:1em;
	line-height:40px;
	color:#3c5a6a;
	letter-spacing:.5px;
	clear:both;
	height:40px;
	padding: .3em 0 .3em 1em;
	border-bottom:1px dashed #fff;
	}

.restaurant_price_main tr td h5 {
	color:#3c5a6a;
	font-size:1em;
	font-weight:normal;
	}
.restaurant_menu {
	display:block;
	width:99%;
	height:2em;
	color:#5d8193;
	font-size:1.3em;
	text-align:center;
	font-weight:normal;
	line-height:2em;
	letter-spacing:2px;
	margin-top:3em;
	padding:.5em 0;
	border:1px solid #5d8193;
	background-color:#d6e5ed;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.restaurant_menu:hover {
	opacity:.9;
	}
	
	}
	

/*如果使用者之視窗寬度 <= 768px，將會再載入這裡的 CSS */
@media all and (max-width: 768px) {
	.about_main {
	width: 90%;
	background-color: #FFF;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	position: inherit;
	bottom: 5%;
	border: 0;
	padding: 1.2em;
	height: 70%;
	overflow:auto;
	}
	
	.restaurant_price h3 a {
	display: block;
	float: inherit;
	width: 90%;
	height: 1.3em;
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	letter-spacing: 2px;
	text-align: center;
	background-color: rgba(34, 73, 92, 0.8);
	position: inherit;
	left: 0px;
	margin: 0px auto 1em 0.5em;
	border-radius: 5px;
	}
	.restaurant_price_main ul {
	margin:3.5em 0;
	padding-bottom: 2em;}
	.restaurant_price_main ul li {
	font-size: .7em;
	line-height: 2em;
	color: #666;
	letter-spacing: 2.5px;
	clear: both;
	padding-left: 1em;
	}
	
	.restaurant_price_main tr {
	background-color:#D6E5ED;
	}
	.restaurant_price_main tr td {
	font-size:.7em;
	line-height:40px;
	color:#3c5a6a;
	letter-spacing:.5px;
	clear:both;
	height:40px;
	padding: .3em 0 .3em 1em;
	border-bottom:1px dashed #fff;
	}

	.restaurant_price_main tr td h5 {
	color:#3c5a6a;
	font-size:1em;
	font-weight:normal;
	}
	
	}

@media all and (max-width: 768px) {
	
	.restaurant_price {
	width: 90%;
	background-color: #FFF;
	border-radius: 0px;
	position: inherit;
	bottom: 5%;
	border: 0px none;
	padding: 1.2em 0px 1.2em 1.2em;
	height: 70%;
	overflow: hidden;
	}
	
	}