body {
	background-image: url(img/bg.jpg);
	margin: 10px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
position:relative;
z-index:1000;
font-size:12px;
height:235px;
margin:5px 0 0 1px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:150px;
position:relative;
border:1px solid #888;
border-width:1px 1px 0 1px;
background:#fff; /* 1st layer-backcolor 第一層背景*/
}

.menu li {
background:transparent;
height:26px;
}
[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]

* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:150px;
color:#222; /* visited link color*/
text-indent:5px;
border-bottom:1px solid #888;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#999;}

.menu :hover > a {
color:#fff; 
background:#999;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:100px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#cef;  /* 2nd layer-backcolor 第二層背景色*/
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
background:#ded;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}
.menu ul.top2 {top:25px;}
.menu ul.top3 {top:51px;}
.menu ul.top4 {top:77px;}
.menu ul.top5 {top:103px;}
.menu ul.top6 {top:129px;}
.menu ul.top7 {top:155px;}
.menu ul.top8 {top:181px;}


.content {
	font-size: 12px;
	text-decoration:none;
}
.pageTitle {
	font-size: 16px;
	color: #660066;
}
.subTitle {
	font-size: 14px;
	font-weight: bold;
	color: #996600;
	font-family: arial;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tableBorder_L {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	
}
.subTitle b {
	color: #000000;
}

.newsTitle {
	font-size: 14pt;
	font-weight: bold;
	color: #996600;
	font-family: arial;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
.newsTitle b {
	color: #000000;
}

.tableBorder_R {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.tableBorder_B {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

/*
#info ul {padding:0; margin:10px auto 5px auto; list-style-type:none; width:55px; height:5px; position:relative;}
#info img {border:0;}
#info li {display:block; height:82px; width:82px; float:left; margin:1px;}
#info a {display:block; width:75px; height:75px; border:1px solid #000; line-height:78px; text-align:center; text-decoration:none; color:#fff;}
#info a em, #info a span {display:none;}
*/

#menu {padding:0 5px 5px 0; margin:10px 30px; width:0;}

#menu li {list-style-type:none; width:110px; height:20px; margin:2px 0; clear:both; font-size:12px}

#menu a, #menu a:visited {position:relative; display:block; width:120px; height:18px; border:none #666666; background-color:#f0f8f2; color:#000; padding-left:3px; text-decoration:none;}

#menu a span, #menu a:visited span {display:none;}

#menu a:hover {color:#fff; background-color:#65707b; border:1px solid #000; text-decoration:none;}

#menu a:hover span {position:absolute; display:block; left:-15px; top:0; width:0px; height:0px; border-left:8px solid #c00; border-top:8px solid #fff; border-bottom:8px solid #fff; font-size:1px; line-height:0;}

* html #menu a:hover span {width:8px; height:16px; w\idth:0; he\ight:0;}

#sitemap {}
#sitemap ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}
#sitemap ul a, a:visited {color:#000000; text-decoration:none; }
#sitemap a b {color:#FF0066;}
#sitemap ul li {list-style-type: none; margin-bottom:-2px;}
#sitemap ul ul {margin-top:-2px; }
ul#sitemap > li {margin-bottom: 10px;}
#sitemap ul ul li {list-style-image: url(img/sitemap/l2_normal.gif);}
#sitemap ul ul ul {margin-top:-2px;}
#sitemap ul ul ul li {list-style-image: url(img/sitemap/l3_normal.gif);}
#sitemap ul ul li.firstfollow {list-style-image: url(img/sitemap/l2_first_follow.gif);}
#sitemap ul ul li.last {list-style-image: url(img/sitemap/l2_last_item.gif);}
#sitemap ul ul ul li.firstfollow {list-style-image: url(img/sitemap/l3_first_follow.gif);}
#sitemap ul ul ul li.last {list-style-image: url(img/sitemap/l3_last_item.gif);}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.pro15 {padding: 0 0 0 10px; margin:0px; list-style:none; height:30px; background:url();}
.pro15 li {float:right; font-size:14px; font-family:arial, sans-serif;}
.pro15 li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	/*background:url(img2/pro_15_0.gif);*/
	color:#fff;
	text-decoration:none;
	font-family:arial, sans-serif;
	text-align:center;
	padding:0 10px 0 5px; 
	cursor:pointer;
	font-size:10px;
}
.pro15 li b {float:left; display:block; /*background:url(img2/pro_15_0.gif) right top;*/ padding:0 10px 0 5px;}
.pro15 li a {color:#FFF;}
.pro15 li a:visited {color:#FFF;}
.pro15 li a b {float:left; display:block; /*background:url(img2/pro_15_0.gif) right top;*/ padding:0 10px 0 10px;}
.pro15 li.current a {color:#000;  background-color:#FFF; background:url(img/bg.jpg);}
.pro15 li.current a b { background:url();}
.pro15 li a:hover {color:#000; background: url();}
.pro15 li a:hover b { background-image:url(img/pro_15_0.gif);}
.pro15 li.current a:hover {color:#000; cursor:default; background-image:url(img/bg.jpg);}
.pro15 li.current a:hover b {background: url();}
.pro15 li a em {display:block; float:left; width:30px; height:30px;}
.pro15 li a em.tw {background:url(img/tw.gif) no-repeat center center;}
.pro15 li a em.gb {background:url(img/gb.gif) no-repeat center center;}

.pro16 {padding: 0 120px 0 10px; margin:0px; list-style:none; height:30px; background:url();}
.pro16 li {float:right; font-size:14px; font-family:arial, sans-serif;}
.pro16 li a {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	/*background:url(img2/pro_15_0.gif);*/
	color:#fff;
	text-decoration:none;
	font-family:arial, sans-serif;
	text-align:center;
	padding:0 10px 0 5px; 
	cursor:pointer;
	font-size:10px;
}
.pro16 li a em {display:block; float:left; width:30px; height:30px;}
.pro16 li a em.tw {background:url(img/tw.gif) no-repeat center center;}
.pro16 li a em.gb {background:url(img/gb.gif) no-repeat center center;}
.pro16 li.home a {color:#fff;  background-color:#FFF; background:url(); padding: 0 10px 0 0;}
.pro16 li.home a b { background:url();}
.pro16 li.home a:hover {color:#000; cursor:pointer; background-image:url(img/bg.jpg);}
.pro16 li.home a:hover b {background: url();}

.countDown {
	margin:0px;
	list-style:none;
	height:100px;
	padding: 65px 80px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76px;
	font-weight:bold;
	color: #FFFFFF;
	line-height: 37px;
	background-image: url(img/countDown.png);
	text-align: right;
}
.countDown a {
	color:#FFFFFF;
	text-decoration: none;
}
.countDown a b { height:20px; margin:0px; padding:0 3px 20px 40px; font-size: 18px; color: #FFFFFF; }

.style3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
/*
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top: -1px;
	right: 1px;
	color: #999999;
	text-decoration: none;
}
*/
a:active {
	color: #999999;
}
.content_Bg {
	background-color: #f8f8e8;
}
.table_head {
	background-color: #999;
	color: #FFFFFF;
}

.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
}

/*===================================*/
/* Inset 3D Raised */
.raised {background: transparent; width:100%; margin:0 auto;}
.raised h1, .raised p {margin:0 15px;}
.raised h1 {font-size:1em; color:#333; letter-spacing:1px;}
.raised p {font-size:12px;padding-bottom:0;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.raised .b3 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.raised .b4 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.raised .b4b {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.raised .b3b {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.raised .b2b {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#999;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.raised .boxcontent_gray {display:block;  background:#fff; border-left:1px solid #999; border-right:1px solid #999; color:#999999; height:150px;}

.tableContent {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 10pt;
	line-height: 25px;
	font-family: Arial;
	text-align: justify;
}

.backtoTop {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	height:18px;
	text-align: right;
	border-bottom-style:dashed;
	border-bottom-width: 1px;
	border-bottom-color:#FF9900;
	padding: 0 10px 0 0;
}
.backtoTop a{
	color:#333333;
	text-decoration:none;
}.thinTable {
	border-style:solid;
	border: 0.1pt solid #333333;
}
.mainLink {
	background-image:url(img/main.png);
	margin:10px;
	list-style:none;
	height:157px;
	width:600px;
	padding: 25px 0 0px 150px;
	font-family: Verdana;
	font-size: 18px;
	color: #FFFFFF;
}
.mainLink a{
	color:#FFFFFF;
	text-decoration:none;
}
.countDown2 {
	margin:0px;
	list-style:none;
	padding: 5px 80px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76px;
	font-weight:bold;
	color: #FFFFFF;
	line-height: 37px;
	background-image: url();
	text-align: right;
}
.countDown2 a {
	color:#FFFFFF;
	text-decoration: none;
}
.countDown2 a b { height:20px; margin:0px; padding:0 3px 20px 40px; font-size: 18px; color: #FFFFFF; }
.fixwidth {
/*width:250px;*/
height:80px;
overflow:hidden;
white-space:normal;
text-overflow:ellipsis;
}
.mainNewsTitle{
	font-size:12pt;
	font-weight:bold;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}
.mainNewsDate{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10pt;
	text-align: right;
	margin:0 10px;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	border-bottom-color:#999;
	padding: 0 10px 0 0;
	vertical-align: bottom;
}