@charset "UTF-8";
/* CSS Document */
html, body {height: 100%;}
body {
		height: 100%;
	margin:0px; padding: 0px;
	background: url(images/bg.png) no-repeat center center fixed; 
	-webkit-text-size-adjust: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #ffffff;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9px;
	overflow-y: scroll;

}
body > #container, body > #contain_flash {height: auto; min-height: 100%;}
ul {
	list-style:none; 
}
img {
	border:0px;
}
a:link {color: #503a32; text-decoration: none} 
a:hover {color: #baa59d; text-decoration: none}
a:active {color: #503a32; text-decoration: none}
a:visited {
	color: #503a32;
	text-decoration: none;
	font-family: Microsoft JhengHei,Verdana, Geneva, sans-serif;
}
#nav {
	margin:auto;
	height: 178px;
	width:  750px;
	font-family: "Myriad Pro";
}
#container {
	display:block;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-bottom:0;
	padding-left:7px;
	padding-right:11px;
	padding-top:0;
	width:750px;
	min-height: 100%
}
#content_flash {
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-bottom:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	width:1024px;
		min-height: 100%
	}
#menu ul {
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
#menu li {
	float:left;
	list-style-image:initial;
	list-style-position:initial;
	list-style-type:none;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:0;
}
ul.navi {
	type:none;
	
	text-align: right;
	width:750px;
	margin:0;
	padding:0;
	list-style:none;
	font-family: "Myriad Pro";
}
ul.navi li {
	display: inline;
	font-family: "Myriad Pro";
}
a#about, a#works, a#links, a#contact, a#home, a#scase {
	background-image:url(images/list.png);
	background-repeat:no-repeat no-repeat;
	display:block;
	height:76px;
	text-align:center;
}
a#about {
	margin-top:94px;
	margin-right:35px;
	background-position:0 0px;
	width:82px;
}
a#works {
	margin-top:94px;
	margin-right:44px;
	background-position:-117px 0px;
	width:90px;
}
a#links {
	margin-top:94px;
	margin-right:32px;
	background-position:-250px 0px;
	width:75px;
}
a#contact {
	margin-top:94px;
	margin-right:46px;
	background-position:-354px 0px;
	width:125px;
}
a#home {
	margin-top:94px;
	margin-right:44px;
	background-position:-524px 0px;
	width:75px;
}
a#scase{
	margin-top:81px;
	margin-right:0px;
	background-position:-643px 0px;
	width:97px;
}
a#about:hover, a#about.current {
	background-position:0 -88px;
}
#works:hover, a#works.current {
	background-position:-117px -88px;
}
a#links:hover, a#links.current {
	background-position:-250px -88px;
}
a#contact:hover, a#contact.current {
	background-position:-354px -88px;
}
a#home:hover, a#home.current {
	background-position:-524px -88px;
}
a#scase:hover, a#scase.current {
	background-position:-643px -87px;
}
/*
#footer {
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:200px;
	padding-bottom:0;
	padding-left:0px;
	padding-right:0px;
	padding-top:0;
	width:auto;
	height:30px;
	font-size:115%;
	color:#2e1501;
}
*/
#footer {position: relative;
    margin-top: -30px; /* footer高度的負值 */
    height: 30px;
    clear:both;
	font-size:115%;
	color:#2e1501;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	z-index:500;}
	
#main {padding-bottom: 30px; } 
clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */