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

body{
font-family:"微軟正黑體";
background-color:#0A2C2D;
margin:0;
padding:0;
}

#main_body{
width:1200px;
margin:0 auto;
}




#text{
	font-size:12px;
	line-height:16pt;
	text-align:center;
	font-weight:600;
	color:#333333;
}

#text2{
	font-size:12px;
	line-height:16pt;
	text-align:left;
	font-weight:600;
	color:#666666;
}

#text3{
	font-size:13px;
	line-height:18pt;
	text-align:left;
	font-weight:400;
	color:000;
}

/**  版頭選單 **/

#head{
width:100%;
height:140px;
background-color:#161d25;
position: relative;
}

#head .main{
width:1200px;
height:140px;
margin:0px auto;
}

#head .logo{
width:240px;
height:115px;
position: absolute;
margin:10px 0 0 20px;
}

#head .menu{
	position:absolute;
	margin:90px 0 0 380px;
	font-size:14px;
	color:#FFF;
	width:820px;
}

#head .menu a{
font-size:14px;
color:#FFF;
text-decoration:none;

}

#head .menu a:hover{
font-size:14px;
color:#d0bfab;
text-decoration:none;
}

/**  版頭上方選單 **/

#head .topmenu{
	position:absolute;
	width:350px;
	margin:20px 0 0 890px;
	font-size:10px;
	color:#d0bfab;
}

#head .topmenu a{
  	opacity:1;

}

#head .topmenu a:hover{
  	opacity:0.7;

}

/**  抬頭圖片 **/

#tit_pic{
width:1024;
height:270px;
}

/**  內容 **/
#web_content{
position: relative;
width:1200px;
height:590px;
float:left;
}

#web_content .textbg {
   	position:absolute;
	width:350px;
	height:586px;
	float:left;
	margin:2px 0 0 120px;
	background-color:#000000;
	z-index:10;
	opacity:0.7;               /* 支持新版瀏覽器 */
	}
	
#web_content .textbg1 {
	position: relative;
	width:1000px;
	height:586px;
	background-image:url(../img/block_alp.png);
	margin:0px auto;
	z-index:1;
	}	
	
#web_content .textbg2 {
	position: relative;
	width:1200px;
	height:586px;
	background-image:url(../img/block_alp.png);
	margin:0px auto;
	z-index:1;
	font-size:12px;
	line-height:16pt;
	}	
	
#web_content .text {
	width:320px;
	font-size:12px;
	margin:50px 0 0 130px;
	line-height:16pt;
	color: #FFF;
	z-index:20;
	position: absolute;
	float:left;
	left: 1px;
	}
	
#web_content .text1 {
	position: relative;
	margin:0 auto;
	width:750px;
	font-size:12px;
	line-height:16pt;
	color: #FFF;
	z-index:300;
	}
	
	
/**  左邊選單區塊 **/
#web_content .left{
width:400px;
height:100%;
float:left;
position: relative;
}

/**  右邊內容區塊 **/

#web_content .right{
width:800px;
height:100%;
position:relative;
float:left;
}

/* 右邊內容標題 */

#web_content .right_stit{
width:750px;
height:45px;
margin:20px 0 0 50px;
position: relative;
float:left;

}

/* 右邊內容 */
#web_content .right_content{
width:700px;
margin:20px 0 0 50px;
position: relative;
float:left;
z-index:1;
}

#web_content .loc{
width:550px;
height:580px;
position:relative;
margin:5px 0 0 620px;
z-index:10;}

/**  房型選單 **/

#room_jack{
position:absolute;
width:230px;
float:left;
}



/**  頁尾資訊 **/

#footer{
width:100%;
height:80px;
position: relative;
float:left;
}

#footer .main{
width:1200px;
height:80px;
margin:0px auto;
font-size:12px;
}

#footer .txt{
width:900px;
color:#97856f;
margin:0px auto;
padding-top:10px;
text-align:center;
font-size:14px;
line-height:16pt;
}

#footer .txt a{
width:900px;
color:#97856f;
margin:0px auto;
padding-top:10px;
text-align:center;
font-size:14px;
line-height:16pt;
text-decoration:none
}

#footer .copyr{
width:900px;
color:#333333;
margin:0px auto;
padding-top:10px;
text-align:center;
font-size:12px;
line-height:16pt;
}

<input type="text"class="inputs" placeholder="e-mail" /> 
 <input type="password" class="inputs"placeholder="Password" /> 
             
           
<style> 
inputs:-webkit-input-placeholder { 
    color:    #b5b5b5; 
} 
 
inputs-moz-placeholder { 
    color:    #b5b5b5; 
} 
 
#contact .input  {
	background: #f5f5f5;
	font-size: 0.8rem;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	width: 270px;
	margin-bottom: 1px;
	box-shadow: inset 0px 0px 3px rgba( 0,0,0,0.1 );
	clear: both;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
} 
#contact.input:focus { 
    background: #fff; 
    box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 ); 
    outline: none;    
} 
#contact .row{
	padding: 5px;
}
#contact .sendmail {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
#contact .sendmail:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
#contact .sendmail:active {
	position:relative;
	top:1px;
}
</style>