/* @charset "utf-8"; CSS Document */
html,body 
{	
	width:100%; height:100%; margin:0; padding:0;
	font-family:"Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif, arial,Microsoft JhengHei,微軟正黑體,Microsoft YaHei,微软雅黑,華康新儷中黑;
	font-size:12px; color:#333333;
}

form {width:100%; height:100%; margin:0; padding:0;}
.clear {clear:both;}

#logo {width:224px; height:100px; background:url("images/logo_hph.gif") no-repeat 0px 20px; cursor:pointer;}
.container {width:955px; height:100%; margin:0 auto;}
.header {width:955px; height:100px; position:relative;}

.bt_map li {float:none;}
.name_hph {padding-right:30px; float:left; color:#003988; font-weight:bold; font-family:arial,Microsoft JhengHei,微軟正黑體,Microsoft YaHei,微软雅黑,華康新儷中黑;}
.bar_gary {width:955px; height:28px; background:#dddddd; vertical-align:middle; position:relative;}
.i_line {padding:0 7px;}
.main_left {float:left; width:213px; background:url("images/blue.jpg") repeat-y; text-align:center;}
b {color:#666666;}

hr	{border-bottom:none; border-left:none; border-right:none; border-top:thin #999999 solid;}

a {text-decoration:none; color:#003988; cursor:pointer; outline:none;}
a:hover {color:red; outline:none;}

h1	{color:#003988; font-size:18px; font-weight:normal;}
h2	{color:#333; font-size:18px; font-weight:normal;}

.menu {width:955px; height:40px; /* height:24px;*/ font-size:13px; position:relative;}
ul {padding:0; margin:0; list-style:none;}
li {float:left;}

ul.menu_sub		{background:#CCCCCC; padding:0; margin-top:5px; position:absolute; z-index:50; display:none;}
ul.menu_sub li	{clear:both; background-color:#CCCCCC;}

ul.menu_sub li.bt_sub_menu {cursor:pointer; color:#003988; padding:3px 5px; border-bottom:none; border-left:none; border-right:none; border-top:thin #999999 solid; width:100%;}
ul.menu_sub li.bt_sub_menu:hover {background:#6c6a6a; color:#FFFFFF;}

ul.menu_sub li.bt_sub_menu_first {cursor:pointer; color:#003988; padding:3px 5px; width:100%;}
ul.menu_sub li.bt_sub_menu_first:hover {background:#6c6a6a; color:#FFFFFF;}

li.bt_sub_menu a:link, li.bt_sub_menu a:visited, li.bt_sub_menu a:active {color:#003988;}
li.bt_sub_menu a:hover {color:#FFFFFF;}

li.bt_sub_menu_first a:link, li.bt_sub_menu_first a:visited, li.bt_sub_menu_first a:active {color:#003988;}
li.bt_sub_menu_first a:hover {color:#FFFFFF;}

/* ----------------------------------------  BANNER  ------------------------------------------------*/
.banner {width:742px; height:118px; float:left; position:relative;}

.profile {background:url("images/banner_company_profile.jpg") no-repeat;}
.americas {background:url("images/banner_americas.jpg") no-repeat;}
.australasia {background:url("images/banner_australasia.jpg") no-repeat;}
.europe {background:url("images/banner_europe.jpg") no-repeat;}
.asia {background:url("images/banner_asia.jpg") no-repeat;}
.central_europe {background:url("images/banner_central_europe.jpg") no-repeat;}
.china_hk {background:url("images/banner_china_hk.jpg") no-repeat;}
.m_e_africa {background:url("images/banner_m_e_africa.jpg") no-repeat;}
.n_europe {background:url("images/banner_n_europe.jpg") no-repeat;}
.se_asia {background:url("images/banner_se_asia.jpg") no-repeat;}
.media_enquiries {background:url("images/banner_media_enquiries.jpg") no-repeat;}
.photogallery {background:url("images/banner_photogallery.jpg") no-repeat;}
.press_release {background:url("images/banner_press_release.jpg") no-repeat;}
.management_team {background:url("images/banner_management_team.jpg") no-repeat;}
.troughput {background:url("images/banner_troughput.jpg") no-repeat;}
.milestones {background:url("images/banner_milestones.jpg") no-repeat;}
.corporate_publications {background:url("images/banner_corporate_publications.jpg") no-repeat;}
.corporate_video {background:url("images/banner_corporate_video.jpg") no-repeat;}
.security {background:url("images/banner_security.jpg") no-repeat;}
.awards {background:url("images/banner_awards.jpg") no-repeat;}
.media_contacts {background:url("images/banner_media_contacts.jpg") no-repeat;}
.environment {background:url("images/banner_environment.jpg") no-repeat;}
.social_services {background:url("images/banner_social_services.jpg") no-repeat;}
.educational {background:url("images/banner_educational.jpg") no-repeat;}
.hph_trust {background:url("images/banner_hph_trust.jpg") no-repeat;}
.csr {background:url("images/banner_csr.jpg") no-repeat;}
.innovations {background:url("images/banner_innovations.jpg") no-repeat;}
.career_centre {background:url("images/banner_career_centre.jpg") no-repeat;}
/* ----------------------------------------  END of BANNER  ------------------------------------------------*/

.main_body {float:left; width:955px; background-color:#fff; /* margin-bottom:120px; padding-bottom:20px; */ margin-bottom:20px;}

.map					{width:213px; height:118px; background:url("images/map_area.jpg") no-repeat bottom;}
/*
.map_australasia_na		{width:213px; height:118px; background:url("images/map_australasia_na.jpg") no-repeat bottom;}
.map_c_europe			{width:213px; height:118px; background:url("images/map_c_europe.jpg") no-repeat bottom;}
.map_china_hk			{width:213px; height:118px; background:url("images/map_china_hk.jpg") no-repeat bottom;}
.map_latin_a_caribbean	{width:213px; height:118px; background:url("images/map_latin_a_caribbean.jpg") no-repeat bottom;}
.map_me_africa			{width:213px; height:118px; background:url("images/map_me_africa.jpg") no-repeat bottom;}
.map_n_europe			{width:213px; height:118px; background:url("images/map_n_europe.jpg") no-repeat bottom;}
.map_se_asia			{width:213px; height:118px; background:url("images/map_se_asia.jpg") no-repeat bottom;}
.map_hphtrust			{width:213px; height:118px; background:url("images/map_hphtrust.jpg") no-repeat bottom;}
*/

.bt_map {width:176px; background:#dddddd; margin-left:12px; color:#333333; font-size:12px; padding:10px 5px; line-height:10px;}
.bt_map a {color:#333333;}
.title {color:#FFFFFF; font-size:36px; padding:65px 22px; line-height:35px; /* position:absolute; bottom:0px; */}
.searchTitle {color: #02339c; font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; text-decoration: none;}
.space_connect {float:left; width:955px; height:10px; background:url("images/connect_part.jpg") no-repeat;}

.contant {/* float:left; min-height:500px; width:682px; padding:10px 30px 0 30px; */ /* position:relative; */ /* line-height:20px; color:#000000; */}
.contant {width:682px; padding:30px 30px 0 30px; position:relative; line-height:20px;}

.contant h1 {font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#02339C;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
}

.menu_bt		{color:#003988; text-decoration:none; cursor:pointer;}
.menu_bt:hover	{color:red;}
.map_bt			{color:#333333; text-decoration:none; cursor:pointer;}
.map_bt:hover	{color:red;}

.date_area {color:#003988; padding-top:20px;}
.date_area li {color:#003988; font-size:14px; font-weight:normal; padding-right:20px; cursor:pointer;}
.date_area li:hover, .date_area .selected {color:#369ccc;}

.date_area_2 {background:#dddddd; min-width:100%; height:28px; margin:5px 0 40px 0;}
.date_area_2 li {font-size:16px; font-weight:normal; cursor:pointer; padding:4px 11px; color:#FFFFFF;}
.date_area_2 li:hover, .date_area_2 .selected {color:#369ccc;}

.language {cursor:pointer; background:#dddddd; position:absolute; right:0px; top:0px; /*width:100px;*/ padding:0 10px; height:20px; color:#003988; text-align:center;}
.language_chi, .language_en, .language_sp {cursor:pointer;}
.language_chi:hover, .language_en:hover, .language_sp:hover {color:red;}

.footer {float:left; width:100%; height:40px; position:relative;}
.bt_contact {position:absolute; left:0px; width:300px; bottom:0px; font-size:10px;}
.bt_contact_home {position:absolute; left:0px; width:350px; height:25px; bottom:0px; font-size:10px;}
/*.bt_contact a{color:#003988; cursor:pointer;}*/
.bt_term {position:absolute; text-align:right; width:400px; bottom:0px; font-size:10px; right:0px; line-height:12px; color:#999999;}

.search_bar {background-color:#ffffff; /*background:#ffffff;*/ width:123px; height:20px; position:absolute; top:4px; left:12px; border:none;}
input[type="text"] {background:#ffffff; width:123px; height:18px; border:none;}

.bt_search {background:#369ccc; width:64px; height:20px; position:absolute; top:4px; left:140px; color:#FFFFFF; text-align:center; border:none; cursor:pointer;}
.bt_search:hover {background:#666666;}

.text_s {/*width:64px; height:20px;*/ position:absolute; top:7px; left:235px; font-size:10px; color:#003988; /*display:inline; float:left;*/}
.text_s_arrow {background:url("images/text_s_arrow.png") no-repeat 50% 4px; width:20px; height:20px; display:inline; float:left;}
.bt_text_s {float:left; cursor:pointer; height:20px;}



.bt_print {height:18px; position:absolute; right:30px; top:5px; cursor:pointer; color:#3b9fd0; font-weight:bold; font-size:10px; background:url("images/icon_print.gif") no-repeat;}
.bt_print:hover {color:#dddddd; background:url("images/icon_print_d.gif") no-repeat;}

/*------------------------------------FLYER--------------------------------------------*/
.imgstyle {margin:0 10px 10px 0; /* border:thin #999999 solid; max-width:160px; height:auto;  */}
.img_left {float:left; margin:0 10px 10px 0; /* border:thin #999999 solid; */}
.img_right {float:right; margin:0 0 10px 10px; /* border:thin #999999 solid; */}

.img_flyer_2013 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2013.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2012 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2012.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2011 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2011.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2010 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2010.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2009 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2009.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2008 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2008.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2007 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2007.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2006 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2006.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2005 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2005.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2004 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2004.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2003 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2003.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2002 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2002.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2001 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2001.jpg") no-repeat; width:100px; height:143px;}
.img_flyer_2000 {float:left; margin:0 10px 10px 0; border:thin #999999 solid; background:url("images/flyer_2000.jpg") no-repeat; width:100px; height:143px;}
.bt_flyer {padding:0 10px 0 0;}
/*------------------------------------END of FLYER--------------------------------------------*/

.choose {position:absolute; top:5px; width:200px; height:28px;}
.photo {text-align:center; float:left; /*padding:5px 8px 10px 0;*/ padding:5px 0;}
.spacer {float:left; width:11px; height:1px;}

h1 b {color:#003988; font-size:18px; font-weight:bold;} 
.map_sub_title {color:#003988; font-size:18px; font-weight:bold; float:left; width:260px;}
.map_url {padding-left:260px;}
.map_url b {font-weight:bold; color:#333333;}
.map_url a {color:#2994c8; text-decoration:underline;}

/* table td {vertical-align:top;} */
.dash {padding:0; margin:0; border-top:none; border-bottom:#ccc solid 1px ;}

.time_list li {padding:1px;}
.bt_year {cursor:pointer; color:#333;}
.bt_year:hover, .bt_year_selected {color:#ff0000;}
.bt_backtop {text-align:right; cursor:pointer; background:#CCCCCC;}
.bt_backtop:hover {text-align:right; color:#ff0000;}
.awards_list b {color:#003988; font-weight:normal; font-size:14px;}
.awards_list table {border:#CCCCCC thin solid; padding:5px; border-collapse:collapse;}
.awards_list tr td {border:#CCCCCC thin solid; padding:5px;}

.time_press li {padding:2px;}
.list_media_enquiries li {/* float:inherit; */ clear:both; margin-left:18px; list-style:url("images/list_circle.png");}

.blue {color:#003988;}
.name_des {margin-top:-10px;}

.icon_download {font-size:10px; font-weight:bold; background:url("images/icon_download.png") no-repeat top left; height:11px; padding-left:18px; cursor:pointer; color:#003988; position:relative;}
.icon_download:hover {font-size:10px; font-weight:bold; background:url("images/icon_download.png") no-repeat bottom left; height:11px; padding-left:18px; cursor:pointer; color:#666666; position:relative;}

.sitemap {float:left; padding-right:60px; padding-bottom:10px; width:150px;}

.drplist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	text-decoration:none;
}

.tableheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	font-weight:bold;
	text-decoration:none;
	line-height:16px;
	padding:3px 0;
}

.tablecell {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-decoration:none;
	line-height:21px;
}

.tablesubtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:black;
	font-weight:normal;
	text-decoration:none;
}

.subtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#02339C;
	font-weight:bold;
	text-decoration:none;
}

.subsubtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#02339C;
	font-weight:bold;
	text-decoration:none;
	line-height:22px; 
}


.subsubsubtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	line-height:22px;
	
}

.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	text-decoration:none;
}

.content_link:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#ff6600; letter-spacing:0px}
.content_link:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;color:#ff6600; letter-spacing:0px}
.content_link:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;color:#333333; letter-spacing:0px}
.content_link:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;color:#333333; letter-spacing:0px}

.content table { width:100% }
.content table tr td {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:black; padding-right:5px;}

.subtitle {
	font-size:16px;
	color:#02339C;
	font-weight:bold;
	text-decoration:none;
	line-height:100%;
	margin-top:5px;
}

/* tr.pager td table {
    width: auto;
} */

/* td>a {
    color: #000066;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    text-decoration: underline;
} */

tr.pager td table { width: auto; }

.pager td 
{

}
.pager td table tr td
{
	color: #073A9B;
	text-align: center;
	font-size: 10pt;
	font-family: Arial;
	font-weight: normal;
	height: 30px;	
}

.pager td table tr td a:link {font-family: Arial; font-size: 10pt; text-decoration: underline; font-weight: normal; color: #073A9B; letter-spacing:0px}
.pager td table tr td a:visited { font-family: Arial; font-size: 10pt; text-decoration: underline; font-weight:normal; color: #073A9B; letter-spacing:0px}
.pager td table tr td a:hover {font-family: Arial; font-size: 10pt;text-decoration: underline; font-weight:normal; color: #CC0000; letter-spacing:0px}
.pager td table tr td a:active {font-family: Arial; font-size: 10pt;text-decoration: underline; font-weight:normal; color: #073A9B ; letter-spacing:0px}

a.searchtitle:link {
    color: #000066;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
}
a.searchtitle:visited {
    color: #000066;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
}
a.searchtitle:hover {
    color: #b00000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: underline;
}
.searchrowstyle {
    border-style: none;
    border-width: 0;
    height:10px;
}
.searchgridstyle {
    border-style: none;
    border-width: 0;
}
.searchprintspan 
{
    color: #3b9fd0;
    font-size: 10px;
    font-weight: bold;
    padding-left:5px; 
    vertical-align:top;
}