@charset "utf-8";
/* CSS Document */
/*以下兩行定義圖片置換區的尺寸，除了第一張，其它輪播的圖不會在頁面檢視中出現，加了這兩行，圖片漸變才會正常*/
.slides_container { height: 510px; width: 904px; padding:0; margin:0; overflow: hidden }
.slides_container img {  background-color: #000000; top:0; left:0 }
img { BORDER: 0px; }

body{
background-image:url(../image/room2-a-bg.jpg);
background-position:50% 0%;
background-repeat:no-repeat;
margin:0;
padding:0;
letter-spacing:0px;
font-size:12px;
line-height:18px;
font-family:"新細明體", "細明體", "標楷體";
color:#434d0b;
text-align:center;
}

.wrapper{
margin:auto;
padding:0;
position:relative;
width:1200px;
height:531px;
text-align:left;
}

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

.link-area{
	width:423px;
	height:41px;
	position:absolute;
	top:5px;
	left:755px;
	color:#717161;
	font-size:12px;
	line-height:30px;
	letter-spacing:1px;
	text-align:left;
}

.link-area1{
	width:277px;
	height:90;
	position:absolute;
	top:428px;
	left:718px;
	color:#717161;
	font-size:12px;
	line-height:22px;
	letter-spacing:0px;
	text-align:left;
}

.area-1{
	width:173px;
	height:48px;
	position:absolute;
	top:440px;
	left:18px;
	color:#ac88ab;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.area-2{
	width:200px;
	height:90;
	position:absolute;
	top:584px;
	left:18px;
	color:#ac88ab;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.area-price{
	width:76px;
	height:90;
	position:absolute;
	top:499px;
	left:19px;
	color:#f1dfa7;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.area-style{
	width:76px;
	height:90;
	position:absolute;
	top:632px;
	left:251px;
	line-height:50px;
	z-index: 999;
}

.pic-1{
	width:50px;
	height:50px;
	position:absolute;
	top:162px;
	left:123px;
	z-index:300;
}

.room1-word{
	width:130px;
	height:75px;
	position:absolute;
	top:755px;
	left:300px;
	color:#ae8281;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.room1-link{
	width:193px;
	height:75px;
	position:absolute;
	top:627px;
	left:256px;
}

.room2-word{
	width:130px;
	height:104px;
	position:absolute;
	top:755px;
	left:470px;
	color:#ae8281;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.room2-link{
	width:193px;
	height:75px;
	position:absolute;
	top:624px;
	left:446px;
}

.room3-word{
	width:130px;
	height:75px;
	position:absolute;
	top:756px;
	left:653px;
	color:#ae8281;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.room3-link{
	width:193px;
	height:75px;
	position:absolute;
	top:623px;
	left:626px;
}

.room4-word{
	width:130px;
	height:75px;
	position:absolute;
	top:756px;
	left:842px;
	color:#ae8281;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.room4-link{
	width:193px;
	height:75px;
	position:absolute;
	top:622px;
	left:813px;
}

.room5-word{
	width:130px;
	height:75px;
	position:absolute;
	top:756px;
	left:1021px;
	color:#ae8281;
	font-size:12px;
	line-height:23px;
	letter-spacing:0px;
	text-align:left;
}

.room5-link{
	width:156px;
	height:75px;
	position:absolute;
	top:626px;
	left:1006px;
}
.allright-text{
	width:477px;
	height:28px;
	position:absolute;
	top:975px;
	left:470px;
	color:#966e8e;
	text-align:left;
}

.color-black{
	color:#000000;
}

.color-darkgrey{
	color:#494948;
}

.color-lightgrey{
	color:#c8b79a;
}

.color-white{
	color:#ffffff;
}

.color-design{
	color:#442127;
}


A.naz:link {
	COLOR: #d8cec5; TEXT-DECORATION: none
}
A.naz:visited {
	COLOR: #d8cec5; 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: #b3a99f; TEXT-DECORATION: none
}
A.nax:visited {
	COLOR: #b3a99f; TEXT-DECORATION: none
}
A.nax:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
	left: 2px;
	top: 2px;
	right: -2px;
	bottom: 0px;
	position: relative;
}


/*
	Slideshow
*/

#slides {
	width:904px;
	height:510px;
	position:absolute;
	top:79px;
	left:252px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:904px;
	height:510px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:904px;
	height:510px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:-38px;
	left:776px;
	width:20px;
	height:20px;
	display:block;
	z-index:102;
}

#slides .next {
	left:855px;
}

/*
	Pagination 下一個為更改第幾張小點點的座標
*/

.pagination {
	position:absolute;
	top:500px;
	left:-43px;
	width:170px;
	z-index:101;
	align:left;
}

.pagination li {
	float:left;
	margin:0px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0px;
	padding-top:30px; /*調整	Pagination 小icon的高度，為圖檔的一半*/
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -28px; /*調整	Pagination 小icon，輪到圖片時，它要往上位移多少，這樣才可正常顯示下方那一個小icon*/
}