@charset "utf-8";
/* CSS Document */

* {
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

a {
	text-decoration:none;
}

img {
	border:0;
}

body, ul, ol, li {
	margin:0;
	padding:0;
}

body {
	background-attachment:fixed;
	background-image:url(../img/bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#fff;
}

div#topbar {
	background-color:#622599;
	border-bottom:2px #fff solid;
	color:#fff;
	font-size:12px;
	line-height:200%;
	padding:10px 0 8px 0;
	position:fixed;
	width:100%;
}

div#topspan {
	padding:70px 0 0 0;
}

span#HKSA {
	font-size:20px;
}

table#browser {
	font-size:12px;
	text-align:left;
	margin-top:15px;
}

table#browser td {
	font-size:10px;
}

table#browser a {
	color:#0033CC;
}

table#browser a:hover {
	color:red;
}

div#lang {
	background-color:#fff;
	font-size:10px;
	font-weight:700;
	position:fixed;
	right:0px;
	padding:5px 10px;
}

div#lang a {
	color:#000;
}

div#wrapbox {
}

div#wrap {
	width:500px;
}

div#menu {
}

div#menu ul.pages {
	font-size:8pt;
	list-style:none;
}

div#menu ul.pages li.item {
	display:inline;
	background-image:url(../img/menu-bg.gif);
	background-repeat:no-repeat;
	color:#fff;
	padding:2px 25px 10px 25px;
}

div#menu ul.pages li.item a {
	color:#fff;
}

div#function {
	background-image:url(../img/function-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#intro {
	background-image:url(../img/intro-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#intro h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 5px 20px;
}

div#intro p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#topic {
	background-image:url(../img/topic-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#topic h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 5px 20px;
}

div#topic p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#topic a {
	color:red;
}

div#party {
	background-image:url(../img/party-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#party h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 5px 20px;
}

div#party p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#party a {
	background-color:#fff;
	color:#000;
	padding:2px 4px;
}

div#real_fb {
	background-image:url(../img/real&fb-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#real_fb h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 5px 20px;
}

div#real_fb h3.facebook {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:700;
	margin:0;
	padding:12px 0 5px 20px;
}

div#real_fb p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#real_fb p.facebook {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#real_fb p.facebook a {
	color:#fff;
	font-size:13px;
	font-weight:700;
}

div#reference {
	background-image:url(../img/reference-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#reference h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 5px 20px;
}

div#reference ul {
	font-size:11px;
	line-height:150%;
	margin:0 20px;
	padding:0 20px;
}

div#reference ul a{
	color:#000;
}

div#map {
	margin-top:15px;
	width:480px;
	height:360px;
}

div#map a{
	color:#000;
	font-size:11px;
}

div#contact {
	background-image:url(../img/contact-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#contact h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 20px;
}

div#contact p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#substation_about {
	background-image:url(../img/substation-about-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#substation_about h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 20px;
}

div#substation_about p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#substation_info {
	background-image:url(../img/substation-info-bg.png);
	background-position:center;
	background-repeat:repeat-y;
	margin-top:10px;
	width:480px;
	height:170px;
}

div#substation_info h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#substation_info ol {
	font-size:11px;
	line-height:150%;
	margin:0 40px;
	padding:0 20px;
}

div#substation_info a {
	color:blue;
	font-weight:700;
}

div#substation_intro {
	background-image:url(../img/substation-intro-bg.png);
	background-position:center;
	background-repeat:repeat-y;
	margin-top:10px;
	width:480px;
	height:420px;
}

div#substation_intro h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#substation_intro p {
	font-size:13px;
	margin:0;
	padding:0 20px;
}

div#substation_intro ul {
	font-size:12px;
	line-height:150%;
	margin:0 40px;
	padding:0 20px;
}

div#substation_intro ol {
	font-size:11px;
	line-height:150%;
	margin:0 40px;
	padding:0 20px;
}

div#funday {
	background-image:url(../img/funday-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:420px;
}

div#funday h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#funday p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#funday ol {
	font-size:11px;
	line-height:180%;
	margin:0 40px;
	padding:0 20px;
}

div#funday a {
	color:red;
}

div#carnival {
	background-image:url(../img/carnival-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#carnival h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 20px;
}

div#carnival p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#carnival a {
	background-color:#fff;
	color:#000;
	padding:2px 4px;
}

div#carnival_info {
	background-image:url(../img/carnival-info-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:595px;
}

div#carnival_info h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#carnival_info p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#carnival_info a {
	color:red;
}

div#carnival_info ol {
	font-size:11px;
	line-height:150%;
	margin:0 40px;
	padding:0 20px;
}

div#carnival_info li {
	margin:10px 0 0 0;
}

div#carnival_join {
	background-image:url(../img/carnival-join-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:461px;
}

div#carnival_join h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#carnival_join p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#carnival_join ol {
	font-size:11px;
	line-height:150%;
	margin:0 40px;
	padding:0 20px;
}

div#carnival_join li {
	margin:10px 0 0 0;
}

div#feq {
	background-image:url(../img/feq-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:312px;
}

div#feq h3 {
	font-size:17px;
	margin:0;
	padding:22px 0 17px 0;
	text-align:center;
}

div#feq table {
	font-size:11px;
	margin:0 20px;
	width:450px;
}

div#feq table th{
	font-size:13px;
	font-weight:700;
	line-height:200%;
	text-align:center;
}

div#feq table td{
	font-size:13px;
	line-height:150%;
	text-align:center;
}

div#setting {
	background-image:url(../img/setting-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
	height:150px;
}

div#setting h3 {
	font-size:17px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#setting p {
	font-size:11px;
	margin:0;
	padding:0 20px;
}

div#setting a {
	color:#000;
}

div#reg_form {
	margin-top:10px;
	width:480px;
	height:1180px;
}

div#reg_form h3 {
	font-size:20px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#reg_form p {
	font-size:13px;
	margin:5px 0 0 0;
	padding:0 20px;
}

div#reg_form p strong {
	font-size:15px;
}

div#reg_form p.hits {
	background-color:#fff;
	border:1px red solid;
	color:red;
	font-size:11px;
	margin:5px 20px;
	padding:5px 10px;
}

div#reg_form td p.hits {
	background-color:#fff;
	border:1px red solid;
	color:red;
	font-size:11px;
	margin:5px 0;
	padding:5px 10px;
}

div#reg_form table td {
	font-size:13px;
	margin:5px 0 0 0;
	padding:2px 20px;
}

div#reg_form textarea {
	font-size:13px;
}

div#substation_form {
	margin-top:10px;
	width:480px;
	height:1585px;
}

div#substation_form h3 {
	font-size:20px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#substation_form p {
	font-size:13px;
	margin:5px 0 0 0;
	padding:0 20px;
}

div#substation_form p strong {
	font-size:15px;
}

div#substation_form p.hits {
	background-color:#fff;
	border:1px red solid;
	color:red;
	font-size:11px;
	margin:5px 20px;
	padding:5px 10px;
}

div#substation_form td p.hits {
	background-color:#fff;
	border:1px red solid;
	color:red;
	font-size:11px;
	margin:5px 0;
	padding:5px 10px;
}

div#substation_form table td {
	font-size:13px;
	margin:5px 0 0 0;
	padding:2px 20px;
}

div#substation_form textarea {
	font-size:13px;
}

div#result {
	background-image:url(../../img/carnival-info-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:10px;
	width:480px;
}

div#result h3 {
	font-size:20px;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#result h4 {
	font-size:13px;
	text-decoration:underline;
	margin:0;
	padding:12px 0 10px 0;
	text-align:center;
}

div#result p {
	font-size:13px;
	margin:8px 0 0 0;
	padding:0 20px;
}

div#result a {
	color:#0099FF;
	font-style:italic;
}

div#result a:hover {
	color:#FF3366;
	font-style:italic;
}

div#result blockquote {
	font-size:13px;
	margin:8px 0 0 10px;
	padding:0 5px;
}

div#notice {
	background-image:url(../../img/carnival-info-bg.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-top:30px;
	width:480px;
}

div#notice p {
	font-size:13px;
	margin:8px 0 0 0;
	padding:0 20px;
}

div#radar {
	background-image:url(../img/radar.png);
	background-position:center;
	background-repeat:no-repeat;
	z-index:1;
	position:fixed;
	bottom:33px;
	left:2%;
	width:113px;
	height:142px;
}

div#bottomspan {
	padding:40px 0 0 0;
}

div#footer {
	background-color:#eee;
	border-top:2px #fff solid;
	padding:10px 0;
	position:fixed;
	bottom:0px;
	width:100%;
}

span.copyright {
	color:#999;
	font-size:9px;
}

/* Information ####
Designed by Leung Chun Kit // joeleung32{at}yahoo.com.hk
With Adobe Dreamweaver & Photoshop CS3
Test Passing in Firefox3, Opera9, Chrome2, IE8, Safari4.
*/