@charset "utf-8";

/* CSS Document */

body{

    margin:0;

	padding:0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	line-height:20pt;

	background-color:#000000;

	text-align:center;

}

#head_block{

	float:left;

	margin:0;

	width:1200px;

	height:240px;

	text-align:left;

}

    #head_block .logo{

	float:left;

	margin:0px 0 0 25px;

	width:405px;

	height:75px;

	}

	

	#head_block .btn{

	    float:right;

		margin:80px 15px 0 0;

		width:920px;

		height:35px;

	}

	#head_block .btn ul{}

	#head_block .btn li{

	    float:left;

		display:block;

		margin:0 5px 0 0;

		width:95px;

		height:35px;

	}



#main_block{

    margin:0 auto 0 auto;

	width:1200px;

	height:955px;

}

	#main_block .bg01{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/about_bg02.jpg) no-repeat;

		color:#FFFFFF;

	}

	#main_block .bg02{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/news_bg.jpg) no-repeat;

	}

	



	

	#main_block .bg03{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/rooms_bg02.jpg) no-repeat;

	}

	#main_block .bg04{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/room_bg02.jpg) no-repeat;

	}

	#main_block .bg05{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/info_bg02.jpg) no-repeat;

	}

	#main_block .bg06{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/view_bg.jpg) no-repeat;

	}

	#main_block .bg07{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/loc_bg.jpg) no-repeat;

	}

	#main_block .bg08{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/mes_bg.jpg) no-repeat;

	}

	#main_block .bg09{

	    float:left;

		margin:0;

	    width:1200px;

	    height:955px;

	    background:url(../img/order_bg.jpg) no-repeat;

	}

	

#menu_block{

    float:left;

	margin:50px 0 0 65px;

	width:85px;

	height:410px;

}

    #menu_block ul{}

	#menu_block li{

	    float:left;

		display:block;

		margin:0 0 20px 0;

		width:80px;

		height:20px;

	}

/********about**************************************************************************/	

#about_pic{

    float:left;

	margin:20px 0 0 30px;

	width:700px;

	height:400px;

}

.about_txt01{

    float:right;

	margin:45px 30px 0 0;

	width:420px;

	height:;

	text-align:left;

	line-height:18pt;

}

/********content_block**************************************************************************/	

#content_block{

    float:right;

	margin:30px 50px 0 0;

	width:780px;

	height:580px;

	text-align:left;

}

#info_block{

    float:left;

	margin:30px 0 0 30px;

	width:1140px;

	height:580px;

	text-align:left;

	color:#676767;

	line-height:16pt;

}

	#info_block .room_left{

		float:left;

		margin:20px 0 0 20px;

		width:400px;

		height:560px;

		text-align:left;

		color:#4c4c4c;

		line-height:16pt;

	}

	#info_block .room_right{

		float:right;

		margin:20px 20px 0 0;

		width:660px;

		height:560px;

		text-align:left;

		color:#4c4c4c;

		line-height:16pt;

	}

	#info_block .stit{

		float:left;

		margin:20px 0 0 0;

		width:400px;

		height:30px;

		text-align:center;

		font-family:"Microsoft JhengHei";

		font-size:16px;

		font-weight:bold;

		line-height:20pt;

		letter-spacing:2pt;

		color:#4c4c4c;

	}

	



	#env_pics{



	padding:350px 0 0 20px;

	width:1160px;

	float:left;

	}

	

#room_info{

	float:left;

	margin:10px 0 0 0;

	width:390px;

	height:480px;

	text-align:left;

	font-size:12px;

	line-height:20pt;

	color:#4c4c4c;

}

	#room_info .price{

	    float:left;

		margin:0 10px 0 10px;

		width:210px;

		height:;

		text-align:left;

		font-size:13px;

		line-height:20pt;

		color:#4c4c4c;

	}

	#room_info .whole{

	    float:left;

		margin:0 5px 0 0;

		width:140px;

		height:;

		text-align:left;

		font-size:13px;

		line-height:20pt;

		color:#4c4c4c;

	}

	#room_info .fac{

	    float:left;

		margin:18px 0 0 0;

		width:380px;

		height:;

		text-align:left;

		font-size:12px;

		line-height:16pt;

		color:#4c4c4c;

	}

	#room_info .fac{

	    float:left;

		margin:18px 0 0 0;

		width:380px;

		height:;

		text-align:left;

		font-size:12px;

		line-height:16pt;

		color:#4c4c4c;

	}

#room_pic{

	float:left;

	margin:0;

	width:650px;

	height:480px;

}

	.room_btn{

	    float:right;

		margin:20px 0 0 0;

		width:650px;

		height:30px;

		text-align:right;

	}

#info_block a:hover img{

		-webkit-filter: grayscale(100%);

		-moz-filter: grayscale(100%);

		-ms-filter: grayscale(100%);

		-o-filter: grayscale(100%);

		filter: grayscale(100%);

		filter: gray;

		opacity:0.5;

	}



.scroll-pane{

	width:780px;

	height:580px;

	overflow: auto;

}

.scroll-pane_room{

	width:395px;

	height:480px;

	overflow: auto;

}

/********index**************************************************************************/

#index_block{

	margin:0 auto 0 auto;

	width:1200px;

	height:955px;

	background:

}

#index_block .head{

    float:left;

	margin:0px 0 0 0px;

	width:1200px;

	height:205px;

	background:url(../img/index_bg02_01.jpg) no-repeat;

}

#index_block .btn{

	float:left;

	margin:55px 0 0 460px;

	width:220px;

	height:90px;

}

#index_block .btn a:hover img{

		-webkit-filter: grayscale(100%);

		-moz-filter: grayscale(100%);

		-ms-filter: grayscale(100%);

		-o-filter: grayscale(100%);

		filter: grayscale(100%);

		filter: gray;

		opacity:0.5;

	}

#index_block .pic_block{

    float:left;

	margin:0px 0 0 0px;

	width:1200px;

	height:570px;

	background:url(../img/index_bg02_02.jpg) no-repeat;

}

#index_block .footer_block{

    float:left;

	margin:0px 0 0 0px;

	width:1200px;

	height:180px;

	background:url(../img/index_bg02_03.jpg) no-repeat;

}



/********room**************************************************************************/

#about_block{

    margin:0 auto 0 auto;

	width:1200px;

	height:955px;

	color:#CCCCCC;

	text-align:left;

	line-height:22pt;

}

	#about_block .bg01{

	    float:left;

		margin:0;

	    width:1200px;

	    height:230px;

	    background:url(../img/about_bg02_01.jpg) no-repeat;

	}



/********map**************************************************************************/

#map{

    width:100%;

	height:100%;

	min-width:750px;

	min-height:500px;

}





/********footer**************************************************************************/

#footer_block{

    position:absolute;

	margin-top:900px;

	width:1200px;

	height:50px;

	line-height:20pt;

	color:#999999;

	text-align:center;

	z-index:0;

}

#footer_block a{

    color: #999999;

    text-decoration: none;

    outline: none;

}

#footer_block a:hover{

    color: #d2c2ab;

    text-decoration: none;

    outline: none;

}



/********marquee**************************************************************************/



.marquee{

margin:0 auto;

width:70%;

height:30px;

font-size:15px;

color:#FFFFFF;

margin-top:20px;



}



.marquee a{

font-weight:700;

color: #FFFF66;

font-size:15px;

}



.marquee a:hover{

color:#FFF;

}