/*V1.1, Alvin, PDEV-695*/
/*V1.2, Alvin, PDEV-707(B)*/
/*V1.3, Jacky, PDEV-738*/
/*V1.4, Alvin, PDEV-775*/
/*V1.5, Alvin, AASTK-P141117-A*/
/*V1.6, Alvin, AASTK-P150113-A*/
/*V1.7, Alvin, AASTK-P150113-A (Remove)*/
/*V1.8, Alvin, PDEV-833*/
/*V1.9, Janice, AASTK-P151218-A*/
/*V2.0, Janice, AASTK-P151218-A (remove)*/
/*V2.1, Janice, AASTK-P160126-A*/
/*V2.2, Janice, AASTK-P160126-A (remove)*/
/*V2.3, Janice, AASTK-P161216-A*/
/*V2.4, Janice, AASTK-P161216-A(remove)*/
/*V2.5, Sam Hui, AASTK-P170113-A, AASTOCKS request for logo upload (Lunar New Year 2017) */
/*
V2.6, Sam Hui, AASTK-P170113-A, AASTOCKS request for logo upload (Lunar New Year 2017) [remove] 
V2.7, Sam Hui, PDEV-1142
V2.8, Janice, AASTK-P171201-A
V2.9, Janice, AASTK-P171201-A (remove)
V3.0, Sam Hui, AASTK-P180111-A
V3.1, Sam Hui, AASTK-P180111-A (remove)
V3.2, Sam Hui, AASTK-P201204-A
V3.3, Alvin, PDEV-1490
V3.4, Sam Wong, MS Font fix
*/
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}
@font-face {
    font-family: '微軟正黑體修正2';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic), local(MS Gothic);
}
html * {max-height:1000000px;}
.font-c {  }
.font-num { font-family:arial !important; }
#header{height: 252px;}
#header_tab{overflow: hidden; height: 23px;}
#header_tab ul li {text-align: center; width: 99px; font-weight: 700;}
#header_tab ul,#header_tab ul li {height: 22px;}
#header_tab ul li a{width: 99px;}
#header_news, #header_logo,#header_menu{border-bottom: 1px #dadada solid;}
#header_news{height: 21px; overflow: hidden; line-height: 21px;}
#header_news p{padding: 2px 8px; vertical-align: middle;}
#header_member{height: 90px; margin: 4px 0 4px 0;}
#header_member_bk{width: 248px; height: 90px; display: inline; float: left; margin-right: 4px; margin-top: -1px;}
#header_banner{width: 728px; height: 90px; display: inline; float: right;}
#header_menu{height: 57px;}
#header_member_bk a{color: #00578e;}
#header_index div.pad_left{padding-left: 20px;}
#header_index {height: 49px;}
#header_index .index_symbol{line-height: 13px; padding-top: 4px; padding-right: 7px;}/* News */
#header_index div span{padding: 0px 5px;}
.index_bk{padding-top: 6px; display: inline-block; text-align: right; vertical-align: top;}
#header_index_first{padding-left: 0px;}

#loginBox a { color:#006AAA; text-decoration:none; }
#loginBox a:hover { color:#FF7700; text-decoration:none; }

#stock_search{vertical-align: top; height: 16px; border: 1px solid #dadada; width: 159px;}
#btn_stock_search{width: 67px; height: 16px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF00b0ed', EndColorStr='#FF005c82'); background-image: -moz-linear-gradient(top, #00b0ed, #005c82); background-image: -webkit-gradient(linear, center top, center bottom, from(#00b0ed), to(#005c82)); background-image: -o-linear-gradient(top, #00b0ed, #005c82); background-image: linear-gradient(top, #00b0ed, #005c82);}
#stock_search_select{width: 238px; font-size: 12px; border: 1px solid #dadada;}
#header_tab li.ui-state-default{background: url('../images/menu_tab_inactive.png') no-repeat; font-weight: 700; border: 0px; padding-top: 3px;}
#header_tab li.ui-state-default a{padding: 0px; color: #fff; padding-top: 1px;}
#header_tab ul li.ui-state-active{background: url('../images/menu_tab_active.png') no-repeat;}
#header_tab ul li.ui-state-active a{color: #007aaa;}/* Home Index Graph */
#index_tab, #index_tab li{position: static;}
#index_tab ul li{border: none; background: none; padding-top: 1px;}
#index_tab ul li.ui-state-active{background: #fff; border: 1px solid #ccc; border-bottom: 0px; padding-top: 0px; position: relative;}
#index_tab ul li.ui-state-active a{color: #666;}
#index_tab ul li a{padding: .3em; color: #004066;}
#index_tab .ui-tabs-panel{padding: 0px; border: 1px solid #ccc; border-top: 0px;}
#index_tab div{height: 193px;}/* Home IPO */
#footer, .footer{width:982px;color:#999;margin:0px;position:fixed;bottom: 0px;line-height:26px;height:26px;opacity:0.80;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);z-index:99999;overflow: hidden; letter-spacing:0px; font-size:12px; }
#btm_bar{width: 959px;}
#footer .btm_bar_shtcut a.text_link{color: #007aaa; padding: 0px 16px; font-weight: 700;}
#footer img {vertical-align: text-bottom;}
#btm_bar_social{float: right; color: #000;}
#footer img{padding-right: 6px;}
#btm_bar input.ui-button{padding: 0px;}/* Corner radius */ /*****grid.css*****/
html{color: #000; background: #FFF;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}
li{list-style: none;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
q:before, q:after{content: '';}
abbr, acronym{border: 0; font-variant: normal;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input, textarea, select{font-family: inherit; font-size: inherit; font-weight: inherit;}
input, textarea, select{*font-size: 100%;}
legend{color: #000;}
body {min-width: 980px; font-size: 12px; font-family: Arial;}
.container_16 {margin-left: auto; margin-right: auto; width: 980px; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {display: inline; float: left; margin: 4px 5px 5px 4px;}
#forex .grid_1, #forex .grid_2, #forex .grid_3, #forex .grid_4, #forex .grid_5, #forex .grid_6, #forex .grid_7, #forex .grid_8, #forex .grid_9, #forex .grid_10, #forex .grid_11, #forex .grid_12, #forex .grid_13, #forex .grid_14, #forex .grid_15, #forex .grid_16 {margin: 0px 5px 0px 4px;}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16 {position: relative;}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
.txt_l { text-align: left; }
.txt_3 { text-align: right; }
.bold { font-weight: bold; }
.container_16 .grid_1 {width: 52px;}
.container_16 .grid_2 {width: 114px;}
.container_16 .grid_3 {width: 176px;}
.container_16 .grid_4 {width: 238px;}
.container_16 .grid_5 {width: 300px;margin-right:0px !important;}
.container_16 .grid_6 {width: 362px;}
.container_16 .grid_7 {width: 424px;}
.container_16 .grid_8 {width: 486px;}
.container_16 .grid_9 {width: 548px;}
.container_16 .grid_10 {width: 610px;}
.container_16 .grid_11 {width:671px;margin-left:0px !important;overflow:hidden}
.container_16 .grid_12 {width: 734px;}
.container_16 .grid_13 {width: 796px;}
.container_16 .grid_14 {width: 858px;}
.container_16 .grid_15 {width: 920px;}
.container_16 .grid_16 {width: 980px;margin-left:0px !important;margin-right:0px !important;}
.container_16.resize .grid_16 {width: 1200px;margin-left:0px !important;margin-right:0px !important;}
.container_16 .prefix_1 {padding-left: 62px;}
.container_16 .prefix_2 {padding-left: 124px;}
.container_16 .prefix_3 {padding-left: 186px;}
.container_16 .prefix_4 {padding-left: 248px;}
.container_16 .prefix_5 {padding-left: 310px;}
.container_16 .prefix_6 {padding-left: 372px;}
.container_16 .prefix_7 {padding-left: 434px;}
.container_16 .prefix_8 {padding-left: 496px;}
.container_16 .prefix_9 {padding-left: 558px;}
.container_16 .prefix_10 {padding-left: 620px;}
.container_16 .prefix_11 {padding-left: 682px;}
.container_16 .prefix_12 {padding-left: 744px;}
.container_16 .prefix_13 {padding-left: 806px;}
.container_16 .prefix_14 {padding-left: 868px;}
.container_16 .prefix_15 {padding-left: 930px;}
.container_16 .suffix_1 {padding-right: 62px;}
.container_16 .suffix_2 {padding-right: 124px;}
.container_16 .suffix_3 {padding-right: 186px;}
.container_16 .suffix_4 {padding-right: 248px;}
.container_16 .suffix_5 {padding-right: 310px;}
.container_16 .suffix_6 {padding-right: 372px;}
.container_16 .suffix_7 {padding-right: 434px;}
.container_16 .suffix_8 {padding-right: 496px;}
.container_16 .suffix_9 {padding-right: 558px;}
.container_16 .suffix_10 {padding-right: 620px;}
.container_16 .suffix_11 {padding-right: 682px;}
.container_16 .suffix_12 {padding-right: 744px;}
.container_16 .suffix_13 {padding-right: 806px;}
.container_16 .suffix_14 {padding-right: 868px;}
.container_16 .suffix_15 {padding-right: 930px;}
.container_16 .push_1 {left: 62px;}
.container_16 .push_2 {left: 124px;}
.container_16 .push_3 {left: 186px;}
.container_16 .push_4 {left: 248px;}
.container_16 .push_5 {left: 310px;}
.container_16 .push_6 {left: 372px;}
.container_16 .push_7 {left: 434px;}
.container_16 .push_8 {left: 496px;}
.container_16 .push_9 {left: 558px;}
.container_16 .push_10 {left: 620px;}
.container_16 .push_11 {left: 682px;}
.container_16 .push_12 {left: 744px;}
.container_16 .push_13 {left: 806px;}
.container_16 .push_14 {left: 868px;}
.container_16 .push_15 {left: 930px;}
.container_16 .pull_1 {left: -62px;}
.container_16 .pull_2 {left: -124px;}
.container_16 .pull_3 {left: -186px;}
.container_16 .pull_4 {left: -248px;}
.container_16 .pull_5 {left: -310px;}
.container_16 .pull_6 {left: -372px;}
.container_16 .pull_7 {left: -434px;}
.container_16 .pull_8 {left: -496px;}
.container_16 .pull_9 {left: -558px;}
.container_16 .pull_10 {left: -620px;}
.container_16 .pull_11 {left: -682px;}
.container_16 .pull_12 {left: -744px;}
.container_16 .pull_13 {left: -806px;}
.container_16 .pull_14 {left: -868px;}
.container_16 .pull_15 {left: -930px;}
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} 

/******Menu2.css******/
#menu {list-style: none; width: 980px; margin: 0px auto; height: 30px; padding: 0px; background: url('../images/bgheader.png') repeat-x 0px 0px;}
#menu li {height: 30px; line-height: 32px; float: left; display: block; text-align: center; position: relative; padding: 2px 9px 0px 9px; border: none; padding: 0px 9px; background: url('../images/bgheader.png') no-repeat 0px -32px;}
#menu .split {height: 30px; line-height: 29px; float: left; display: block; text-align: center; position: relative; background: url('../images/bgheader.png') no-repeat 0px -32px;}
#menu li a {color: #EEEEEE; display: block; outline: 0; text-decoration: none;}
#menu li:hover, #menu li.menu_active, #menu li .menu_active a{color: #007AAA; background: #F4F4F4; background: url('../images/bgheader.png') repeat-x 0px -64px;}
#menu li.menu_active a{color: #000 !important; font-weight: bold;}
#menu div .panel_title{color: #000;}
#menu div ul li a{color: #003666; padding: 0 10px;}
#menu li:hover a, #menu li a.menu_active {color: #007AAA;}
#menu li:hover div ul li a{color: #003666; font-weight: 500;}

#menuStock {list-style: none; width: 980px; margin: 0px auto; height: 32px; padding: 0px; background: url('../images/bgStockheader.png') repeat-x 0px 0px;}
#menuStock li {height: 32px; line-height: 32px; float: left; display: block; text-align: center; position: relative; padding: 2px 9px 0px 9px; border: none; padding: 0px 9px; background: url('../images/bgStockheader.png') no-repeat 0px -32px;}
#menuStock .split {height: 32px; line-height: 29px; float: left; display: block; text-align: center; position: relative; background: url('../images/bgStockheader.png') no-repeat 0px -32px;}
#menuStock li a {color: #EEEEEE; display: block; outline: 0; text-decoration: none;}
#menuStock li:hover, #menuStock li.menu_active, #menuStock li .menu_active a{color: #585858; background: #F4F4F4; background: url('../images/bgStockheader.png') repeat-x 0px -64px;}
#menuStock li.menu_active a{color: #007AAA !important; font-weight: normal;}
#menuStock div .panel_title{color: #000;}
#menuStock div ul li a{color: #003666; padding: 0 10px;}
#menuStock li:hover a, #menuStock li a.menu_active {color: #585858;}
#menuStock li:hover div ul li a{color: #003666; font-weight: 500;}

#header_products{height: 30px; background: url('../images/bgProductsheader.png') repeat-x 0px 0px; font-size:15px;}
#menuProducts {list-style: none; width:980px; margin: 0px auto; height: 30px; padding: 0px; }
#menuProducts li {height: 30px; line-height: 30px; float: left; display: block; text-align: center; position: relative; padding: 2px 9px 0px 9px; border: none; padding: 0px 9px; background: url('../images/bgProductsheader.png') no-repeat 0px 0px;}
#menuProducts .split {height: 30px; line-height: 27px; display: block; text-align: center; position: relative; background: url('../images/bgProductsheader.png') no-repeat 0px -60px;}
#menuProducts li a {color: #EEEEEE; display: block; outline: 0; text-decoration: none;}
#menuProducts li:hover, #menuProducts li.menu_active, #menuProducts li .menu_active a{color: #585858; background: #F4F4F4; background: url('../images/bgProductsheader.png') repeat-x 0px -30px;}
#menuProducts li.menu_active a{color: #000 !important; font-weight: normal;}
#menuProducts div .panel_title{color: #000;}
#menuProducts div ul li a{color: #003666; padding: 0 10px;}
#menuProducts li:hover a, #menuProducts li a.menu_active {color: #585858;}
#menuProducts li:hover div ul li a{color: #003666; font-weight: 500;}

#menuFund {list-style: none; width: 980px; margin: 0px auto; height: 30px; padding: 0px; background: url('../images/bgFundheader.png') repeat-x 0px 0px;}
#menuFund li {height: 30px; line-height: 32px; float: left; display: block; text-align: center; position: relative; padding: 2px 9px 0px 9px; border: none; padding: 0px 9px; background: url('../images/bgFundheader.png') no-repeat 0px -32px;}
#menuFund .split {height: 30px; line-height: 29px; display: block; text-align: center; position: relative; background: url('../images/bgheader.png') no-repeat 0px -32px;}
#menuFund li a {color: #EEEEEE; display: block; outline: 0; text-decoration: none;}
#menuFund li:hover, #menuFund li.menu_active, #menuFund li .menu_active a{color: #585858; background: #F4F4F4; background: url('../images/bgFundheader.png') repeat-x 0px -64px;}
#menuFund li.menu_active a{color: #000 !important; font-weight: bold;}
#menuFund div .panel_title{color: #000;}
#menuFund div ul li a{color: #003666; padding: 0 10px;}
#menuFund li:hover a, #menuFund li a.menu_active {color: #585858;}
#menuFund li:hover div ul li a{color: #003666; font-weight: 500;}

#menuUS {list-style: none; width: 980px; margin: 0px auto; height: 32px; padding: 0px; background: url('../images/bgusheader.png') repeat-x 0px 0px;}
#menuUS li {height: 32px; line-height: 32px; float: left; display: block; text-align: center; position: relative; padding: 2px 9px 0px 9px; border: none; padding: 0px 9px; background: url('../images/bgusheader.png') no-repeat 0px -32px;}
#menuUS .split {height: 32px; line-height: 29px; float: left; display: block; text-align: center; position: relative; background: url('../images/bgusheader.png') no-repeat 0px -32px;}
#menuUS li a {color: #EEEEEE; display: block; outline: 0; text-decoration: none;}
#menuUS li:hover, #menuUS li.menu_active, #menuUS li .menu_active a{color: #585858; background: #fff; background: url('../images/bgusheader.png') repeat-x 0px -64px; height:32px}
#menuUS li.menu_active a{color: #007AAA !important; font-weight: normal;}
#menuUS div .panel_title{color: #000;}
#menuUS div ul li a{color: #003666; padding: 0 10px;}
#menuUS li:hover a, #menuUS li a.menu_active {color: #585858;}
#menuUS li:hover div ul li a{color: #003666; font-weight: 500;}
.dropdown_4columns div ul li a{display: initial;}
.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {margin: 0 0 3px; float: left; position: absolute; display: none; text-align: left; padding: 10px 5px 10px 5px; border: 1px solid #777777; border-top: none;/* Gradient background */ background: white; opacity: 0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);}
.dropdown_1column {width: 560px;}
.dropdown_2columns {width: 560px;}
.dropdown_3columns {width: 560px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 560px;}
#menu li .dropdown_1column, #menu li.dropdown_2columns, #menu li .dropdown_3columns, #menu li .dropdown_4columns, #menu li .dropdown_5columns {left: -1px; top: auto;}
#menuStock li .dropdown_1column, #menuStock li.dropdown_2columns, #menuStock li .dropdown_3columns, #menuStock li .dropdown_4columns, #menuStock li .dropdown_5columns {left: -1px; top: auto;}
.col_1, .col_2, .col_3, .col_4, .col_5 {display: inline; float: left; position: relative; margin-left: 5px; margin-right: 5px;}
.col_1 {width: 130px;}
.col_2 {width: 270px;}
.col_3 {width: 410px;}
.col_4 {width: 550px;}
.col_5 {width: 690px;}
#menu .panel_title, #menuStock .panel_title{font-weight: 700;}
#menu .menu_right {float: left;}
#menu li:hover .align_right,#menu li .align_right, #menuStock li:hover .align_right,#menuStock li .align_right {left: auto; right: -1px; top: auto;}
#menu p, #menu h2, #menu h3, #menu ul li {line-height: 21px; text-align: left;}
#menu p {line-height: 18px; margin: 0 0 10px 0;}
.strong {font-weight: bold;}
.italic {font-style: italic;}
.imgshadow {background: #FFFFFF; padding: 4px; border: 1px solid #777777; margin-top: 5px;}
.img_left {width: auto; float: left; margin: 5px 15px 5px 5px;}
#menu li .black_box, #menu li .black_box {background-color: #333333; color: #eeeeee; text-shadow: 1px 1px 1px #000; padding: 4px 6px 4px 6px;}
#menu li ul, #menuStock li ul {list-style: none; padding: 0; margin: 0 0 12px 0;}
#menu li ul li, #menuStock li ul li {font-size: 12px; line-height: 24px; position: relative; text-shadow: 1px 1px 1px #ffffff; padding: 0; margin: 0; float: none; text-align: left; width: 130px; background: none;}
#menu li ul li:hover {background: none; border: none; padding: 0; margin: 0;}
#menuStock li ul li:hover {background: none; border: none; padding: 0; margin: 0;}
#menu li div{font-weight: 500;}
#menuStock li div{font-weight: 500;}
#menu a.orange {color: #FA0;}
#menu li.no_bg{background: none;}
#menu li.search{padding: 0px 5px; float: right;}
#menu li.search:hover{font-weight: 500;}
#menu li.search a {color: White;}
#menu li.search a:hover {color: #F80;}
#menu li.menu1{padding: 0px 9px 0px 0px; margin: 0px;}
#menu li:hover.menu1{background: none;}
#menuFund a.orange {color: #FA0;}
#menuFund li.no_bg{background: none;}
#menuFund li.search{padding: 0px 5px; float: right;}
#menuFund li.search:hover{font-weight: 500;}
#menuFund li.search a {color: White;}
#menuFund li.search a:hover {color: #F80;}
#menuFund li.menu1{padding: 0px 9px 0px 0px; margin: 0px;}
#menuFund li:hover.menu1{background: none;}
#menuStock a.orange {color: #FA0;}
#menuStock li.no_bg{background: none;}
#menuStock li.search{padding: 0px 5px; float: right;}
#menuStock li.search:hover{font-weight: 500;}
#menuStock li.search a {color: White;}
#menuStock li.search a:hover {color: #F80;}
#menuStock li.menu1{padding: 0px 9px 0px 0px; margin: 0px;}
#menuStock li:hover.menu1{background: none;}

#menuProducts a.orange {color: #FA0;}
#menuProducts li.no_bg{background: none;}
#menuProducts li.search{padding: 0px 5px; float: right;}
#menuProducts li.search:hover{font-weight: 500;}
#menuProducts li.search a {color: White;}
#menuProducts li.search a:hover {color: #F80;}
#menuProducts li.menu1{padding: 0px 9px 0px 0px; margin: 0px;}
#menuProducts li:hover.menu1{background: none;}

#menuUS li.no_bg{background: none;}
#menuUS li.search{padding: 0px 5px; float: right;}
#menuUS li.search:hover{font-weight: 500;}
#menuUS li.search a {color: White;}
#menuUS li.search a:hover {color: #F80;}
#menuUS li.menu1{padding: 0px 9px 0px 0px; margin: 0px;}
#menuUS li:hover.menu1{background: none;}
#menu_search_input {padding-top: 2px; margin-top: 1px; width: 85px; height: 18px; color: #999;}
#menu_btn_search {width: 45px; height: 24px; color: #007CCC; background: url('../images/menu_btn_search.png') no-repeat; border: 0px; padding: 0px; font-size: 11px;}

#menu_subsection a{color: #004666;}
#menu_subsection a:hover {color: #F80;}
#menu_subsection{height: 26px; clear: both; line-height: 26px; color: #004666; background: url('../images/bg_header_menu_subsection.png') repeat-x;}
#menu_subsection a.active{font-weight: 700; color: #000;}

#menuProducts_subsection a {color: #555;}
#menuProducts_subsection a:hover {color: #F80; text-decoration:underline; }
#menuProducts_subsection{height: 26px; clear: both; line-height: 26px; color: #004666; background: url('../images/products/linkbar/bg_txtmenu.gif');}
#menuProducts_subsection a.active{font-weight: 700; color: #000;}
#menuProducts_subsection a.sel { color:#F80; text-decoration:underline; }

.menu_banner {clear: both; background: black; width: 468px; height: 60px; display: block; color: white; bottom: 9px;}
.bold{font-weight: 700;} /******datatable.css******/
.dataTables_wrapper {position: relative; clear: both; zoom: 1;}
.dataTables_processing {position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white;}
.dataTables_length {width: 40%; float: left;}
.dataTables_filter {display: none;}
.dataTables_info {width: 60%; float: left;}
.dataTables_paginate {width: 44px; width: 50px; float: right; text-align: right;}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {height: 19px; width: 19px; margin-left: 3px; float: left;}
table.display {margin: 0 auto; padding: 5px; clear: both; width: 100%;}
table.display a{color: #006aaa;}
table.display a:hover {color: #009fff;}
table.display a.grey{color: #aaa;}
table.display thead th {padding: 3px 4px; color: #aaa; font-weight: 500; border-bottom: 1px solid #e6e6e6;}
table.borderCD thead th {border-bottom: 1px solid #cdcdcd;}
table.display tfoot th {padding: 3px 18px 3px 4px; color: #ccc; text-align: left; font-weight: 500;}
table.display tr.heading2 td {border-bottom: 1px solid #aaa;}
table.display td {padding: 4px 3px;}
table.display th {padding: 4px 5px;}
table.display td.center {text-align: center;}
table.display td.left {text-align: left;}
table.display td.right {text-align: right;}
table.display tr.odd .gradeA {background-color: #ddffdd;}
table.display tr.even .gradeA {background-color: #eeffee;}
table.display tr.odd .gradeC {background-color: #ddddff;}
table.display tr.even .gradeC {background-color: #eeeeff;}
table.display tr.odd .gradeX {background-color: #ffdddd;}
table.display tr.even .gradeX {background-color: #ffeeee;}
table.display tr.odd .gradeU {background-color: #ddd;}
table.display tr.even .gradeU {background-color: #eee;}
.dataTables_scroll {clear: both;}
.dataTables_scrollBody {*margin-top: -1px;}
.top, .bottom {padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC;}
.top .dataTables_info {float: none;}
.clear {clear: both;}
.dataTables_empty {text-align: center;}
tfoot input {margin: 0.5em 0; width: 100%; color: #444;}
tfoot input.search_init {color: #999;}
td.group {background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E;}
td.details {background-color: #d1cfd0; border: 2px solid #A19B9E;}
.example_alt_pagination div.dataTables_info {width: 40%;}
.paging_full_numbers {width: 400px; height: 22px; line-height: 22px;}
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active {border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand;}
.paging_full_numbers span.paginate_button {background-color: #ddd;}
.paging_full_numbers span.paginate_button:hover {background-color: #ccc;}
.paging_full_numbers span.paginate_active {background-color: #99B3FF;}
table.display tr.even .row_selected td {background-color: #B0BED9;}
table.display tr.odd .row_selected td {background-color: #9FAFD1;}
tr.odd .gradeA td.sorting_1 {background-color: #c4ffc4;}
tr.odd .gradeA td.sorting_2 {background-color: #d1ffd1;}
tr.odd .gradeA td.sorting_3 {background-color: #d1ffd1;}
tr.even .gradeA td.sorting_1 {background-color: #d5ffd5;}
tr.even .gradeA td.sorting_2 {background-color: #e2ffe2;}
tr.even .gradeA td.sorting_3 {background-color: #e2ffe2;}
tr.odd .gradeC td.sorting_1 {background-color: #c4c4ff;}
tr.odd .gradeC td.sorting_2 {background-color: #d1d1ff;}
tr.odd .gradeC td.sorting_3 {background-color: #d1d1ff;}
tr.even .gradeC td.sorting_1 {background-color: #d5d5ff;}
tr.even .gradeC td.sorting_2 {background-color: #e2e2ff;}
tr.even .gradeC td.sorting_3 {background-color: #e2e2ff;}
tr.odd .gradeX td.sorting_1 {background-color: #ffc4c4;}
tr.odd .gradeX td.sorting_2 {background-color: #ffd1d1;}
tr.odd .gradeX td.sorting_3 {background-color: #ffd1d1;}
tr.even .gradeX td.sorting_1 {background-color: #ffd5d5;}
tr.even .gradeX td.sorting_2 {background-color: #ffe2e2;}
tr.even .gradeX td.sorting_3 {background-color: #ffe2e2;}
tr.odd .gradeU td.sorting_1 {background-color: #c4c4c4;}
tr.odd .gradeU td.sorting_2 {background-color: #d1d1d1;}
tr.odd .gradeU td.sorting_3 {background-color: #d1d1d1;}
tr.even .gradeU td.sorting_1 {background-color: #d5d5d5;}
tr.even .gradeU td.sorting_2 {background-color: #e2e2e2;}
tr.even .gradeU td.sorting_3 {background-color: #e2e2e2;}
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {background-color: #ECFFB3;}
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {background-color: #E6FF99;}
.ex_highlight_row #example tr.even:hover {background-color: #ECFFB3;}
.ex_highlight_row #example tr.even:hover td.sorting_1 {background-color: #DDFF75;}
.ex_highlight_row #example tr.even:hover td.sorting_2 {background-color: #E7FF9E;}
.ex_highlight_row #example tr.even:hover td.sorting_3 {background-color: #E2FF89;}
.ex_highlight_row #example tr.odd:hover {background-color: #E6FF99;}
.ex_highlight_row #example tr.odd:hover td.sorting_1 {background-color: #D6FF5C;}
.ex_highlight_row #example tr.odd:hover td.sorting_2 {background-color: #E0FF84;}
.ex_highlight_row #example tr.odd:hover td.sorting_3 {background-color: #DBFF70;}
table.KeyTable td {border: 3px solid transparent;}
table.KeyTable td.focus {border: 3px solid #3366FF;}
table.display tr.gradeA {background-color: #eeffee;}
table.display tr.gradeC {background-color: #ddddff;}
table.display tr.gradeX {background-color: #ffdddd;}
table.display tr.gradeU {background-color: #ddd;}
div.box {height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF;}
.tabs-last{float: right;}
.sorting{cursor: pointer;}
.sorting_asc{background: url('../images/common/tri_sort_asc.png') no-repeat 30px center; cursor: pointer;}
.sorting_desc{background: url('../images/common/tri_sort_desc.png') no-repeat 30px center; cursor: pointer;}
/*.toplogo {background: url('../images/common/aalogo_CNY2017.png') no-repeat; width: 186px; height:44px; margin-top:4px;}*/
.toplogo { width:150px; height:48px; margin:1px 20px 0px 12px; background-size:150px 48px; background-image:url('../images/logo/AASTOCKS_hp_logo_144.png'); image-rendering: -webkit-optimize-contrast; cursor:pointer; }
.toplogodzh {background: url('../images/common/aalogo_dzh.png') no-repeat; width: 190px;}
.toplogobg {height: 51px;}
.toplogobig {background: url('../images/common/aalogo.gif') no-repeat; width: 190px;}
.toplogoSplit {background: url('../images/common/aalogo_rbg.png') no-repeat 0px -51px; height: 51px; width: 1px;}
.topIndex td {padding: 1px;}
.topIndex td.name {color: #00578E; text-align: right;}
.topIndex td.name-en {text-align: left;}
.topIndex td.last {color: #000; font-size: 16px; font-weight: bold; border: solid 1px #FFF; text-align: right;}
.topIndex .last1 {color: #000; font-size: 16px; font-weight: bold; border: solid 1px #FFF; background-color: #FFF; text-align: right;}
.topIndex .last2 {color: #000; font-size: 16px; font-weight: bold; border: solid 1px #FF9600; background-color: #FFE6C2; text-align: right;}
.topIndex td.change {color: #000; font-weight: bold; text-align: right;}
.lnk2, .lnk2:visited, .lnk2:link{font: bold 18px Arial; color: #A6B6C6;}
.lnk2:hover{color: #F80;}
.lnk3, .lnk3:visited, .lnk3:link{color: #666;}
.lnk3:hover{color: #f80;}
.topNews {height: 22px; border-bottom: solid 1px #EEE; line-height: 22px;}
.fxarrup {background: url('../images/tophead/forex_arr_news.png') no-repeat 0 -1px; height: 11px; width: 11px; line-height: 11px;}
.fxarrdown {background: url('../images/tophead/forex_arr_news.png') no-repeat 0 -12px; height: 11px; width: 11px; line-height: 11px;}
.fdarrup {background: url('../images/tophead/fund_arr_news.png') no-repeat 0 -1px; height: 11px; width: 11px; line-height: 11px;}
.fdarrdown {background: url('../images/tophead/fund_arr_news.png') no-repeat 0 -12px; height: 11px; width: 11px; line-height: 11px;}
.stockarrup {background: url('../images/tophead/stock_arr_news.png') no-repeat 0 -1px; height: 11px; width: 11px; line-height: 11px;}
.stockarrdown {background: url('../images/tophead/stock_arr_news.png') no-repeat 0 -12px; height: 11px; width: 11px; line-height: 11px;}
.arrchange1 {background: url('../images/common/arr_change.png') no-repeat 0px 0px; height: 21px; width: 21px;}
.arrchange2 {background: url('../images/common/arr_change.png') no-repeat 0px -21px; height: 21px; width: 21px;}
.loginBar {background: url('../images/common/loginBar.png') no-repeat; height: 22px; width: 248px; color: #1A87B2;}
.loginBar2 {background: url('../images/common/loginBar2.png') no-repeat; height: 64px; width: 248px;}

.Stocktab {float: left; height: 2px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.Stocktab .tab_L {background: url('../images/tophead/sto_tab_l.png') no-repeat; height: 23px; width: 10px; float: left;}
.Stocktab .tab_C {background: url('../images/tophead/sto_tab_c.png') repeat-x; height: 23px; line-height:23px;width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: #fff;}
.Stocktab .tab_R {background: url('../images/tophead/sto_tab_r.png') no-repeat; height: 23px; width: 10px; float: left;}
.fdtab {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.fdtab .tab_L {background: url('../images/tophead/fd_tab_l.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}
.fdtab .tab_C {background: url('../images/tophead/fd_tab_c.png') repeat-x; height: 23px; line-height:23px;width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: #fff;}
.fdtab .tab_R {background: url('../images/tophead/fd_tab_r.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}
.fxtab {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.fxtab .tab_L {background: url('../images/tophead/fx_tab_l.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}
.fxtab .tab_C {background: url('../images/tophead/fx_tab_c.png') repeat-x; height: 23px; line-height:23px;width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: #fff;}
.fxtab .tab_R {background: url('../images/tophead/fx_tab_r.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}
.headtab {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.headtab .tab_L {background: url('../images/tophead/head_select_l.png') no-repeat; height: 23px; width: 10px; float: left;}
.headtab .tab_C {background: url('../images/tophead/head_select_c.png') repeat-x; height: 23px; line-height:23px; width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: #000;}
.headtab .tab_R {background: url('../images/tophead/head_select_r.png') no-repeat; height: 23px; width: 10px; float: left;}
.cnhktab-sel {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.cnhktab-sel .tab_L {background: url('../images/tophead/cnhk_head_select_l.png') no-repeat; height: 23px; width: 10px; float: left;}
.cnhktab-sel .tab_C {background: url('../images/tophead/cnhk_head_select_c.png') repeat-x; height: 23px; line-height:23px; width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: #fff;}
.cnhktab-sel .tab_R {background: url('../images/tophead/cnhk_head_select_r.png') no-repeat; height: 23px; width: 10px; float: left;}
.cnhktab {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.cnhktab .tab_L {background: url('../images/tophead/cnhk_tab_l.png') no-repeat; height: 23px; width: 10px; float: left;}
.cnhktab .tab_C {background: url('../images/tophead/cnhk_tab_c.png') repeat-x; height: 23px; line-height:23px; width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: white;}
.cnhktab .tab_R {background: url('../images/tophead/cnhk_tab_r.png') no-repeat; height: 23px; width: 10px; float: left;}
.ustab {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.ustab .tab_L {background: url('../images/tophead/us_tab_l.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}
.ustab .tab_C {background: url('../images/tophead/us_tab_c.png') repeat-x; height: 23px; line-height:23px;width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: #fff;}
.ustab .tab_R {background: url('../images/tophead/us_tab_r.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}
.dzhtab {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.dzhtab .tab_L {background: url('../images/tophead/dzh_tab_l.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}
.dzhtab .tab_C {background: url('../images/tophead/dzh_tab_c.png') repeat-x; height: 23px; line-height:23px;width: 79px; float: left; padding: 1px 1px 1px 1px; text-align: center; color: #fff;}
.dzhtab .tab_R {background: url('../images/tophead/dzh_tab_r.png') no-repeat; height: 23px; width: 10px; float: left; color: #fff;}


.SetHomePage {margin-left: 17px; display: block; list-style-type: decimal; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 20px;}
.SetHomePage li {float: none; list-style-type: decimal; line-height: 1.5; margin-bottom: 4px;}
.topsc {height:19px;color:#000;display:block;}
.topiphone{width:60px;background:url('../images/tophead/btn_top_iphone.png') no-repeat;}
.topiphone:hover{background:url('../images/tophead/btn_top_iphone_o.png') no-repeat;}
.topandroid{width:65px;background:url('../images/tophead/btn_top_android.png') no-repeat;}
.topandroid:hover{background:url('../images/tophead/btn_top_android_o.png') no-repeat;}
.sethome {width:19px;background:url('../images/tophead/btn_top_sethp.png') no-repeat;}
.sethome:hover{background:url('../images/tophead/btn_top_sethp_o.png') no-repeat;}
.arrchg {background :url('../images/tophead/arr_head.png') no-repeat;width:60px;height:21px}
.arrchg_en {background-position:0 0px}
.arrchg_tc {background-position:0 -21px}
.arrchg_cn {background-position:0 -41px}

.cls { letter-spacing:0px; }
.curpointer{ cursor:pointer}
.none { display:none; }