@charset "utf-8";

/********************************************************************************/
/* IMPORT */
/********************************************************************************/
img{
	behavior: url("css/iepngfix.htc");
}

/********************************************************************************/
/* CSS RESET */
/********************************************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { 
    font-family: inherit; 
    font-weight: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    outline: 0; 
    padding: 0; 
    margin: 0 auto; 
    border: 0;
}
:focus { 
    outline: 0;
}
body { 
    line-height: 1.5; 
}
ol, ul { 
    list-style: none;
}
table { 
    border-collapse: separate;
	border-spacing: 0;
}
caption, th, td { 
    font-weight: normal; 
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after { 
    content: "";
}
blockquote, q { 
    quotes: "" "";
}
sup { 
    position: relative; 
    bottom: 0.3em; 
    vertical-align: baseline;
}
sub { 
    position: relative; 
    bottom: -0.2em; 
    vertical-align: baseline;
}

/********************************************************************************/
/* DEFAULT VALUE */
/********************************************************************************/
body {
	background: #0d091a url(../images/bg.png) repeat-x top;
	overflow-x: hidden;
	xoverflow-y: scroll;
}

#main {
	font-family: Arial, 新細明體, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width: 796px;
	color: #c6c6c6;
}

h1 {font-size:25px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:13px;}

a:link {text-decoration: none;color: #fff;}
a:visited {text-decoration: none;color: #fff;}
a:hover {text-decoration: none;color: #a4a4a5;}
a:active {text-decoration: none;}
a {}

p {
	text-align: justify;
	padding-bottom: 15px;
}

div.spacer{clear:both; height:0px; display:block;}
div.spacer10{clear:both; height:10px; display:block;}
div.spacer15{clear:both; height:15px; display:block;}
div.spacer20{clear:both; height:20px; display:block;}
div.spacer30{clear:both; height:30px; display:block;}

/********************************************************************************/
/* HEADER */
/********************************************************************************/
#header {
	width: 796px;
	height: 124px;
}

.logo {
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #5d607a;
}

.lang {
	position: relative;
	float: right;
	margin: -85px 5px 0 0;
}

.lang ul li {
	float: left;
	margin-left: 20px;
}

.topnav {
	width: 796px;
	height: 34px;
	position: absolute;
	border-bottom: 3px solid #c4a76d;
}

.topnav ul li {
	float: left;
	margin-right: 5px;
	margin-top: -3px;
}

.topnav ul li.nav1 {
	padding-left:40px;
}
#contentsize{width:796px;height:503px; margin:10px 0 0 0;}

/********************************************************************************/
/* FOOTER */
/********************************************************************************/
#footer {
	width: 796px;
	height: 40px;
	border-top: 3px solid #c4a76d;
	margin: -310px 0 0 0;
	position: absolute;	
}

#footer ul {
	margin: 15px 0 0 0;
}

#footer ul li {
	float: left;
	margin-left: 22px;
	
}

#footer ul li a:link {text-decoration: none;color: #c0c0c0;}
#footer ul li a:visited {text-decoration: none;color: #c0c0c0;}
#footer ul li a:hover {text-decoration: underline;color: #20558a;}
#footer ul li a:active {text-decoration: none;}

#footer div.copyright {
	text-align: right;
	color: #999;
	font-size: 11px;
}

/********************************************************************************/
/* FOOTER - INDEX */
/********************************************************************************/
#footer_index {
	width: 796px;
	height: 40px;
	border-top: 3px solid #c4a76d;
	font-size: 11px;
}

#footer_index ul {
	margin: 15px 0 0 0;
}

#footer_index ul li {
	float: left;
	margin-left: 15px;
}

#footer_index ul li a:link {text-decoration: none;color: #c0c0c0;}
#footer_index ul li a:visited {text-decoration: none;color: #c0c0c0;}
#footer_index ul li a:hover {text-decoration: underline;color: #20558a;}
#footer_index ul li a:active {text-decoration: none;}

#footer_index div.copyright {
	text-align: right;
	color: #999;
	font-size: 11px;
}

/********************************************************************************/
/* CONTENT */
/********************************************************************************/
.content {
	width: 796px;
	height: 100%;
	margin: 5px 0 1px 0;
	z-index: 0; 
}