﻿body {
}


#header {
	height: 83px;
	/*padding:5px 0px 30px 50px;*/
	padding:0px 0px 0px 0px;
}

#centrepositionHeader 
{
    padding-left: 130px;	
	padding-right: 0px;
}

#centreposition 
{
	padding-left: 175px;	
	padding-right: 10px;
	padding-top:10px;
	padding-bottom:10px;	
}

#centrepositionMiddle 	
{    
	padding-left: 145px;	
	padding-right: 375px;
	padding-top:5px;
	padding-bottom:10px;	
}

#centrepositionMiddleNews 	
{    
	padding-left: 175px;	
	padding-right: 375px;
	padding-top:10px;
	padding-bottom:10px;	
}

#footer 
{    
    padding-top:60px;
	right: auto;
	left: auto;	
	padding-left:50px;
	position:inherit;	 
}

#left {
	width: 130px;
	position: absolute;
    vertical-align:top;	
	padding: 0px 0px 0px 0px;
}


#right {
	width: 355px;
	position: absolute;
	top: 110px;
	right: 0px;
	padding:20px 5px 20px 5px;
}


.panelColourLightBlue
{
    background-color: #EDF1FA;
}

.panelColourDarkBlue
{
    background-color: #126891;    
}


.center
{
  text-align:center;
}

.leftspace200
{
	padding-left:200px;
}

.leftspace100
{
	padding-left:100px;
}

.leftspace20
{
	padding-left:20px;
}

.FontNav
{
	font-size:larger;
	color:Blue;
}

.contentblock
{
    border: 1px solid #DBDB79;
    padding: 15px;
    width:600px;    
    margin:5px 5px 10px 5px;
    vertical-align: top;
}


.small {
	FONT-SIZE: 11px; 
}

.medium {
	FONT-SIZE: 13px; 
}

.large {
	FONT-SIZE: 18px; 
}

.FontDate
{
    COLOR: #58474d;FONT-SIZE: 13px;  
}

.FontNavLeftSmall
{
    COLOR: #000000;  
    FONT-SIZE: 10pt; 
    FONT-STYLE: normal; 
    LINE-HEIGHT: 14pt; 
    VERTICAL-ALIGN: top;          
}

.FontNavTop
 {
     COLOR: #333333; 
     FONT-SIZE: 9pt; 
     FONT-STYLE: normal; 
     LINE-HEIGHT: 14pt; 
     VERTICAL-ALIGN: middle;
     text-decoration:none;
}


.FontFooter {COLOR: #000000; FONT-SIZE: 10pt;}


A:link {COLOR: #0f56a3; CURSOR: hand; FONT-STYLE: normal}
A:visited {COLOR: #0f56a3; FONT-STYLE: normal}
A:active {COLOR: #0f56a3; FONT-STYLE: normal}
A:hover {COLOR: #cc0000; TEXT-DECORATION: none}


.s 
{
    COLOR: #333333; 
    FONT-SIZE: 9pt; 
}





.FontRightPanel
{
    color:#ffffff;
    font-size:medium;
}





.FontNewsTitle
{
    color:#CC0033;
    font-size:12pt;
    font-weight:bolder;
    text-align:center;
}

.FontNewsDate
{
    text-align:right;
    color:#666666;
    font-size:9pt;
}










/*股票指數Table*/
.t_H1 {font: bold 12px Arial; color: white; text-align: left; padding-left: 3px; padding-right: 3px; line-height: 22px; height: 22px; }
.it{width: 348px; margin-bottom: 4px; border: 1px solid #cccccc;}
.indT{float: left; width: 348px; height: 21px; }
img.indT{padding-right: 3px; border: 0px;}
.indT_text{padding-top: 3px; padding-left: 3px; font: normal 12px arial; color: #ffffff;}
.indT_table{float: left; width: 348px; background-color: #ffffff; font: normal 12px arial; color: #000000;}
.MF {width: 174px; border: 0px; float: right; margin: 0; padding-left: 2px;}
.itMF{width: 172px; margin-bottom: 4px; border: 1px solid #cccccc;}
.indMFT{float: left; width: 172px; height: 21px; }
img.indMFT{padding-right: 3px; border: 0px;}
.indMFT_text{padding-top: 3px; padding-left: 3px; font: normal 12px arial; color: #ffffff;}
.indMFT_table{float: left; width: 172px; background-color: #ffffff; font: normal 12px arial; color: #000000;} /*????table row*/
.isC {width: 348px; border: 0px; float: left; margin: 0;}
.isC UL {MARGIN: 0px; liST-STYLE-TYPE: none; HEIGHT: 17px; line-height: 16.5px; padding: 0px;}
.isC UL.color {BACKGROUND: #f5f5f5; HEIGHT: 17px; line-height: 16.5px;}
.isC UL.blue {BACKGROUND: #e3f2fa; HEIGHT: 17px; line-height: 16.5px; color: #00578e;}
.isC UL li {FLOAT: left; OVERFLOW: hidden; HEIGHT: 17px; line-height: 16.5px;}
.isC UL li img{vertical-align: middle; border: 0px;}
.isC UL li a{text-decoration: none; color: #009CC3;}
.isC UL li a:hover{text-decoration: none; color: #00D8FF;}
.isMFC {width: 172px; border: 0px; float: left; margin: 0;}
.isMFC UL {MARGIN: 0px; liST-STYLE-TYPE: none; HEIGHT: 17px; line-height: 16.5px; padding: 0px;}
.isMFC UL.color {BACKGROUND: #f5f5f5; HEIGHT: 17px; line-height: 16.5px;}
.isMFC UL.blue {BACKGROUND: #e3f2fa; HEIGHT: 17px; line-height: 16.5px; color: #00578e;}
.isMFC UL li {FLOAT: left; OVERFLOW: hidden; HEIGHT: 17px; line-height: 16.5px;}
.isMFC UL li img{vertical-align: middle; border: 0px;}
.isMFC UL li a{text-decoration: none; color: #00578e;}
.isMFC UL li a:hover{text-decoration: none; color: #009cff;} /*ADR*/

li.hkname{padding-left: 3px; TEXT-AliGN: left; WIDTH: 75px; letter-spacing: 1px;}
li.hkprice{TEXT-AliGN: right; WIDTH: 74px;}
li.hkrisep{TEXT-AliGN: right; WIDTH: 55px;}
li.hkrisep2{TEXT-AliGN: right; WIDTH: 49px;}
li.hkpercent{TEXT-AliGN: right; WIDTH: 70px;}
li.hkgraph{TEXT-AliGN: right; WIDTH: 20px;}
li.hkremark{width: 346px; TEXT-AliGN: left; font-size: 11px; color: #AAAAAA;} /*????table row*/
li.cname{padding-left: 3px; TEXT-AliGN: left; WIDTH: 78px; letter-spacing: 1px;}
li.cprice{TEXT-AliGN: right; WIDTH: 59px;}
li.crise{TEXT-AliGN: right; WIDTH: 69px;}
li.crisep{TEXT-AliGN: right; WIDTH: 66px;}
li.cpercent{TEXT-AliGN: right; WIDTH: 70px;} /*????table row*/
li.iname{padding-left: 3px; TEXT-AliGN: left; WIDTH: 90px; letter-spacing: 1px;}
li.iprice{TEXT-AliGN: right; WIDTH: 80px;}
li.irisep{TEXT-AliGN: right; WIDTH: 85px;} /*?????table row*/
li.exname{padding-left: 3px; TEXT-AliGN: left; WIDTH: 80px; letter-spacing: 1px;}
li.exbuy{TEXT-AliGN: right; WIDTH: 43px;}
li.exsell{TEXT-AliGN: right; WIDTH: 43px;} /*???table row*/
li.mcname{padding-left: 3px; TEXT-AliGN: left; WIDTH: 60px; letter-spacing: 1px;}
li.mcbuy{TEXT-AliGN: right; WIDTH: 53px;}
li.mcsell{TEXT-AliGN: right; WIDTH: 53px;} /*Form design*/

li.topRremark{TEXT-AliGN: left; font-size: 11px; color: #AAAAAA;}

.neg{color:#C00}
.pos{color:#090}









.zs {
	width:348px;
	float:left;
	border:1px solid #ccc;
	margin:0;
	padding:0;	
	line-height:20px;
	color:#666;
	font-size:12px;
}

	.zs .bt {
		height:23px;
		line-height:23px;
		color:#fff;
		text-indent:4px;
		font-weight: bold;
		text-align:left;
	}
	
	.zs li {
		float:left;
		height:17px;
		line-height:17px;
		padding-right:2px;
		color:#000;
		text-align:right;
		background:#FFFFFF;
	}
	
	.zs ul{
		margin:0; padding:0;list-style:none;
	}
	
	.zs .no1 {width:80px;padding-left:2px;text-align:left;}
	.zs .no2 {width:62px;}
	.zs .no3 {width:70px;}
	.zs .no4 {width: 346px; TEXT-AliGN: left; font-size: 11px; color: #AAAAAA;}
	.zs .no41 {
		width:auto;
		color:#AAAAAA;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.zs .bg1 {background:#F5F5F5;}
	.zs .gb {color:#009900;font-weight:bold;}
	.zs .rb {color:#CC0000;font-weight:bold;}
	.zs .title {
		background:#E3F2FA;
		color:#00578E;
	}



