@charset "UTF-8";

body {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;  
}
 
input {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px;
	font-weight: normal;
}

select {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px;
	font-weight: normal;
}

textarea {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px;
	font-weight: normal;
}
.fundselect {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 10px;
	font-weight: normal;
}

/* == HEADER == */


.header_text {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;  
}
.header_text A:link { 		color: #cc0000; text-decoration: none;}
.header_text A:visited { 	color: #cc0000; text-decoration: none;}
.header_text A:active { 	color: #cc0000; text-decoration: none;}
.header_text A:hover { 		color: #000000; text-decoration: none;}


.nav_btn {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #a30202;  
}
.nav_btn A:link {		color: #ffffff; text-decoration: none;}
.nav_btn A:visited { 	color: #ffffff; text-decoration: none;}
.nav_btn A:active { 	color: #ffffff; text-decoration: none;}
.nav_btn A:hover { 		color: #000000; text-decoration: none;}


.nav_btn_login {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #ffffff;  
}
.nav_btn_login A:link {		color: #ffffff; text-decoration: none;}
.nav_btn_login A:visited { 	color: #ffffff; text-decoration: none;}
.nav_btn_login A:active { 	color: #ffffff; text-decoration: none;}
.nav_btn_login A:hover { 	color: #c7c6c6; text-decoration: none;}


/* == END HEADER == */

/* == FOOTER == */
.footer { /* Original: 10, changed to 12 because the disclaimer is too small */
	font-size: 12px;
	font-family: Arial, 新細明體, Mingliu;
	color: #666666;
}
.footer A:link { 	color: #cc0000; text-decoration: none;}
.footer A:visited { color: #cc0000; text-decoration: none;}
.footer A:active { 	color: #cc0000; text-decoration: none;}
.footer A:hover { 	color: #000000; text-decoration: none;}
/* == END FOOTER == */

/* == CONTENT == */

.headline2 {   /* == HEAD TITLE == */
	font: bold 14px Arial, 新細明體, Mingliu;
	color: #ffffff;
	padding: 3px 10px 3px 10px;
}




.content_title {  /* == COLUMN TITLE (WHITE) == */
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #FFFFFF;
	padding: 3px 10px 3px 10px;
	  
}
.content_title A:link {		color: #FFFFFF; text-decoration: none;font-size: 12px;}
.content_title A:visited { 	color: #FFFFFF; text-decoration: none;font-size: 12px;}
.content_title A:active { 	color: #FFFFFF; text-decoration: none;font-size: 12px;}
.content_title A:hover { 	color: #e7e7e7; text-decoration: none;font-size: 12px;}


.content_title_small {  /* == DATE / LIBRARY == */
	font-family: Arial, 新細明體, Mingliu;
	font-size: 10px; 
	color: #e7e7e7;
	padding: 3px 10px 3px 10px;	
}
.content_title_small A:link {		color: #e7e7e7; text-decoration: none;}
.content_title_small A:visited { 	color: #e7e7e7; text-decoration: none;}
.content_title_small A:active { 	color: #e7e7e7; text-decoration: none;}
.content_title_small A:hover { 		color: #333333; text-decoration: none;}



.content_title_border {

	border-top-width: 1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #999999;
	
}
.content_title_border2 {
	border-top-width: 1px;
	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #999999;
	
}

.content_title2 {  /* == COLUMN TITLE (COMMUNITY-GREY) == */
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #808284;
	padding: 3px 10px 3px 10px;
	font-weight:bold;  
	/*border-width: thin thin 0px thin ;*/
	border-top-width: 1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #999999;
	
}
.content_title2 A:link {	color: #808284; text-decoration: none;font-size: 12px;}
.content_title2 A:visited { color: #808284; text-decoration: none;font-size: 12px;}
.content_title2 A:active { 	color: #808284; text-decoration: none;font-size: 12px;}
.content_title2 A:hover { 	color: #000000; text-decoration: none;font-size: 12px;}


.content_smalltext {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 10px; 
	color: #003399;
}
.content_smalltext A:link {		color: #003399; text-decoration: none;font-size: 10px;}
.content_smalltext A:visited { 	color: #003399; text-decoration: none;font-size: 10px;}
.content_smalltext A:active { 	color: #003399; text-decoration: none;font-size: 10px;}
.content_smalltext A:hover { 	color: #CC0000; text-decoration: none;font-size: 10px;}


.content_subtitle {   /* == SUB TITLE (BLUE) == */
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #003399;
	font-weight:bold;
}
.content_subtitle A:link {		color: #003399; text-decoration: none;}
.content_subtitle A:visited { 	color: #003399; text-decoration: none;}
.content_subtitle A:active { 	color: #003399; text-decoration: none;}
.content_subtitle A:hover { 	color: #CC0000; text-decoration: none;}


.content {    /* == CONTENT == */
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #333333;
	padding: 10px 10px 10px 10px; 
	/* border: thin solid #999999; */
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-style: solid;
	border-color: #999999;
}
.content A:link {		color: #003399; text-decoration: none;}
.content A:visited { 	color: #003399; text-decoration: none;}
.content A:active { 	color: #003399; text-decoration: none;}
.content A:hover { 		color: #CC0000; text-decoration: none;}

.content_news {  /* == CONTENT WITH BLUE LINK == */
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #003399;
	padding: 10px 10px 10px 10px; 
	font-weight:bold;
	
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-style: solid;
	border-color: #999999;
}
.content_news A:link {		color: #003399; text-decoration: none;}
.content_news A:visited { 	color: #003399; text-decoration: none;}
.content_news A:active { 	color: #003399; text-decoration: none;}
.content_news A:hover { 	color: #CC0000; text-decoration: none;}


.content2 {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #333333;
	padding: 10px 10px 10px 10px;  
	/*border no top & left */
	border-top-width: 0px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width: 1px;
	
	border-style: solid;
	border-color: #999999;
}
.content2 A:link {		color: #003399; text-decoration: none;font-size: 12px;}
.content2 A:visited { 	color: #003399; text-decoration: none;font-size: 12px;}
.content2 A:active { 	color: #003399; text-decoration: none;font-size: 12px;}
.content2 A:hover { 	color: #CC0000; text-decoration: none;font-size: 12px; }

.content3 { 
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #333333;
	padding: 10px 10px 10px 10px;  
	/*border no bottom*/
	border-top-width: 1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width: 0px;
	
	border-style: solid;
	border-color: #999999;
}
.content3 A:link {		color: #003399; text-decoration: none;font-size: 12px;}
.content3 A:visited { 	color: #003399; text-decoration: none;font-size: 12px;}
.content3 A:active { 	color: #003399; text-decoration: none;font-size: 12px;}
.content3 A:hover { 	color: #CC0000; text-decoration: none;font-size: 12px; }

.content4 {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #333333;
	padding: 10px 10px 10px 10px;  
	/*border no top & bottom*/
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width: 1px;
	
	border-style: solid;
	border-color: #999999;
}
.content4 A:link {		color: #003399; text-decoration: none;font-size: 12px;}
.content4 A:visited { 	color: #003399; text-decoration: none;font-size: 12px;}
.content4 A:active { 	color: #003399; text-decoration: none;font-size: 12px;}
.content4 A:hover { 	color: #CC0000; text-decoration: none;font-size: 12px; }

.content5 { 
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #333333;
	padding: 10px 10px 10px 10px;  
	/*border all*/
	border-top-width: 1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width: 1px;
	
	border-style: solid;
	border-color: #999999;
}
.content5 A:link {		color: #003399; text-decoration: none;font-size: 12px;}
.content5 A:visited { 	color: #003399; text-decoration: none;font-size: 12px;}
.content5 A:active { 	color: #003399; text-decoration: none;font-size: 12px;}
.content5 A:hover { 	color: #CC0000; text-decoration: none;font-size: 12px; }

.content_noBorder {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;
	padding: 5px 5px 5px 5px; 

}
.content_noBorder A:link {		color: #003399; text-decoration: none;font-size: 11px;}
.content_noBorder A:visited { 	color: #003399; text-decoration: none;font-size: 11px;}
.content_noBorder A:active { 	color: #003399; text-decoration: none;font-size: 11px;}
.content_noBorder A:hover { 	color: #CC0000; text-decoration: none;font-size: 11px;}


.content_noBorder2 {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;
	padding: 2px 0px 2px 2px; 
}

.content_noBorder2 A:link {		color: #003399; text-decoration: none;}
.content_noBorder2 A:visited { 	color: #003399; text-decoration: none;}
.content_noBorder2 A:active { 	color: #003399; text-decoration: none;}
.content_noBorder2 A:hover { 	color: #CC0000; text-decoration: none;}

.content_noBorder3 {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #333333;
	padding: 2px 0px 2px 2px; 
}
.content_noBorder3 A:link {		color: #003399; text-decoration: none;font-size: 12px;}
.content_noBorder3 A:visited { 	color: #003399; text-decoration: none;font-size: 12px;}
.content_noBorder3 A:active { 	color: #003399; text-decoration: none;font-size: 12px;}
.content_noBorder3 A:hover { 	color: #CC0000; text-decoration: none;font-size: 12px;}

.content_noBorder4 {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 12px; 
	color: #333333;
	padding: 0px 0px 0px 0px; 
}
.content_noBorder4 A:link {		color: #FFFFFF; text-decoration: none;font-size: 12px;}
.content_noBorder4 A:visited { 	color: #FFFFFF; text-decoration: none;font-size: 12px;}
.content_noBorder4 A:active { 	color: #003399; text-decoration: none;font-size: 12px;}
.content_noBorder4 A:hover { 	color: #999999; text-decoration: none;font-size: 12px;}


.more_link {   /* == MORE == */
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;
	padding: 2px 0px 2px 0px; 
}
.more_link A:link {		color: #cc0000; text-decoration: none;font-size: 11px;}
.more_link A:visited { 	color: #cc0000; text-decoration: none;font-size: 11px;}
.more_link A:active { 	color: #cc0000; text-decoration: none;font-size: 11px;}
.more_link A:hover { 	color: #FFFFFF; text-decoration: none;font-size: 11px;  background-color: #FF0000;}

/* == TAB == */

.tab_title_left{
	font-family:  Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;
	padding: 3px 3px 3px 3px;
	background: transparent url('') repeat-x top left;
	
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #999999;  
}
.tab_title_left A:link {	color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_left A:visited { color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_left A:active { 	color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_left A:hover { 	color: #CC0000; text-decoration: none;font-size: 11px;}


.tab_title_left_selected{
	font-family:  Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #cc0000;
	padding: 3px 3px 3px 3px;
	background: transparent url('../images/fsm/HK/common/home_tab_on.gif') repeat-x top left;
	text-decoration: none;
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width: 0px;
	border-style: solid;
	border-color: #999999;  
}
.tab_title_left_selected A:link {		color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_left_selected A:visited { 	color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_left_selected A:active { 	color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_left_selected A:hover { 		color: #333333; text-decoration: none;font-size: 11px;}


.tab_title_center{
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;
	padding: 3px 3px 3px 3px; 
	background: transparent url('') repeat-x top left;
	
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width: 1px;	
	border-style: solid;
	border-color: #999999; 	
}
.tab_title_center A:link {		color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_center A:visited { 	color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_center A:active { 	color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_center A:hover { 	color: #CC0000; text-decoration: none;font-size: 11px;}

.tab_title_center_selected {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #cc0000;
	padding: 3px 3px 3px 3px; 
	background: transparent url('../images/fsm/HK/common/home_tab_on.gif') repeat-x top left;
	text-decoration: none;
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:0px;
	border-bottom-width: 0px;	
	border-style: solid;
	border-color: #999999; 	
}
.tab_title_center_selected A:link {		color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_center_selected A:visited { 	color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_center_selected A:active { 	color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_center_selected A:hover { 	color: #333333; text-decoration: none;font-size: 11px;}


.tab_title_right{
	font-family:  Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #333333;
	padding: 3px 3px 3px 3px;
	background: transparent url('') repeat-x top left;
	
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width: 1px;
	
	border-style: solid;
	border-color: #999999;   
	
}
.tab_title_right A:link {		color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_right A:visited { 	color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_right A:active { 	color: #333333; text-decoration: none;font-size: 11px;}
.tab_title_right A:hover { 		color: #CC0000; text-decoration: none;font-size: 11px;}

.tab_title_right_selected {
	font-family: Arial, 新細明體, Mingliu;
	font-size: 11px; 
	color: #cc0000;
	padding: 3px 3px 3px 3px;
	background: transparent url('../images/fsm/HK/common/home_tab_on.gif') repeat-x top left;
	text-decoration: none;
	border-top-width: 0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width: 0px;
	
	border-style: solid;
	border-color: #999999;   
	
}
.tab_title_right_selected A:link {		color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_right_selected A:visited { 	color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_right_selected A:active { 	color: #CC0000; text-decoration: none;font-size: 11px;}
.tab_title_right_selected A:hover { 	color: #333333; text-decoration: none;font-size: 11px;}


.pagetableTopText 	{	font-size: 10px; }

.content_triangle_bullet { list-style-image: url(../images/fsm/HK/common/icon_triangle.gif); } 

.module_big_top {
	width: 838px;
	background-repeat: no-repeat;
}

/* CSS Document - promotion*/
#browsePlaylist {
	position: absolute;
	width: 838px;
	height: 145px;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 5px;
}
#buttonBlock {
	width: 12px;
	height: 10px;
	text-align: right;
  	padding-right: 10px;
}
#buttonSection {
	float: right;
}
#containerBlock {
	float:left;
	width: 838px;
	height: 130px;
	overflow: hidden;

}
#movingBlock {
	width:1600px;
	height:130px;
	position:relative;

}
.playlistObject
{
  float: left;
  text-align: center;
  font-size: 0px;
  width: 156px;
  padding-left: 5px;
  padding-right: 5px;
}

.playlistThumb {
  background: url('../images/fsm/HK/common/ads_black.gif');
  background-repeat: no-repeat;
  width: 156px;
  height: 60px;
}
.opacityit img {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.9;
  border:0;
}
.opacityit:hover img {
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
}

.playlistDesc
{
  float: left;
  text-align: left;
  font-size: 0px;
  width: 156px;
  padding-top: 5px;
}

/* CSS Document - video*/
#browsePlaylistVideo {
	position: absolute;
	width: 838px;
	height: 200px;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 5px;
}

#containerBlockVideo {
	float:left;
	width: 838px;
	height: 200px;
	overflow: hidden;

}

#movingBlockVideo {
	width:1600px;
	height:200px;
	position:relative;

}

.playlistObjectVideo
{
  float: left;
  text-align: center;
  font-size: 0px;
  width: 160px;
  padding-left: 5px;
  padding-right: 5px;
}

.playlistThumbVideo {
  background: url('../images/fsm/HK/common/video_black.gif');
  background-repeat: no-repeat;
  width: 160px;
  height: 120px;
}

.playlistDescVideo
{
  float: left;
  text-align: left;
  font-size: 0px;
  width: 160px;
  padding-top: 5px;
}