@charset "utf-8";

img { BORDER: 0px; }

body,html {height:100%;} /*加了這行，則div可直接設定要畫面高度的%*/

body{
background-image:url(../images/room4_detail/bg.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
background-color:#c7b89b;
margin:0;
padding:0;
letter-spacing:0px;
font-size:12px;
line-height:18px;
font-family:"新細明體", "細明體", "標楷體";
color: #222222;
text-align:left;
/*overflow-x:hidden; /*讓橫向捲軸隱藏*/
/*overflow-y:hidden; 讓縱向捲軸隱藏*/
}


.wrapper{
margin:auto;
padding:0;
position:absolute;
width:100%;
max-width:1920px;
text-align:left;
}

.index-photo{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

.area_menu{
	
	position:absolute;
	top:116px;
	left:578px;
	width:700px;
	height:50px;
	margin:0px;
	padding:0px;

}

.area_photo_div{
	position:absolute;
	top:284px; left:0; margin:auto;
	width:100%;
	max-width:1920px;
	height:731px;
	padding:0px;
}

.area_photo{
	position:absolute;
	top:0px; right:0; margin:auto;
	width:80%;
	height:731px;
	padding:0px;
}

.bg_left{
	background-image:url(../images/room4_detail/bg_left.jpg);
	position: absolute;
	top: 284px;
	left: 0px;
	margin: auto;
	width: 465px;
	height: 826px;
	padding: 0px;
}

.bg_data{
	background-image: url(../images/room4_detail/bg_data.png);
	position: absolute;
	top: 356px;
	left: 40px;
	margin: auto;
	width: 498px;
	height: 507px;
	padding: 0px;
}

.area_back{
	position: absolute;
	top: 870px;
	left: 148px;
	margin: auto;
	width: 159px;
	height: 47px;
	padding: 0px;
	z-index: 10;
	text-align: left;
	color: #1c1c1c;
	line-height: 20px;
	letter-spacing: 0px;
}
.word1{
	position: absolute;
	top: 373px;
	left: 122px;
	margin: auto;
	width: 325px;
	height: 20px;
	padding: 0px;
	z-index: 10;
	text-align: left;
	color: #382b1b;
	line-height: 20px;
	letter-spacing: 0px;
}

.area_link{
	position: absolute;
	top: 1172px;
	left: 54px;
	margin: auto;
	width: 1124px;
	height: 20px;
	padding: 0px;
	z-index: 10;
	text-align: left;
	color: #382b1b;
	line-height: 20px;
	letter-spacing: 0px;
}



.area_fb{
	position: absolute;
	top: 15px;
	right: 15px;
	margin: auto;
	width: 33px;
	height: 33px;
	padding: 0px;
	z-index: 10;
	text-align: center;
	color: #f1eee3;
}

.allright_text{
	position: absolute;
	top: 1040px;
	right: 10px;
	margin: auto;
	width: 579px;
	height: 20px;
	padding: 0px;
	z-index: 10;
	text-align: right;
	color: #6b5951;
}


.textshadow {
text-shadow: 0px 0px 5px #ffffff, 0px 0px 5px #ffffff, 0px 0px 5px #ffffff;
}


.color_black{
	color:#000000;
}

.color_period{
	color:#4f3d35;
}

.color_darkgrey{
	color:#65564a;
}

.color_white{
	color:#ffffff;
}

.color_lightgrey{
	color:#eeeeee;
}

.color_orange{
	color:#fecf65;
}

.color-lightgreen{
	color:#b2ca80;
}

.color_price {
font-family: "Arial", "微軟正黑體", "Microsoft JhengHei", "新細明體", "細明體", "標楷體";	
font-size:15px;
color:#ffe56c;
font-weight:400;
}

.textshadow {
text-shadow: 0px 0px 10px #f1e6db, 0px 0px 10px #f1e6db, 0px 0px 10px #f1e6db;
}

.font_menu {
font-family: "微軟正黑體","Arial", "Microsoft JhengHei", "新細明體", "細明體", "標楷體";	
font-size:15px;
color:#2d2d2d;
letter-spacing: 0px;
}


A.naz:link {
	COLOR: #33a1c1; TEXT-DECORATION: none
}
A.naz:visited {
	COLOR: #33a1c1; TEXT-DECORATION: none
}
A.naz:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline;
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;
}

A.nax:link {
	COLOR: #cd4b00; TEXT-DECORATION: none
}
A.nax:visited {
	COLOR: #cd4b00; TEXT-DECORATION: none
}
A.nax:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;	filter:Alpha(Opacity=50, FinishOpacity=50, Style=2);
	filter:alpha(opacity=50); /* IE */
	-moz-opacity:0.5; /* Moz + FF */
	opacity:0.5;
}