@charset "utf-8";
/* CSS Document */

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, 
caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	list-style:none;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: PMingLiU, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	/*color:#333;*/
	text-decoration:none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse: collapse;
	border-spacing: 0;*/
}
.hiddenPic {
	display:none;
}

body {
	background-color:#f1f1f1;
	background:url(../images/bg.gif) repeat-x #f1f1f1;
}
.eng {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#page {
	/*width:964px;*/
	margin:0 auto;
}

#header {
	height:287px;
	/*width:1200px;*/
	background:url(../images/header-img.jpg) no-repeat scroll center bottom;
}

#pagesurround {
	width:964px;
	margin:0 auto;
}
#logo {
	position:absolute;
	top:25px;
}

#lang {
	position:absolute;
	top:35px;
	margin-left:874px;
}

#lang ul {
	list-style:none;
	width:90px;
	_width:94px;
}

#lang ul li {
	font-family:PMingLiU, Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	text-decoration:none;
	background:url("../images/ico-arw.gif") no-repeat scroll 0 0 transparent;
	float:left;
	padding:0 0 0 16px;
}

#lang a{
	color:#333333;
	font-family:PMingLiU, Arial, Verdana, Helvetica, sans-serif;
}
#lang a:hover{
	color:#106cb5;
	font-family:PMingLiU, Arial, Verdana, Helvetica, sans-serif;
}

.lan-last {
	margin-left:14px;
}

#video {
	width:964px;
	height:430px;
	background-color:#FFFFFF
}

#report {
	margin-top:12px;
	width:678px;
	float:left;
}

.r-top {
	background:url(../images/res-top.gif) no-repeat;
	width:678px;
	height:45px;
	float:left
}

.r-tab {
	height:47px;
	width:678px;
	float:left;
	background:url(../images/res-bg1.gif) repeat-y;
}
.displace {
	position:absolute;
	left:-5000px;
}
.all {
	margin:5px 0 0 16px;
	_margin:5px 0 0 8px;
	float:left;
	display:block;
	width:48px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-all.gif);
}
.all:hover {
	margin:5px 0 0 16px;
	_margin:5px 0 0 8px;
	display:block;
	width:48px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-all-a.gif);
}
.all-active {
	margin:5px 0 0 16px;
	_margin:5px 0 0 8px;
	display:block;
	width:48px;
	height:28px;
	text-decoration:none;
	float:left;
	background:url(../images/rbtn-all-a.gif);
}

.er{
	margin:5px 0 0 9px;
	float:left;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-er.gif);
}
.er:hover{
	margin:5px 0 0 9px;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-er-a.gif);
}

.er-active{
	margin:5px 0 0 9px;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-er-a.gif);
	float:left;
}

.ir {
	margin:5px 0 0 9px;
	float:left;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-ir.gif);
}
.ir:hover {
	margin:5px 0 0 9px;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-ir-a.gif);
}
.ir-active {
	margin:5px 0 0 9px;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	float:left;
	background:url(../images/rbtn-ir-a.gif);
}

.tr {
	margin:5px 0 0 9px;
	float:left;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-sr.gif);
}
.tr:hover {
	margin:5px 0 0 9px;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	background:url(../images/rbtn-sr-a.gif);
}
.tr-active {
	margin:5px 0 0 9px;
	display:block;
	width:81px;
	height:28px;
	text-decoration:none;
	float:left;
	background:url(../images/rbtn-sr-a.gif);
}
.r-content {
	float:left;
	height:323px;
	width:678px;
	background:url(../images/res-bg2.gif) repeat-y;
}
.powered {
	float:left;
	margin-top:5px;
	padding-left:138px;
	color:#666666;
}
.r-btm {
	height:8px;
	width:678px;
	float:left;
	background:url(../images/res-btm.gif) no-repeat;
}

.r-bg2 {
	background:url(../images/res-bg3.gif) repeat-x top;
	float:left;
	/*height:116px;*/
	width:678px;
}
.r-table {
	margin:11px 0 0 17px;
}
.r-blue {
	color:#106cb5;
	padding-left:4px;
}
.r-file {
	color:#999999;
	font-size:9px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.r-btn {
	vertical-align:middle;
}

.r-bg2 td {
	padding: 7px 0 6px 0;
}
.r-tit {
	font-size:12px;
}
#stocks {
	width:274px;
	margin:47px 0 0 12px;
	float:left;
}
.st-top {
	height:8px;
	width:274px;
	background:url(../images/ind-top.gif) no-repeat;
	font-size:1px;
}
.st-btm {
	height:8px;
	width:274px;
	float:left;
	background:url(../images/ind-btm.gif) no-repeat;
}
.st-mid {
	/*height:67px;*/
	height:89px;
	/*width:242px;*/
	width:249px;
	float:left;
	padding:25px 16px 0 16px;
	_padding:25px 12px 0 13px;
	background:url(../images/ind-bg.gif) repeat-y;
}
#footer {
	/*margin:32px 0 26px 0;*/
	text-align:right;
	margin:0 0 18px 0;
	color:#666666;
}
#terms {
	margin:32px 0 26px 0;
	color:#666666;
	font-family:PMingLiU, Arial, Verdana, Helvetica, sans-serif;
}
.tc-tit {
	color:#333333;
	text-decoration:underline;
}
.tpad {
	margin-top:15px;
}
.tpad2 {
	margin-top:15px;
	margin-bottom:18px;
}
.tpad3 {
	margin-bottom:18px;
}
.hs-font {
	font-size:22px;
}
.hsindex {
	width:249px;
	padding-top:10px;
	font-weight:bold;
}
.arrow-up {
	background:url(../images/up-arw.gif) no-repeat;
	display:block;
	height:8px;
	width:8px;
	float:left;
	vertical-align:baseline;
	_margin-top:6px;
}
.arrow-down {
	background:url(../images/down-arw.gif) no-repeat;
	display:block;
	height:8px;
	width:8px;
	float:left;
	vertical-align:baseline;
	_margin-top:6px;
}
.up-color {
	color:#55a724;
	font-size:12px;
}
.down-color {
	color:#f02626;
	font-size:12px;
}
.up-color2 {
	color:#55a724;
	font-size:11px;
}
.down-color2 {
	color:#f02626;
	font-size:11px;
}

.st-quote {
	text-transform:uppercase;
	font-size:11px;
	color:#333333;
	vertical-align:middle;
}
.st-field {
	width:126px;
	height:12px;
	color:#666666;
	border:1px solid #cccccc;
	padding-left:2px;
	vertical-align:middle;
}
.st-go {
	border-width:0px;
	/*width:16px;
	height:16px;*/
	vertical-align:middle;
	margin-top:-1px !important;
}
.st-graph {
	width:244px;
	height:130px;
	background-color:#CCCCCC;
	margin-top:10px;
}
.st-line {
	padding:10px 0;
}
.hkindex {
	padding-top:2px;
	font-weight:normal;
}
.hkindex tr.grey {
	background-color:#d7d7d7;
	color:#999999;
	height:14px;
	/*background:url(../images/table-col.gif) repeat-x #d7d7d7 !important;*/
}
.grey {
	background-color:#d7d7d7;
}
.hkindex tr {
	height:16px;
	line-height:12px;
	vertical-align:middle;
	color:#333333;
}
.re-page {

	float:right;
	margin:15px 0 0 0; 
	width:320px;
	_width:320px;
	color:#666666;
}
.re-page a{
	color:#666666;
}
.re-page a:hover{
	color:#136fb7;
}
.p-active {
	color:#136fb7;
}
.re-page ul {
	float:right;
	padding:0 6px;
}
.re-page ul li {
	float:left;
	vertical-align:baseline;
	line-height:20px;
}

.formInput{
	color:#0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	letter-spacing:-0.5px;
	width:20px;
}

.formButton{
	color:#0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	letter-spacing:-0.5px;
	width:30px;
}

.p-line {
	padding:0 4px;
	color:#999999;
}
.banner1 {
	float:left;
	margin:12px 0 0 12px;
	_margin:6px 0 0 12px;
}
.banner2 {
	float:left;
	margin:12px 0 0 12px;
}

.btn_accept{
	float:right;
	font-size:15px;
}