/* last update: 2013.2.27 */
/* style for WP EN (desktop) */
.side {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}
.sidelink:link {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}
.sidelink:active {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #1E725B; width: 100%; text-decoration: none}
.sidelink:visited {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}
.sidelink:hover {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #1E725B; width: 100%; text-decoration: none}

.layer_txt {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}
.layerlink:link {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}
.layerlink:active {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}
.layerlink:visited {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}
.layerlink:hover {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #FFFFFF; width: 100%; text-decoration: none}

.nav {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; color: #1E725B}
.btm_txt {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;}
.btm_stxt {  font-family: "Verdana", Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 9px; color: #486E7E}

.news {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #021B4A}

.weather {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px}

.orangehd {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 15px; color: #EE5C13; font-weight: bold}
.subhd {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #1F2F60}
.picfix{display:inline;}
/* .content {  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif; font-size: 12px; color: #486E7E} */

/*
a:link {  color: #FF3300}
a:active {  color: #336633}
a:visited {  color: #336633}
a:hover {  color: #FF3300;font-weight:bold}
*/

/* copied from mc_green as default */
a:link {  color: #060}
a:active {  color: #060}
a:visited {  color: #222222}
a:hover {  color: #222222;font-weight:bold}
  


/* Body  */
body{
	background-color: #FFFFFF;
	color: #000000;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

.height100{
	height: 100%;
}

table.mainLayout{
	width: 980px;
	border: 0px;
	border-spacing: 0px; 
	
	
}
table.mainLayout td{
	border-collapse:collapse;
	padding:0; /*cellpadding="0"*/ 
}
tr.top{
	/*<tr valign="top"> */
	vertical-align: top;

}

.width100{
	width: 100%;
}

table.format2{
	/*<table width="100%" border="0" cellspacing="0" cellpadding="0">*/
	width: 100%;
	border: 0px;
	border-spacing: 0px; /*cell-spacing*/

}

table.format2 td{
	padding:0; /*cellpadding="0"*/ 
}

td.navDiv{
	width: 100%;
	background-image:url(nav_div.gif);
}

table.w815{
	/*<table width="815" border="0" cellspacing="0" cellpadding="0">*/
	width: 815px;
	border: 0px;
	border-spacing: 0px;
}

table.w815 td{
	padding:0; /*cellpadding="0"*/ 
}

p.pageDate{
	/*<font face="Arial, Helvetica, sans-serif" size="2">*/
	font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
	font-size: 1.01em;
	margin: 0px;
}

table.default{
	/*<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">*/
	clear: both;
	width: 100%;
	height: 100%;
	border: 0px;
	border-spacing: 0px	
}

table.default td{
	padding:0; /*cellpadding="0"*/ 
}

td.navGIF{
 	/*background="images/nav_div.gif"*/
 	background-image:url(nav_div.gif);
}




/* ============================= added for WCAG (1) =====================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, 
ol, ul, li, fieldset, form, label, 
legend, table, caption, 
tbody, tfoot, thead, tr, th {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1.0em;
  line-height: 150%;
}

.table_with_background table {
	margin: 0 auto; /*center the table*/
}

sup,
sub{
	font-size:0.8em;
	line-height:60%;
}

a.fontchg{
	font-family:Arial, Helvetica, sans-serif;
}

table.main_content {
  /*font-family: "�嘥𤚗嚙賣�嚙� "�𧶏蕭嚙賡𤜯嚙� �嘥𤚗嚙賣�艞�HKSCS, Taipei, Arial, Helvetica, sans-serif;
  font-size: 1.1em;*/
  width: 780px;
  border: 0;
  padding: 0;
  cellSpacing: 0; 
  cellPadding: 0;
}

table.end_table {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1em;
  width: 780px;
  border: 0;
  margin: 40px auto 0;
  /*
  border: 2px solid #edd162;  
  padding: 0;
  cellSpacing: 0; 
  cellPadding: 0;  
  */
}

/* =================================== info_table =====================================*/

table.table_with_heading_border td.brcolor{

	border-right-color:#fff;
}

table.table_with_heading_border td.bbcolor{

	border-bottom-color:#fff;
}




td.it1_black {
  border: 2px solid #edd162;
  background-color: #ffe47f;
  line-height: 150%;  
}

td.it1_white {
  border: 2px solid #edd162;
  padding: 5px;
  line-height: 150%;
}


table.table_with_background table td{
  border: none;
}




table.table_with_noborder td.note_short_column {
  width: 55px;
}

table.info_table4 {
	width:100%;
}

table.info_table4 td.pic img{
	display:inline;
}

table.info_table5 {
	width:100%;
	text-align:left;
	padding-bottom:50px;
	margin-bottom:50px\9;
}

table.info_table5 td.left{
	vertical-align:top;
	height:18px;
	width:150px;
}

table.info_table5 td.right{
	vertical-align:top;
}

/* ========================= info_table (for individual page) ======================== */

/* style for tel.html */

table.info_table_tel {
  margin-right: auto;
  margin-left: auto;
  /* table is aligned to center */
  border: 2px solid #edd162;
  color:black;
  width: 680px;
  border-collapse:collapse;
}

table.info_table_tel th {
  background-color: #ffe47f;
  text-align: left;
  padding: 5px;
}

table.info_table_tel td {
  padding: 5px;
}

.bgYellow {
  background-color: #ffffcc;
}

.bgYellow1 {
  background-color: #ffff99;
}

.bgRed {
  background-color: #ffe7d9;
}

.bgGreen {
  background-color: #ccffcc;
}

.bgBlue {
  background-color: #c5e2ff;
}

.bgWhite {
  background-color: #ffffff;
}

.bgPurple {
  background-color: #e1c4ff;
}

/* style for whatsnew.html */

table.info_table_whatsnew {
  margin-right: auto;
  margin-left: auto;
  border: 2px solid #edd162;
  color: black;
  width: 680px;
  border-collapse:collapse;
}

table.info_table_whatsnew th {
  border: 2px solid #edd162;
  background-color: #ffe47f;
}

td.whatsnew_col1 {
  border: 2px solid #edd162;
  text-align: left;
  vertical-align: top;  
  padding: 5px;
  line-height: 150%;
}

td.whatsnew_col2 {
  border: 2px solid #edd162;
  text-align: center;
  vertical-align: top;  
  padding: 5px;
  line-height: 150%;
  width: 160px;
}

/* style for sitemap.html */
li.li_sitemap1 {
  list-style:square inside url("../../../tc_chi/sitemap/images/site_arrow.gif");
}

li.li_sitemap2 {
  list-style:square inside url("../../../tc_chi/sitemap/images/site_arrow2.gif");
}

li.li_sitemap3 {
  list-style:square outside url("../../../tc_chi/sitemap/images/site_arrow3.gif");
}

.ul_sitemap{padding:0; width:95%;margin: 0 0 0 1%;}
.ul_sitemap li{background:#1E725B;color:#fff;margin: 25px 0;padding:2px;font-weight:bold;}
.ul_sitemap a, .ul_sitemap a:link, .ul_sitemap a:active, .ul_sitemap a:hover, .ul_sitemap a:visited{color: #fff;font-size: 1em; line-height:150%}
.ul_sitemap ul{background:#fff; margin: 0 -2px -2px; padding: 10px 0 10px 60px;}
.ul_sitemap ul li{background:#fff;color:#000;margin:0;padding:1px;font-weight:normal;}
.ul_sitemap ul li a, .ul_sitemap ul li a:link, 
.ul_sitemap ul li a:active, .ul_sitemap ul li a:hover, 
.ul_sitemap ul li a:visited{color: #BB2500;font-size: 1em; line-height:150%}


/* style for circulars */

.circular_year_list ul {  
  float: left;
  width: 60em;
  margin: 5px;
  padding: 0;
  list-style: none;
}
 
.circular_year_list li {
  float: left;
  width: 7em;
  margin: 2px;
  padding: 8px;
  border: 1px solid #edd162;
  text-align: center;
}

/* 2012.09.01 v3 */

span.para_no {
  text-align:left;
  width:7%;
  display:inline-block;
}

ul.line_spacing li {
  padding: 8px;
}

ol.line_spacing li {
  padding: 8px;
}

.column_mode {
float:left;
}

.column_50 {
float:left;
width:50px;
}

.column_100 {
float:left;
width:100px;
}

.column_200 {
float:left;
width:200px;
}

.column_300 {
float:left;
width:300px;
}

.column_20p {
float:left;
width:20%;
}

.column_40p {
float:left;
width:40%;
}

.column_60p {
float:left;
width:60%;
}

.column_80p {
float:left;
width:80%;
}

.clear_mode {
clear:both; 
}

.cir_ref1 {
float:left;
width:50px;
}

.cir_ref2 {
float:left;
}

.cir_note1 {
text-align:left;
float:left;
width:70px;
}

.cir_note2 {
text-align:left;
float:left;
width:550px;
}

.cir_note2 li {
margin: 1em 0;
}

/* =================================== info_tableX ====================================*/

table.info_tablex2 {
  margin-right: auto;
  margin-left: auto;
  /* table is aligned to center */
  border: 2px solid #edd162;
  color: black;
  width: 680px;
  border-collapse:collapse;
}

table.info_tablex2 td {
  padding: 5px;
}

td.itx2_col1 {
  border: 2px solid #edd162;
  text-align: left;
  width: 100px;
}

td.itx2_col2 {
  border: 2px solid #edd162;
  text-align: left;
}

table.info_tablex3 {
  margin-right: auto;
  margin-left: auto;
  /* table is aligned to center */
  border: 2px solid #edd162;
  color: black;
  width: 680px;
  border-collapse:collapse;
}

table.info_tablex3 td {
  padding: 5px;
}

th.itx3_col1 {
  border: 2px solid #edd162;
  text-align: left;
  vertical-align: top;  
  width: 120px;
}

td.itx3_col1 {
  border: 2px solid #edd162;
  text-align: left;
  vertical-align: top;  
  width: 120px;
}

td.itx3_col2 {
  border: 2px solid #edd162;
  text-align: center;
  vertical-align: top;  
}

td.itx3_col3 {
  border: 2px solid #edd162;
  text-align: left;
  vertical-align: top;  
}

/* ========================================info_table_cepa============================*/

table.info_table_cepa_main {
	border: 0 none #fff;
	width: 485px;
}

table.info_table_cepa{
	margin: 0 auto; /*center the table*/
	text-align: left;
	vertical-align:top;
	border-collapse:collapse;
	border: 0 none #fff;
	width: 680px;
}

table.info_table_cepa th{
	background-color:#ffe47f;
	font-weight:bold;
	line-height:100%;
	padding: 1%;
}

table.info_table_cepa td{
	vertical-align:top;
	line-height:120%;
	padding:4px 8px;
}

ul.ul_cepa {
  padding: 0px;
  margin-top: 0px;
  margin-left: 10px;
}



/* =================================== alignment =====================================*/

.acenter1 {
  position:relative; 
  margin-left:auto; 
  margin-right:auto;
}

img.acenter2 {
  display: block;
  margin-left:auto; 
  margin-right:auto;
}

.aright1 {
  text-align: right;
}


.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.padding20 {
  padding: 20px;
}

.margin0{
	margin:0;
}
.marginL8p{
	*margin-left: 40px!important;
	margin-left: 8%;
}

/* =================================== width =====================================*/

.height100p {height: 100%;}
.height12   {height: 12px;}
.height13   {height: 13px;}
.height15   {height: 15px;}
.height16   {height: 16px;}
.height17   {height: 17px;}
.height24   {height: 24px;}
.height32   {height: 32px;}
.height48   {height: 48px;}
.height7    {height: 7px;}
.height8    {height: 8px;}
.height9    {height: 9px;}

.width100   {width:  100px;}
.width12    {width:  12px;}
.width120   {width:  120px;}
.width126   {width:  126px;}
.width128   {width:  128px;}
.width13    {width:  13px;}
.width14    {width:  14px;}
.width140   {width:  140px;}
.width16    {width:  16px;}
.width160   {width:  160px;}
.width180   {width:  180px;}
.width190   {width:  190px;}
.width20    {width:  20px;}
.width200   {width:  200px;}
.width207   {width:  207px;}
.width220   {width:  220px;}
.width240   {width:  240px;}
.width273   {width:  273px;}
.width30    {width:  30px;}
.width307   {width:  307px;}
.width316   {width:  316px;}
.width317   {width:  317px;}
.width318   {width:  318px;}
.width321   {width:  321px;}
.width326   {width:  326px;}
.width343   {width:  343px;}
.width345   {width:  345px;}
.width348   {width:  348px;}
.width350   {width:  350px;}
.width361   {width:  361px;}
.width362   {width:  362px;}
.width373   {width:  373px;}
.width374   {width:  374px;}
.width40    {width:  40px;}
.width401   {width:  401px;}
.width416   {width:  416px;}
.width420   {width:  420px;}
.width464   {width:  464px;}
.width485   {width:  485px;}
.width530   {width:  530px;}
.width550   {width:  550px;}
.width56    {width:  56px;}
.width580   {width:  580px;}
.width60    {width:  60px;}
.width600   {width:  600px;}
.width62    {width:  62px;}
.width620   {width:  620px;}
.width63    {width:  63px;}
.width65    {width:  65px;}
.width66    {width:  66px;}
.width68    {width:  68px;}
.width70    {width:  70px;}
.width74    {width:  74px;}
.width75    {width:  75px;}
.width77    {width:  77px;}
.width79    {width:  79px;}
.width780   {width:  780px;}	

.width80    {width:  80px;}
.width87    {width:  87px;}
.width806   {width:  806px;}
.width810   {width:  810px;}
.width820   {width:  820px;}

.width1p    {width:  1%;}
.width2p    {width:  2%;}
.width3p    {width:  3%;}
.width4p    {width:  4%;}
.width5p    {width:  5%;}
.width6p    {width:  6%;}
.width7p    {width:  7%;}
.width8p    {width:  8%;}
.width9p    {width:  9%;}
.width10p   {width:  10%;}
.width11p   {width:  11%;}
.width12p   {width:  12%;}
.width13p   {width:  13%;}
.width14p   {width:  14%;}
.width15p   {width:  15%;}
.width16p   {width:  16%;}
.width17p   {width:  17%;}
.width18p   {width:  18%;}
.width19p   {width:  19%;}
.width20p   {width:  20%;}
.width21p   {width:  21%;}
.width22p   {width:  22%;}
.width23p   {width:  23%;}
.width24p   {width:  24%;}
.width25p   {width:  25%;}
.width26p   {width:  26%;}
.width27p   {width:  27%;}
.width28p   {width:  28%;}
.width29p   {width:  29%;}
.width30p   {width:  30%;}
.width31p   {width:  31%;}
.width32p   {width:  32%;}
.width33p   {width:  33%;}
.width34p   {width:  34%;}
.width35p   {width:  35%;}
.width36p   {width:  36%;}
.width37p   {width:  37%;}
.width38p   {width:  38%;}
.width39p   {width:  39%;}
.width40p   {width:  40%;}
.width41p   {width:  41%;}
.width42p   {width:  42%;}
.width43p   {width:  43%;}
.width44p   {width:  44%;}
.width45p   {width:  45%;}
.width46p   {width:  46%;}
.width47p   {width:  47%;}
.width48p   {width:  48%;}
.width49p   {width:  49%;}
.width50p   {width:  50%;}
.width51p   {width:  51%;}
.width52p   {width:  52%;}
.width53p   {width:  53%;}
.width54p   {width:  54%;}
.width55p   {width:  55%;}
.width56p   {width:  56%;}
.width57p   {width:  57%;}
.width58p   {width:  58%;}
.width59p   {width:  59%;}
.width60p   {width:  60%;}
.width61p   {width:  61%;}
.width62p   {width:  62%;}
.width63p   {width:  63%;}
.width64p   {width:  64%;}
.width65p   {width:  65%;}
.width66p   {width:  66%;}
.width67p   {width:  67%;}
.width68p   {width:  68%;}
.width69p   {width:  69%;}
.width70p   {width:  70%;}
.width71p   {width:  71%;}
.width72p   {width:  72%;}
.width73p   {width:  73%;}
.width74p   {width:  74%;}
.width75p   {width:  75%;}
.width76p   {width:  76%;}
.width77p   {width:  77%;}
.width78p   {width:  78%;}
.width79p   {width:  79%;}
.width80p   {width:  80%;}
.width81p   {width:  81%;}
.width82p   {width:  82%;}
.width83p   {width:  83%;}
.width84p   {width:  84%;}
.width85p   {width:  85%;}
.width86p   {width:  86%;}
.width87p   {width:  87%;}
.width88p   {width:  88%;}
.width89p   {width:  89%;}
.width90p   {width:  90%;}
.width91p   {width:  91%;}
.width92p   {width:  92%;}
.width93p   {width:  93%;}
.width94p   {width:  94%;}
.width95p   {width:  95%;}
.width96p   {width:  96%;}
.width97p   {width:  97%;}
.width98p   {width:  98%;}
.width99p   {width:  99%;}
.width100p  {width:  100%;}

/* =================================== list =====================================*/


/*custom list*/
.li_custom{
	width:100%;
	list-style:none;
	margin: 10px 0 0 5%;
	padding: 0 0 30px 0;
}

.li_custom2{
	width:100%;
	list-style:none;
	margin: 10px 0 0 2%;
	padding: 0 0 30px 0;
}

.li_custom li>span, .li_custom li>div{
	float:left;
	width: 91%;
}
	
.li_custom>li{
	clear:both;
	padding: 10px 0;
}
.li_custom .li_custom_num30{
	display: inline-block;
	vertical-align:top;
	width: 30px;
}
.li_custom .li_custom_num50{
	display: inline-block;
	vertical-align:top;
	width: 50px;
}
.li_custom .li_custom_num100{
	display: inline-block;
	vertical-align:top;
	width: 100px;
}
.li_custom .li_custom_con94p{
	display: block!important;
	display: inline-block;
	width: 94%;
}
.li_custom .li_custom_con90p{
	display: block!important;
	display: inline-block;
	width: 91%;
}
.li_custom .li_custom_con85p{
	display: block!important;
	display: inline-block;
	width: 80%;
}


/*---------*/

li.li_hidden { list-style: none; position: absolute; }

ol.space>li, ul.space>li, li.space{margin: 15px 0}
ol.space2>li, ul.space2>li, li.space2{margin: 30px 0}

li>.num{
	margin: 0 10px 0 0;
	width: 4%;
	clear:both;
	text-align: right;
}

span.space2, div.space2{
	padding:15px 0;
}


/*--------------*/

.tel_li{
	width:60%;
	display:inline-block;
}

.tel_li_tel{
	width:10%;
	display:inline-block;
}


.spaceleft30p{padding-left:30%;}
.spaceleft20p{padding-left:20%;}
.spaceleft10p{padding-left:10%;}
.spaceleft5p{padding-left:5%;}
.spaceleft2p{padding-left:2%;}

.spacetop{
	margin-top: 30px;
}

.spacetopp{
	padding-top: 30px;
}

.spacetop2{
	margin-top: 15px;
}

.spacetopp2{
	padding-top: 15px;
}

.spacetop3{
	margin-top: 60px;
}

.spacebottomp2{
	padding-bottom: 15px;
}
.nospacetop{
	margin-top: 0;
}
.nospacebottom{
	margin-bottom: 0;
}

ol.li_chi, ol.li_chi>li{
	margin: 0;
	padding: 0;
}


img {
  border: 0;
}

/* 06.20 */
table.table_with_heading_border img,
table.end_table img,
div img,
p img {
  display:inline;
}

h1 {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1.3em;
  color: #2A246E;
  width: 780px;
  *width: 650px;
}

h2 {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1.1em;
  color: #AD5700;
}

.cblack{
  color: #000;
}

h3 {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1.0em;
  color: #000000;
  font-weight: bold  
}

h3.black {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1.0em;
  color: #000000;
  font-weight: bold  
}

h3.white {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1.1em;
  color: #FFFFFF;
}

h4{
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 1em;
  line-height: 150%;
  font-weight:normal;
  }

.hidden {
  display:none;
}

/* ============================= added for WCAG (2) =====================================*/
.navImg{
	display: inline;
}

/* sitemap.html - header style - start */
tr.siteMapBG{
	border: 2px;
	margin: 2px;
	padding: 2px;
	background-color: #1e725b;
	vertical-align: top;
}
tr.siteMapBG td{ 
	margin: 0px;
	padding: 2px;

}

h3.sitemap{
	margin: 0px;
	padding: 2px;
}
/* sitemap.html - header style - end */

/* for hidden labels */
.access {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

/* for change font size */
td.myfontpadding {
	font-family: Helvetica, "Myriad Pro", Arial, sans-serif;
	padding-right: 4px;
	padding-bottom: 0px;
	/*display: block;*/
	vertical-align: bottom;
	text-align:center;
}

.fontchg {
text-decoration: none;
}

.fontchg:hover, .fontchg:focus {
text-decoration: underline;
}

.fontchg:visited, .fontchg:link {
color: black;
}


/* sub menu */

.submenu { 
font-family: Verdana, Helvetica, "Myriad Pro", Arial, sans-serif;
font-size: 0.85em;
width: 806px;
background: #3b5786;
padding: 1px 0 1px 0; /* padding of the 4 sides of the menu */
margin: 0;
text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

.submenu li{
display: inline;	/* key for vertical menu */
}

.submenu li a{
color:white;
padding: 1px 1px 1px 1px; /* padding of the 4 sides of each menu link */
margin-right: 5px; /* spacing between each menu link */
text-decoration: none;
}

.submenu ul a:hover, .submenu ul a.selected, .submenu ul a.focus, .submenu ul a.active{
color: white;
background: #C54A10;
padding-top: 6px; 	/* highlight menu upwards */
padding-bottom: 6px; 	/* highlight menu downwards */
}

/* for keyboard event */
.sub_lv1:hover, .sub_lv1:focus {
color: white;
background: #C54A10;
padding-top: 6px; 	/* highlight menu upwards */
padding-bottom: 6px; 	/* highlight menu downwards */
}

#submenu1{
	padding-left: 10px;
	margin: 6px 6px; 
}

#submenu1 li{
	position:relative; 
	border-right: 1px dotted #9b9b9b;
	height:100%;
}

.subMenuline
{
    position:relative; 
    width: 0x; 
    border-right: 1px dotted #9b9b9b; 
    clear:both; 
    height:100%;  
}

td.botdotline {
	width: 100%;
	background-image: url(botdot.gif);
}

.alignBottom{
	vertical-align:bottom;
}

td.mycolor{
	vertical-align: bottom;
	text-align: right;
	width: 300px;
}

.alignRight{
	float:right;
}

.alignLeft{
	float:left;
}

.clear{
	clear:both;
}

.goBack{
	width: 207px;
}

ol.lower-alpha {list-style-type:lower-alpha;} 
ol.lower-alpha li{padding-top:5px;padding-bottom:5px;}

/* for mobile and print button */
p.menu_item1 {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  font-size: 10pt;
  margin: 0px;
}
p.menu_item1 a:link {
  color: #000000;
  text-decoration: none;
}
p.menu_item1 a:active {
  color: #000000;
  text-decoration: underline;
}
p.menu_item1 a:hover {
  color: #000000;
  text-decoration: underline;
}
p.menu_item1 a:visited {
  color: #000000;
  text-decoration: none;
}

/* 2012-06-21*/

/* 2012.08.09 */
.iconBar {
  font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
  margin: 0px;
}
.iconBar a:link {
  color: #000000;
  text-decoration: none;
}
.iconBar a:active {
  color: #000000;
  text-decoration: underline;
}
.iconBar a:hover {
  color: #000000;
  text-decoration: underline;
}
.iconBar a:visited {
  color: #000000;
  text-decoration: none;
}
/*2012.08.09*/
#edoc_supplier td{
	padding-left: 15px;
	padding-right: 15px;
}

ul.no_list_style{
	list-style-type: none;
	vertical-align: middle;
	text-align: center;
}

/*2012-07-16*/
.org-title{text-indent:50px;}

/*2012-07-19*/
img.vline{
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px
}

/*../aboutus/publications/industrialsupp/consultants.html*/
.aboutus_consult{
    border: 2px solid #EDD162;
    margin: 40px auto;
    padding: 3%;
    width: 90%;
}
.aboutus_consult h3{ margin:0;}
.aboutus_consult h4{ margin:10px 0 5px;font-weight:bold;}

/*--LI_LIST type="i" ---*/
.li_lower-roman{list-style-type:lower-roman;}

/*--LI margin-top and down ---*/
.li_margin li{margin:15px 0}

/*../aboutus/deptprofile/greenreport.html*/
.gnrep_img{text-align:center;margin-bottom: 10px;}
.gnrep_img *{display:block; margin-left:auto; margin-right:auto; margin-top: 10px;}
.gnrep_img div{display:inline-block; width:35%; vertical-align:top; text-align: justify; padding: 0 2%;}
.gnrep_img div *{display:block; vertical-align:top; margin-left: auto; margin-right: auto;}
.gnrep_ul{list-style-position:outside;vertical-align:top;}
.gnrep_li{vertical-align:top; clear: both;}
.gnrep_li div{width:37%; float:right; padding-left: 3%; text-align:justify;}
.gnrep_li p{display:inline;}

.dis_in_bl{display:inline-block;}

/*2012.11.01*/
#edoc_supplier, #edoc_supplier p, #edoc_supplier div{
	padding-left: 15px;
	padding-right: 15px;
}

/* div ver */
div.table_with_background {
  margin: 10px auto;
  /* table is aligned to center */
  border: 2px solid #edd162;
  background-color: #ffe47f;
  width: 680px;
  border-collapse:collapse;  
}

/*center*/
.acenter {
	margin:0 auto;
	text-align:center;
}

/*2013.01.22*/
.li_none{list-style:none outside none;}

/* 2013.01.31.*/
/* Tel List table */
table.table_tel, table.table_tel_short{
	padding-left: 10%;
	width: 680px;
}

/* 2013.03.05*/
.tariffReply{
	border: 0;
}

/* 2019.06.26 */
th.formNo, td.formNo{
	width: 85px;
}

th.formUpdate, td.formUpdate{
	width: 100px;
}

th.formDownload, td.formDownload{
	width: 100px;
}

th.uploadCell, td.uploadCell{
	width: 75px;
	padding-left: 5px;
	padding-right: 5px;
}

th.digiCertCol, td.digiCertCol{
	width: 75px;
}	

#digiCertIcon{
padding-bottom: 10px;
}
#digiCertIcon img{
padding-right: 5px;
}
#iconRemark img{
padding-right: 5px;
}
.formCol img{
width: 20px;
height: 20px;
}
.intLink{
padding-left: 5px;
}
#noteSection span{
padding-right: 20px;
}
#noteSection img{
width: 20px;
height: 20px;
}

#iconRemark{
padding-bottom: 20px;
}
.uploadCol img{
padding-left: 5px;
}
.pdfIcon{
   width: 17px;
   height: 17px;
}

.uploadFile{
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}
#oCert img, #pCert img{
width: 28px;
height: 24px;
}