body
{
	margin: 0;
}
#clf_wrapper * {
	font-family: Arial, "Microsoft JhengHei"!important;
}
#hko_nav_bar li a, tr.side td a:link
{
	font-family: Arial, "Microsoft JhengHei"!important;
	font-size: 95%;
}
#hko_nav_bar a.chosen
{
	COLOR: #FFFF5F;
}
#hko_nav_bar li, #hko_nav_bar ul li
{
	line-height: 140%!important;
}
a.wcag_footer_link:link, a.wcag_footer_link:visited
{
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
a.wcag_footer_link:hover
{
	color: blue;
}
#clf_wrapper 
{
	width: 965px;
	margin: 0px auto;
	overflow: hidden;
	font-family: Arial, "Microsoft JhengHei"!important;
}
#clf_header
{
	width: 100%; 
	margin: 0px auto;
	background: url(/common/R05_banner.png) no-repeat;
	height: 158px;
}
#cssmenu
{
	background-image: url(/common/cssmenu_bg.png)!important;
	background-color: rgba(0, 0, 0, 0)!important;
}
#clf_main_content_body
{
	background: rgba(0, 0, 0, 0)!important;
}

#clf_main_content
{
	/*margin-top: -40px;*/
	margin-top: -6px;
}
.clf_table {
	width: 100%;
	display:table;
}
.clf_table_row {
	display: table-row;
}
.clf_table_cell {
	display: table-cell!important;
	vertical-align: top;
	overflow: hidden;
	/*float: left\9;*/
}
#clf_menubar
{
	width: 195px;
	background: #039;
	padding-bottom: 150px;
	border-right: 3px solid #FFF;
}
#clf_main_content_body
{
	width: 767px;
	background: #FFF;
}

#content_start
{
	clear: both;
}

#clf_footer
{
	background: url(/common/footer.png) top repeat-x;
	background-color: #ECEDED;
	font-size: 75%;
	padding-top: 5px;
	padding-bottom: 5px;	
}
.clf_footer_right_content
{
	text-align: right;
	padding-right: 10px;
}
#footer_links
{
	padding-left: 10px;
}
#clf_footer_spliter
{
	/*
	background-image: url(/chiimages/botdot2.gif); 
	background-repeat: repeat; 
	height:3px; 
	width:100%;
	margin:0; 
	padding:0;
	*/
}
#gold_logo
{
	background: url(/common/gold_logo.png) no-repeat;
	height: 73px;
	margin: 10px;
	position: relative;
	background-position: center center;
	width: 139px;
}
#brandhk
{
	background: url(/common/brandhk_uc.gif) no-repeat;
	height: 80px;
	margin: 10px;
	position: relative;
	background-position: center right;
	
}

#wxinfo_bar
{
	top: 5px!important;
}

/* Horizontal Menu bar ***************/
.header_info
{
	width: 100%; 
	height: 32px; 
	line-height: 100%;
	color: white; 
	background-color: rgba(0, 0, 0, 0)!important;
	padding: 5px;
}
.header_info div {
	display: inline-block;
	font-size: 95%;
	padding-top: 1px!important;
}
.header_info a
{
	color: white;
	text-decoration: none;
}
.header_info a:hover
{
	color: white;
	text-decoration: underline;
}
.header_info img
{
	width: 13px;
	vertical-align: initial!important;
}

#menu_trigger
{
	background: url('/common/menu_button_icon.png') no-repeat;
	height: 40px;
	width: 40px;
	cursor: pointer;
	background-position: 0px 0px;
	padding: 0px 0px 0px 0px!important;
}
#menu_trigger:hover
{
	background: url('/common/menu_button_icon_hover.png') no-repeat;
}
.menu_trigger a
{
	padding: 0px 0px 0px 0px!important;
}

#hko_logo
{
	/*
	background: url('/common/hko_logo_uc.png') no-repeat;
	height: 60px;
	width: 428px;
	display: inline-block;
	*/
}
#head_content
{
	display: none!important;
}
#city_weather
{
	background: url('http://hkomain.drdevptree.icmsstgdr.icmsdc.hko/new_content_page/images/content_images/chi_fav_box.png') no-repeat;
	width: 508px;
	height: 90px;
	display: inline-block;
}

	
/* Footer ***************************/
#footer_logo
{
	background: url('http://hkomain.drdevptree.icmsstgdr.icmsdc.hko/new_content_page/images/content_images/footer_logo_uc.png') no-repeat;
	width: 661px;
	height: 84px;
}


/* Common Style for content display ***************/
.hkoweb_bg_FFFFFF { background-color: #FFFFFF; }
.hkoweb_bg_126FC7 { background-color: #126FC7; }
.hkoweb_bg_008000 { background-color: #008000; }
div.hkoweb_top_menu {
	margin-top: 12px;
	width: 95%;
}
div.hkoweb_control_left {
	float: left;
}
div.hkoweb_control_right {
	float: right;
}
div.hkoweb_control_right div {
	float: right;
	height: 30px;
	width: auto;
	text-align: center;
	color: #FFF;
	padding-left: 9px;
	padding-right: 10px;
	font-size: 18px;
	line-height: 30px;
	padding-top: 0px;
	background-color: #5CADD6;
}
div.hkoweb_control_right div:hover {
	background-color: #25CA5A;
	color: #FFF;
}
div.hkoweb_control_right div a {
	/*font-family: Arial, "Microsoft JhengHei"!important;*/
	font-family: "Times New Roman", "新細明體"!important;
	letter-spacing: 2px;
	color: #FFF;
	text-decoration: none;
}
div.hkoweb_outer {
	position: relative;
	/*font-family: Arial, "Microsoft JhengHei"!important;*/
	font-family: "Times New Roman", "新細明體"!important;
	/*letter-spacing: 2px;*/
	margin-top: 5px;
	margin-bottom: 24px;
	text-align: left;
	padding: 1px;
	width: 95%;
}
div.hkoweb_outer a {
	/*word-break: break-all;*/
}
div.hkoweb_title {
	padding: 5px 10px;
}
div.hkoweb_title ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
div.hkoweb_title ul li {
	display: inline-block;
	color: #FFF;
}
div.hkoweb_title ul li.hkoweb_title_text {
	font-size: 113%;
	width: 100%;
}
div.hkoweb_title ul li h1 {
	font-size: 113%;
	padding: 0px;
	margin: 0px;
}
div.hkoweb_title ul li.hkoweb_title_date {
	font-size: 75%;
	font-style: italic;
	width: 100%;
	text-align: right;
}
div.hkoweb_inner {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 8px;
	color: #333;
	line-height: 20px;
	/*word-break: break-all;*/
}
div.hkoweb_image_box {
	margin: 15px 0px;
}
span.hkoweb_img_caption {
	display: block;
	margin-top: 5px;
	font-size: 86%;
}
div.hkoweb_control_with_lr_border {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.trad_header_links a
{
	color: white!important;
	padding-right: 3px!important;
	text-decoration: none;
}
.trad_header_links a:hover
{
	text-decoration: underline;
}
.trad_header_right_links a
{
	color: black!important;
	text-decoration: none;
}
.trad_header_right_links a:hover
{
	text-decoration: underline;
}

#header_links a
{
	color: white!important;
	text-decoration: none;
}
#header_links a:hover
{
	text-decoration: underline;
}

.setting_button {
	background: #FAFAFA;
	background: -webkit-linear-gradient(top, #FFF, #EEE);
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -o-linear-gradient(top, #ffffff, #eeeeee);
	background: linear-gradient(to bottom, #FFF, #EEE);
	border: 1px solid #BBB;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
	font-size: 14px;
	font-weight: 500;
	height: 31px;
	line-height: 28px;
	outline: none;
	padding: 0 13px;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 4px;
}
.setting_button-blue {
	background: #1385E5;
	background: -webkit-linear-gradient(top, #53B2FC, #1385E5);
	background: -moz-linear-gradient(top, #53b2fc, #1385e5);
	background: -o-linear-gradient(top, #53b2fc, #1385e5);
	background: linear-gradient(to bottom, #53B2FC, #1385E5);
	border-color: #075FA9;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
.setting_button:hover, .setting_button:focus, .setting_button-blue:hover, .setting_button-blue:focus {
	text-decoration: underline;
}

/*** BigC added for Fav City Bar ***/
.wwi_Banner {
	width: 488px;
	margin-top: 8px;
	background-color: rgba(255, 255, 255, 0.85);
	padding-top: 8px;
	padding-bottom: 6px;
	margin-bottom: 1px;
	float: right;
}
.btnShow {
	width: 12px;
	height: 74px;
	background-color: rgba(255, 255, 255, 0.85);
	margin-top: 8px;
	padding-top: 8px;
	float: right;
}
.favScroll-left {
	position: relative;
	border: 0px;
}
.favScroll-left .sPrev, .favScroll-left .sPrev1 {
	position: absolute;
	z-index: 99;
	/*left: 15px;*/
	left: 35px;
	top: 16px;
	display: block;
	width: 30px;
	height: 34px;
	background: url(/content_elements_v2/images/Last.png) center no-repeat;
	background-color: rgba(0, 0, 0, 0.25);
}
.favScroll-left .sNext, .favScroll-left .sNext1 {
	position: absolute;
	z-index: 99;
	/*right: 15px;*/
	/*left: 640px;*/
	left: 422px;
	top: 16px;
	display: block;
	width: 30px;
	height: 34px;
	background: url(/content_elements_v2/images/Next.png) center no-repeat;
	background-color: rgba(0, 0, 0, 0.25);
}
.sAdd {
	display: block;
	position: absolute;
	top: 0px;
	left: 456px;
	border: 1px dashed #069;
	width: 29px;
	height: 60px;
	text-decoration: none;
	font-size: 245%;
	padding-top: 5px;
	padding-left: 0px;
	color: #069;
	font-weight: bold;
}
.sAdd:hover, .sAdd:focus {
	background-color: #FFFFCC;
}
.sHide {
	display: block;
	position: absolute;
	top: 0px;
	left: -12px;
	/*border: 1px dashed #069;*/
	width: 29px;
	height: 60px;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 0px;
}
.sShow {
	display: block;
	position: relative;
	top: 0px;
	left: -12px;
	width: 29px;
	height: 60px;
	text-decoration: none;
	padding-top: 20px;
	padding-left: 0px;
}
.favScroll-left .bd {
	/*padding-left: 35px;*/
}
.bd {
	display: table;
}
.favScroll-left .bd ul li .pic img {
	/*display: block;*/
}
.favScroll-left .bd ul li {
	width: 98px;
	/*margin: 0px 0px 0px 10px;*/
	margin: 0px 0px 0px 5px;
	float: left;
	display: inline;
	overflow: hidden;
	text-decoration: none;
	list-style: none;
	border-right: 1px dotted #999999;
}
.favScroll-left .bd ul li div a {
	text-decoration: none;
}
.favScroll-left .bd ul li .pic {
	text-align: center;
	width: 110px;
	height: 60px;
	overflow: hidden;
}
.wxico1 {
	/*margin-right: 1em;*/
	position: relative;

	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;

	-webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
	box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
}
.placename {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	/*width: 110px;*/
	width: 90px;
}
.x_lnk {
	display: block;
	padding: 0px 1px;
	float: right;
	margin-top: -22px;
	font-size: 80%;
	color: #5e5e5e;
	font-family: Verdana;
}
.x_lnk:hover, .x_lnk:focus {
	background-color: #D06262;
	color: #FFFFFF;
}
.mint {
	font-family: "Microsoft Yahei","微軟雅黑";
	/*font-weight: bold;*/
	font-size: 16px;
	color: #000090; /*#20566A;*/
}
.maxt {
	font-family: "Microsoft Yahei","微軟雅黑";
	/*font-weight: bold;*/
	font-size: 16px;
	color: #D70000; /*#20566A;*/
}
.wxdate {
	font-family: Arial;
	/*font-weight: bold;*/
	font-size: 12px;
	color: #000000;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	/*width: 100px;*/
	font-style: italic;
}
fieldset {
	font-family: Arial, "Microsoft JhengHei"!important;
}
/*** BigC added for Fav City Bar ***/

div.hkoweb_outer {font-family: Arial, "Microsoft JhengHei"!important;  color: white;}
.hkoweb_bg { background-color: #0075AB; font-family: Arial, "Microsoft JhengHei"!important; color: white;}
.hkoweb_bg_other { background-color: #858585; font-family: Arial, "Microsoft JhengHei"!important; color: white;}
.hkoweb_bg_lightgrey { background-color: #EEEEEE; font-family: Arial, "Microsoft JhengHei"!important;}
.hkoweb_bg_default {
  background-color: #FFF;
}

#mobie_version, #uc_link, #gb_link, #eng_link, #search, #setting, #personal_website, #app_version
{
	padding-left: 0px;
	padding-right: 0px;
}
#setting
{
	padding-right: 5px;
}
#lunar_date img:nth-child(0)
{
	padding-top: 5px;
	vertical-align: top!important;
}
#lunar_date img {
	border: none;
}
.trad_links
{
	background: #717171;
	padding: 2px 4px 1px 1px;
}
.trad_links_right_tri
{
	width: 29px;
	height: 19px;
	background: url(/common/tradmenubar_tri.png) no-repeat;
	display: inline-block;
	margin: -4px;
}


/*content_menuc*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  /*font-family: 'Open Sans', Helvetica, sans-serif;*/
  background: #0099ff;
  /*margin-top: 5px;*/
}
#cssmenu > ul {
  /*background: url('/content_elements_v2/images/bg.png');*/
  /*box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);*/
	background: #01A185;
	border-bottom: 4px solid #048E75;
}
#cssmenu > ul > li {
  float: left;

}
#cssmenu > ul > li > img
{
	height: 40px;
	width: 2px;
}
#cssmenu > ul > li > a {
	/*padding: 18px 25px 21px 25px;*/
	/*padding: 0px 40px 0px 41px;*/
	padding: 0px 27px;
	/*border-right: 1px solid rgba(80, 80, 80, 0.12);*/
	text-decoration: none;
	color: white; 
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	/*width: 100%!important;*/
}

#cssmenu > ul > li.active:hover > a
{
	line-height: 40px;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  /*
  background: #CDE6FF;
  color: #369;
  */
  background: #16CBAC;
  color: white;  
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 100%;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu > ul > li > ul::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu ul ul ul::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li.ative > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #777777;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}

#cssmenu  .submenu
{
	display: none;
}

#cssmenu .submenu_area
{
	height: 204px;
	width: 100%;
	background: url(/content_elements_v2/images/MeunBG.png) bottom right no-repeat #CDE6FF;
	display: none;
	overflow: hidden;
}
#cssmenu .submenu_area > ul
{
	width: 100%;
	margin-top: 10px;
	margin-left: 20px;	
	z-index: 10;
	padding-bottom: 8px;
	padding-top: 4px;
	overflow: hidden;
	display: inline-block;
	
}
#cssmenu .submenu_area > ul > li
{
	width: 325px;
	float: left;
}

#cssmenu .submenu_area > ul > li > a {
	display: block;
	width: 100%;
	padding-left: 10px;
	text-align: left;
	height: 22px;
	line-height: 22px;
	margin-top: 15px;
	font-size: 100%;
	color: #369;
	text-decoration: none;
}
#cssmenu .submenu_area > ul > li > a:hover
{
	text-decoration: underline;
}


#multidisplay_panel_menu {
  width: auto;
}
#multidisplay_panel_menu,
#multidisplay_panel_menu ul,
#multidisplay_panel_menu ul li,
#multidisplay_panel_menu ul li a {
  padding: 0;
  margin: 0;
  line-height: 1;
  color: #333;
  z-index: 10;
}
#multidisplay_panel_menu:before,
#multidisplay_panel_menu:after,
#multidisplay_panel_menu > ul:before,
#multidisplay_panel_menu > ul:after {
  content: '';
  display: table;
}
#multidisplay_panel_menu:after,
#multidisplay_panel_menu > ul:after {
  clear: both;
}
#multidisplay_panel_menu ul {
  background: #A8DCFF;
  border-radius: 3px;
}
#multidisplay_panel_menu ul > li {
  float: left;
  list-style: none;
}
#multidisplay_panel_menu ul > li > a {
  display: block;
  text-decoration: none;
  position: relative;
  text-align: center;
  width: 164.5px;
  line-height: 28px;
  font-size: 100%;
}
#multidisplay_panel_menu ul > li > a:hover {
	background: #215DE7; 
	color: white;
	background: #25CA5A;
	color: white;
	/*background: #FFC200;
	color: #000;*/
}
#multidisplay_panel_menu ul > li > a.active {
	background: #215DE7; 
	color: white;
}
#multidisplay_panel_menu ul > li.active a
{
	background: #215DE7; 
	color: white;
	/*
	background: #FFC200;
	color: #000;*/
}
#multidisplay_panel_menu ul > li.active > ul a
{
	background: none; 
	color: #333;
}
#multidisplay_panel_menu ul > li > a:hover:before {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: -1px;
  opacity: .2;
}
#multidisplay_panel_menu ul > li > a:hover:after {
  content: '';
  z-index: 2;
  position: absolute;
  border: 1px solid white;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1px;
  opacity: .2;
}
#multidisplay_panel_menu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#multidisplay_panel_menu > ul > li:hover > ul {
  opacity: 0.9;
  visibility: visible;
  position: absolute;
}
#multidisplay_panel_menu > ul > li > ul {
  position: absolute;
  width: 200px;
  background: #FFF;
}
#multidisplay_panel_menu > ul > li > ul > li {
  float: none;
  position: relative;
  width: 80%
}
#multidisplay_panel_menu > ul > li > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
#multidisplay_panel_menu > ul > li > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  position: absolute;
}
#multidisplay_panel_menu > ul > li > ul > li > ul {
  left: 200px;
  top: 1px;
  width: 200px;
}
#multidisplay_panel_menu > ul > li > ul > li > ul > li {
  float: none;
}

#multidisplay_panel_menu ul > li > ul > li > a
{
	width: 100%;
	text-align: left;
	padding-left: 30px;
	color: #154D62;
}
#multidisplay_panel_menu ul > li > ul > li > a:hover
{
	color: #154D62;
	text-decoration: underline;
	width: 100%;
	background: #FFF;
}




/*Regional Map*/
#regional_map_container
{
	z-index: 1;
    height:350px;
    width:658px;
    position:relative;
    color:black;
    font-size:16px;
    font-weight:normal;
	background: url(/content_elements_v2/images/hko_map_terrain.png) no-repeat;
	background-position: 0 -48PX;
	overflow: hidden;
}
#regional_map_container div 
{
	position:absolute;
	color: #F4F909;	
	text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000, 0px 0px 0 #C2C2C2,1px 1px 0 #8F8F8F,2px 2px 0 #5C5C5C,3px 3px 0 #292929,4px 4px 0 #000, 5px 5px 0 #000,6px 6px 5px rgba(0, 0, 0, 0.6),6px 6px 1px rgba(0, 0, 0, 0.5),0px 0px 5px rgba(0, 0, 0, 0.2);
	text-shadow: -1px -1px 4px #000, 2px 2px 4px #000, 3px 3px 9px #3C3C3C;
	/*
	text-shadow: -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF, 0px 0px 0 #C2C2C2,1px 1px 0 #8F8F8F,2px 2px 0 #5C5C5C,3px 3px 0 #292929,4px 4px 0 #FFF, 5px 5px 0 #FFF,6px 6px 5px rgba(0, 0, 0, 0.6),6px 6px 1px rgba(0, 0, 0, 0.5),0px 0px 5px rgba(0, 0, 0, 0.2);
*/
}
#regional_map_container .temp, #regional_map_container .rh, #regional_map_container .maxTemp, #regional_map_container .minTemp, #regional_map_container .rf
{
	background-color: rgba(0, 0, 0, 0.25);
	padding: 2px 5px 1px 4px;   
	border-radius: 10px;
	font-weight: bold;
}
#regional_map_container image
{    
    position:absolute;
    left:0;
    top:0;
}
#wgl {left: 439px; top: 325px; cursor:pointer; text-align:center;}
#sty {left: 376px; top: 307px; cursor:pointer; text-align:center}
#hks {left: 337px; top: 274px; cursor:pointer; text-align:center;}
#skw {left: 392px; top: 247px; cursor:pointer; text-align:center;}
#hko {left: 346px; top: 223px; cursor:pointer; text-align:center;}
#ty1 {left: 278px; top: 185px; cursor:pointer; text-align:center;}
#jkb {left: 417px; top: 216px; cursor:pointer; text-align:center;}
#tun { left:171px; top:144px; cursor:pointer;  text-align:center;}
#wlp { left:205px; top:77px; cursor:pointer;  text-align:center;}
#sek {left: 264px; top: 104px; cursor:pointer;  text-align:center;}
#clk { left:124px; top:217px; cursor:pointer;  text-align:center;}
#pen { left:228px; top:235px; cursor:pointer;  text-align:center;}
#cch {left: 220px; top: 305px; cursor:pointer;  text-align:center;}
#tkl {left: 338px; top: 20px; cursor:pointer;  text-align:center;}
#ssh {left: 300px; top:43px; cursor:pointer;  text-align:center;}
#tp {left: 337px; top: 84px; cursor:pointer; text-align:center;}
#sha {left: 374px; top: 132px; cursor:pointer; text-align:center;}
#skg {left: 422px; top: 158px; cursor:pointer; text-align:center;}
#wts {left: 363px; top: 189px; cursor:pointer; text-align:center;}
#ksc {left: 468px; top: 174px; cursor:pointer; text-align:center;}
#tw {left: 295px; top: 151px; cursor:pointer; text-align:center;}
#tyw {left: 468px; top: 134px; cursor:pointer; text-align:center;}
#ngp {left: 112px; top: 261px; cursor:pointer; text-align:center;}
#lfs { left:194px; top:62px; cursor:pointer; text-align:center;}
#kp {left: 334px; top: 213px; cursor:pointer; text-align:center;}
#ssp  {left: 322px; top: 198px; cursor:pointer; text-align:center;}
#cen {left: 324px; top: 243px; cursor:pointer; text-align:center;}
#swh {left: 389px; top: 243px; cursor:pointer; text-align:center;}
#yl { left:223px; top:94px; cursor:pointer; text-align:center;}
#hkp {left: 343px; top: 252px; cursor:pointer; text-align:center;}
#ylp { left:222px; top:104px; cursor:pointer; text-align:center;}

#tpk_wind {left: 356px; top: 94px; cursor:pointer;}
#lfs_wind { left:194px; top:62px; cursor:pointer;}
#tun_wind { left:171px; top:144px; cursor:pointer;}
#clk_wind { left:124px; top:217px; cursor:pointer;}
#pen_wind { left:228px; top:235px; cursor:pointer;}
#cch_wind {left: 220px; top: 305px; cursor:pointer;}
#tkl_wind {left: 338px; top: 13px; cursor:pointer;}
#sek_wind {left: 265px; top: 93px; cursor:pointer;}
#sha_wind {left: 374px; top: 132px; cursor:pointer;}
#wgl_wind {left: 436px; top: 314px; cursor:pointer;}
#hks_wind {left: 338px; top: 275px; cursor:pointer;}
#jkb_wind {left: 418px; top: 213px; cursor:pointer;}
#skg_wind {left: 422px; top: 158px; cursor:pointer;}
#ksc_wind {left: 468px; top: 174px; cursor:pointer;}
#ty1_wind {left: 283px; top: 187px; cursor:pointer;}
#ngp_wind {left: 112px; top: 261px; cursor:pointer;}
#sty_wind {left: 376px; top: 309px; cursor:pointer;}
#tw_wind {left: 295px; top: 151px; cursor:pointer;}
#sf_wind {left: 334px; top: 213px; cursor:pointer;}
#se_wind   {left: 373px; top: 212px; cursor:pointer;}
#tap_wind {left: 496px; top: 56px; cursor:pointer;}
#gi_wind {left: 290px; top: 230px; cursor:pointer;}
#plc_wind {left: 385px; top: 58px; cursor:pointer;}

#clk_rh { left:133px; top:221px; cursor:pointer;  text-align:center;}
#cch_rh {left: 230px; top: 308px; cursor:pointer;  text-align:center;}
#pen_rh { left:237px; top:235px; cursor:pointer;  text-align:center;}
#wgl_rh {left: 446px; top: 325px; cursor:pointer; text-align:center;}
#hks_rh {left: 346px; top: 274px; cursor:pointer; text-align:center;}
#hko_rh {left: 349px; top: 223px; cursor:pointer; text-align:center;}
#jkb_rh {left: 422px; top: 216px; cursor:pointer; text-align:center;}
#tun_rh { left:182px; top:144px; cursor:pointer;  text-align:center;}
#ty1_rh {left: 288px; top: 185px; cursor:pointer; text-align:center;}
#tkl_rh {left: 344px; top: 20px; cursor:pointer;  text-align:center;}
#sek_rh {left: 271px; top: 104px; cursor:pointer;  text-align:center;}
#skg_rh {left: 430px; top: 158px; cursor:pointer; text-align:center;}
#ksc_rh {left: 474px; top: 174px; cursor:pointer; text-align:center;}
#tw_rh {left: 302px; top: 151px; cursor:pointer; text-align:center;}
#tp_rh {left: 348px; top: 84px; cursor:pointer; text-align:center;}
#sha_rh {left: 374px; top: 132px; cursor:pointer; text-align:center;}
#ssh_rh {left: 300px; top:43px; cursor:pointer;  text-align:center;}
#wlp_rh { left:205px; top:77px; cursor:pointer;  text-align:center;}
#lfs_rh { left:194px; top:62px; cursor:pointer; text-align:center;}
  
.windData {
	height:40px; 
	width:40px;
	background-size: contain; 
	line-height:25px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	text-shadow:none!important;
	color: black!important;
	line-height:40px;	
}
.maxTemp
{
	color: #FFC52F!important;
	/*text-shadow: -1px -1px 4px #FFF, 2px 2px 4px #FFF, 3px 3px 9px #FFF!important;*/
}
.minTemp
{
	color: #00ECFF!important;
	/*text-shadow: -1px -1px 4px #FFF, 2px 2px 4px #FFF, 3px 3px 9px #FFF!important;*/
}
#regionTime  {
	right: 2px; 
	top: 316px; 
	font-size: 12px; 
	font-weight:normal; 
	position:absolute; 
	color: white;
	font-weight:bold;
	background: #09F;
	opacity: 0.7;
	padding: 3px;
	z-index: 10px;
}

#regionTimeChi  {
	right: 2px; 
	top: 311px; 
	font-size: 14px; 
	font-weight:normal; 
	position:absolute; 
	color: white;
	font-weight:bold;
	background: #09F;
	/*opacity: 0.7;*/
	padding: 3px;
	z-index: -1;
  display:inline-block;
  text-align:right;
  line-height:110%
}

#submenu
{
	display: none;
}

#submenu_area
{
	/*height: 283px;*/
	/*height: 173px;*/
	height: 111px;
	width: 100%;
	background: url(/content_elements_v2/images/MeunBG.png) bottom right no-repeat #DFFFFA;
	display: none;
	text-align: left;
	/*background-size: auto 100%;*/
}
#submenu_area_level1 {
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
}
#submenu_area_level1 ul,
#submenu_area_level1 li {
  margin: 0;
  padding: 0;
}
#submenu_area_level1 ul {
  position: relative;
  z-index: 597;
  float: left;
  /*padding-left: 30px;*/
}
#submenu_area_level1 ul li {
  float: left;
  min-height: 1px;
  /*line-height: 1.5em;*/
  list-style: none;
  vertical-align: middle;
  border-bottom: 1px solid rgba(205, 230, 255, 0);
}
#submenu_area_level1 ul li.hover,
#submenu_area_level1 ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;  
}
#submenu_area_level1 ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 300px;
  background: #FFF;
  padding-left: 0px;
}
#submenu_area_level1 ul ul, #submenu_area_level1 ul ul li
{
	list-style: none;	
}
#submenu_area_level1 ul ul li {
  float: none;
  min-width: initial;
  border-bottom: 1px solid rgba(205, 230, 255, 1);
}
#submenu_area_level1 ul ul,
#submenu_area_level1 ul ul ul {
  top: 24px;
  left: 30px;
  width: 200px;
}
#submenu_area_level1 ul li:hover > ul, #submenu_area_level1 ul li.active > ul {
  visibility: visible;
}
#submenu_area_level1 ul li {
  float: none;
}
#submenu_area_level1 a {
	display: block;
	display: block;
	width: 100%;
	text-align: left;
	/*color: #369;*/
	color: #036;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFFFFF;
	text-decoration: none;
	/*line-height: 30px;*/
}
/* Custom CSS Styles */
#submenu_area_level1 {
  padding: 15px;
}
#submenu_area_level1:after,
#submenu_area_level1 ul:after {
  content: '';
  display: block;
  clear: both;
}
#submenu_area_level1 ul {
	width: 935px;
}
#submenu_area_level1 ul li {
  color: #369;
  position: relative;
  min-width: 240px;
  float:left;
  padding: 3px 10px;
}
#submenu_area_level1 ul ul {
	z-index: 999;
	border: 1px solid #369;
}
#submenu_area_level1 a {
  border: 1px solid transparent;
}
#submenu_area_level1 a:link,
#submenu_area_level1 a:visited {
  text-decoration: none;
}
#submenu_area_level1 a:hover {
	text-decoration: underline;
}
#submenu_area_level1 a:active {
  color: #ffa500;
}
#submenu_area_level1 .has-sub span:hover
{
	border-bottom: 1px solid #369;	
}
#submenu_area_level1 .has-sub > a 
{
	text-decoration: none!important;
	cursor: default;
}
#submenu_area_level1 .has-sub:hover > a:after,
#submenu_area_level1 .has-sub.hover > a:after {
  border-color: transparent transparent transparent #FFF;  
  
}
#submenu_area_level1 .has-sub > a:after {

}
.eq_arrow {
	display: inline-block;
	width: 8px;
	height: 9px;
	position: relative;
	top: -2px;
	margin-right: 6px;
	background: url(/content_elements_v2/images/arrow-blue.png) no-repeat top left;
}
#advpag {
	position: relative;
	overflow: hidden;
	margin: -6px auto 0 auto;
	width: 300px;
	height: 20px;
	text-align: center;
}
.btn_advpage_off {
	text-decoration: none;
	font-size: 24px;
	color: #d1d1d1;
	display: inline-block;
	margin-right: 2px;
}
.btn_advpage_on {
	text-decoration: none;
	font-size: 24px;
	color: #337fca;
	display: inline-block;
	margin-right: 2px;
}

#govhk
{
	margin-right: 22px!important;	
}

#eng_link_a
{
	width: 52px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/chiimages/mainbar4.gif);
	text-decoration: none;
}
#eng_link_a:hover
{
	background-image: url(/chiimages/mainbar4_f2.gif);
}
.en_link
{
	color: #717171;
	visibility: hidden;	
}

#gb_link_a
{
	width: 48px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/chiimages/mainbar3.gif);
	text-decoration: none;
}
#gb_link_a:hover
{
	background-image: url(/chiimages/mainbar3_f2.gif);
}
.gb_link_sim
{
	background-image: url(/simimages/mainbar3.gif)!important;
}
.gb_link_sim:hover
{
	background-image: url(/simimages/mainbar3_f2.gif)!important;
}
.text_version_sim
{
	background-image: url(/simimages/mainbar2.gif)!important;
}
.text_version_sim:hover
{
	background-image: url(/simimages/mainbar2_f2.gif)!important;
}

.gb_link
{
	color: #717171;
	visibility: hidden;
	
}
#text_version_a
{
	width: 75px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(/chiimages/mainbar2.gif);
	text-decoration: none;
}
#text_version_a:hover
{
	background-image: url(/chiimages/mainbar2_f2.gif);
}
.text_version
{
	color: #717171;
	visibility: hidden;	
}


.marquee
{
	position: relative;
	overflow: hidden;
	max-width: 100px;
	white-space: nowrap;
	vertical-align: top;	
	z-index: 1000;
	width: 75px;
}
.marquee:hover
{
	overflow: visible;
	background-color: #006AFF;
	max-width: none;
	padding: 0px 10px;
	width: auto;
}
.marquee div
{	
	display: inline-block
}
#switch_header
{
	color: blue!important;
}
#solar_term_uc a {
	color: #FFFFFF;
}
#dateTimeDisplay_uc {
	margin-right: 3px;
}