body {
background: #000 url(../images/bg.jpg) repeat-x left top;
color: #aaa;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
font-size: 62.5%;
font-weight: normal;
margin: 0;
}


/*************
Header, P & HR
*************/
h2, h3, h4 { letter-spacing: -1px; font-weight: normal; line-height: 1.64; margin-top: 0; }
h1 { color: #fff; font-size: 1.6em; font-weight: bold; letter-spacing: -1px; margin-bottom: 15px; }
h2 { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; font-weight: bold; margin-bottom: 15px; }
h2.page_title { font-size: 2em; padding: 100px 0; }
h3 { color: #eee; font-size: 1.2em; font-weight: bold; margin-bottom:0.1em; }
p { font-size: 1.1em; line-height: 1.64; margin: 0 0 1.5em; }
hr.hidden { border: none; clear: both; margin: 10px 0; visibility:hidden; }



/*************
Container
*************/
#container {
margin: 0 auto;
overflow: hidden;
width: 780px;
}

#container .last { margin-right: 0; }




/*************
Container
*************/
.header_harmonica {
height:110px;
position: absolute;
top: 0;
right: 110px;
width: 330px;
}



/*************
Billboard
*************/
#billboard {
background: url(../images/billboard.jpg) no-repeat left top;
height: 220px;
margin-bottom: 35px;
width: 780px;
}

#billboard h1, #billboard h2 {
text-indent: -9999px;
}



/*************
Span3-2, Span3-1
*************/
div.span3-2, div.span3-1 { float: left; }
div.span3-2 img, div.span3-1 img { margin-bottom: 1.5em; }

div.span3-2 {
width: 460px;
margin-right: 45px;
overflow: hidden;
}

div.span3-1 {
width: 230px;
margin-right: 45px;
overflow: hidden;
}


div.span3-1 img {
background: #000;
border: 4px solid #333;
padding: 4px;
}



/*************
A Link
*************/
p a.icon{
background:transparent url(../images/link_arrow.gif) no-repeat scroll left 1px;
color:#0099cc;
padding-left:10px;
text-decoration:none;
}

p a.icon:hover, p a.without_icon:hover {
background-position: left -32px;
color:#fff;
}

p a.without_icon {
color:#0099cc;
text-decoration:none;
}




/*************
dl, dt, dd
*************/
dl {
margin: 0 0 15px;
overflow: hidden;
}

dt {
clear:left;
color:#666;
float:left;
font-weight:normal;
width:100px;
font-size:1.1em;
line-height:1.64;
}

dd {
float:left;
font-size:1.1em;
line-height:1.64;
margin-left:1.5em;
width: 115px;
}



/*************
Page Content Area
*************/
div.page_title_area {
background:url(../images/page_title_symbol.png) no-repeat 5px 6px;
float: left;
width: 230px;
margin-right: 5px;
overflow: hidden;
}


div.page_content {
border-left: 1px solid #333;
float: left;
width: 504px;
margin-bottom: 25px;
padding-left: 40px;
overflow: hidden;
}

div.page_content .left_pic {
float: left;
background: #000;
border: 4px solid #333;
margin: 0 15px 15px 0;
padding: 4px;
}

div.page_content .right_pic {
float: right;
background: #000;
border: 4px solid #333;
margin: 0 0px 15px 15px;
padding: 4px;
}

div.page_content a:link, div.page_content a:visited {
color: #0099cc;
text-decoration: none;
}

div.page_content a:hover {
color: #fff;
text-decoration: none;
}


/*************
Table
*************/
.page_content table {
border-collapse: collapse;
line-height: 1.64;
margin-bottom: 1.5em;
width: 100%;
}

.page_content table a:link, .page_content table a:visited {
color: #0099cc;
text-decoration: none;
}

.page_content table a:hover {
color: #fff;
text-decoration: none;
}

.page_content th, .page_content td {
border:1px solid #333333;
padding:4px 10px 4px 5px;
}

.page_content th {
background:#181818 none repeat scroll 0 0;
font-weight:bold;
font-size: 1.1em;
line-height:normal;
text-align:center;
vertical-align:middle;
}



/*************
Footer
*************/
#footer {
border-top: 1px solid #333;
clear: both;
margin: 0;
overflow: hidden;
padding: 15px 0 5px;;
}

#footer p {
color: #555;
text-align: center;
}


/*chinese element*/
h2 span.chinese { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 0.83em; }
p.chinese { font-size: 1.2em; letter-spacing: 1px; }
p span.chinese { font-size: 1.11em; }
#nav li span.chinese { font-size: 1.11em; }
dl.chinese dt, dl.chinese dd { font-size: 1.2em; }