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

body {
	margin:0px;
	padding:0px;
	background:url(../images/hpattern.gif); 
	font: 12px Arial, Helvetica, sans-serif; 
	min-width:950px;}

h1 {color:#8C0051;margin:0px 20px 20px 20px;}
h2 {color:#8C0051;margin:0px 20px 20px 20px;}
h3 {color:#8C0051;margin:0px 20px 20px 20px;}

p {color:#8C0051;margin:0px 20px 20px 20px;}

#ticketinfo table
{width:400px;
margin:20px;
border-collapse:collapse;}
#ticketinfo table, #ticketinfo td, #ticketinfo th
{border:1px solid #EC008B;
background-color:#FAD3E4;
padding:10px;}
#ticketinfo th
{
background-color:#F074AC;
color:white;
font-size:14px;
text-align:left;
}

#ticketinfo .altrow td {background-color:#F5A9CA;}

.imgfloatright {float:right;
clear:right;
margin-left:25px;}

#wrap {
	margin:20px;
	position:relative;}
*html #wrap {height: 100%}
#wrap a {text-decoration:none;color:#EC008B;}

#innerwrap {
	padding-bottom:40px;}
#innerwrap:after {
	content:"";
	display:block;
	clear:both;}
#hkcheader {
	width: 100%;
	height:45px;
	display:block;
	border-bottom:3px solid #EC008B;
	text-align:right;
	font: bold 18px "Times New Roman", Times, serif;
	color:#EC008B;
	}
#hkclogo {background:url(../images/logo_hkc13.gif) no-repeat;
	height:45px;
	width:360px;
	float:left;
	}
#weibo, #twitter, #facebook {height:24px;
	width:24px;}
#weibo, #twitter, #facebook, #fblike {float:left;margin:10px 0 0 10px;}
#weibo {background:url(../images/weibo.png) no-repeat;margin-left:24px;}
#twitter {background:url(../images/twitter_bird.gif) no-repeat;}
#facebook {background:url(../images/f_logo.gif) no-repeat;}
#rightcontent {
	position:relative;
	margin: 20px 0px 28px 200px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.6);}
#rightcontent a:hover {text-decoration:underline;}

/*MENU BAR ITEMS*/
#hkcleftbar {float:left;
	width:200px;}

#langselect {position:relative;z-index:2;}
#langselect a {float:right; background:#EC008B; padding:6px; margin-left:8px;color:#FDECF3;
text-decoration:none;
line-height:12px;}
#langselect a:hover {line-height:23px;}

#hkcnav {list-style:none;padding:0;margin:0; }
#hkcnav a {
background:#EC008B;
display:block;
width:168px;
padding:6px;
margin: 0 0 8px 0;
color:#FDECF3;
text-decoration:none;
line-height:13px;}
#hkcnav a:hover, #currentnav a {background:#F5A9CA;color:#EC008B;}
#currentnav .hkcsubnav a {color:#FDECF3;}
#currentnav .hkcsubnav a:hover {color:#EC008B;}
ul.hkcsubnav {display:none;}
li:hover .hkcsubnav {
	display:block;
	list-style:none;
	padding:0;
	margin: 0 0 0 100px;
	position:absolute;
	top:120px;
	z-index:3;}

#hkcnav .hkcsubnav a {background:#F074AC;}
#hkcnav .hkcsubnav a:hover {background:#FAD3E4;}

#wrap .pagenav a {
padding:6px 1px 0px 1px;
margin-right:20px;
border-bottom:6px solid #EC008B;}
#wrap .pagenav a:hover {background:#EC008B;
color:#FDECF3;
text-decoration:none;}

#wrap #currentpagenav a {background:#EC008B;
color:#FDECF3;
text-decoration:none;}

/* FOOTER */

#hkcfooter {
	position:absolute;
	bottom:0;
	height:40px;
	width:100%;
	border-top:3px solid #EC008B;
	padding-top:8px;
	margin-top:28px;
	color:#EC008B;
	line-height:20px;}

#hkcfooter a {color:#EC008B;
text-decoration:none;}
#hkcfooter a:hover {color:#006;}

#hsbclb, #caringcompany, #wwgood {float:right;}
#hsbclb {position:relative;
top:20px;
right:40px;}
#caringcompany {position:relative;
top:28px;
right:20px;}
#wwgood {margin-bottom:10px;}

<!--[if IE]>
<style type="text/css">
#content,
#rightcontent,
#innerwrap,
#wrap {
zoom:1;
}
</style>
<![endif]-->