@charset "UTF-8";
@import url("img.css");

body{
	background-image: url(images/Middle_texture.jpg);
	font-family: "微軟正黑體";
	background-color: #FEFFF7;
	}

body #wrap{
	font-size: 0.9em;
	line-height:1.5em;
	font-family: "微軟正黑體";
	background-color: #008001;
	}
#wrap h3{
	margin-top:15px;
	font-size:1.2em;
	color:#DF5E85;
}

#wrap h4{
	color:#0000FF;
}

#content ul{
	margin-top:5px;
	padding-left:12px;
	list-style-type: disc;
	}
#content ol{
	margin-top:5px;
	padding-left:20px;
	list-style-type: decimal;
	}
a:link, a:visited{
	color:#FFF;
	font-size:1.2em;
	text-decoration:none;
	font-weight: bold;
	letter-spacing: 0.1em;
	}	

#content a:link,#content a:visited{
	color:#333;
	font-size:1.2em;
	text-decoration:none;
	}
	

 a:hover,#content p a:hover,#nav #tran a:hover,#footer a:hover{
	color:#FFF;
	font-size: 1.1em;
	}
	
	


#nav li a{
	display:block;
	font-family: "微軟正黑體";
	}


#nav #fb{
	background-image: url(images/fb.jpg);
	background-repeat: no-repeat;
	}
	
#nav #fb a span{
	position: relative;
	right: 99999px;
	}
	
	
#nav #line{
	background-image:url(images/line.jpg);
	color:#000000;
	background-repeat: no-repeat;
	width:125px;
	height:35px;
	padding-left:55px;
	padding-top:25px;
	}



	
#txtBottom a:link{
	color:#666;
	
	}
	
#content li{
	margin:5px;
	
	}

#txtwrap p{
	margin:10px 0px;
	font-weight: bold;
	color: #333;
}

#txtwrap img{
	margin:0px 5px;
	text-align: center;
}

#txtBottom p{
	background-color:#fff;
	text-align:center;
	}

#misulogo{
	margin-top:15px;
	
	
	}
	
	
	#wrap #main #content #txtwrap {
	font-weight: bold;
}


/*---------------------------------------------------------------*/
	

marquee{
	color:#24280D;
	background-color:#A1B738;
	padding:3px;
	margin-top:8px;
	}

/*roominf---------------------------------------------------------------*/


.roomtxt span{
	color:#e84f08;
	}
	
#content .roominf .roomtxt h3{
	color:#936;
}


/*room---------------------------------------------------------------*/

#txtwrap .roomwrap div img{
	margin:0px 0px;
	width:19%;
	}
#rp{
	width:98%;
	text-align: center;
	border-collapse:collapse;
	}

#rp tr th{   
color:#CC0033;
padding:3px;
border: 1px solid #CCC;
}

#rp td{
	padding:3px;
	border: 1px solid #CCC;
	color: #00F;
} 



#rp tr:hover{
	background-color:#DCC098
} 
 
#rp .rs{
	background-color:#CCCCCC;
	border: 1px solid #333;
	}

#wrap #content .point{
	color:#DF5E85;
	font-weight:bolder;
	}

#google_translate_element{
	
	margin-bottom:15px;
	}

#wrap #content .lanyuLink{
	font-size:0.9em;
	text-decoration: underline;
	display:block;
	float:right;
	margin-top:5px;
	padding-left:20px;
	background-image: url(images/link.png);
	background-repeat: no-repeat;
	background-position: left;
	}
@media screen and (min-width:990px){




#wrap {
	
		width:1000px;
		margin:20px auto;
		
}

#main{
	width:100%;
	
	overflow:auto;
	margin-top:15px;
	}
	
	
#content{
	width:75%;
	float:right;
	margin-right:10px;
	
	/*background-color:#F63;*/
	}
	
	
#txtwrap{
	background-color: #FFF;
	padding: 20px 10px;
	padding-top:40px;
	color: #FFF;
	
	}
	
#txtBottom{
	width:750px;
	height:15px;
	padding-bottom: 30px;
	background-image: url(images/contentBottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
	


	
#nav{
	width: 18%;
	float: left;
	padding:10px;
	
	/*background-color: #CCC;	*/
	}
	
	
#footer{
	width:100%;
	height:200px;
	clear:both;
	padding:20px 0px;
	text-align: center;
	background-image: url(images/bottomBg.png);
	color: #FFF;
	background-position: center bottom;
	background-repeat: no-repeat;
	font-family: "微軟正黑體";
	}
#qr{
	width:111px;
	margin:10px auto;
	text-align: center;	
	}	

iframe{
	width:700px;
	 height:467px;
	
	}

	
/*nav  ------------------------------------------------------------------------------------*/



#nav li {
	background-image: url(images/navbg.png);
	background-repeat: no-repeat;
	margin:0px 0px 8px;
	font-family: "微軟正黑體";
	color: #FF0;
	/*outline:1px solid #F33;*/
	}

#nav li a {
	width:110px;
	height:40px;
	padding-left:30%;
	padding-top:20px;
	text-shadow: 1px 1px 2px #999;
	font-family: "微軟正黑體";
	}



#nav #tran{
	background-color: #FFF;
	background-image: none;
	
		}
#nav #tran a{	
	width:110px;
	height:35px;
	padding-left:70px;
	padding-top:25px;	
	color: #399;
}
	

	
#footer ul{
	width:750px;
	margin:0px auto 35px;
	padding:5px;
	list-style-type:none;
	color: #F30;
	
	
/*	outline:3px solid #666;*/
	}
	
#footer  a{
	font-size:1.1em;
	color:#FFF;
	}


	
#footer li{
	float: left;
	padding:0px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	
	
	}	
	
#footer li:last-child{
	border: 0px;
	
	}
/*content---------------------------------------------------------------*/

#content h1{
	color:#FF0066;
	width:98%;
	height:5px;
	font-size:1.8em;
	padding-top:25px;
	padding-left:2%;
	background-image: url(images/contentTop.png);
	background-repeat: no-repeat;
	text-align: left;
	}
	
#content .mg350 p img{
	width:350px;
	
	}	

/*roominf---------------------------------------------------------------*/

.roominf{
	margin:20px 0px;
	overflow:auto;
	}

.infimg {
	width:360px;
	float:left;
	
	}
.roomtxt{
	padding-top:15px;
	}
/*room---------------------------------------------------------------*/	

.Broom{
		width:700px;
		margin:0px auto;
	}
.roomwrap{
		width:700px;
	margin:0px auto;
	}


	
	
	#txtwrap .roomwrap .Broom img{
	
	width:700px;
}

/*scenery---------------------------------------------------------------*/	

.item {
	overflow:auto;
	margin-top:10px;
	margin-bottom:20px;
	}
.item img{
	float:left;
	}




}










@media screen and (max-width:989px){
	
	
#wrap {
	
		width:100%;
		margin:20px 0px;
		background-color: #399;
}

#head img{
	width:100%;
	}

#main{
	width:100%;
	
	overflow:auto;
	margin-top:15px;

	}
	
	
body #wrap #content{
	width:100%;
	
	
	}

body #wrap #content p,body #wrap #content table{
	
	line-height:1.8em;

	
	}	
	
#txtwrap{
	background-color: #fff;
	width:98%;
	padding:1%;
	
	}
	

	


	
#nav{
	width: 100%;
	font-family: "微軟正黑體";
	
	}
	
	
#footer{
	width:100%;
	height:160px;
	clear:both;
	padding:20px 5px;
	text-align: center;
	color: #FFF;
	font-family: "微軟正黑體";
	
	
	
	
	}
	
#footer ul,#vvisit_counter89{
	display:none;
}

#qr{
	
	display:none;
	
	}	
.fb-like{
	
	margin:4% 0px;
	
	}
	
iframe{
	width:100%;
	 height:349px;
	
	}


/*nav  ------------------------------------------------------------------------------------*/

#nav li a{
	display:inline-block;
	font-family: "微軟正黑體";
	}

#nav li {
	width: 46%;
	background-image: none;
	display:inline-block;
	margin: 0px 1.5% 8px;
	font-family: "微軟正黑體";
	color: #FF0;
	background-color: #66FFFF;
	}	
#nav li a,#nav #line{
	width:98%;
	height: 28px;
	padding-top:8px;
	padding-left: 2%;
	display:inline-block;
	font-family: "微軟正黑體";
	color: #900;
	}	
	
#nav #fb{
	background-color: #0000CC;
	background-position: left center;
}
	
#nav #line{
	width:93%;
	padding-left:7%;
	background-color: #5BD120;
	background-position: left center;	
}	

#nav #tran{
	background-color: #fff;
	
	
	background-image: none;
		}
#nav #tran a{	
		
	color: #399;
}
	
/*content---------------------------------------------------------------*/

#content h1{
	color: #CC3300;
	width: 98%;
	font-size: 1.8em;
	padding-top: 25px;
	padding-left:2%;
	background-image: none;
	background-color: #FFF;
	}
	
#txtBottom{
	width: 100%;
	height:20px;
	padding-bottom: 30px;
	background-image: none;
	background-color: #FFF;
	}
	
	
	
#txtwrap img{
	width:100%;
	
	}

/*roominf---------------------------------------------------------------*/

.roominf{
	margin-top:30px;
	margin-bottom:80px;
	}
	.roomtxt{
	padding-top:0px;
	}
	
	
	/*room---------------------------------------------------------------*/

		
	#txtwrap .roomwrap .Broom img{
	
	width:100%;
}

	

	/*scenery---------------------------------------------------------------*/
	
.item {
	
	margin-top:15px;
	margin-bottom:10%;
	}
	
	
	
	
	
}