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

body{
background-image:url(../images/bg-1.jpg);
margin:0;
padding:0;
letter-spacing:1px;
font-size:12px;
line-height:1.5em;
font-family:"新細明體", "細明體", "標楷體";
color:#FFFFFF;
text-align:center;
}

.wrapper{
margin:auto;
padding:0;
position:relative;
background-color:#b3b091;
width:950px;
height:1200px;
text-align:left;
}

.header{
margin:auto;
position:absolute;
top:0px;
background:url(../images/header.jpg) no-repeat;
padding-top:205px;
text-align:right;
width:950px;
height:250px;
padding-bottom:24px;
}

.header a:link{
margin:0em 1em 0em 1em;
text-decoration:none;
color:#FFFFFF;
}

.header a:hover{
margin:0px 1em 0px 1em;
text-decoration:underline;
color:#FFFFFF;
}

.header a:visited{
margin:0px 1em 0px 1em;
text-decoration:none;
color:#FFFFFF;
}

.header span{
margin:0px 1em 0px 1em;
color:#999999;
}

.traffictitle{
position:absolute;
top:250px;
left:0;
}

.route{
position:absolute;
width:400px;
top:250px;
left:130px;
padding:2.5em 0em 0em 0em;
margin:0;
}

.route span{
margin:0;
color:#57310f;
display:block;
padding:0;
}

.route p{
margin:0em 0em 2em 0em;
}

.map{
position:absolute;
width:410px;
height:880px;
right:0;
top:250px;
background:url(../images/contact_03.jpg) top right no-repeat;
padding-top:70px;
}

.reservation{
position:absolute;
width:530px;
height:180px;
top:730px;
left:0px;
background-color:#817452;
}


.pay{
position:absolute;
width:530px;
height:180px;
top:910px;
left:0px;
background-color:#8d8264;
}

.contact{
position:absolute;
width:530px;
height:110px;
top:1090px;
left:0px;
background-color:#69584d;
color:#fff588;
}

.reservation span, .pay span, .contact span{
margin:1.5em 0em 0em 0em;
color:#57310f;
display:block;
padding:0em 0em 0em 130px;
}

.reservation p, .pay p, .contact p{
padding:0em 0em 0em 130px;
margin:0em;
}

.footer{
clear:both;
margin:auto;
height:70px;
width:950px;
background-color:#332826;
text-align:center;
padding:1em 0em 0em 0em;
}