@charset "utf-8";

img { BORDER: 0px; }

body{
background-color:#222222;
margin:0;
padding:0;
letter-spacing:0px;
font-size:12px;
line-height:18px;
font-family: "微軟正黑體","Arial", "Microsoft JhengHei", "新細明體", "細明體", "標楷體";
color:#111111;
text-align:center;
/*overflow-x:hidden; /*讓橫向捲軸隱藏*/
/*overflow-y:hidden; /*讓縱向捲軸隱藏*/
}



.wrapper{
background-image:url(../images/room3/main_photo.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
margin:auto;
padding:0;
position:relative;
width:100%;
max-width:1920px;
height:686px;
text-align:center;
top:-1px;
}

.area_data{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	margin:auto;
	padding:0px;
	width:1200px;
	text-align:left;
}

.area_photo{
	position:relative;
	top:0px; left:0; right:0;  margin:auto;
	width:100%;
	padding:0px;
	max-width:1920px;
}

.mainMenu{
	position: absolute;
	top: 570px;
	left: 390px;
	margin: auto;
	width: 784px;
	height: 30px!important;
	font-color: #ffffff !important;
	font-size: 15px;
	font-family: "微軟正黑體","Arial", "Microsoft JhengHei", "新細明體", "細明體", "標楷體";
	z-index: 100;
	text-align: left;
}

.contact_top{
	position: absolute;
	top: 7px;
	right: 10px;
	margin: auto;
	width: 330px;
	height: 34px
	color: #ffffff !important;
	font-size: 16px;
	font-family: "Arial","微軟正黑體", "Microsoft JhengHei", "新細明體", "細明體", "標楷體";
	z-index: 100000;
	text-align: right;
}



.top_photo{
	width: 1106px;
	height: 725px;
	position: absolute;
	top: 410px;
	left: 94px;
	z-index: 1;
}

.cover_photo{
	width: 1107px;
	height: 345px;
	position: absolute;
	top: 790px;
	left: 93px;
	z-index: 1;
}

.main_photo{
	width: 965px;
	height: 596px;
	position: absolute;
	top: 1150px;
	left: 230px;
	z-index: 1;
}


.wordarea-1{
	width: 445px;
	height: 26px;
	position: absolute;
	top: 26px;
	left: 328px;
	color: #e8e2d1;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	z-index: 10;
}

.wordarea-2{
	width: 200px;
	height: 26px;
	position: absolute;
	top: 126px;
	left: 489px;
	color: #e8e2d1;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	z-index: 100;
}


.wordarea-3{
	width: 400px;
	height: 26px;
	position: absolute;
	top: 126px;
	left: 719px;
	color: #d9d9d9;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
	z-index: 100;
}

.wordarea-3{
	width: 450px;
	height: 26px;
	position: absolute;
	top: 126px;
	left: 719px;
	color: #d9d9d9;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	z-index: 100;
}

.area_facility1{
	width: 450px;
	height: 79px;
	position: relative;
	left: 20px;
	color: #d9d9d9;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	text-align: left;
	z-index: 100;
	padding-top:5px;
}

.facility_word{
	position: absolute;
	left:180px;
	top:5px;
	width: 250px;
	height: 79px;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
}

.area_contact{
	position: absolute;
	top: 613px;
	left: 311px;
	margin: auto;
	width: 751px;
	height: 25px;
	padding: 0px;
	z-index: 1000;
	text-align: left;
	color: #dbd2c6;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: 1px;
}
.allright_text{
	position: absolute;
	top: 651px;
	left: 366px;
	margin: auto;
	width: 722px;
	height: 25px;
	padding: 0px;
	z-index: 1000;
	text-align: left;
	color: #888888;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: 1px;
}


.color-green{
	color:#d5ff43;
}

.color-red{
	color:#ab0040;
}

.color-design{
	color:#350b13;
}

.color-lightgrey{
	color:#f5ede2;
}

.color-darkgrey{
	color:#c2bdae;
}

.color-white{
	color:#ffffff;
}

.color-orange{
	color:#f47300;
}

.color_yellow {
	color:#ffe56c;
}

.color_price {
	color:#ffe56c;
	font-size:16px;
	line-height:22px;
	font-family: "Arial", "微軟正黑體", "Microsoft JhengHei" ;
	font-weight:500;
}


.fontbig {
	font-size:14px;
	line-height:22px;
	font-family: "Arial", "微軟正黑體", "Microsoft JhengHei" ;
	font-weight:600;
}

.style1 {
font-family: Arial, Helvetica, sans-serif;
color:#444444;
}

A.naw:link {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.naw:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.naw:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline;
	left: 1px;
	top: 1px;
	right: -1px;
	bottom: 0px;
	position: relative;
	filter:Alpha(Opacity=70, FinishOpacity=70, Style=2);
	filter:alpha(opacity=70); /* IE */
	-moz-opacity:0.7; /* Moz + FF */
	opacity:0.7;
}



A.nay:link {
	COLOR: #009dba; TEXT-DECORATION: none
}
A.nay:visited {
	COLOR: #009dba; TEXT-DECORATION: none
}
A.nay:hover {
	COLOR: #ed5900; TEXT-DECORATION: underline;
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;
}


A.naz:link {
	COLOR: #ad9e6f; TEXT-DECORATION: none
}
A.naz:visited {
	COLOR: #ad9e6f; 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: #ffffff; TEXT-DECORATION: none
}
A.nax:visited {
	COLOR: #ffffff; TEXT-DECORATION: none
}
A.nax:hover {
	COLOR: #00bbc5; TEXT-DECORATION: underline;
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;
}
