@charset "utf-8";
/*@import "core.css";
@import "nav.css";
@import "content.css";*/


/* CSS Document */

html {
	width: 770px;
}
body {
	font-family:Arial;
	margin:0;
	padding:0;
	height:100%;
	font-size:100%;
/*	background:url('https://app1.ofca.gov.hk/apps/webtemplate/images/menu_bg_repeat02.jpg') repeat-y left bottom;*/
	background-color:#fff;
	/*background:#f9f1d4;*/
	z-index:0;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.frame {
	width: 770px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.top_border {
	height: 60px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
}

.bottom_border {
	height: 50px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	background-image: url('https://app1.ofca.gov.hk/apps/webtemplate/images/form_btm_bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
}

#content {
	float:left;
	*float:none;
	background:none;
	position:relative;
	font-family: Arial;
	min-height: 315px;
	width: 750px;
	margin:0;
	padding:20px 10px 20px 10px;
	background-color:#FFF;
	font-size:0.813em;
	color:#0c3f58;
	height: auto !important;
}

#content p{
	margin:0 0 20px 0;
	line-height:20px;
}

#content h1{
	margin:0 0 10px 0;
	font-size:1.154em;
	font-weight:bold;
	color:#8e8e8e;
}

#content h2{
	margin:0 0 10px 0;
	font-size:1.000em;
	font-weight:bold;
	color:#e6460e;
}

#content h3{
	margin:0 0 10px 0;
	font-size:1.000em;
	font-weight:normal;
	color:#ee7d57;
}

#content #img_btm{
	position:absolute;
	display:block;
	bottom:0; right:0;
	width:226px; height:110px;
	background:url('https://app1.ofca.gov.hk/apps/webtemplate/images/popup_btm_visual.png') no-repeat bottom right #fff;
}

.gov_nav{
	position:relative;
	width:760px;
	height:75px;
	padding:5px 0 0 10px;
}

.gov_nav .lang_wrap{
	position:absolute;
	top:5px;
	right:10px;
	font-size:13px;
	color:#333;
}

.gov_nav .lang_wrap a{
	color:#333;
}

.gov_nav .lang_wrap a:hover{
	color:#2664ab;
}

.gov_nav .btn_wrap{
	position:absolute;
	bottom:0;
	right:10px;
}

.sub_section_head_l{
	position:relative;
	width:750px;
	height:60px;
	padding:5px 10px 0 10px;
	background:url('https://app1.ofca.gov.hk/apps/webtemplate/images/form_top_bg.jpg') no-repeat 0 0 transparent;
}

.sub_section_head_l img{
	position:absolute;
	bottom:0;
	left:10px;
}

.sub_section_head_l_title{
	color:#333;
	font-size: 1.1em;
	padding:10px 0 0 5px;
}

a.btn_style1{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_close.gif") no-repeat top right transparent;
	position:relative;
	display:inline-block;
	height:28px;
/*	width:300px;*/
	line-height:28px;
	padding:4px 30px 0 0px;
	_margin-bottom:-3px;
	margin-left:10px;
	text-align:right;
	color:#666;
/*	font-weight:bold;*/
	text-decoration:none;
	font-size: 0.8em;
}
a.btn_style1 span{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_close.gif") no-repeat top left transparent;
	position:absolute;
	top:0; left:-10px;
	display: block;
	height:32px; width:10px;
}

a.btn_style1:hover,
a.btn_style1.selected{
	color:#0888ae;
	text-decoration:none;
	background-position:bottom right;
}

a.btn_style1:hover span,
a.btn_style1.selected span{
	text-decoration:none;
	background-position:bottom left;
}

/*	tariff	*/
#content ul.orderList, #content ul.orderList li{
	padding: 0px;
	margin: 0px;
	clear: both;
}

#content ul.indent, #content ul.indent li{
	padding: 0px;
	margin: 0px 0px 0px 25px;
	clear: both;
}
#content ul.orderList li{
	font-weight: bold;
}
#content ul.orderList li ul.orderList li{
	font-weight: normal;
}
#content ul.orderList li{
	list-style: none;
	background: none;
}
#content ul.orderList ul.bullet li{
	list-style: none;
	padding: 0px 20px;
	background: url(https://app1.ofca.gov.hk/apps/webtemplate/images/bullet01.gif) no-repeat 0px 0.15em;
}
#content ul.orderList li p.indent{
	margin: 0px 0px 0px 55px;
}
#content ul li span.index{
	float: left;
	width: 50px;
}
#content ul li div{
	float: left;
	display: block;
}

#content table,
#content table.no_style table{
    width: 100%;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	border-collapse:collapse;
	margin:0 0 15px 0;
	font-size:13px;
}
#content table th a:link, #content table th a:visited{
	color:#333;
}#content table th a:hover{
	color:#2664ab;
}
#content table th,
#content table.no_style table th{
    background-color: #767676;
    color: #fff;
    font-weight: bold;
/*    line-height: 110%;*/
    padding: 8px 12px;
    text-align: left;
	border: 1px solid #fff;
/*	border-collapse:collapse !important;*/
}

#content table th a.remark{
	color:#fff;
	font-size:0.8em;
}

#content table th a.remark:hover{
	color:#fff;
	text-decoration:none;
}

#content table.table_style1 th{
	background-color: #d2d2d2;
	color:#333;
	border-bottom:2px solid #9e9e9e;
}

#content table td,
#content table.no_style table td{
	background-color: #EEEFF1;
	color:#0D3F56;
    padding: 8px 12px;
	vertical-align:top;
/*	line-height: 20px;*/
	border: 1px solid #fff;
/*	border-collapse:collapse !important;*/
}

#content table.table_style1 td{
	background-color: #e3e3e3;
	color:#333;
}

#content table.table_style1 tr.color2 td{
	background-color: #eee;
	color:#333;
}

#content table.table_style1 td a{
	color:#333;
	text-decoration:underline;
}

#content table.table_style1 td a:hover{
	color:#2664ab;
}
#content table td.desc{
	background-color:#cecece !important;
	color:#333;
}

#content table tr.color2 td,
#content table.no_style table tr.color2 td{
	background-color: #F4F5F7;
}

#content table td a,
#content table.no_style table td a{
	color:#126D8F;
	text-decoration:none;
}

#content table td a img{
	vertical-align:top;
}

#content table th a.note{
	color:#FFF;
	text-decoration:none;
}
#content table th a.note:hover{
	color:#FFF;
	text-decoration:underline;
}

#content table td a:hover,
#content table.no_style table td a:hover{
	color:#0B99C8;
	text-decoration:underline;
}
#content table.no_style,
#content table table.no_style{
	border:0;
}
#content table.no_style td,
#content table table.no_style td {
	border:0;
	background-color: transparent;
	padding:0; 
	padding-bottom:5px;
	padding-right:5px;
}

#content table td{
	line-height:18px;
}

#content table table.no_style, #content table td h2{
	margin:0;
}

#gov_nav{
	float:none;
	width:770px;
}
/*	tariff	*/

/* button style */

#content input.ibutton{
	font-size:13px;
	font-family:Arial;
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_bg.gif") no-repeat 100% 0;
/*	display:inline-block;*/
	height:25px;
/*	width:300px;*/
	line-height:20px;
	padding:0 20px 5px 10px;
	*padding:0 10px 0px 0;
	margin:0;
/*	text-align:right;*/
	color:#666;
/*	text-decoration:none;*/
	border:0;
	cursor:pointer;
}

#content input.ibutton:hover, #content input.ibuttonhover{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_bg.gif") no-repeat 100% -25px;
	color:#fff;
/*	text-decoration:none;*/
}

#content a.btn_style{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_bg.gif") no-repeat 100% 0;
	display:inline-block;
	height:25px;
/*	width:300px;*/
	line-height:25px;
	padding:0 20px 0 10px;
	text-align:right;
	color:#666;
	text-decoration:none;
	vertical-align:top;
}

#content a.btn_style:hover{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_bg.gif") no-repeat 100% -25px;
	color:#fff;
	text-decoration:none;
}

#content select{
	font-size:13px;
	font-family:Arial;
	color:#666;
}

/* button style */

#content div.notes{
	background-color:#f2f2f2;
	border:1px solid #dedede;
	margin-bottom:20px;
	padding:10px;
	color:#8e8e8e;

}

#content div.notes a{
	color:#8e8e8e;
	text-decoration:underline;
}

#content div.notes a:hover{
	color:#2664ab;
	text-decoration:underline;
}

#content ol{
	margin:0;
	padding-left:22px;
	margin-bottom:20px;
}

#content ol li{
/*	padding-left:20px;*/
/*	line-height:16px;*/
/*	list-style-type:lower-alpha;*/
	margin:8px 0;
	padding:0;
	background:none;
}

#content div.paging_bar{
	padding:5px 10px;
	background-color:#f0f0f0;
	width:730px;
	color:#8e8e8e;
	float:left;
}

#content div.paging_bar ul{
	margin:0;
	padding:0;
	list-style:none;
}

#content div.paging_bar ul li{
	float:left;
/*	font-size:12px;
	color:#a5a5a4;*/
	/*margin: 0 4px 0 0;
	padding:2px 5px 2px 0;*/
	margin: 0;
	padding:0;

}

#content div.paging_bar ul li a.pre{
	display:block;
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_pre.gif") no-repeat 0 0;
	width:15px;
	height:15px;
	margin:0 5px;
}

#content div.paging_bar ul li a.pre:hover{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_pre.gif") no-repeat 0 -15px;
}

#content div.paging_bar ul li a.play{
	display:block;
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_play.gif") no-repeat 0 0;
	width:15px;
	height:15px;
	margin:0 5px;
}

#content div.paging_bar ul li a.play:hover{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_play.gif") no-repeat 0 -15px;
}

#content div.paging_bar ul li a.next{
	display:block;
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_next.gif") no-repeat 0 0;
	width:15px;
	height:15px;
	margin:0 5px;
}

#content div.paging_bar ul li a.next:hover{
	background: url("https://app1.ofca.gov.hk/apps/webtemplate/images/btn_form_next.gif") no-repeat 0 -15px;
}

/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.sep{
	clear: both;
}