@charset "UTF-8";

body{ 
	font-size:13px;
	background:url(../../../common/images/index-bg.jpg) no-repeat; 
}

strong, b {font-weight: bold;}

.left{float:left;}
.right{float:right;}
.clearfix{/*height:0;*/ display:block;height:auto; clear:both; overflow:hidden;}
.clear{clear:both;}
.clearfix {
display: block;
}
.access{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;	
}

#flashContainer {
	width:800px; height:533px; overflow:hidden; background:url(../images/mainbg.jpg) no-repeat #fff;
}

.wrapper{width:800px; }
.header{width:800px; height:43px;}


h1 { font-size: 26px; line-height: 32px; margin-bottom:12px; font-weight: 900;
}


.indexcontent{ width:800px; height:auto;  }

.title { margin-bottom:36px;}
.nav{width:100%; display:block; line-height: 15px;}

.nav .left {width:225px; height:360px; margin-left:163px; float:left;}
.nav .right {width:225px; height:360px; margin-left:45px; float:left;}

.nav .left span, .nav .left a,
.nav .right span, .nav .right a {
	height:43px;
	margin-bottom: 23px;
	display:inline-block;
}

.nav a.nav01, .nav a.nav02, .nav a.nav03, .nav a.nav04, 
.nav a.court01, .nav a.court02, .nav a.court03, .nav a.court04, .nav a.court05 {
	 width:225px; height:43px; text-indent:-9999px;
}
 
.nav a.nav01 { background:url(../images/nav-01.png) no-repeat;  } 
.nav a.nav02 { background:url(../images/nav-02.png) no-repeat;  } 
.nav a.nav03 { background:url(../images/nav-03.png) no-repeat;  } 
.nav a.nav04 { background:url(../images/nav-04.png) no-repeat;  } 
.nav a.court01 { background:url(../images/nav-court-01.png) no-repeat;  } 
.nav a.court02 { background:url(../images/nav-court-02.png) no-repeat;  } 
.nav a.court03 { background:url(../images/nav-court-03.png) no-repeat; } 
.nav a.court04 { background:url(../images/nav-court-04.png) no-repeat;  } 
.nav a.court05 { background:url(../images/nav-court-05.png) no-repeat;  } 
.nav a.nav01:hover { background:url(../images/nav-01-on.png) no-repeat;  } 
.nav a.nav02:hover { background:url(../images/nav-02-on.png) no-repeat;  } 
.nav a.nav03:hover { background:url(../images/nav-03-on.png) no-repeat;  } 
.nav a.nav04:hover { background:url(../images/nav-04-on.png) no-repeat;  } 
.nav a.court01:hover { background:url(../images/nav-court-01-on.png) no-repeat;  } 
.nav a.court02:hover { background:url(../images/nav-court-02-on.png) no-repeat;  } 
.nav a.court03:hover { background:url(../images/nav-court-03-on.png) no-repeat; } 
.nav a.court04:hover { background:url(../images/nav-court-04-on.png) no-repeat;  } 
.nav a.court05:hover { background:url(../images/nav-court-05-on.png) no-repeat;  } 


.nav .right a.court02 { margin-left:25px; } 
.nav .right a.court03 { margin-left:40px; } 
.nav .right a.court04 { margin-left:25px; }

a { text-decoration:none;  }
a:hover { text-decoration:underline; }
p { margin-bottom:12px; width:100%;}
.remark {
color: #666;
font-size: 0.9em;
line-height: 1.2em;
vertical-align: super;
font-size: smaller;
}
ol { list-style-type: decimal; margin-left:22px;}
ul.nostyle , ol.nostyle {
list-style: none !important;
margin-left: 0;
}
.yellow {color:#FFAB00;}

.back-to-top {position: relative; margin-left: 450px; margin-top:24px; display:inline-block; padding-left:20px; background: url(../images/btn-back-to-top.gif) no-repeat 0px -2px;}
/* INSIDE PAGE */

.inside .nav {width:218px; display:inline-block; line-height: 15px; float:left;}
.inside .footer {width:60%;}


.inside .title { margin-bottom:0px;}
.mainContent { width:534px; min-height:400px; display:inline-block; background:#fff; padding:20px;float:left; }
.shadow {width:8px; height:359px; margin-left: -5px; display:inline-block; background:url(../../../common/images/nav-shadow.png) no-repeat;position: relative; float:left;}
.inside .nav a{ height:43px; padding-bottom:1px; display:block; } 

.inside h2 { font-size: 18px; line-height:24px; font-weight:900; margin-bottom:12px;margin-top:12px;}

/* GENERAL */

.bttextsize{ float:left; margin-top:11px; }
.btclose{ float:right; margin-right:15px;}

.langselect{
	float:left;
	padding-left:14px;
	padding-right:30px;
	margin-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
.langselect a{ color:#000; text-decoration:none;}
.langselect a:hover{ color:#666;text-decoration:none;}

.footer{height:45px; padding-top:24px;padding-left:22px; padding-right:10px; font-family:arial;}
.footer ul{margin: 0;padding: 0;width: 100%;float: left;list-style-type: none; }
.footer ul li{float: left;margin-right: 5px;}

.footer ul li a, .footer ul li a:visited{color:#3E290F;}

.footer_last {clear:both;}


/* GENERAL INFORMATION */
.gi-nav-item {width:100%; margin-top: 30px;}
.gi-nav-item .left, .gi-nav-item .right {width:50%;float:left; }
.gi-nav-item .left div, .gi-nav-item .right div {float:left; margin-bottom:12px; display:block; width:80%; padding-left:10%; background:url(../../../common/images/ulpoint.gif) no-repeat; }

.gi-nav-item a,.gi-nav-item a:visited  {color:#333; text-decoration:none; }
.gi-nav-item a:hover,.gi-nav-item a:hover  {color:#666; text-decoration:underline; }


hr {
	border: none;
    height: 1px;
    /* Set the hr color */
    color: #ccc; /* old IE */
    background-color: #ccc; /* Modern Browsers */
	margin-top: 12px;
	}

section {
	
	margin-bottom: 24px;
	
}

table { border-color:#ccc;}
table th, table td{padding:8px; text-align:left; border: 1px solid #ccc; min-width: 80px;}
table th{ background:#ffde44; }

p.style1-left { width:100px; float:left;}
p.style1-right { width:430px; float:left; }
p.box { background: #eee; border-radius:4px; padding:2%; width:96%;}

.video-thumb { flaot:left; display:inline-block; margin-right:12px;margin-bottom:12px;}

h3 { font-weight:900; margin-bottom:8px;}

ul.dotpoint li {
color: #000;
font-size: 1em;
margin-left: 16px;
line-height: 1.4em;
margin-bottom: 16px;
list-style-image: url(../../../common/images/point.gif);
}

p.yellowbox { background: #ffde44; border:1px solid #ccc; border-radius:4px; padding:2%; width: auto; display: inline-block;}

.videobox, .videodesc { width:256px;height: 160px; display:inline-block; margin-bottom:8px; float:left; margin-right:8px;}
.videobox img{ width:100%; height:auto;}
.videobox p { padding:8px; margin:0px; color:#fff; display: inline-block; width:auto;}
.videobox h3 span{font-size:1em;font-size: 0.8em;font-weight: 200;}
.videoIcon {width: 250px;height: 30px;margin-top: -36px; position:absolute; background:url(../../../common/images/icon-video-play.png) no-repeat right bottom; }

.dl-transcript {width:100%; font-size:0.85em;}
.dl-transcript a, .dl-transcript a:visited { padding:2px 6px 2px 6px; background:#eee; border:1px solid #ccc; display:inline-block; margin-bottom:4px; color:#000; border-radius: 4px; }
.dl-transcript a:hover, .dl-transcript a:hover:visited { background:#ddd; text-decoration:none; 	
}
/* Court Pages */
ul.bullet-blue-bubble li {
margin-bottom: 16px;
margin-left: 20px;
}

ul.bullet-blue-bubble, ul.bullet-blue-bubble li, ul.bullet-blue-bubble-para, ul.bullet-blue-bubble-para li {
list-style-image: url(../../../common/images/ulpoint.gif);
}

.mainContent.inside { background:url(../../../common/images/inside-head-01.jpg) no-repeat #fff; }
.mainContent.sheungchui { background:url(../../../common/images/inside-head-sheung-chui.jpg) no-repeat #fff; }
.mainContent.chingchun { background:url(../../../common/images/inside-head-ching-chun.jpg) no-repeat #fff; }
.mainContent.meipak { background:url(../../../common/images/inside-head-mei-pak.jpg) no-repeat #fff; }
.mainContent.meiying { background:url(../../../common/images/inside-head-mei-ying.jpg) no-repeat #fff; }
.mainContent.wangfu { background:url(../../../common/images/inside-head-wang-fu.jpg) no-repeat #fff; }

.mainContent.inside { background:url(../../../common/images/inside-head-01.jpg) no-repeat #fff; }
.mainContent.sheungchui h1, .mainContent.chingchun h1, .mainContent.meipak h1, .mainContent.meiying h1, .mainContent.wangfu h1  { 
color:#fff;
}


/* Aerial Photo */
.red-dot {padding:6px;}

.red-dot img {margin-top:2px; margin-right:4px;}

.popup-box { padding:24px;}
.popup-box .content img {float:left;}

.wrapper .popup-box .content ul.remarkpoint li {
color: #666;
font-size: 0.9em;
margin-left: 20px;
_margin-left: 28px;
line-height: 1.2em;
list-style-type: decimal;
margin-bottom: 8px;
}