/* CSS Stylesheet
Template Name:
Author:
E-mail:
Website:
Copyright (C) All rights reserved.
*/
 
/* CSS Reset */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
 
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
:focus {
	outline: 0;
}
 
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ======[ 網頁整體設計 ] ====== */

/* ------ [GENERAL STYLES] ------ */
body {
	line-height: 1;
	background:url(images/bg_main.jpg) repeat-x top;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
 
h1 {
	font-family:"Bodoni BT";
	font-style:italic;
	font-size:20px;
}
 
 
h2 {
}
 
h3 {
}
 
h4 {
}
 
h5 {
}
 
p {
}
 
blockquote {
}
 
small {
}
 
strong {
}
 
img {
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

 
/* ------ [ 連結 ] ------ */
 
a {
}
 
a:visited {
}
 
a:hover {
}
 
/* ------ [表單 ] ------ */
 
form {
	margin:0;
	padding:0;
	display:inline;
}
 
input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
	width:100%;
	line-height:1.25;
}
 
label {
	cursor:pointer;
}
 
/* ------ [ 表格] ------ */
 
table {
	border:0;
	margin:0 0 1.25em 0;
	padding:0;
}
 
table tr td {
	padding:2px;
}

.spacer{
	clear:both;
}
 
/* ======[ 網頁排版設計 ] ====== */

#container{
	width:902px; 
	margin:0 auto;
	background:url(images/bg_container.jpg) top repeat-y;
}
 
#wrap {
}
 
#header {
	width:902px; 
	height:83px; 
	background:url(images/bg_header.jpg) no-repeat top;
	line-height:1.2em;
}
 
#navi{
	width:902px; height:53px; 
	color:#666666;
	font-weight:bold;
	text-align:center;
	background:url(images/bg_navi.jpg) no-repeat top;
	padding:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;

}

#row{
	padding:5px;
	clear:both;
	float:right;
	width:735px;
	line-height:1em;
}

.lable1{
	width:100px;
	float:left;
	text-align:left;
}

.lable2{
	width:135px;
	float:left;
	text-align:left;
}

.lable3{
	width:210px;
	float:left;
	text-align:left;
}

.lable4{
	width:125px;
	float:left;
	text-align:left;
}

.lable5{
	width:100px;
	float:left;
	text-align:left;
}



#navi a{
	color:#333333;
	font-size:12px;
	text-decoration:none;
}

#navi a:hover{
	color:#333333;
	text-decoration:underline;
}

.sub_navi{
	padding:1px;
	height:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.sub_navi ul{
	float:right;
	width:513px;
}

.sub_navi .csr{
	float:right;
	width:150px;
}

.sub_navi .csr li{
	float:left;
	width:120px;
	padding:1px;
}

.sub_navi li{
	float:left;
	width:120px;
	padding:1px;
}

.sub_navi a{
	color:#666666;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	margin:0 10px 0 0;
}

.sub_navi a:hover{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	margin:0 10px 0 0;
}

.quick_menu{
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
}

.quick_menu .home{
	float:left;
	list-style:none;
	width:60px;
} 

.quick_menu .officalSite{
	float:left;
	list-style:none;
	width:148px;
} 

.quick_menu .version{
	float:left;
	list-style:none;
	width:150px;
} 

.quick_menu a{
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}

.quick_menu a:hover{
	color:#666666;
	font-weight:normal;
} 
 

.other_menu{
	float:right;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:210px;
	margin:32px 0 0 0;
	color:#0066CC;
}  

.update{
	text-align:left;
} 

.other_menu a{

}

.other_menu a:hover{
	color:#666666;
} 

#counter{
	position:absolute;
	top:147px;
	left:652px;
	font-weight:normal;
	font-size:12px;
	color:#6699FF;
	width:200px;
	text-align:right;
}
 
#sitemap{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	height:250px;
	margin:20px 0 0 0;
} 


#sitemap a{
	text-decoration:none;
	font-size:12px;
	color:#333333;
} 

#sitemap a:hover{
	text-decoration:underline;
} 

#sitemap p{
	margin:15px 0 0 0;
	font-weight:bold;

} 

#sitemap li{
	list-style:none;
	margin:0 0 10px 15px;
	line-height:15px;

} 

#sitemap .box{
	float:left;
	margin:0 50px 0 20px;
} 

/*----------------------------------------MAINCONTENT----------------------------------------*/

#wrap_content{
	width:902px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:30px;
	background:url(images/bg_container_top.jpg) top no-repeat;
}

#maincontent {
	width:580px;
	float:left;
	padding:10px 0 0 55px;
}
#maincontent ul {
	list-style:circle;
	margin:0 0 0 20px;
}

.maincontent_img {
	text-align:center;
	margin:10px 0 0 0;
}

#maincontent_w {
	width:800px;
	float:left;
	padding:10px 0 0 55px;
}

#sidebar {
	width:215px;
	float:left;
	padding:15px 0 0 0;
}

#sidebar img{
	float:right;
}


/*----------------------------------------MAINCONTENT----------------------------------------*/

#footer{
	background:url(images/footer.gif) no-repeat top;
	width:902px;
	height:129px;
}