@charset "utf-8";

/*-----------------------Global------------------*/

* {
    font: 11px "Verdana", "Arial", "Helvetica", "sans-serif" #fff;
}


/*-----------------------Container------------------*/

#container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
	background-color: #FFFFFF;
}


/*-----------------------Top Panel 1-----------------*/

#topPanel1 {
    background: #690000 url(/images/bkgd_navi1_menu1.gif) repeat-x;
	height: 28px;
	border-bottom: 2px #FFFFFF solid;
}

/***********************
      Menu 1
************************/

#topPanel1_menu1 {
    width: 600px;
    float: left;
    /* background-color: blue; */
	display: inline;
	margin-left: 30px;
	margin-top: 7px;
}

#topPanel1_menu1 * {
	color: #FFFFFF;
	font: bold 13px "Arial", "Helvetica", "Verdana";
}

#topPanel1_menu1 ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#topPanel1_menu1 li {
	display: inline;
}

#topPanel1_menu1 li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#topPanel1_menu1 li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#topPanel1_menu1 li.first a {
	border: none;
	padding-left: 0;
}

/*************************
      Language Box
**************************/

#languageBox {
    width: 300px;
    float: left;
    /* background-color:yellow; */
	display: inline;
	margin-right: 30px;
	margin-top: 7px;
	text-align: right;
}

#languageBox * {
	color: #FFFFFF;	
	font: bold 13px "Arial", "Helvetica", "Verdana";
}

#languageBox a.lang_chi {
	color: #FFFFFF;	
	font: 13px "細明體", "Arial", "Helvetica", "Verdana";
	margin-top: 1px;
}

#languageBox ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#languageBox li {
	display: inline;
}

#languageBox li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#languageBox li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#languageBox li.first a {
	border: none;
	padding-left: 0;
}

#languageBox li.last a {
	padding-right: 0;
}


/*-----------------------Navigation 1------------------*/

#navigation1 {
	background: #171717 url(/images/subpage_navigation_bkgd.gif) no-repeat 0 0;
	height: 64px;
}

/***********************
      Menu 1
************************/

#menu1 {
    width: 374px;
    float: left;
    /* background-color: red; */
	display: inline;
	margin-left: 376px;
	margin-top: 5px;
}

#menu1 * {
	color: #000000;
	font: bold 12px "Arial", "Helvetica", "Verdana";
}

#menu1 ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu1 li {
	display: inline;
}

#menu1 li a {
	display: block;
	float: left;
	padding: 0 7px;
	border-left: 1px solid #000000;
	color: #000000;
	text-decoration: none;
}

#menu1 li a:hover {
	color: #990000;
	text-decoration: none;
}

#menu1 li.first a {
	border: none;
	padding-left: 0;
}

/***********************
      Menu 2
************************/

#menu2 {
    /* background-color:yellow; */
	width: 700px;
    float: left;
	display: inline;
	margin-left: 230px;
	margin-top: 22px !important;  /* for Firefox */
	margin-top: 21px;             /* for IE */
	text-align: right;
}

#menu2 * {
	color: #FFFFFF;	
	font: bold 12px "Arial", "Helvetica", "Verdana";
}

#menu2 ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu2 li {
	display: inline;
}

#menu2 li a {
	display: block;
	float: left;
	padding: 0 10px;
	border-left: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
}

#menu2 li a:hover {
	color: #FFCC33;
	text-decoration: none;
}

#menu2 li.first a {
	border: none;
	padding-left: 0;
}

#menu2 li.last a {
	padding-right: 0;
}

/*-----------------------Navigation 2------------------*/

#navigation2 {
    width: 200px;
	float: left;
}

/***********************
      Menu Image
************************/

#menu_image {
    width: 200px;
	height: 150px;
	float: left;
	background-color: #333333;
}

*html #menu_image {
    margin-bottom: -2px;
}

/***********************
      Menu 3
************************/

#menu3 {
    width: 200px;
	/*height: 500px;*/
	float: left;
    background: #171717 url(/images/bkgd_leftpanel_main.gif) repeat-x left top;
	display: inline;
	padding-bottom: 10px;
}

#menu3 p, #menu3 p a, #menu3 p a:visited {
    /* font: bold 20px "Tahoma", "Verdana", "Arial", "Helvetica";*/
	font: 600 20px "Tahoma", "Verdana", "Arial", "Helvetica";
	color: #FFFFFF;
	text-align: center;
	margin: 10px auto;
	text-decoration: none; 
}

#menu3 p a:hover {
    color: #FFCC33;
}

#menu3 ul {
    list-style: none;
	margin: 0;
	padding: 0;
	width: 176px;
	padding-left: 12px;
}

#menu3 ul li {
    margin: 0; 
}

#menu3 ul li a {
    display: block; 
    padding: 8px 0;
    font: bold 16px "Arial", "Tahoma", "Verdana", "Helvetica";
    border-bottom: 1px solid #FFFFFF;
    /* background-color: #036; */
    color: #FFFFFF; 
    text-decoration: none; 
    width: 100%; 
}

html>body #menu3 ul li a { 
    width: auto; 
}

#menu3 ul li a:hover {
    /* border-bottom: 1px solid #369; */
    /*background-color: #69f; */
    color: #FFCC33; 
}

#menu3 li.last a {
	border: none;
}

/***********************
      Menu 4
************************/

#menu4 {
    width: 200px;
	float: left;
	/* background-color: blue; */
	padding-top: 20px;
	padding-bottom: 10px;
}

#menu4 ul {
    list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	padding-left: 25px;
}

#menu4 ul li {
    margin: 0; 
}

#menu4 ul li a {
    display: block;
	padding-bottom: 14px !important;
	padding-bottom: 13px;
    font: bold 13px "Arial", "Tahoma", "Verdana", "Helvetica";
    /* border-bottom: 1px solid #FFFFFF; */
    /* background-color: #036; */
    color: #000000; 
    text-decoration: none; 
    width: 100%; 
}

html>body #menu4 ul li a { 
    width: auto; 
}

#menu4 ul li a:hover {
    /* border-bottom: 1px solid #369; */
    /*background-color: #69f; */
    color: #990000; 
}

#menu4 ul li hr {
    border: 0;
    color: #FF0000;
    background-color: #FF0000;
    height: 1px;
    width: 100%;
    text-align: left;
    margin: 2px 0 17px 0 !important;   /* for Firefox */
	margin: -16px 0 10px 0;              /* for IE */
}


/*-----------------------Photobox------------------*/

#photobox {
    width: 760px;
	height: 186px;
	float: left;
	overflow: hidden;
	/* background-color: yellow; */
}


/*-----------------------Contentbox------------------*/

#contentbox {
    width: 760px;
	float: left;
	background: url(../images/subpage_content_bkgd.gif) repeat-x;
	min-height: 600px;
    height: auto !important;
    height: 600px;
}

/***********************
      Center Content
************************/

#content_center {
    width: 720px;
	float: left;
	/* background-color: gray; */
	margin-top: 20px;
	margin-left: 20px;
	display: inline;
}

#content_center h2 {
    font: 500 20px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	margin-top: 10px;
}

#content_center p {
    font: 12px "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #000000;
	text-align: justify;
}