/* Minification failed. Returning unminified contents.
(4732,158): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'rgba('
(7397,39): run-time error CSS1030: Expected identifier, found '.'
(7397,51): run-time error CSS1031: Expected selector, found ')'
(7397,51): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*V1.1, Sam Hui, PDEV-1431*/
/*V1.2, Sam Hui, PDEV-1801*/
.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible {position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
.ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;}
.ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ui-helper-clearfix {display: inline-block;} /* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {height: 1%;}
.ui-helper-clearfix {display: block;} /* end clearfix */
.ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);}
.ui-state-disabled {cursor: default !important;}
.ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;}
.ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Component containers ----------------------------------*/
.ui-widget {/*font-size: 1.1em;*/}
.ui-widget .ui-widget {font-size: 1em;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size: 1em;}
.ui-widget-content {background-color: #ffffff; color: #222222;}
.ui-widget-content a {color: #006aaa; text-decoration: none;}
.ui-widget-header {border-bottom: 1px solid #dadada; background-color: #ffffff; color: #666666; font-weight: bold;}
.ui-widget-header a {color: #666666;} /* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {xxxbackground: url('../../images/sprite/tab_bg_default.png') repeat-x; font-weight: normal; color: #888; border: 1px solid #ccc;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #888; text-decoration: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {font-weight: normal;}
.ui-state-hover a, .ui-state-hover a:hover {text-decoration: none;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {font-weight: normal; color: #666666;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #666; text-decoration: none;}
.ui-widget:active {outline: none;} /* Interaction Cues ----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background-color: #fbf9ee; color: #363636;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {color: #363636;}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background-color: #fef1ec; color: #cd0a0a;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {color: #cd0a0a;}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {color: #cd0a0a;}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {font-weight: bold;}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {opacity: .7; filter:Alpha(Opacity=70); font-weight: normal;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35; filter:Alpha(Opacity=35); background-image: none;}
.ui-icon {width: 16px; height: 16px; xxxbackground-image: url(images/ui-icons_222222_256x240.png);}
.ui-icon-circle-triangle-e {background-position: -48px -192px;}
.ui-icon-circle-triangle-w {background-position: -80px -192px;} /* Misc visuals ----------------------------------*/ /* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {-moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {-moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px;} /* Overlays */
.ui-widget-overlay {background-color: #aaaaaa; opacity: .30; filter:Alpha(Opacity=30);}
.ui-widget-shadow {margin: -8px 0 0 -8px; padding: 8px; background-color: #aaaaaa; opacity: .30; filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.ui-autocomplete {position: absolute; cursor: default; max-height: 300px; overflow-y: auto; overflow-x: hidden;} /* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
* html .ui-autocomplete {width: 1px;}/* without this, the menu expands to 100% in IE6 */
.ui-menu {list-style: none; padding: 2px; margin: 0; display: block; float: left;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%;}
.ui-menu .ui-menu-item a {text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1;}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal; margin: -1px;}
.ui-tabs {position: relative;}/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {margin: 0;}
.ui-tabs .ui-tabs-nav li {list-style: none; float: left; position: relative; top: 1px; margin: 0px 2px 0px 0px; border-bottom: 0 !important; padding: 0; white-space: nowrap;}
.ui-tabs .ui-tabs-nav li a {display: block; float: left; padding: .2em 1em; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom: 0; padding-bottom: 1px; border: 1px solid #ccc; background: #fff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {display: block; border-width: 0; background: none;}
.ui-tabs .ui-tabs-hide {display: none !important;}
.ui-datepicker {width: 17em; padding: .2em .2em 0; display: none;}
.ui-datepicker .ui-datepicker-header {position: relative; padding: .2em 0;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position: absolute; top: 2px; width: 1.8em; height: 1.8em;}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 1px;}
.ui-datepicker .ui-datepicker-prev {left: 2px;}
.ui-datepicker .ui-datepicker-next {right: 2px;}
.ui-datepicker .ui-datepicker-prev-hover {left: 1px;}
.ui-datepicker .ui-datepicker-next-hover {right: 1px;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center;}
.ui-datepicker .ui-datepicker-title select {font-size: 1em; margin: 1px 0;}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 40%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;}
.ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0;}
.ui-datepicker td {border: 0; padding: 1px;}
.ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: right; text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;} /* with multiple calendars */
.ui-datepicker .ui-datepicker-multi {width: auto;}
.ui-datepicker-multi .ui-datepicker-group {float: left;}
.ui-datepicker-multi .ui-datepicker-group table {width: 95%; margin: 0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}
.ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {border-left-width: 0;}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear: left;}
.ui-datepicker-row-break {clear: both; width: 100%; font-size: 0em;} /* RTL support */
.ui-datepicker-rtl {direction: rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px; left: auto;}
.ui-datepicker-rtl .ui-datepicker-next {left: 2px; right: auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px; left: auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px; right: auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float: right;}
.ui-datepicker-rtl .ui-datepicker-group {float: right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width: 0; border-left-width: 1px;}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0; border-left-width: 1px;} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {display: none;/*sorry for IE5*/ display/**/: block;/*sorry for IE5*/ position: absolute;/*must have*/ z-index: -1;/*must have*/ filter: mask();/*must have*/ top: -4px;/*must have*/ left: -4px;/*must have*/ width: 200px;/*must have*/ height: 200px;/*must have*/}
.tabs-title{display: block; height: 23px; line-height: 23px; font-weight: 700; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(221, 239, 255)), color-stop(0.44, rgb(255, 255, 255)), color-stop(1, rgb(255, 255, 255))); background-image: -moz-linear-gradient(center top, rgb(221, 239, 255) 0%, rgb(255, 255, 255) 44%, rgb(255, 255, 255) 100%); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFDDEFFF', EndColorStr='#FFFFFFFF');}
.title-line{display: block; height: 4px; line-height: 4px; background: #004E8B;}
.ui-tabs .ui-tabs-nav .tabs-last{float: right; margin: 0; background: transparent; border: 0px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFFF', EndColorStr='#FFFFFFFF');}
.ui-tabs .ui-tabs-nav .tabs-last a{color: #0082D5; padding: 0.3em 0px;}

.ui-autocomplete-input {text-transform: uppercase;}
.ui-menu {border: solid 1px #C5CED4; z-index: 2000 !important;}
.ui-menu .ui-menu-item a {color: Black;}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal; margin: 0px; color: Black; background: #E4F3FA;}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/*V1.1, Jacky, Request by Eric, update the shortcut menu to 0.8 */
/*V1.2, Jacky, Update main grid layout*/
/*V1.3, Alvin, PDEV-695*/
/*V1.4, Alvin, PDEV-707(B)*/
/*V1.5, Jacky PDEV-738*/
/*V1.6, Alvin, Font-Family Change*/
/*V1.7, Alvin, PDEV-775*/
/*V1.8, Alvin, PDEV-807*/
/*V1.9, Alvin, AASTK-P141117-A*/
/*V2.0, Alvin, AASTK-P150113-A*/
/*V2.1, Alvin, AASTK-P150113-A (Remove)*/
/*V2.2, Alvin, PDEV-830*/
/*V2.3, Alvin, PDEV-866*/
/*V2.4, Janice, AASTK-P151218-A*/
/*V2.5, Janice, AASTK-P151218-A(remove)*/
/*V2.6, Janice, AASTK-P160126-A*/
/*V2.7, Janice, AASTK-P160126-A(remove)*/
/*V2.8, Janice, AASTK-P161216-A*/
/*V2.9, Janice, AASTK-P161216-A(remove)*/
/*V3.0, Sam Hui, AASTK-P170113-A, AASTOCKS request for logo upload (Lunar New Year 2017) */
/*
V3.1, Sam Hui, AASTK-P170113-A, AASTOCKS request for logo upload (Lunar New Year 2017) [remove] 
V3.2, Sam Hui, PDEV-1077
V3.3, Janice, AASTK-P171201-A
V3.4, Janice, AASTK-P171201-A(remove)
V3.5, Sam Hui, AASTK-P180111-A
V3.6, Sam Hui, AASTK-P180111-A(remove)
V3.7, Alvin, PDEV-1142
V3.8, Sam Hui, AASTK-P201204-A
V3.9, Alvin, PDEV-1511
V4.0, Sam Wong, PDEV-1564
*/
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;} 

#menuFx {list-style: none; width: 980px; margin: 0px auto; height: 30px; padding: 0px; background: url('../images/bgheader_v1.1.png') repeat-x 0px 0px; position:relative; z-index:21 }
#menuFx li {height: 30px; line-height: 30px; float: left; display: block; text-align: center; position: relative; padding: 2px 0px 0px 0px; border: none; padding: 0px; position:relative; z-index:21  }
#menuFx li.split {height: 30px; line-height: 28px; float: left; display: block; text-align: center; position: relative; background: url('../images/bgheader_v1.1.png') no-repeat 0px -30px; width:2px}
#menuFx li a { padding:0px 9px; }
#menuFx li a { color: #FDFDFD; display: block; outline: 0; text-decoration: none;}
#menuFx li:not(.split):hover { color: #000; background: #fff; background: url('../images/bgheader_v1.1.png') repeat-x 0px -90px; height:30px;}
#menuFx li.menu_active { color: #000; background: #fff; background: url('../images/bgheader_v1.1.png') repeat-x 0px -60px; height:30px;}
#menuFx li.menu_active > a {color: #000 !important; font-weight: normal;}
#menuFx div .panel_title{color: #000;}
#menuFx div ul li a{color: #003666; padding: 0 10px;}
#menuFx li:hover a, #menuFx li a.menu_active {color: #000;}
#menuFx 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_v1.1.png') repeat-x 0px 0px; position:relative; z-index:21 }
#menuFund li {height: 30px; line-height: 30px; float: left; display: block; text-align: center; position: relative; padding: 2px 0px 0px 0px; border: none; padding: 0px; position:relative; z-index:21  }
#menuFund li.split {height: 30px; line-height: 28px; float: left; display: block; text-align: center; position: relative; background: url('../images/bgFundheader_v1.1.png') no-repeat 0px -30px; width:2px}
#menuFund li a { padding:0px 9px; }
#menuFund li a { color: #FDFDFD; display: block; outline: 0; text-decoration: none;}
#menuFund li:not(.split):hover { color: #000; background: #fff; background: url('../images/bgFundheader_v1.1.png') repeat-x 0px -90px; height:30px;}
#menuFund li.menu_active { color: #000; background: #fff; background: url('../images/bgFundheader_v1.1.png') repeat-x 0px -60px; height:30px;}
#menuFund li.menu_active > a {color: #000 !important; font-weight: normal;}
#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: #000;}
#menuFund li:hover div ul li a{color: #003666; font-weight: 500;}

#menuUS {list-style: none; width: 980px; margin: 0px auto; height: 30px; padding: 0px; background: url('../images/bgusheader_v1.1.png') repeat-x 0px 0px; position:relative; z-index:21 }
#menuUS li {height: 30px; line-height: 30px; float: left; display: block; text-align: center; position: relative; padding: 2px 0px 0px 0px; border: none; padding: 0px; position:relative; z-index:21  }
#menuUS li.split {height: 30px; line-height: 28px; float: left; display: block; text-align: center; position: relative; background: url('../images/bgusheader_v1.1.png') no-repeat 0px -30px; width:2px}
#menuUS li a { padding:0px 9px; }
#menuUS li a { color: #FDFDFD; display: block; outline: 0; text-decoration: none;}
#menuUS li:not(.split):hover { color: #000; background: #fff; background: url('../images/bgusheader_v1.1.png') repeat-x 0px -90px; height:30px;}
#menuUS li.menu_active { color: #000; background: #fff; background: url('../images/bgusheader_v1.1.png') repeat-x 0px -60px; height:30px;}
#menuUS li.menu_active > a {color: #000 !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: #000;}
#menuUS li:hover div ul li a{color: #003666; font-weight: 500;}

#menuCNHK {list-style: none; width: 980px; margin: 0px auto; height: 30px; padding: 0px; background: url('../images/bgcnhkheader.png') repeat-x 0px 0px; position:relative; z-index:21 }
#menuCNHK li {height: 30px; line-height: 30px; float: left; display: block; text-align: center; position: relative; padding: 2px 0px 0px 0px; border: none; padding: 0px; position:relative; z-index:21  }
#menuCNHK li.split {height: 30px; line-height: 28px; float: left; display: block; text-align: center; position: relative; background: url('../images/bgcnhkheader.png') no-repeat 0px -30px; width:2px}
#menuCNHK li a { padding:0px 9px; }
#menuCNHK li a { color: #FDFDFD; display: block; outline: 0; text-decoration: none;}
#menuCNHK li:not(.split):hover { color: #000; background: #fff; background: url('../images/bgcnhkheader.png') repeat-x 0px -90px; height:30px;}
#menuCNHK li.menu_active { color: #000; background: #fff; background: url('../images/bgcnhkheader.png') repeat-x 0px -60px; height:30px;}
#menuCNHK li.menu_active > a {color: #000 !important; font-weight: normal;}
#menuCNHK div .panel_title{color: #000;}
#menuCNHK div ul li a{color: #003666; padding: 0 10px;}
#menuCNHK li:hover a, #menuCNHK li a.menu_active {color: #000;}
#menuCNHK 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: 30px; clear: both; line-height: 30px; color: #004666; background: url('../images/bg_cnhk_header_menu_subsection.png') repeat-x;}
#menu_subsection a.active{font-weight: 700; color: #000;}

#menuCNHK_subsection a{color: #004666;}
#menuCNHK_subsection a:hover {color: #F80;}
#menuCNHK_subsection{height: 30px; clear: both; line-height: 30px; color: #004666; background: url('../images/bg_cnhk_header_menu_subsection.png') repeat-x;}
#menuCNHK_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 { 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}

/*High low indicator box*/
.highInd { border:solid 1px #7dde8d; background:#deffe3; color:#2eb244; border-radius:3px; height:15px; line-height:16px !important; padding:2px 3px 0px 3px; font:normal 12px arial; }
.lowInd { border:solid 1px #ffbbb7; background:#ffdddb; color:#ff766e; border-radius:3px; height:15px; line-height:16px !important; padding:2px 3px 0px 3px; font:normal 12px arial; }
.exDate { border:solid 1px #c2c2c2; background:#f2f2f2; color:#666666; border-radius:3px; height:15px; line-height:16px !important; padding:2px 3px 0px 3px; font:normal 12px arial; }
.listingInd { border:solid 1px #ddb587; background:#ddb587; color:#ffffff; border-radius:3px; height:15px; line-height:16px !important; padding:2px 3px 0px 3px; font:normal 12px arial; }
.delayedInd { cursor:default; border:solid 1px #cecece; background:#ffffff; color:#999999; border-radius:3px; height:15px; line-height:16px !important; padding:2px 3px 0px 3px; font:normal 12px arial; }

/* Reset High Chart Padding */
.highcharts-container { padding:0px !important; }
.highcharts-container div { padding:0px !important; }

.black-arrow-7-8 {
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 7px solid #000;
}

table.tbCommMenu tr td { padding:10px 5px;  }
table.tbCommMenu tr:first-child td { background:url("../images/common/border-x.png") bottom repeat-x; line-height:10px; }
table.tbCommMenu tr:nth-of-type(2) td { line-height:20px; }
table.tbCommMenu tr td a { color:#78A2BB !important; padding:0px !important; text-align:left;}

div.common-menu-shadow
{
    position:absolute; top:30px; background:#F0F0F0; z-index:20; padding:0px;
    display:none;
    height:340px;
    box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 8px 4px 1px rgba(0, 0, 0, 0.25);
}
div.common-menu-shadow-full
{
    height:auto;
    right:0px
}
div.common-menu
{
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #f0f0f0 83%, #fdfdfd 94%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(83%,#f0f0f0), color-stop(94%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
    z-index:20; padding:0px 9px; border-color:#569EBD; border-style:solid; border-width:0px 1px 1px 1px; border-top-color:white; 
    height:349px;
    position:relative;
}
#menuFx div.common-menu { border-color:#4f6c80;}
#menuFund div.common-menu { border-color:#7a8bab;}
#menuUS div.common-menu { border-color:#28578a;}
div.common-menu-full
{
    height:419px;
}

div.common-menu span.text
{
    height: 17px; line-height:17px;
}
div.common-menu-sep
{
    height:5px; line-height:5px;
}
div.common-menu-sep-2
{
    height:10px; line-height:10px;
}
div.common-menu a.lnkmenu { color:#004B7C !important; }
div.common-menu a.lnkmenu:hover { color:orange !important; }

#footer.s1 .line1 { height:2px; background:url("../../resources/images/bottombar/bar_button.png"); background-position:0px -27px; margin-top:24px; margin-left:1px; }
#footer.s2 .line1 { height:2px; background:url("../../resources/images/bottombar/bar_button.png"); background-position:0px -83px; margin-top:24px; margin-left:1px; }
#footer .fbar-close {
    background:url("../../resources/images/bottombar/bar_button.png") no-repeat;
    width:56px;
    height:25px;
    position:absolute;
    top:1px;
    right:0px;
    cursor:pointer;
}
#footer.s1 .fbar-close {
    background-position:-2px -2px;
}
#footer.s1 .fbar-close-hover {
    background-position:-2px -30px;
}
#footer.s2 .fbar-close {
    background-position:-2px -58px;
}
#footer.s2 .fbar-close-hover {
    background-position:-2px -86px;
}
/*V1.1, Alvin, Update Detail chart layout*/
/*V1.2, Jacky, Update main grid layout*/
/*V1.3, Jacky, Update main grid layout*/
/*V1.4, Alvin, PDEV-678*/
/*V1.5, Alvin, HTML5 Chart Replacement*/
/*V1.6, Jacky, Remove #footer style*/
/*V1.7, Alvin, PDEV-698*/
/*V1.8, Alvin, PDEV-707(B)*/
/*V1.9, Jacky, PDEV-701*/
/*V2.0, Alvin, PDEV-731*/
/*V2.1, Alvin, PDEV-765*/
/*V2.2, Tevez, PDEV-762*/
/*V2.3, Tevez, PDEV-771*/
/*V2.4, Jacky, PDEV-766*/
/*V2.5, Jacky */
/*V2.6, Alvin, PDEV-774*/
/*V2.7, Tevez, PDEV-789*/
/*V2.8, Alvin, PDEV-775*/
/*V2.9, Alvin, PDEV-775 Phase 8*/
/*V3.0, Alvin, PDEV-799*/
/*V3.1, Alvin, PDEV-807*/
/*V3.2, Alvin, PDEV-825*/
/*V3.3, Alvin, PDEV-821*/
/*V3.4, Alvin, PDEV-822*/
/*V3.5, Alvin, PDEV-830*/
/*V3.6, Alvin, PDEV-774*/
/*V3.7, Alvin, PDEV-836*/
/*V3.8, Alvin, PDEV-842*/
/*V3.9, Alvin, PDEV-873*/
/*V4.0, Alvin, PDEV-877*/
/*V4.1, Alvin, PDEV-878*/
/*V4.2, Alvin, PDEV-880*/
/*V4.3, Jacky, PDEV-947*/
/*V4.4, Alvin, PDEV-949*/
/*V4.5, Jacky, PDEV-956*/
/*V4.6, Janice, PDEV-987*/
/*V4.7, Alvin, PDEV-1142*/
/*V4.8, Sam Wong, PDEV-1207*/
/*V4.9, Sam Hui, PDEV-1194*/
/*V5.0, Alvin, PDEV-1190
V5.1, Sam Hui, PDEV-1220
V5.2, Sam Hui, PDEV-1225
V5.3, Sam Wong, PDEV-1227
V5.4, Sam Hui, PDEV-1230
V5.5, Sam Wong, PDEV-1190
V5.6, Sam Wong, PDEV-1239
V5.7, Sam Hui, PDEV-1243
V5.8, Sam Hui, PDEV-1243 - video icon modify
V5.9, Sam Hui, PDEV-1246
V6.0, Sam Hui, PDEV-1263
V6.1, Sam Hui, PDEV-1255
V6.2, Sam Hui, PDEV-1247
V6.3, Sam Wong, PDEV-1267 - Recommend News
V6.4, Alvin, PDEV-1284
V6.5, Sam Wong, PDEV-1267 - Recommend News (2)
V6.6, Sam Hui, PDEV-1303
V6.7, Sam Wong, PDEV-1285
V6.8, Sam Hui, PDEV-1326
V6.9, Sam Hui, AAFN Performance chart layout tune
V7.0, Sam Hui, AAFN Performance chart layout tune (2)
V7.1, Sam Wong, PDEV-1310
V7.2, Sam Wong, PDEV-1318
V7.3, Sam Wong, PDEV-1363
V7.4, Sam Wong, PDEV-1369
V7.5, Sam Hui, PDEV-1376
V7.6, Sam Hui, PDEV-1403
V7.7, Sam Hui, PDEV-1420
V7.8, Sam Hui, PDEV-1425
V7.9, Sam Hui, PDEV-1427
V8.0, Alvin, PDEV-1431
V8.1, Sam Hui, PDEV-1442
V8.2, Sam Wong, PDEV-1455
V8.3, Sam Hui, PDEV-1452
V8.4, Sam Hui, PDEV-1478
V8.5, Sam Wong, PDEV-1480
V8.6, Sam Hui, PDEV-1489
V8.7, Alvin, PDEV-1503
V8.8, Alvin, PDEV-1488
V8.9, Sam Hui, PDEV-1518
V9.0, Sam Wong, MS Font fix
V9.1, Sam Hui, Request to udpate font colour on website
V9.2, Sam Hui, PDEV-1564
V9.3, Sam Hui, PDEV-1488 (post comment)
V9.4, Sam Hui, PDEV-1564 (Post Comment)
V9.5, Sam Hui, PDEV-1588
V9.6, Jacky, PDEV-1663
V9.7, Jacky, PDEV-1662
V9.8, Jacky, PDEV-1697
V9.9, Sam Hui, PDEV-1700
V10.0, Sam Hui, PDEV-1700 (post comment)
V10.1, Jacky, PDEV-1710
V10.2, Sam Wong, PDEV-1729
V10.3, Mandy, PDEV-1687 Grey Market
V10.4, Jacky, AASTK-P230530-A
V10.5, Ethan, PDEV-1739 Warrant/CBBC Revamp
V10.6, Jacky, PDEV-1778
V10.7, Sam Hui, PDEV-1802
V10.8, Jacky, PDEV-1812, News AI Translate
*/

body{font: normal 12px arial; background-color: #fff;}
#mainForm .container_16 {width:980px}
#mainForm .container_16.resize { width:980px; }
#mainForm .container_16.resize .grid_16 { width:980px; }
#mainForm .container_16.resize .grid_11 { width:651px; margin-left:0px; margin-right:0px; overflow:visible; }
#mainForm .container_16.resize .grid_5 { margin-left:9px; margin-top:0px; width:320px; overflow:hidden; }
#mainForm .container_16.resize.defPage .grid_11 { width: 620px; margin-right: 0px; }
#mainForm .container_16.resize.defPage .grid_5 { width: 350px; margin-left: 10px; }

#mainForm .grid_16 {margin:0px}
#mainForm .grid_11 {margin-left:0px; width:671px; overflow:hidden}
#mainForm .grid_5{margin-right:0px}
@media screen and (min-width: 1100px) {
    #mainForm .container_16.resize {width:1200px}
    #mainForm .container_16.resize .grid_16 { width:1200px; }
    #mainForm .container_16.resize .grid_11 { width:860px; }
    #mainForm .container_16.resize .grid_5 { margin-left:20px; overflow:hidden; }
    #mainForm .container_16.resize.defPage .grid_11 { width: 830px; margin-right: 0px; }
    #mainForm .container_16.resize.defPage .grid_5 { width: 350px; margin-left: 20px; }
    .div980 { display:none; }
}
input[type='text'] { outline: 0; }
#btn-playpause { z-index:10; cursor:pointer; width:12px; height:12px; }
#btn-playpause.pause { background:url('../images/tophead/pause.png'); }
#btn-playpause.play { background:url('../images/tophead/play.png'); }
a {text-decoration: none;}/*header css */
a.bmpLnk { color:#0869a1 !important; }
a.bmpLnk:hover { color:#10ABE4 !important; }
img { border:0px; }
.bold{font-weight: 700;}
.font-normal { font-weight: normal; }
.grey_text{color: #666;}
.grey_text2{color: #888888;}
.grey_text3{color: #676767;}
.grey85{color: #858585;}
.block{display: block;}
.none { display:none; }
.pad0{padding: 0px;}
.pad0LRimp{padding-left: 0px !important; padding-right: 0px !important;}
.pad0imp{ padding:0px !important; }
.pad0Timp { padding-top:0px!important; }
.pad0Bimp { padding-bottom:0px!important; }
.pad1imp{padding: 1px !important;}
.pad3{padding: 3px;}
.pad3L { padding-left:3px }
.pad3Limp { padding-left:3px !important; }
.pad3R { padding-right:3px }
.pad3Rimp { padding-right:3px !important; }
.pad4{padding: 4px;}
.pad5{padding: 5px;}
.pad9{padding-top: 9px;}
.pad20 { padding:20px !important; }
.margin9{margin-top: 9px;}
.mar3L {margin-left:3px;}
.mar5L {margin-left:5px;}
.mar29L {margin-left:29px !important;}
.mar30L {margin-left:30px !important;}
.mar3R {margin-right:3px;}
.mar10LR { margin-left:10px !important; margin-right:10px !important; }
.mar3T {margin-top:3px !important;}
.mar4T {margin-top:4px !important;}
.mar8T {margin-top:8px !important;}
.mar10T {margin-top:10px !important;}
.mar15T {margin-top:15px !important;}
.mar18T {margin-top:18px !important;}
.mar20T {margin-top:20px !important;}
.mar25T {margin-top:25px !important;}
.mar35T {margin-top:35px !important;}
.mar40T {margin-top:40px !important;}
.mar2B {margin-bottom:2px !important;}
.mar4B {margin-bottom:4px !important;}
.mar5B {margin-bottom:5px !important;}
.mar6B {margin-bottom:6px !important;}
.mar8B {margin-bottom:8px !important;}
.mar10B {margin-bottom:10px !important;}
.mar15B {margin-bottom:15px !important;}
.mar20B {margin-bottom:20px !important;}
.mar25B {margin-bottom:25px !important;}
.mar30B {margin-bottom:30px !important;}
.mar35B {margin-bottom:35px !important;}
.mar40B {margin-bottom:40px !important;}
.mar60B {margin-bottom:60px !important;}
.pad2{padding: 2px;}
.pad6{padding: 6px;}
.pad10{padding: 10px;}
.pad16{padding-top: 16px;}
.PadTop{padding-top:4px;}
.pad5L { padding-left:5px; }
.pad10L { padding-left:10px; }
.pad5R { padding-right:5px; }
.pad10R { padding-right:10px; }
.float_r{float: right;}
.float_l{float: left;}
.txt_l{text-align:left}
.txt_r{text-align:right}
.txt_c{text-align:center}
.inline_block{display: inline-block; *display: inline; zoom:1; }
.navy{color: #007aaa;}
.navy2{color: #00578e;}
.navy3{color: #006099;}
.navy4{color: #006AAA;}
.navy5{color: #00394E;}
.navy6{color: #199bcd;}
.orange{color: #ffaa00;}
.orange2{color: #ff6600;}
.orange3{color: #ff4800}
.orange4{color: #FF7700}
.blue1{color:#1C4D84}
.grey03{color:#030303}
.grey9{color: #999;}
.greya{color: #aaa;}
.greyc{color: #ccc;}
.greyd{color: #ddd;}
.grey4{color: #444;}
.grey5{color: #555;}
.grey6{color: #666;}
.grey6e{color: #6e6e6e;}
.grey7{color: #777;}
.grey8{color: #888;}
.grey10{color: #E5E5E5;}
.grey54{color: #545454; }
.greyA4{color: #A4A4A4;}
.greyA9{color: #A9A9A9;}
.greyB6{color: #b6b6b6;}
.grey92{color: #929298;}
.f-color008EBE { color:#008EBE; }
.f-color3D89BB { color:#3D89BB; }
.f-colorFF7700 { color:#FF7700; }
.black{color: black;}
.red {color: Red;}
.vat{vertical-align: top;}
.vam{vertical-align: middle;}
.vab{vertical-align: bottom;}
.font11{font-size: 110%;}
.font12{font-size: 12px;}
.font13imp{font-size: 13px !important;}
.font14imp{font-size: 14px !important;}
.font15imp{font-size: 14px !important;}
body.eng .font14imp{font-size: 13px !important;}
.font14{font-size: 125%;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font16imp{font-size: 16px !important;}
.font18{font-size: 18px;}
.font19{font-size: 19px;}
.font20{font-size: 20px;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font26{font-size: 26px;}
.font31{font-size: 31px;}
.font33{font-size: 33px;}
.font40{font-size: 40px;}
.lh100 {line-height:100%;}
.lh16imp {line-height:16px !important}
.font-b {font-weight:bold !important}
.font-n {font-weight:normal !important}
.no-border { border:0px  !important; }
.lettersp2{ letter-spacing:2px }
.CursorPointer{cursor:pointer;}
.CursorInitial{cursor:initial!important;}
.abs { position:absolute; }
.rel { position:relative; }
.text-r { text-align:right; }
.text-c { text-align:center; }
.trans40 { zoom: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* Standard Remark */
.std-remark99 { color:#999999; font-size:12px; line-height:20px; letter-spacing:0.5px; }
.std-remark78 { color:#787878; font-size:13px; line-height:20px; letter-spacing:0.5px; }
body.eng .std-remark99 { letter-spacing:0px; }
body.eng .std-remark78 { letter-spacing:0px; }

@media screen and (min-width: 1100px) {
    .std-remark99 { font-size:13px; }
    .std-remark78 { font-size:14px; }
}

@media print { 
    .noprint { display:none; } 
}

.tblM div{padding-left:3px;padding-right:5px;}    
.tblM caption{height:30px;}
.tblM caption div{padding-top:10px;float:left;font-weight:bold;}   
.tblM caption .r{float:right;}    
.tblM th{height:22px;border-bottom:1px solid #eaeaea;}
.tblM td{height:23px;padding-top:1px;border-bottom:1px solid #eaeaea;}
.tblM td div a{padding-left:0px;}

.s1 caption{background:url("../images/common/img1px.png") repeat-x 0 -40px;}
.s1 caption div{color:#444;} 
.s1 th {border:0px;}
.s1 th div{font-weight:normal;color:#777777;}
.s1 td {padding-left:3px; padding-right:3px; border-bottom:0; background-color:#f8f8f8;}
.s1 td div{font-weight:bold;overflow:hidden}
.s1 .bg td{background:url("../images/common/img1px.png") repeat-x 0 -2px #F8F8F8;height:16px;}
.s1 .bg a{color:#ff6600;font-weight:normal;}
.s2 caption{background:url("../images/common/img1px.png") repeat-x 0 -80px;}
.s2 caption div{color:#000;}
.s2 th div{font-weight:normal;color:#777777;}
.s2 th div.grey9{font-weight:normal;color:#999;}
.s2 td div a{font-weight:bold;}
.s2 .sChart td {border:none;}
.s2 .sChart div {padding:0;}
.s2 .sChart caption{background:none;text-align:center;text-decoration: underline;line-height:20px;height:20px;}
.s2 .sChart .cap2 {text-align:left;padding-left:10px;}
.s2 .h21 td{height:20px}
.s3 caption{background:url("../images/common/img1px.png") repeat-x 0 -120px;}
.s4 {width:671px;}
.s4 caption {border-bottom: 1px solid #BEBEBE;padding-left:3px;}
.s4 caption div{color:#007aaa;}                 
.s4 th div{font-weight:normal;color:#aaa;}        		        
.s5 caption, .s5 caption div {padding:0; border:0;background:url("../images/common/s5_Caption.gif") no-repeat; line-height:30px }      
.s5 caption div { padding:0; border:0; line-height:30px }
.s6 caption, .s6 caption div{font:bold 16px Arial;margin-bottom:3px;margin-top:3px;padding:0;}
.s6 caption.greyc div { font:bold 12px Arial; color:#CCC; } 
.s6 .cap2, .s6 .cap2 div {color:#000;font:bold 12px Arial;margin-bottom:3px;margin-top:5px;padding:0; height:15px}
.s6 th{padding-bottom:22px;}
.s6 .title a{font:bold 14px Arial;color:#005588}
.s6 .title a:hover{color:#007aaa}
.s6 .content{color:#888;}
.s6 .news a{color:#003666;font:bold 12px Arial;line-height:14px;}
.s6 .news a:hover{color:#1b5d97}
.s6 td {border-bottom:none;border-top:1px solid #eaeaea;}
.s7 caption{background:url("../images/common/img1px.png") repeat-x 0 -160px;}
.s7 caption div{color:#007aaa;}                 
.s7 .imgH th {background:url("../images/common/img1px.png") repeat-x 0 -200px;}     
.s7 th div{font-weight:normal;color:#aaa;}     
.s8 {width:671px;border-spacing:1px;border-collapse: separate;}
.s8 td{border:1px solid #eee; margin:1px;height:12px;padding:4px;}
.s8 .min {width:103px;border:1px solid #ccc; background:url('../images/common/img1px.png') 0 -229px repeat-x;}
.s8 .min2 {width:103px;border:1px solid #ccc; background:url('../images/common/img1px.png') 0 -1940px repeat-x;}
.s9 caption{background:url("../images/common/img1px.png") repeat-x 0 -294px;}
.s9 td{margin:1px;height:12px;padding:4px; border:none;}
.s10 caption{background:url("../images/common/img1px.png") repeat-x 0 -330px; height:40px; }
.s10 caption div {font:normal 130% Arial; color:#5F6062;}
.s10 caption div a{padding-left:0px; padding-top:5px; color:#06B; font: normal 12px Arial;}
.s10 caption div a:hover{padding-left:0px;color:#047; font: normal 12px Arial;}
.s10 td{margin:1px;height:12px;padding:4px; border:none;}
.s11 th { padding:0px; color:#AAA; border:none}
.s11 td { padding:0px 9px; }
.s11 td.bRight { border-right:solid 1px #E5E5E5;}
.s11 td.bTop { border-top:solid 1px #E5E5E5;}
.s12 caption{background:url("../images/common/img1px.png") repeat-x 0 -380px; height:30px }
.s12 .imgH th {background:url("../images/common/img1px.png") repeat-x 0 -200px;}     
.s12 th { padding:0px 4px; color:#AAA; border-bottom:solid 1px #ECECEC}
.s12 th.region {background:url("../images/common/img1px.png") repeat-x 0 -420px; }
.s12 td.region-row {background:#F9F9F9; }
.s12 td{margin:1px;height:12px;padding:4px; border-bottom:solid 1px #ECECEC; color:#000;}
.s12 th.r, .s12 td.r{ text-align:right; }
.s12 .udi {height:22px;background:url("../images/common/img1px.png") 0 -1735px repeat-x;}
.s12 .udi td {padding-top:0;padding-bottom:0}
.s12 .lastus{background:url("../images/common/img1px.png") repeat-x 0 -1905px;}
.s13 {width:167px; height:140px; border:none;margin:1px 1px 1px 0; background:url('../images/fund/quickfundcontent.gif') no-repeat}
.s13 td {color:#aaa;padding:0 5px 0 10px;vertical-align:top;}
.s13 .d1 {width:90%;color:#009900;font: bold 16px Arial;height: 60px;padding:8px 5px 0 0 ;position: relative;}
.s13 .d2 {height: 40px;position: relative;float:left; width:100%;top:-15px;}
.s13 .d3 {font-weight: bold;padding: 0px 2px;margin:auto;float:right;position: relative;top:38px;}
.s13 .d3 a{color: #006600;}
.s14 th {vertical-align:middle}
.s14 td div{font-weight:normal;color:#aaa;}     
.s14 td {border:none;border-top:1px solid #e6e6e6; padding-top:4px;}
.s14 tr {vertical-align:top; text-align:right}
.s14 .foot {vertical-align:middle}
.s14 .foot td {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url('../images/common/img1px.png') repeat-x 0 -420px;}
.s14 .foot div {color:#000;font-weight:bold}
.s15 td{padding:0 5px;border:none;height:1px;}
.s15 .h td{height:9px;width:100%;font-size:1px;background:url('../images/common/img1px.png') repeat-x 0 -465px;border-top:1px solid #ddd;}
.s15 .f td{height:9px;width:100%;font-size:1px;background:url('../images/common/img1px.png') repeat-x 0 -450px;border-bottom:1px solid #ddd;}
.s15 th{font-weight:bold;text-align:left;border:none;padding:0 5px 5px 5px;}
.s16 {background:url("../images/common/img1px.png") repeat-x 0 -485px; height:29px}
.s16 th { height:29px; line-height:29px; border:0px; color:#000; font-weight:bold; }
.s16 td { font:normal 12px Arial; height:29px; line-height:29px; border:0px }
.s19 {width:100%;}
.s19 caption{background:url("../images/common/img1px.png") repeat-x 0 -1495px; height:29px; padding:4px 3px 0px 3px; line-height:20px }
.s20 {width:100%;}
.s20 caption{background:url("../images/common/img1px.png") repeat-x 0 -1530px; height:29px; padding-left:3px; line-height:29px}
.s20 caption div { padding:0; border:0; line-height:29px; font-weight:normal; }
.s20 th {background:url("../images/common/img1px.png") repeat-x 0 -1565px; height:31px; padding-left:3px; padding-right:3px; line-height:31px; border:0px}
.s20 th div { padding:0; border:0; line-height:31px; }
.s20 th div a { line-height:31px; color:#002777; }
.s20 th div a:hover { line-height:31px; color:#009FFF; }
.s20 td { line-height:20px; padding-left:3px; }
.s20 td.s1 { color:#AAA; width:100px }
.s20 td.s2 { color:#AAA; }
.s21 { width:100%}
.s21 caption {background:url("../images/common/img1px.png") repeat-x 0 -1530px; height:29px; padding-left:3px; line-height:29px}
.s21 caption div { padding:0; border:0; line-height:29px; font-weight:normal; }
.s21 th {background:url("../images/common/img1px.png") repeat-x 0 -1600px; height:24px; padding-left:3px; padding-right:3px; line-height:24px; border:0px}
.s21 th div { padding:0; border:0; line-height:24px; }
.s21 tr td { line-height:20px; vertical-align:top; padding:3px; height:auto }
.s21 tr td.mark { width:20px; padding-top:8px;  }
.s21 td.s1 { color:#AAA; width:50px }
.s21 td.s2 { color:#AAA; padding-right:5px; }
.s22 .col{background:url("../images/common/img1px.png") repeat-x 0 -1380px;}
.s22 td {border:1px solid #eaeaea}
.s23 .col{background:url("../images/common/img1px.png") repeat-x 0 -1440px;}
.s23 td {border:1px solid #eaeaea}
.s24 {width: 100%;}
.s24 th .caption{color: #aaa;}
.s24 th{color: #888;border: 1px solid #eee; padding: 3px 3px !important;vertical-align: bottom; border-top:none}
.s24 td{padding: 5px 3px; border: 1px solid #eee;}
.s24 .first{border-left: none;}
.s24 .last{border-right: none;}
.s24 a{color: #006AAA;}
.s24 a:hover{color: #009fff;}
.s24 sup{vertical-align: super;}
.s25 caption{height:40px;background:url("../images/common/img1px.png") 0 -1655px repeat-x;}
.s25 caption div{line-height:25px}
.s26 td {line-height:26px; padding-left:5px;}
.s26 .edSubHead{background:url('../images/stock/bg_lightblue_linear.png') repeat-x;}
.s26 .edSubHead td{border-bottom:solid 1px #EFF9FF;}
.s27 {width:671px;border-spacing:0px;border-collapse: separate;}
.s28 caption, .s28 caption div {padding:0; border:0;background:url("../images/cnhk/bg_cnhk_news.png") repeat-x; line-height:30px }      
.s28 caption div { padding:0; border:0; line-height:30px }

/*s28 used in Dynamic Chart */ 
.s28 th { height:26px; line-height:26px; border-bottom:solid 1px #5CB1CE; }
.s28 td { height:26px; line-height:26px; background:#F6F7F7; border-bottom:solid 1px #E5E6E6; }
.s28 td.sel { color:#008EBE; }
.s28 th.NoBorderB { height:26px; line-height:26px; border-bottom:none;}
.s28 table td { border-bottom:none;}
.s28 .qt .BorderB {border-bottom:1px dotted #CBCBCB;}

/* Red bg */
.s29 caption{background:url("../images/common/img1px_v2.png") repeat-x 0 -257px; height:30px }
.s29 th { padding:0px 4px; color:#AAA; border-bottom:solid 1px #ECECEC}
.s29 td{margin:1px;height:12px;padding:4px; border-bottom:solid 1px #ECECEC; color:#000;}
.s29 th.r, .s29 td.r{ text-align:right; }

/* Gery bg */
.s30 caption{background:url("../images/common/img1px_v2.png") repeat-x 0 -290px; height:30px }
.s30 caption div {color:#5A5A5A}
.s30 th { padding:0px 4px; color:#AAA; border-bottom:solid 1px #ECECEC}
.s30 td{margin:1px;height:12px;padding:4px; border-bottom:solid 1px #ECECEC; color:#000;}
.s30 th.r, .s30 td.r{ text-align:right; }

/* News table */
.s31 caption{background:url("../images/common/img1px_v2.png") repeat-x 0 -324px; height:30px }
.s31 caption div {padding-top:7px;color:#000}
.s31 td{margin:1px;padding:4px; border-bottom:dotted 1px #CBCBCB;}
.s31 td a{color: #006aaa;}
.s31 td a:hover {color: #009fff;}

/* New table */
div.ns1 { position:relative; min-height:20px; }
div.ns1 > div.bg { position:absolute; top:10px; left:0px; width:100%; height:9px; background:url("../Images/common/slash.png") repeat-x; }
div.ns1 > div.title { background-color:#F8F8F8; min-height:20px; line-height:20px; padding:0px; padding-right:10px; font-size:17px; color:#869ca4; position:relative; left:0px; display:inline-block; *display: inline; zoom:1; font-weight: bold; }
div.ns1 > div.title.fullWidth { max-width:initial; }
div.ns1 > div.title a { color:#869ca4; text-decoration:none; }
div.ns1 > div.title a:hover { color:#10abe4; }
div.ns1 > div.title .smaller { font-size:14px; }
div.ns1.white > div.title { background-color:#FFFFFF; }
div.ns1 > a.more-lnk { background-color:#F8F8F8; background-image:url("../images/news/news_icon_map.png?v=2"); background-size:300px 300px; background-position:-136px -50px; background-repeat:no-repeat; width:25px; height:16px; position:absolute; right:0px; top: 3px; color:#3579a3; }
div.ns1 > a.more-lnk:hover { background-position:-86px -200px; color:#10abe4; }
div.ns1.white > a.more-lnk { background-color:#FFFFFF; }
div.ns1 > a.more-lnk .more-lnk-text { position:absolute; right:15px; top: -1px; padding:0px 0px 0px 15px; font-size:15px; line-height:20px; background-color:#F8F8F8; text-decoration:none; white-space:nowrap; }
div.ns1.white > a.more-lnk .more-lnk-text { background-color:#FFFFFF; }
div.ns1 > div.count { background-color:#F8F8F8; position:absolute; right:0px; bottom:0px; padding-left:10px; font-size:14px; color:#525252; }
div.ns1.white > div.count { background-color:#FFFFFF; }
div.ns1 > div.count > span.index { color:#44a2cc; }
div.ns1.btmRemark { border-top:dotted 1px #999; height:30px; line-height:30px; color:#999; margin:0px 10px; }
div.ns1.btmRemark2 { height:30px; line-height:40px; color:#999; }

@media screen and (min-width: 1100px) {
    div.ns1 { position:relative; min-height:20px; }
    div.ns1 > div.bg { position:absolute; top:10px; left:0px; width:100%; height:9px; background:url("../Images/common/slash.png") repeat-x; }
    div.ns1 > div.title { background-color:#F8F8F8; min-height:20px; line-height:20px; padding:0px; padding-right:10px; font-size:18px; color:#869ca4; position:relative; left:0px; display:inline-block; font-weight: bold; }
    div.ns1 > div.title .smaller { font-size:14px; }
    div.ns1.white > div.title { background-color:#FFFFFF; }
    div.ns1 > .more-lnk-text { font-size:16px; }
}

div.ns2 { position:relative; min-height:20px; }
div.ns2 > div.bg { position:absolute; top:0px; left:0px; width:100%; height:45px; background:url("../Images/common/topic_backslash.jpg") repeat-x; }
div.ns2 > div.title { min-height:45px; line-height:45px; padding:0px; padding-right:15px; padding-left:5px; font-size:26px; color:#89afc1; position:relative; left:0px; display:inline-block; max-width: 280px; font-weight: bold; }
div.ns2 > div.title { text-shadow: 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8, 0 0 5px #f8f8f8; }
div.ns2 > div.title a { color:#89afc1; text-decoration:none; }
div.ns2 > div.title a:hover { color:#10abe4; }
div.ns2 > div.title.red { color: #e0b4b4; }
div.ns2 > div.title.red a { color: #e0b4b4; text-decoration:none; }
div.ns2 > div.title.red a:hover { color:#10abe4; }

div.ns2.white > div.title { background-color:#FFFFFF; }
div.ns2 > a.more-lnk { background-color:#F8F8F8; background-image:url("../images/news/news_icon_map.png?v=2"); background-size:300px 300px; background-position:-136px -50px; background-repeat:no-repeat; width:25px; height:16px; position:absolute; right:0px; top: 3px; }
div.ns2 > a.more-lnk:hover { background-position:-86px -200px; }
div.ns2.white > a.more-lnk { background-color:#FFFFFF; }
div.ns2 > div.count { background-color:#F8F8F8; position:absolute; right:0px; bottom:0px; padding-left:10px; font-size:14px; color:#525252; }
div.ns2.white > div.count { background-color:#FFFFFF; }
div.ns2 > div.count > span.index { color:#44a2cc; }
.defPage div.ns2 > div.title { max-width: none; }

@media screen and (min-width: 1100px) {
    div.ns2 { position:relative; min-height:20px; }
    div.ns2 > div.bg { position:absolute; top:0px; left:0px; width:100%; height:45px; background:url("../Images/common/topic_backslash.jpg") repeat-x; }
    div.ns2 > div.title { min-height:45px; line-height:45px; padding:0px; padding-right:15px; padding-left:5px; font-size:25px; color:#869ca4; position:relative; left:0px; display:inline-block; max-width: 280px; }
    div.ns2.white > div.title { background-color:#FFFFFF; }
}

div.newsFilter { background-color:#f2f2f2; border-radius:4px; padding:10px 0px; margin:0px; font-size:14px; }
body.eng div.newsFilter { font-size:13px; }
div.newsFilter > table td { padding-left:10px; padding-right:10px; height:25px; line-height:25px; }
div.newsFilter > table td input { height:21px; line-height:21px; }
div.newsFilter > table td select { height:25px; line-height:25px; }
div.titleBar { font-size:16px; }

@media screen and (min-width: 1100px) {
    div.newsFilter { background-color:#f2f2f2; border-radius:4px; padding:10px 0px; margin:0px; font-size:16px; }
    body.eng div.newsFilter { font-size:13px; }
    div.newsFilter > table td { padding-left:10px; padding-right:10px; height:30px; line-height:30px; }
    div.newsFilter > table td input { height:26px; line-height:26px; }
    div.newsFilter > table td select { height:30px; line-height:30px; }
    div.titleBar { font-size:18px; }
}

div.comm-panel { padding:10px; border-radius:3px; background-color:#FFFFFF; }
div.comm-panel2 { padding:20px 10px 10px 10px; border-radius:3px; background-color:#fdfdfd; }
div.comm-panel3 { padding:10px; border-radius:3px; background-color:#f8f8f8; }
div.comm-panel4 { padding:10px; border-radius:3px; }
div.comm-panel5 { padding:10px 15px; border-radius:3px; background-color:#fff;}
.defPage div.comm-panel5 {padding:10px 22px; }
div.comm-panel5 div.ns1 > div.title {font-size:23px;line-height:28px;background-color: #fff; color:#0098b1;}
div.comm-panel5 div.ns1 {margin-top:15px;}
div.comm-panel5 div.ns1 .bg{top: 15px}

/* News headline table */
table.ns1 { width:100%; }
table.ns1 > thead > tr { font-size:14px; padding-right:10px; }
table.ns1 > thead > tr > td { padding:5px 10px; background-color:#F5F5F5; color:#919199; min-height:20px; line-height:20px; }
table.ns1 > tbody > tr { font-size:14px; }
body.eng table.ns1 > tbody > tr { font-size:13px; }
table.ns1 > tbody > tr > td { padding:15px 10px; border-bottom:dotted 1px #cccccc; line-height: 20px; }
table.ns1 > tbody > tr > td.pad4TB { padding:4px 0px; border-bottom:none; }
table.ns1 > tbody > tr > td.pad5TB { padding:5px 0px; border-bottom:none; }
table.ns1 > tbody > tr > td.pad6B { padding:0px 0px 6px 0px; border-bottom:none; }
table.ns1 > tbody > tr > td.pad10R { padding:0px 10px 0px 0px; border-bottom:none; }
table.ns1 > tbody > tr > td.pad13B { padding:0px 0px 13px 0px; border-bottom:none; }
table.ns1 > tbody > tr > td.pad16B { padding:0px 0px 16px 0px; border-bottom:none; }
table.ns1 > tbody > tr > td.npad { padding:0px; border-bottom:none; }
table.ns1 > tbody > tr > td.last { border-bottom:none; }
table.ns1 > tbody > tr > td a { color: #0869a1; font-size:14px; }
body.eng table.ns1 > tbody > tr > td a { font-size:13px; }
table.ns1 > tbody > tr > td a:hover { color: #10abe4; }
table.ns1 > tbody > tr > td .fix1Row { max-height: 20px; overflow: hidden; }
table.ns1 > tbody > tr > td .fix2Row { max-height: 40px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf1 { height: 20px; line-height: 20px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf2 { height: 40px; line-height: 20px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf2r { height: 44px; line-height: 22px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf2r.mainHead { height: 46px; line-height: 23px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf3 { height: 60px; line-height: 20px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf2h { height: 40px; line-height: 20px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf1c { height: 20px; line-height: 20px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf2c { height: 40px; line-height: 20px; overflow: hidden; }
table.ns1 > tbody > tr > td .rf3c { height: 60px; line-height: 20px; overflow: hidden; }
.eng table.ns1 > tbody > tr > td .rf2r { height: 40px; }
table.ns1 > tbody > tr > td .vn-box { position:relative; margin-bottom:30px; width:300px; height: 249px; line-height: 20px; background-color:#FFFFFF; overflow: hidden; }
table.ns1 > tbody > tr > td .vn-image img { width:300px; height:169px; }
table.ns1 > tbody > tr > td .vn-desc { margin:20px; height:40px; font-size:17px; overflow:hidden; }
table.ns1 > tbody > tr > td .vn-icon { position:absolute; top:123px; left:10px; z-index:1; }
table.ns1 > tbody > tr > td .vn-catg { position:absolute; top:5px; right:10px; z-index:1; }
table.ns1 > tbody > tr > td .vn-catg img { width:auto; height:45px; }
table.ns1 > tbody > tr > td .vn-time { position:absolute; top:5px; left:5px; padding:0px 5px; height:22px; font-size:12px; line-height:22px; color:#FFFFFF; background-color:#4cb992; text-align:center; opacity:0.85; border-radius:3px; z-index:10; }
table.ns1 > tbody > tr > td div.div_VoteTotal > div { padding-right: 5px; min-width: 45px; }

@media screen and (min-width: 1100px) {
    table.ns1 > thead > tr { font-size:16px; padding-right:10px; }
    table.ns1 > thead > tr > td { padding:5px 10px; background-color:#F5F5F5; color:#919199; min-height:20px; line-height:20px; }
    table.ns1 > tbody > tr { font-size:16px; }
    body.eng table.ns1 > tbody > tr { font-size:13px; }
    table.ns1 > tbody > tr > td { padding:15px 10px; border-bottom:dotted 1px #cccccc; line-height: 20px; }
    table.ns1 > tbody > tr > td.npad { padding:0px; border-bottom:none; }
    table.ns1 > tbody > tr > td a { color: #0869a1; font-size:16px; }
    body.eng table.ns1 > tbody > tr > td a { font-size:13px; }
    table.ns1 > tbody > tr > td a:hover { color: #10abe4; }
}

/* data table */
table.ns2 > thead > tr { font-size:14px; padding-right:10px; }
body.eng table.ns2 > thead > tr { font-size:13px; }
table.ns2 > thead > tr > td { padding:5px 10px 5px 0px; background-color:#F5F5F5; color:#919199; min-height:20px; line-height:20px; }
table.ns2 > thead > tr > td.sortcol { color:#3579a3; }
table.ns2 > thead > tr > td.dark { background-color: #E4E4E4; }
table.ns2 > thead > tr > td:first-child { padding-left:10px; }
.eng table.ns2 > thead > tr > td { padding:5px 3px 5px 0px; }
.eng table.ns2 > thead > tr > td:first-child { padding-left:3px; }
.eng table.ns2 > tbody > tr > td:first-child { padding-left:3px; }
table.ns2 > tbody > tr { font-size:14px; }
body.eng table.ns2 > tbody > tr { font-size:13px; }
table.ns2 > tbody > tr > td { padding:5px 10px 5px 0px; border-bottom:dotted 1px #cccccc; }
table.ns2 > tbody > tr > td:first-child { padding-left:10px; }
.eng table.ns2 > tbody > tr > td { padding:5px 3px 5px 0px; }
.eng table.ns2 > tbody > tr > td:first-child { padding-left:3px; }
table.ns2 > tbody > tr > td:first-child { padding-left:10px; }
table.ns2 > tbody > tr > td.npad { padding:0px; border-bottom:none; }
table.ns2 > tbody > tr > td.dark { background-color: #F6F6F6; }
table.ns2 > tbody > tr > td a { color: #0869a1; font-size:14px; }
body.eng table.ns2 > tbody > tr > td a { font-size:13px; }
table.ns2 > tbody > tr > td a:hover { color: #10abe4; }
table.ns2 > tbody > tr > td .fix2Row { max-height: 40px; overflow: hidden; }

.linebreak980 { line-break:normal; }

@media screen and (min-width: 1100px) {
    table.ns2 > thead > tr { font-size:16px; }
    body.eng table.ns2 > thead > tr { font-size:13px; }
    table.ns2 > tbody > tr { font-size:16px; }
    body.eng table.ns2 > tbody > tr { font-size:13px; }
    table.ns2 > tbody > tr > td a { font-size:16px; }
    body.eng table.ns2 > tbody > tr > td a { font-size:13px; }
}

/* default page data table */
table.ns3 { border-collapse: separate; }
table.ns3 > thead > tr { font-size:13px; padding-right:5px; }
table.ns3 > thead > tr > td { padding:5px 5px 5px 0px; background-color:#f5f5f5; color:#929299; min-height:20px; line-height:20px; }
table.ns3 > thead > tr > td:first-child { padding-left:5px; }
table.ns3 > thead > tr > td.npad { padding:0px; border-bottom:none; }
table.ns3 > thead > tr > td sup { position:relative; top:-0.6em; }
table.ns3 > tbody > tr { font-size:13px; }
table.ns3 > tbody > tr > td { padding:3px 5px 3px 0px; border-bottom:dotted 1px #d8d8d8; color: #595961; }
table.ns3 > tbody > tr > td:first-child { padding-left:5px; }
table.ns3 > tbody > tr > td.npad { padding:0px; border-bottom:none; }
table.ns3 > tbody > tr > td.nborder { border-bottom:none; }
table.ns3 > tbody > tr > td.last { border-bottom:none; }
table.ns3 > tbody > tr > td.ipoSep { vertical-align: baseline; color: #c4c2c2; }
table.ns3 > tbody > tr > td.ipoOpt a { font-size: 13px; color: #0869a1; }
table.ns3 > tbody > tr > td a { color: #0869a1; font-size:13px; }
table.ns3 > tbody > tr > td a:hover { color: #10abe4; }
table.ns3 > tbody > tr > td .sym { font-size: 13px; letter-spacing: 0px; }
table.ns3 > tbody > tr > td .name { font-size: 13px; }
table.ns3 > tbody > tr > td .name2 { font-size: 13px; }
table.ns3 > tbody > tr > td .remark { font-size: 12px; letter-spacing: 0.5px; line-height: 20px; }
table.ns3 > tbody > tr > td .rf1 { max-height: 20px; line-height: 20px; overflow: hidden; }
table.ns3 > tbody > tr > td .rf1s { position: relative; max-height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; width: 290px; }
table.ns3 > tbody > tr > td .rf1s:after { content: ''; position: absolute; top: 0px; right: 0px; width: 30px; height: 16px; max-height: 16px; line-height: 16px; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(253,253,253,0) 0%, rgba(253,253,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(253,253,253,0) 0%, rgba(253,253,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(253,253,253,0) 0%, rgba(253,253,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdfdfd', endColorstr='#fdfdfd',GradientType=1 ); /* IE6-9 */
}
table.ns3 > tbody > tr > td.grey92 { color: #929298; }
table.ns4 .pos { color: #22ab55; }
table.ns4 .neg { color: #e85e5f; }

@media screen and (min-width: 1100px) {
    table.ns3 > thead > tr { font-size:15px; padding-right:5px; }
    table.ns3 > thead > tr > td { padding:5px 5px 5px 0px; }
    table.ns3 > tbody > tr { font-size:15px; }
    table.ns3 > tbody > tr > td { padding:3px 5px 3px 0px; }
    table.ns3 > tbody > tr > td a { font-size:14px; }
    table.ns3 > tbody > tr > td .sym { font-size: 14px; }
    table.ns3 > tbody > tr > td .name { font-size: 16px; }
    table.ns3 > tbody > tr > td .name2 { font-size: 16px; }

    body.eng table.ns3 > thead > tr { font-size:13px; }
    body.eng table.ns3 > tbody > tr { font-size:13px; }
    body.eng table.ns3 > tbody > tr > td a { font-size:13px; }
    body.eng table.ns3 > tbody > tr > td .sym { font-size: 13px; }
    body.eng table.ns3 > tbody > tr > td .name { font-size: 13px; }
    body.eng table.ns3 > tbody > tr > td .name2 { font-size: 13px; }
}

table.ns4 { width:100%; border-collapse: separate; }
table.ns4 > thead > tr { font-size:14px; padding-right:10px; }
table.ns4 > thead > tr > td { padding:4px 5px 4px 0px; border-bottom:dotted 1px #d8d8d8; color:#929299; min-height:20px; line-height:20px; }
table.ns4 > thead > tr > td:first-child { padding-left:5px; }
table.ns4 > thead > tr > td.chg { width: 85px; }
table.ns4 > thead > tr > td.val { width: 60px; }
table.ns4 > tbody > tr { font-size:14px; }
table.ns4 > tbody > tr > td { padding:4px 5px 4px 0px; line-height: 20px; color: #595961; }
table.ns4 > tbody > tr > td:first-child { padding-left:5px; }
table.ns4 > tbody > tr > td.npad { padding:0px; border-bottom:none; }
table.ns4 > tbody > tr > td.pad4TB { padding:4px 0px; border-bottom:none; }
table.ns4 > tbody > tr > td.lst { font-size: 16px; }
table.ns4 > tbody > tr > td.remark { color: #929299; font-size: 13px; }
table.ns4 > tbody > tr > td a { color: #0869a1; font-size:14px; word-break: break-word; }
table.ns4 > tbody > tr > td a:hover { color: #10abe4; }
table.ns4 > tbody > tr > td .rf1 { max-height: 20px; overflow: hidden; }
table.ns4 > tbody > tr > td .desp { bottom:24px; left:0; }
table.ns4 > tbody > tr > td span { font-size: 15px; }
table.ns4.wm80 > tbody > tr > td:first-child { max-width: 38px; }
table.ns4 .pos { color: #2eb244; }
table.ns4 .neg { color: #fe4e44; }

@media screen and (min-width: 1100px) {
    table.ns4 > thead > tr { font-size:15px; padding-right:10px; }
    table.ns4 > thead > tr > td { padding:4px 10px 4px 0px; min-height:20px; line-height:20px; }
    table.ns4 > thead > tr > td:first-child { padding-left:10px; }
    table.ns4 > thead > tr > td.chg { width: 90px; }
    table.ns4 > thead > tr > td.val { width: 80px; }
    table.ns4 > tbody > tr { font-size:15px; }
    table.ns4 > tbody > tr > td { padding:4px 10px 4px 0px; line-height: 20px; }
    table.ns4 > tbody > tr > td:first-child { padding-left:10px; }
    table.ns4 > tbody > tr > td.npad { padding:0px; border-bottom:none; }
    table.ns4 > tbody > tr > td.lst { font-size: 17px; }
    table.ns4 > tbody > tr > td.remark { font-size: 14px; }
    table.ns4 > tbody > tr > td a { color: #0869a1; font-size:15px; word-break: break-word; }
    table.ns4 > tbody > tr > td a:hover { color: #10abe4; }
    table.ns4 > tbody > tr > td span { font-size: 16px; }
    table.ns4.wm80 > tbody > tr > td:first-child { max-width: 80px; }
}


table.ns5 { width: 100%; }
table.ns5 td { font-size: 14px; color: #333333; padding: 10px; }
table.ns5 td.col1 { color: #949494; }
table.ns5 td.grey64 { color: #646464; }
table.ns5 td.border-bottom { border-bottom: 1px dotted #E5E5E5; }
table.ns5 td.bg1 { background: #f6fbfd; }
table.ns5 td.bg2 { background: #fdfaf3; }
table.ns5 td.padL { padding-left: 50px; }
table.ns5 td.padR { padding-right: 50px; }
table.ns5 td.sub-title { font-size: 15px; color: #646464; }
table.ns5 td.sub-title2 { padding-top: 20px; }
table.ns5 td:first-child.second-level { padding-left: 25px; }

@media screen and (min-width: 1100px) {
    table.ns5 td { font-size: 16px; padding: 10px; }
    table.ns5 td.sub-title { font-size: 17px; }
}

table.ns6 { width:100%; margin-top:10px; border-collapse: separate; }
table.ns6 > thead > tr { font-size:13px; }
table.ns6 > thead > tr > td { padding:5px 5px 5px 0px; background-color:#f5f5f5; color:#929299; min-height:20px; line-height:20px; }
table.ns6 > thead > tr > td:first-child { padding-left:10px; }
table.ns6 > thead > tr > td:last-child { padding-right:10px; }
table.ns6 > tbody > tr { font-size:13px; }
table.ns6 > tbody > tr > td { padding:5px 5px 5px 0px; border-bottom:dotted 1px #d8d8d8; color: #595961; }
table.ns6 > tbody > tr > td:first-child { padding-left:10px; }
table.ns6 > tbody > tr > td:last-child { padding-right:10px; }
table.ns6 > tbody > tr > td.npad { padding:0px; border-bottom:none; }
table.ns6 > tbody > tr > td.nborder { border-bottom:none; }
table.ns6 > tbody > tr > td.last { border-bottom:none; }
table.ns6 > tbody > tr > td a { color: #0869a1; }
table.ns6 > tbody > tr > td a:hover { color: #10abe4; }
table.ns6 > tbody > tr > td .rf1 { max-height: 20px; line-height: 20px; overflow: hidden; max-width:120px; }
table.ns6 > tbody > tr > td .name { letter-spacing:0px; }
body.eng table.ns6 > tbody > tr > td .name { letter-spacing:1px; }
@media screen and (min-width: 1100px) {
    table.ns6 > thead > tr { font-size:15px; }
    table.ns6 > tbody > tr { font-size:15px; }
    table.ns6 > tbody > tr > td .name { font-size: 16px; }
    table.ns6 > tbody > tr > td .sym { font-size: 14px; }
    body.eng table.ns6 > tbody > tr { font-size:13px; }
    body.eng table.ns6 > tbody > tr > td .name { font-size: 13px; }
    body.eng table.ns6 > tbody > tr > td .sym { font-size: 13px; }
}

table.m1 { width: 100%; }
table.m1 > colgroup > col.con { width: 300px; }
table.m1 > colgroup > col.sep { width: 20px; }
table.m1 table.ns1 > tbody > tr > td .newshead6,
table.m1 table.ns1 > tbody > tr > td .newscontent6 { max-width: 300px; word-break: break-word; }
table.m1 > tbody > tr > td { padding-bottom: 20px; }
table.m1 > tbody > tr > td .h1 { min-height: 145px; overflow: hidden; max-width: 300px; }
table.m1 > tbody > tr > td .h2 { min-height: 200px; overflow: hidden; max-width: 300px; }
@media screen and (min-width: 1100px) {
    table.m1 > colgroup > col.con { width: 400px; }
    table.m1 > colgroup > col.sep { width: 30px; }
    table.m1 table.ns1 > tbody > tr > td .newshead6,
    table.m1 table.ns1 > tbody > tr > td .newscontent6 { max-width: 400px; }
    table.m1 > tbody > tr > td .h1 { max-width: 400px; }
    table.m1 > tbody > tr > td .h2 { max-width: 400px; }
}

div.circle-list { position:relative; height:22px; line-height:22px; margin-top:10px; }
div.circle-list > div.btn2Left { position:relative; float:left; width:20px; height:22px; background-color:#e5e5e5; cursor:pointer; }
div.circle-list > div.btn2Left.hoveron { background-color:#529fcc; }
div.circle-list > div.btn2Left > div { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid #4c4c4c; position:relative; top:7px; left:8px; }
div.circle-list > div.btn2Left.hoveron > div { border-right: 4px solid #ffffff; }
div.circle-list > div.btn2Right { position:relative; float:left; width:20px; height:22px; background-color:#e5e5e5; cursor:pointer; }
div.circle-list > div.btn2Right.hoveron { background-color:#529fcc; }
div.circle-list > div.btn2Right > div { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #4c4c4c; position:relative; top:7px; left:8px; }
div.circle-list > div.btn2Right.hoveron > div { border-left: 4px solid #ffffff; }
div.circle-list > div.circle-container { float:left; width:260px; }
div.circle-list div.circle-list-left { color:#5e666e; font-size:14px; float:left; width:30%; text-align:center; overflow: hidden; }
div.circle-list div.circle-list-center { color:#0869a1; font-size:20px; float:left; width:40%; text-align:center; overflow: hidden; }
div.circle-list div.circle-list-right { color:#5e666e; font-size:14px; float:left; width:30%; text-align:center; overflow: hidden; }
.eng div.circle-list div.circle-list-left { font-size:12px; }
.eng div.circle-list div.circle-list-center { font-size:18px; }
.eng div.circle-list div.circle-list-right { font-size:12px; }


div.ratio-circle { width:61px; height:61px; float:left; background-image:url("../Images/news/Range_Image.png"); position:relative; }
div.ratio-circle.r10 { background-position:-10px -10px; }
div.ratio-circle.r9 { background-position:-81px -10px; }
div.ratio-circle.r8 { background-position:-152px -10px; }
div.ratio-circle.r7 { background-position:-223px -10px; }
div.ratio-circle.r6 { background-position:-294px -10px; }
div.ratio-circle.r5 { background-position:-10px -81px; }
div.ratio-circle.r4 { background-position:-81px -81px; }
div.ratio-circle.r3 { background-position:-152px -81px; }
div.ratio-circle.r2 { background-position:-223px -81px; }
div.ratio-circle.r1 { background-position:-294px -81px; }
div.ratio-circle > div.num { font-size:16px; color:#949494; border-bottom:solid 1px #949494; text-align:center; height:25px; line-height:25px; position:relative; width:60%; margin:7px auto 0px auto; }
div.ratio-circle > div.num.blue { font-size:20px; color:#3aa9d3; border-bottom:solid 1px #3aa9d3; }
div.ratio-circle > div.pct { font-size:12px; color:#949494; text-align:center; height:20px; line-height:20px; position:relative; width:100%; margin:0px auto 5px auto; }
div.ratio-circle > div.pct.blue { font-size:12px; color:#3aa9d3; }
div.stock-circle { width:61px; height:61px; float:left; background-image:url("../Images/news/stock_circle.png"); background-repeat:no-repeat; position:relative; }
div.stock-circle > div.stock { text-align:center; height:20px; line-height:20px; position:absolute; width:100%; margin:0px auto; top:15px; }
div.stock-circle > div.stock > a { font-size:16px; color:#0869a1; }
div.stock-circle > div.stock > a:hover { color:#529fcc; }
div.stock-circle > div.market { font-size:12px; color:#949494; text-align:center; height:20px; line-height:20px; position:absolute; width:100%; margin:0px auto; top:30px; }
div.news-headline { width:205px; float:right; height:60px; line-height:20px; overflow:hidden; }
div.newssourcelabel { width: 205px; float: right;height: 21px;line-height: 20px;overflow: hidden;color: #929299;font-size: 12px; letter-spacing:0.5px}
div.news-headline3 {width: 205px;position: absolute;line-height: 20px;right: 0;top: -7px;}
div.news-headline3 ._title {max-height:60px; line-height:20px; overflow:hidden; position:relative;}
.eng div.news-headline3{top: 0px;}
div.news-headline4 { width:calc(100% - 82px); float:left; margin-left:15px; height:70px; line-height:20px; overflow:hidden; }
div.news-headline4 div.newssourcelabel{width:100%;}
.eng div.news-headline4 {height: 60px;}

div.ratio-circle2 { width:68px; height:68px; background-image:url("../Images/stock/Range_Image.png"); position:relative; }
div.ratio-circle2.r10 { background-position:-10px -15px; }
div.ratio-circle2.r9 { background-position:-93px -15px; }
div.ratio-circle2.r8 { background-position:-176px -15px; }
div.ratio-circle2.r7 { background-position:-259px -15px; }
div.ratio-circle2.r6 { background-position:-342px -15px; }
div.ratio-circle2.r5 { background-position:-10px -98px; }
div.ratio-circle2.r4 { background-position:-93px -98px; }
div.ratio-circle2.r3 { background-position:-176px -98px; }
div.ratio-circle2.r2 { background-position:-259px -98px; }
div.ratio-circle2.r1 { background-position:-342px -98px; }
div.ratio-circle2.r0 { background-position:-425px -98px; }
div.ratio-circle2 > div.text { font-size:11px; color:#5ca8cf; text-align:center; line-height:15px; position:relative; width:80%; margin:19px auto 0px auto; }
div.ratio-circle2 > div.text > label { font-size:16px; display:inline-block; font-family:Arial; letter-spacing:0px; }
div.ratio-circle2 > div.text > label.small { font-size:10px; display:inline-block; font-family:Arial; letter-spacing:0px; }

body.chi div.ratio-circle2 > div.text { font-size:12px; }
body.chi div.ratio-circle2 > div.text  label.small { font-size:11px; }


.chi div.tooltips.pn { background-image:url("../Images/news/tooltips/Popular_News_Tooltips_TC.png?v=2"); background-size:268px 284px; width: 268px; height: 284px; }
.chn div.tooltips.pn { background-image:url("../Images/news/tooltips/Popular_News_Tooltips_SC.png?v=2"); background-size:268px 284px; width: 268px; height: 284px; }
.eng div.tooltips.pn { background-image:url("../Images/news/tooltips/Popular_News_Tooltips_EN.png?v=2"); background-size:268px 284px; width: 268px; height: 284px; }
.chi div.tooltips.ppn { background-image:url("../Images/news/tooltips/PopupNews_Tooltips_TC.png?v=2"); background-size:268px 284px; width: 268px; height: 284px; }
.chn div.tooltips.ppn { background-image:url("../Images/news/tooltips/PopupNews_Tooltips_SC.png?v=2"); background-size:268px 284px; width: 268px; height: 284px; }
.eng div.tooltips.ppn { background-image:url("../Images/news/tooltips/PopupNews_Tooltips_EN.png?v=2"); background-size:268px 284px; width: 268px; height: 284px; }
.chi div.tooltips.pc { background-image:url("../Images/news/tooltips/Commentary_Tooltips_TC.png?v=2"); background-size:268px 315px; width: 268px; height: 315px; }
.chn div.tooltips.pc { background-image:url("../Images/news/tooltips/Commentary_Tooltips_SC.png?v=2"); background-size:268px 315px; width: 268px; height: 315px; }
.eng div.tooltips.pc { background-image:url("../Images/news/tooltips/Commentary_Tooltips_EN.png?v=2"); background-size:268px 315px; width: 268px; height: 315px; }
.chi div.tooltips.t50 { background-image:url("../Images/news/tooltips/Top50_Tooltips_TC.png"); width: 208px; height: 113px; }
.chn div.tooltips.t50 { background-image:url("../Images/news/tooltips/Top50_Tooltips_SC.png"); width: 208px; height: 113px; }
.eng div.tooltips.t50 { background-image:url("../Images/news/tooltips/Top50_Tooltips_EN.png"); width: 208px; height: 113px; }
div.tooltips.t50 div.arrow { background-image:url("../Images/news/Tooltips/Top50_Tooltip Arrow.png"); width: 10px; height: 9px; }
div.tooltips div.ratio-circle { width:55px; height:55px; float:left; background-image: url("../Images/news/tooltips/Range_Image_Small.png"); position:relative; }
div.tooltips.ppn div.ratio-circle { width:55px; height:55px; float:left; background-image: url("../Images/news/tooltips/Range_Image_Small_2.png"); position:relative; }
div.tooltips div.ratio-circle.r10 { background-position:-10px -10px; }
div.tooltips div.ratio-circle.r9 { background-position:-75px -10px; }
div.tooltips div.ratio-circle.r8 { background-position:-140px -10px; }
div.tooltips div.ratio-circle.r7 { background-position:-205px -10px; }
div.tooltips div.ratio-circle.r6 { background-position:-270px -10px; }
div.tooltips div.ratio-circle.r5 { background-position:-10px -75px; }
div.tooltips div.ratio-circle.r4 { background-position:-75px -75px; }
div.tooltips div.ratio-circle.r3 { background-position:-140px -75px; }
div.tooltips div.ratio-circle.r2 { background-position:-205px -75px; }
div.tooltips div.ratio-circle.r1 { background-position:-270px -75px; }
div.tooltips div.ratio-circle.r0 { background: transparent; }
div.tooltips div.ratio-circle > div.num { font-size:16px; color:#949494; border-bottom:solid 1px #949494; text-align:center; height:25px; line-height:25px; position:relative; width:60%; margin:7px auto 0px auto; }
div.tooltips div.ratio-circle > div.num.blue { font-size:20px; color:#3aa9d3; border-bottom:solid 1px #3aa9d3; }
div.tooltips div.ratio-circle > div.pct { font-size:12px; color:#949494; text-align:center; height:20px; line-height:20px; position:relative; width:100%; margin:0px auto 5px auto; }
div.tooltips div.ratio-circle > div.pct.blue { font-size:12px; color:#3aa9d3; }
div.tooltips.ppn { font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
div.tooltips.ppn div.ratio-circle > div.num.blue { color: #869ca4; border-bottom: solid 1px #869ca4; }
div.tooltips.ppn div.ratio-circle > div.pct.blue { color: #869ca4; }

div.date-format { margin-left:6px; width:61px; height:41px; float:left; position:relative; line-height:41px; color:#bbb; }
div.date-format > div.d, div.date-format div.d { font-size:25px; letter-spacing:0px; position:absolute; width:50%; height:100%; line-height:inherit; top:0px; left:0px; text-align:center; vertical-align:middle; transform: scale(1, 1.6); }
div.date-format > div.m, div.date-format div.m { font-size:12px; letter-spacing:0px; position:absolute; width:50%; height:50%; line-height:20px; top:0px; left:31px; text-align:center; vertical-align:middle; border-bottom:solid 1px #ccc;  }
div.date-format > div.y, div.date-format div.y { font-size:12px; letter-spacing:0px; position:absolute; width:50%; height:50%; line-height:20px; top:21px; left:31px; text-align:center; vertical-align:middle;  }

div.videoNewsList { width:100%; height:196px; overflow:hidden; position:relative; background-color: #f2f2f2; }
div.videoNewsList > div.videoNewsList-Container { display:table-row; position:absolute; }
div.videoBox { width:197px; height:196px; padding:10px; background-color:#f2f2f2; float:left; position:relative; }
div.videoBox div.video-container { width:197px; height:111px; display:block; }
div.videoBox div.video-image { width:197px; height:111px; }
div.videoBox div.video-image > img { width:197px; height:111px; }
div.videoBox div.video-desc { width:197px; height:40px; margin-top:16px; line-height:20px; overflow:hidden; }
div.videoBox div.video-desc:hover { color: #10abe4; }
div.videoBox div.video-icon { position:absolute; top:83px; left:20px; z-index:1; }
div.videoBox div.video-icon > img { width:35px; height:29px; }
div.videoBox div.video-catg-icon { position:absolute; top:10px; right:15px; z-index:1; }
div.videoBox div.video-catg-icon > img { height: 40px; }
div.videoBox div.video-icon-new { position:absolute; top:18px; left:18px; width:42px; height:22px; font-size:12px; line-height:22px; color:#FFFFFF; background-color:#4cb992; text-align:center; opacity:0.85; border-radius:3px; z-index:10; font-family:Arial; }
div.videoNewsList > div.left-arrow-panel { height:196px; position:absolute; width:50px; left:0px; top:0px;
background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 40%, rgba(242,242,242,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 40%,rgba(242,242,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 40%,rgba(242,242,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=1 ); /* IE6-9 */
display:none; cursor:pointer; z-index: 100; }
div.videoNewsList > div.left-arrow-panel > div { width: 0; 
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10px solid #CBD8DE; 
position:absolute; top:50%; left:5px;
}
div.videoNewsList > div.right-arrow-panel { height:196px; position:absolute; width:50px; right:0px; top:0px;                                             
background: -moz-linear-gradient(left, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 60%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 60%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 60%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
display:inline-block; cursor:pointer; z-index: 100; }
div.videoNewsList > div.right-arrow-panel > div { width: 0; 
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #CBD8DE;
position:absolute; top:50%; right:5px;
}

.defPage div.videoBox div.video-icon { top:94px; left:18px; }
.defPage div.videoBox div.video-icon > img { width:24px; height:20px; }

@media screen and (min-width: 1100px) {
div.videoNewsList { height:235px; width:100%; overflow:hidden; position:relative; background-color: #f2f2f2; }
div.videoNewsList > div.videoNewsList-Container { display:table-row; position:absolute; }
div.videoBox { width:268px; padding:10px; height:235px; background-color:#f2f2f2; float:left; position:relative; }
div.videoBox div.video-container { width:268px; height:150px; display:block; }
div.videoBox div.video-image { width:268px; height:150px; }
div.videoBox div.video-image > img { width:268px; height:150px; }
div.videoBox div.video-desc:hover { color: #10abe4; }
div.videoBox div.video-desc { width:268px; height:40px; margin-top:16px; line-height:20px; overflow:hidden; }
div.videoBox div.video-icon { position:absolute; top:114px; left:20px; z-index:1; }
div.videoBox div.video-icon > img { width:44px; height:36px; }
div.videoBox div.video-catg-icon { position:absolute; top:10px; right:15px; z-index:1; }
div.videoBox div.video-catg-icon > img { height: 43px; }
div.videoNewsList > div.left-arrow-panel { height:235px; position:absolute; width:50px; left:0px; top:0px;
background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 40%, rgba(242,242,242,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 40%,rgba(242,242,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 40%,rgba(242,242,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=1 ); /* IE6-9 */
display:none; cursor:pointer; z-index: 100; }
div.videoNewsList > div.left-arrow-panel > div { width: 0; 
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10px solid #CBD8DE; 
position:absolute; top:50%; left:5px;
}
div.videoNewsList > div.right-arrow-panel { height:235px; position:absolute; width:50px; right:0px; top:0px;                                             
background: -moz-linear-gradient(left, rgba(242,242,242,0) 0%, rgba(242,242,242,1) 60%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 60%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(242,242,242,0) 0%,rgba(242,242,242,1) 60%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 */
display:inline-block; cursor:pointer; z-index: 100; }
div.videoNewsList > div.right-arrow-panel > div { width: 0; 
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #CBD8DE;
position:absolute; top:50%; right:5px;
}

.defPage div.videoNewsList { height:204px; }
.defPage div.videoBox { width: 204px; height:190px; }
.defPage div.videoBox div.video-image { width:204px; height:115px; }
.defPage div.videoBox div.video-image > img { width:204px; height:115px; }
.defPage div.videoBox div.video-desc { width:204px; height:40px; margin-top:10px; line-height:20px; }
.defPage div.videoBox div.video-icon { top:97px; left:18px; }
.defPage div.videoBox div.video-icon > img { width:24px; height:20px; }
.defPage div.videoNewsList > div.left-arrow-panel { width: 70px; height:190px; }
.defPage div.videoNewsList > div.right-arrow-panel { width: 70px; height:190px; }
.defPage div.videoNewsList > div.left-arrow-panel > div { left: 10px; }
.defPage div.videoNewsList > div.right-arrow-panel > div { right: 10px; }
}

div.videoBox-2 { position:relative; width:300px; height:234px; box-shadow:1px 2px 2px rgba(150, 150, 150, 0.2); }
div.videoBox-2 div.video-image { width:300px; height:154px; }
div.videoBox-2 div.video-image > img { width:300px; height:154px; }
div.videoBox-2 div.video-desc { width:260px; height:40px; padding:20px; background-color:#FFFFFF; line-height:20px; font-size:16px; }
div.videoBox-2 div.video-icon { position:absolute; top:114px; left:10px; z-index:1; }
div.videoBox-2 div.video-icon > img { width:35px; height:29px; }

div.videoBox-3 { position:relative; width:172px; height:192px; box-shadow:1px 2px 2px rgba(150, 150, 150, 0.2); }
div.videoBox-3 div.video-image { width:172px; height:97px; }
div.videoBox-3 div.video-image > img { width:172px; height:97px; }
div.videoBox-3 div.video-desc { width:152px; height:50px; padding:20px 10px 25px 10px; background-color:#FFFFFF; line-height:20px; font-size:15px; }
div.videoBox-3 div.video-icon { position:absolute; top:72px; left:5px; z-index:1; }
div.videoBox-3 div.video-icon > img { width:24px; height:20px; }

@media screen and (min-width: 1100px) {
div.videoBox-2 div.video-desc { font-size:17px; }
div.videoBox-3 { width:216px; height:217px; }
div.videoBox-3 div.video-image { width:216px; height:122px; }
div.videoBox-3 div.video-image > img { width:216px; height:122px; }
div.videoBox-3 div.video-desc { width:196px; height:40px; padding:25px 10px 30px 10px; font-size:16px; line-height:20px; }
div.videoBox-3 div.video-icon { position:absolute; top:97px; left:5px; z-index:1; }
}

/* News Headline box */
div.newsBox { position:relative; width:150px; margin-top:15px; margin-bottom:3px; padding:0px; float:left; background-color:#fff; box-shadow:1px 2px 2px rgba(150, 150, 150, 0.2); }
div.newsBox.size2 { width:138px; }
div.newsBox div.news-image { position: relative; }
div.newsBox div.news-content { padding:20px 10px 30px 10px; line-height:19px; height:79px; }
div.newsBox div.news-content > div.news-content-mask { position:relative; width:100%; height:100%; overflow:hidden;}
div.newsBox .news-content-source { color: #929299; font-size: 12px; font-weight: bold;letter-spacing:0.5px;}
div.newsBox div.news-top50 { position:absolute; bottom:2px; right:8px; z-index:1; }
div.newsBox div.news-top50 img { width:28px; height:28px; }
div.newsBox div.news-top50 a div.icon_top50 { position:relative; width:28px; height:28px; vertical-align:top; }
div.newsBox div.news-top50 a div.icon_top50 > div { position:absolute; top:-3px; left:-3px; width:34px; height:34px; background-image:url("../images/news/icon_top50a.png"); background-position:center center; background-size:34px 34px; background-repeat:no-repeat; }
div.newsBox div.news-top50.hover a div.icon_top50 > div { background-image:url("../images/news/icon_top50a_over.png"); }
div.newsBox div.news-video { position:absolute; bottom:2px; right:8px; z-index:1; }
div.newsBox div.news-video.p2 { right: 46px; }
div.newsBox div.news-video img { width:20px; height:12px; margin-bottom: 7px; }
div.newsBox.newsBoxLeftMargin { margin-left:17px; }
div.newsBox.size2.newsBoxLeftMargin { margin-left:16px; }

@media screen and (min-width: 1100px) {
    div.newsBox { width:190px; margin-top:15px; margin-bottom:3px; padding:0px; float:left; }
    div.newsBox.size2 { width:190px; }
    div.newsBox div.news-image { position: relative; }
    div.newsBox div.news-content { padding:25px 10px 30px 10px; line-height:21px; height:87px;  }
    div.newsBox div.news-content > div.news-content-mask { position:relative; width:100%; height:100%; overflow:hidden;}
    div.newsBox div.news-top50 img { width:32px; height:32px; }

    div.newsBox div.news-top50 a div.icon_top50 { width:32px; height:32px; }
    div.newsBox div.news-top50 a div.icon_top50 > div { top:-4px; left:-4px; width:40px; height:40px; background-size:40px 40px; }


    div.newsBox div.news-video.p2 { right: 50px; }
    div.newsBox div.news-video img { margin-bottom: 10px; }
    div.newsBox.newsBoxLeftMargin { margin-left:29px; }
    div.newsBox.size2.newsBoxLeftMargin { margin-left:16px; }
}

.news-icon-map { background-image:url("../images/news/news_icon_map.png?v=2"); }
.news-icon-font { background-position:-0px 0px; width:38px; height:38px; }
.news-icon-font:hover { background-position:-50px 0px; width:38px; height:38px; }
.news-icon-font2 { background-position:-150px -200px; width:38px; height:38px; }
.news-icon-font2:hover { background-position:-200px -200px; width:38px; height:38px; }
.news-icon-print { background-position:-100px 0px; width:38px; height:38px; }
.news-icon-print:hover { background-position:-150px 0px; width:38px; height:38px; }
.news-icon-PDF { background-position:-200px 0px; width:38px; height:38px; }
.news-icon-PDF:hover { background-position:-250px 0px; width:38px; height:38px; }
.news-icon-untick { background-position:0px -41px; width:19px; height:38px; }
.news-icon-tick { background-position:-50px -41px; width:19px; height:38px; }
.news-icon-facebook { background-position:0px -100px; width:38px; height:38px; }
.news-icon-facebook:hover { background-position:-50px -100px; width:38px; height:38px; }
.news-icon-messager { background-position:-100px -100px; width:38px; height:38px; }
.news-icon-messager:hover { background-position:-150px -100px; width:38px; height:38px; }
.news-icon-twitter { background-position:-200px -100px; width:38px; height:38px; }
.news-icon-twitter:hover { background-position:-250px -100px; width:38px; height:38px; }
.news-icon-wechat { background-position:0px -150px; width:38px; height:38px; }
.news-icon-wechat:hover { background-position:-50px -150px; width:38px; height:38px; }
.news-icon-mail { background-position:-100px -150px; width:38px; height:38px; }
.news-icon-mail:hover { background-position:-150px -150px; width:38px; height:38px; }
.news-icon-weibo { background-position:-200px -150px; width:38px; height:38px; }
.news-icon-weibo:hover { background-position:-250px -150px; width:38px; height:38px; }
.news-icon-link { background-position:0px -250px; width:38px; height:38px; }
.news-icon-link:hover { background-position:-50px -250px; width:38px; height:38px; }
.news-icon-top50 { background-position:-100px -50px; width:36px; height:36px; }
.news-icon-doc { background-position: -200px -50px; width:36px; height: 36px; }
.news-icon-doc-mini { background-position: -250px -50px; width:36px; height: 36px; }
.news-icon-iis { background-position: -250px -50px; width:14px; height: 17px; margin-right:5px; }
.news-icon-iis-res { background-position: -50px -200px; width:14px; height: 17px; margin-top: 3px; margin-right:5px;}

@media screen and (min-width: 1100px) {
    .news-icon-iis { background-position: -200px -50px; width:15px; height: 20px; margin-right:5px; }
    .news-icon-iis-res { background-position: 0px -200px; width:15px ; height: 20px; margin-right:5px; }
}

.lig {border:1px solid #ddd;}
.lig td {padding:0;height:19px; background:url('../images/common/img1px.png') repeat-x 0 -1045px;vertical-align:bottom;}
.lig span{color:#ccc}
.lig div{padding:0;}
.lig .imgChart{border-bottom:1px solid #ddd;height:180px}
.lig a {color:#006aaa;}
.lig a:hover {color:#009fff;}
.lig .selchart {color:#000 !important; font-weight: bold;}

.dar {border:1px solid #000;}
.dar td {padding:0;height:19px;background:url('../images/common/img1px.png') repeat-x 0 -1015px;vertical-align:bottom;}
.dar span{color:#777}
.dar div{padding:0;}
.dar .imgChart{border-bottom:1px solid #000;height:180px}
.dar a {color:#8dd4ff;}
.dar a:hover {color:#ccecff;}
.dar .selchart {color:#fff !important; font-weight: bold;}

.qftitle{font-size:36px;color:#4284cb}
.more, .more:visited, .more:link{font: normal 12px Arial;color:#004666;float:right;}
.more:hover{color:#0077aa;}

.lnk, .lnk:visited, .lnk:link{font: normal 12px Arial;color:#006aaa;}
.lnk:hover{color:#009fff;}
        
.btn_curve {float: left; height: 20px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_curve .btn_curve_L {background: url('../images/common/btn_curve_left.gif') no-repeat; height: 20px; width: 10px; float: left;padding:0;}
.btn_curve .btn_curve_C {background: url('../images/common/btn_curve_middle.gif') repeat-x; height: 20px;line-height: 18px; float: left; padding: 2px 5px 1px 5px; color: #000000;}
.btn_curve .btn_curve_R {background: url('../images/common/btn_curve_right.gif') no-repeat; height: 20px; width: 10px; float: left;padding:0;}

.btn_arrow {float: left; height: 20px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_arrow .btn_arrow_L {background: url('../images/common/b5.png') no-repeat 0px 0px; height: 20px; width: 7px; float: left;}
.btn_arrow .btn_arrow_C {background: url('../images/common/b5.png') repeat-x 0px -20px; height: 20px; line-height: 20px; float: left; padding: 0px 5px 0px 5px; color: #000000;}
.btn_arrow .btn_arrow_A {background: url('../images/common/b5.png') no-repeat 0px -40px; height: 20px; width: 7px; float: left;}
.btn_arrow .btn_arrow_R {background: url('../images/common/b5.png') no-repeat 0px -60px; height: 20px; width: 7px; float: left;}

.btn_curve2 {float: left; height: 20px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_curve2 .btn_curve2_L {background: url('../images/common/b6.png') no-repeat 0px 0px; height: 18px; width: 4px; float: left;}
.btn_curve2 .btn_curve2_C {background: url('../images/common/b6.png') repeat-x 0px -18px; height: 18px;line-height: 18px; float: left; padding: 0px 5px 0px 5px; color: #007AAA;}
.btn_curve2 .btn_curve2_R {background: url('../images/common/b6.png') no-repeat 0px -36px; height: 18px; width: 4px; float: left;}

.tabbox {border-bottom:1px solid #E1E1E1;float:left;width:100%;height:21px;font-size:12px;}
.tabbox2 {border-left:1px solid #ddd; border-right:1px solid #ddd; background: url('../images/common/tab5_bg.gif') repeat-x; float:left;width:100%; height:30px;font-size:12px; line-height:30px}
.tabTS { background: url('../images/common/tsTab_bg.gif') repeat-x; float:left;width:100%; height:29px;font-size:12px; line-height:29px; }


.tabTS .tab {float: left; height: 29px; line-height: 29px; padding: 0px 0px 0px 0px !important; cursor: pointer; color:#003666}
.tabTS .tab .tab_L { height: 30px; width: 10px; float: left;padding:0}
.tabTS .tab .tab_C { height: 30px; float: left; padding:0; color:#003666; font-weight:normal}
.tabTS .tab .tab_R { height: 30px; width: 10px; float: left;padding:0}

.tabTS .tab-sel {float: left; height: 30px; line-height: 30px; padding: 0px 0px 0px 0px !important; cursor: pointer; color:#000000}
.tabTS .tab-sel .tab_L {background: url('../images/common/tsTab_l.gif') no-repeat; height: 30px; width: 10px; float: left;padding:0}
.tabTS .tab-sel .tab_C {background: url('../images/common/tsTab_c.gif') repeat-x; height: 30px; float: left; padding:0px 0px; font-weight:bold}
.tabTS .tab-sel .tab_R {background: url('../images/common/tsTab_r.gif') no-repeat; height: 30px; width: 10px; float: left;padding:0}
.tabTS .ts_button { border:solid 1px #D9D9D9; border-radius:4px; line-height:20px; }
.tabTS .ts_button.sel { background:#007AAA; color:white; }
.tabTS .ts_button_left { border-right:none; border-top-right-radius:0px; border-bottom-right-radius:0px;}
.tabTS .ts_button_right { border-top-left-radius:0px; border-bottom-left-radius:0px; }

.tabTS .ts_icon, .tabsystem .ts_icon { background: url('../images/common/ts_icon_V1.2.png'); }
.tabTS .ts_icon_popsw { background-position:-3px -3px; width:15px; height:15px;  }
.tabTS .ts_icon_popsw_hover { background-position:-3px -20px; width:15px; height:15px;  }
.tabTS .ts_icon_clear { background-position:-19px -3px; width:15px; height:15px;  }
.tabTS .ts_icon_clear_hover { background-position:-19px -20px; width:15px; height:15px;  }
.tabTS .ts_icon_refresh { background-position:-37px -3px; width:15px; height:15px;  }
.tabTS .ts_icon_refresh_hover { background-position:-37px -20px; width:15px; height:15px;  }
.tabTS .ts_icon_ovSwitch { background-position:-88px -3px; width:15px; height:15px;  }
.tabTS .right-arrow {
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
}

.tabsystem .ts_icon_cf{ background-position:-55px -4px; width:15px; height:15px; padding:0px; }
.tabsystem .ts_icon_cf_hover { background-position:-55px -20px; width:15px; height:15px; padding:0px; }
.tabsystem .ts_icon_news { background-position:-71px -4px; width:15px; height:15px;  padding:0px; }
.tabsystem .ts_icon_news_hover { background-position:-71px -20px; width:15px; height:15px; padding:0px;  }

div.container.container_16.resize #tabTSHeader { overflow:visible; }
div.container.container_16.resize .tabTS { background: #EFEFEF; font-size:12px; padding-top:9px; height:30px; line-height:26px; border-bottom:1px solid #D3DCE0; border-top-left-radius:5px; border-top-right-radius:5px; }
div.container.container_16.resize .tabTS .ts_btn_excel { width:24px; height:24px; cursor:pointer; margin-left:2px; margin-right:2px; background-image:url('../images/common/ts_excel.png?v=2'); }
div.container.container_16.resize .tabTS .ts_btn_excel:hover { background-image:url('../images/common/ts_excel_on.png?v=2'); }
div.container.container_16.resize .tabTS .ts_btn_print { width:24px; height:24px; cursor:pointer; margin-right:3px; background-image:url('../images/common/ts_print.png?v=2'); }
div.container.container_16.resize .tabTS .ts_btn_print:hover { background-image:url('../images/common/ts_print_on.png?v=2'); }
div.container.container_16.resize .tabTS .tab { height:30px; line-height:20px; color:#3579a3 }
div.container.container_16.resize .tabTS .tab .tab_L { display:none; }
div.container.container_16.resize .tabTS .tab .tab_C { height:26px; color:#3579a3; font-weight:bold; margin:0px 11px; padding-top:4px; }
div.container.container_16.resize .tabTS .tab .tab_C:hover { color:#10abe4; }
div.container.container_16.resize .tabTS .tab .tab_R { display:none; }
div.container.container_16.resize .tabTS .tab-sel { height:30px; line-height:20px; }
div.container.container_16.resize .tabTS .tab-sel .tab_L { display:none; }
div.container.container_16.resize .tabTS .tab-sel .tab_C { background: #E7F1F3; height: 29px; float: left; padding:2px 12px 0px 12px; margin:0px 3px; font-weight:bold; border:1px solid #D3DCE0; border-bottom:0px; }
div.container.container_16.resize .tabTS .tab-sel .tab_R { display:none; }
div.container.container_16.resize #divFloatingHeader { top:40px; }
div.container.container_16.resize .tabsystem .bluebg { height:30px; }
div.container.container_16.resize .tabsystem .bluebg th, div.container.container_16.resize .tabsystem .bluebg td { background: #e9f1f4; }
div.container.container_16.resize .tabsystem table.s2 { font-size:13px; }
div.container.container_16.resize .tabsystem table.s2 td div a { font-weight: normal; }
div.container.container_16.resize .tabsystem th.border-r { border-right: solid 1px #D3DCE0; }
div.container.container_16.resize .tabsystem tr.bargrey2 { height:30px; }
div.container.container_16.resize .tabsystem tr.bargrey2 th {padding: 0px; vertical-align: top; line-height: 30px; height:30px; background-color:transparent }
div.container.container_16.resize .tabsystem tr.bargrey2 th.lineheight20 { line-height: 20px !important; }
div.container.container_16.resize .tabsystem tr.bargrey2 th .sortcol { color:#3579a3; }
div.container.container_16.resize .tabsystem tr.hover td { background:#E0F1F8; }
div.container.container_16.resize .tabsystem td.border-r { border-right:solid 1px #EFEFEF; }
div.container.container_16.resize .tabsystem a.a14 { font-size:13px; }
div.container.container_16.resize .tabsystem .tblM th { border-bottom:1px solid #D3DCE0; }
div.container.container_16.resize .tabsystem .headbg { position:absolute; width:100%; z-index: 1; height:30px; background: #e9f1f4; }

div.container.container_16.resize .tabTS div.tick-on { background-image:url("../images/common/ts_radio_on.png"); background-position:0px 0px; width:14px; height:14px; }
div.container.container_16.resize .tabTS div.tick-off { background-image:url("../images/common/ts_radio.png"); background-position:0px 0px; width:14px; height:14px; }

div.container.container_16.resize .tabTS .perfDistBarTopPad { height:8px; }

div.container.container_16.resize .tabTS #jsHKConnectFilter { padding-left:25px; border-left:0px; }
div.container.container_16.resize .tabTS #jsHKConnectFilter .jsHKConnectFilter_img { padding-top:6px; margin-right:4px; }
div.container.container_16.resize .tabTS #jsHKConnectFilter .jsHKConnectFilter_text { color:#199bcd; margin-right:10px; }

@media screen and (min-width: 1100px) {
    div.container.container_16.resize .warrant_cbbc_sym
    , div.container.container_16.resize .tabsystem .lowInd
    , div.container.container_16.resize .tabsystem .highInd
    , div.container.container_16.resize .tabsystem .listingInd { margin-left: 2px !important; margin-top:1px !important; height:16px; line-height:16px !important; }
    div.container.container_16.resize .tabsystem tr.bargrey2 { font-size:14px; }
    div.container.container_16.resize .tabsystem tr.bluebg { font-size:14px; }
    div.container.container_16.resize .tabsystem table.s2 { font-size:15px; }
    div.container.container_16.resize .tabsystem table.s2 .pad3 { padding: 7px 3px; }
    div.container.container_16.resize .tabTS { font-size: 14px; }
    div.container.container_16.resize .tabsystem a.a14 { font-size: 15px; }
    div.container.container_16.resize .warrant_cbbc_c { margin-top:1px !important; height:18px; line-height:18px !important; }
    div.container.container_16.resize .warrant_cbbc_p { margin-top:1px !important; height:18px; line-height:18px !important;  }
    div.container.container_16.resize #tbTS tbody > tr.compact > td { line-height:20px; }
}

.tab1 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab1 .tab_L {background: url('../images/common/tab1_L.png') no-repeat; height: 20px; width: 2px; float: left;}
.tab1 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -670px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab1 .tab_R {background: url('../images/common/tab1_R.png') no-repeat; height: 20px; width: 2px; float: left;}
.tab2 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab2 .tab_L {background: url('../images/common/tab2_L.png') no-repeat; height: 20px; width: 1px; float: left;}
.tab2 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -700px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab2 .tab_R {background: url('../images/common/tab2_R.png') no-repeat; height: 20px; width: 1px; float: left;}
.tab3 {float: left; height: 22px; line-height: 22px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab3 .tab_L {background: url('../images/common/tab3_l.gif') no-repeat; height: 22px; width: 8px; float: left;padding:0}
.tab3 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -730px; height: 22px; float: left; padding:0;color:#888888;}
.tab3 .tab_R {background: url('../images/common/tab3_r.gif') top right no-repeat; height: 22px; width: 8px; float: left;padding:0}
.tab4 {float: left; height: 22px; line-height: 22px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab4 .tab_L {background: url('../images/common/tab4_l.gif') no-repeat; height: 22px; width: 8px; float: left;padding:0}
.tab4 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -760px; height: 22px; float: left;padding:0;color:#888888;}
.tab4 .tab_R {background: url('../images/common/tab4_r.gif') top right no-repeat; height: 22px; width: 8px; float: left;padding:0}

.tab5 {float: left; height: 30px; line-height: 30px; padding: 0px 0px 0px 0px !important; cursor: pointer; color:#003666}
.tab5 .tab_L {background: url('../images/common/tab5_bg.gif') no-repeat; height: 30px; width: 8px; float: left;padding:0}
.tab5 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -790px; height: 30px; float: left; padding:0; color:#003666; font-weight:normal}
.tab5 .tab_R {background: url('../images/common/tab5_bg.gif') top right no-repeat; height: 30px; width: 8px; float: left;padding:0}
.tab6 {float: left; height: 30px; line-height: 30px; padding: 0px 0px 0px 0px !important; cursor: pointer; color:#000000}
.tab6 .tab_L {background: url('../images/common/tab6_l.gif') no-repeat; height: 30px; width: 8px; float: left;padding:0}
.tab6 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -830px; height: 30px; float: left;padding:0px 10px; font-weight:bold}
.tab6 .tab_R {background: url('../images/common/tab6_r.gif') top right no-repeat; height: 30px; width: 8px; float: left;padding:0}

.tab7 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab7 .tab_L {background: url('../images/common/tab7_L.png') no-repeat; height: 20px; width: 2px; float: left;}
.tab7 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -870px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab7 .tab_R {background: url('../images/common/tab7_R.png') no-repeat ; height: 20px; width: 2px; float: left;}
.tab8 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab8 .tab_L {background: url('../images/common/tab8_L.gif') no-repeat; height: 20px; width: 2px; float: left;}
.tab8 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -900px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab8 .tab_R {background: url('../images/common/tab8_R.gif') no-repeat -8px 0px; height: 20px; width: 2px; float: left;}
.tab9 {float: left; height: 20px; line-height: 18px; font-size: 12px; padding: 0px 5px 0px 0px; cursor: pointer;}
.tab9 .tab_L {background: url('../images/common/tab9_L.gif') no-repeat; height: 20px; width: 2px; float: left;}
.tab9 .tab_C {background: url('../images/common/img1px.png') repeat-x 0 -930px; height: 20px; float: left; padding: 1px 5px 1px 5px;}
.tab9 .tab_R {background: url('../images/common/tab9_R.gif') no-repeat -8px 0; height: 20px; width: 3px; float: left;}

.tab10 {float: left; height: 20px; line-height: 20px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab10 .tab_L {background: url('../images/oldmenu/tab_mchart.gif') repeat-x; height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
.tab10 .tab_C {background: url('../images/oldmenu/tab_mchart.gif') repeat-x; height: 20px; float: left; padding:0;color:#888888; border-top:solid 1px #ccc;}
.tab10 .tab_R {background: url('../images/oldmenu/tab_mchart.gif') repeat-x; height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #ccc; border-right:solid 1px #ccc;}

.tab11 {float: left; height: 20px; line-height: 20px; padding: 0px 4px 0px 0px !important; cursor: pointer;}
.tab11 .tab_L {height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #fff;}
.tab11 .tab_C {height: 20px; float: left;padding:0;color:#888888; border-top:solid 1px #fff;}
.tab11 .tab_R {height: 20px; width: 2px; float: left;padding:0; border-top:solid 1px #fff;}

.tab12 { float: left; height: 20px; line-height: 20px; padding: 0px 15px 0px 5px !important; cursor: pointer; color:#000; border:solid 1px #CCCCCC; background:#F9F9F9; margin-right:3px }
.tab13 { float: left; height: 20px; line-height: 20px; padding: 0px 15px 0px 15px !important; cursor: pointer; color:#000; border:solid 1px #CCCCCC; background:#E3E3E3; margin-right:3px }

.fb {float: left; height: 22px; cursor: pointer; padding: 0px 5px 0px 0px;}
.fb_left {background: url('../images/common/fbbtn.gif') no-repeat; float: left; width: 10px; height: 22px;}
.fb_center {background: url('../images/common/feed_bg_middle.gif') repeat-x; float: left; height: 22px; font-weight: bold; line-height: 24px;}
.fb_right {background: url('../images/common/fbbtn.gif') no-repeat -1px; float: left; width: 10px; height: 22px;}
#sitemap{background: #f9f9f9; line-height: 20px;}
#sitemap tr td {vertical-align: top; font-weight: 700; color: #444;}
#sitemap tr td a{font-weight: 500; color: #003666;}
#sitemap tr td a.s1{color: #2F527D;}
#sitemap tr td ul {font-size: 12px; margin-top: 2px;}
#sitemap tr td ul li a{font-weight: 500; color: #003666;}
#sitemap tr td ul li a.s1{color: #2F527D;}
#sitemap tr td ul li a.s2{color: #848A9C;}
#sitemap tr td ul li{white-space: nowrap; margin: 2PX 0PX 2PX 0PX; font-weight: normal;}
#sitemap .indent{padding-left: 15px; color: #5779aa;}
#sitemap .indent a{color: #5779aa;}
#sitemap .pad{margin: 0px 6px;}
#sitemap .whitebg{background: #fff;}
#sitemap .sitemap_title{color: #a3b3bb; font-size: 150%; border-bottom: 1px solid #ddd; padding: 10px;}
#sitemap .sitemap_table{margin: 10px 6px;}
#sitemap .sitemap_info{margin: auto; width: 87%; margin-bottom: 6px;}
#sitemap .sitemap_info tr td{font-weight: 500; color: #555;}
.nowrap {white-space: nowrap;}
#sitemap .sitemap_info .space{padding-right: 16px;}
#sitemap .sitemap_info a{color: #00578e;}
#sitemap .sitemap_info .split{color: #ddd;}
#sitemap .line1{background: #c6d8e3; overflow: hidden; height: 1px;}
#sitemap .line2{background: #00578e; overflow: hidden; height: 5px;}

#foot{background: #fff; line-height: 18px;}
#foot #logo_bar .logo{padding: 6px 12px 6px 57px; border-right: 1px solid #ddd;}
#foot #logo_bar .detail{padding: 0px 0px 0px 12px;}
#foot #logo_bar .detail {color: #ccc;}
#foot #logo_bar .detail a{color: #06B;}
#foot #logo_bar .detail a.s1{color: #2F527D;}
#foot #logo_bar .margin8 {margin: 8px 0px;}
#foot #logo_bar .contact {color: #000;}
#foot #logo_bar .contact a{color: #06B;}
#foot #logo_bar .contact .label{color: #aaa;}
#foot #note {border-top: 1px solid #e1e1e1; color: #999; line-height: 16px;}
.newshead1 {color: #000000; font-size: 15px; font-weight: bold;}
.newstime1{color: #666; font-size: 12px;}
.newscontent1 {color: #000;}
.newshead2 {color: #064599; font-size: 15px; font-weight: bold;}
.newshead2 a{color: #003666; font-weight: 700;}
.newstime2{color: #999; font-size: 12px;}
.newscontent2 {color: #666; line-height: 18px;}
.newshead3 {color: #003666; font-weight: bold;}
.newshead3 a {color: #003666; font-weight: bold;}


.newshead4 a { color:#0869a1; font-size:16px; word-break: break-word; }
body.eng .newshead4 a { font-size:15px; font-weight:bold; }
.newshead4 a:hover { color: #10abe4; }
.newshead4 a div.icon_top50 { position:relative; width:23px; height:23px; vertical-align:top; }
.newshead4 a div.icon_top50 > div { position:absolute; top:-3px; left:-3px; width:29px; height:29px; background-image:url("../images/news/icon_top50a.png"); background-position:center center; background-size:29px 29px; background-repeat:no-repeat; }
.newshead4 a div.icon_top50.hover > div { background-image:url("../images/news/icon_top50a_over.png"); }
.newstime4 { color: #999; font-size: 13px; letter-spacing:0px; }
.newstime4 .newshead-Source-sep {padding:0 5px;}
.newscontent4 { color: #666; font-size:15px; line-height:25px; max-height:75px; overflow:hidden; }
body.eng .newscontent4 { font-size:13px; }
.newsImage4a > img { width:230px; height:130px; }
.newsImage4b > img { width:115px; height:65px; }
.newsheadTopPad { padding-top:10px; }
.newsheadBack { width:91px; height:28px; border-radius:6px; border:1px solid #e5e5e5; font-size:14px; line-height:30px; color:#2a679e; text-align:center; cursor:pointer; }
.newsheadBack.hover { color:#10abe4; }
.newsheadBack .newsheadBack_arrow { width:7px; height:11px; *margin-bottom:9px; *margin-right:4px; }
.newsheadBack .newsheadBack_arrow > div { width: 0px; height: 0px; position: relative; border-top: 5.5px solid transparent; border-bottom: 5.5px solid transparent; border-right: 7px solid #2a679e; }
.newsheadBack.hover .newsheadBack_arrow > div { border-right: 7px solid #10abe4; }

.newshead-Source, .newshead-Source-sep{display:inline-block; background-color:transparent; position:relative; letter-spacing:0.5px;}
.newshead-Source-sep {padding: 0 10px;width: 1px;height: 12px;}
.newshead-Source-sep:after {
    content: ' ';
    position: absolute;
    display: block;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #ccc;
    height: 100%;
    width: 1px;
    }
.newshead-Source .vw1200 {display:none}
.newshead-Source.inline_block {display:inline-block;}

@media screen and (min-width: 1100px) {
    .newshead4 a { color:#0869a1; font-size:18px; }
    body.eng .newshead4 a { font-size:15px; font-weight:bold; }
    .newshead4 a:hover { color: #10abe4; }
    .newshead4 a div.icon_top50 { width:26px; height:26px; }
    .newshead4 a div.icon_top50 > div { top:-3px; left:-3px; width:32px; height:32px; background-size:32px 32px; }
    .newstime4 { color: #999; font-size: 14px; letter-spacing:0px; }
	.newstime4 .newshead-Source-sep {padding:0 10px;}
    .newscontent4 { color: #666; font-size:16px; line-height:25px;}
    body.eng .newscontent4 { font-size:13px; }
    .newsImage4a > img { width:288px; height:160px; }
    .newsImage4b > img { width:150px; height:84px; }
    .newsheadBack { width:91px; height:28px; border-radius:6px; border:1px solid #e5e5e5; font-size:15px; line-height:30px; color:#2a679e; text-align:center; cursor:pointer; }
    .newsheadBack.hover { color:#10abe4; }
	.newshead-Source .vw1200 {display:inherit}
	.newshead-Source .vw980 {display:none}
}

.linkBar a { font-size:15px; }
.linkBar a.back { font-size:14px; }
.newshead5 { color:#00394e; font-size:31px; }
body.eng .newshead5 { font-size:30px; }
.newshead5 a div.icon_top50 { position:relative; width:30px; height:30px; margin-bottom:-3px; margin-left:7px; }
.newshead5 a div.icon_top50 > div { position:absolute; top:-4px; left:-4px; width:38px; height:38px; background-image:url("../images/news/icon_top50a.png"); background-position:center center; background-size:38px 38px; background-repeat:no-repeat; }
.newshead5 a div.icon_top50.hover > div { background-image:url("../images/news/icon_top50a_over.png"); }
.newstime5 { color: #919090; font-size:14px; }

.newsImage5 { margin-top:27px; }
.newsControlRow5 { margin-top:40px; height:38px; line-height:38px; }
.newscontent5 { color:#00394e; font-size:19px; line-height: 21px; }
.newscontent5 .urlfooter { clear:both; margin-top:40px; }
.newscontent5.fLevel1 { font-size:13px; line-height: 20px; }
.newscontent5.fLevel2 { font-size:15px; line-height: 22px; }
.newscontent5.fLevel3 { font-size:17px; line-height: 25px; }
.newscontent5.fLevel4 { font-size:19px; line-height: 27px; }
.newscontent5.fLevel5 { font-size:21px; line-height: 30px; }
.newscontent5.fLevel1 .urlfooter { font-size:13px; }
.newscontent5.fLevel2 .urlfooter { font-size:13px; }
.newscontent5.fLevel3 .urlfooter { font-size:13px; }
.newscontent5.fLevel4 .urlfooter { font-size:13px; }
.newscontent5.fLevel5 .urlfooter { font-size:13px; }
.newscontent5.fLevel1 .quote-box2 { height:16px; border-radius:8px; line-height:18px; font-size:12px; }
.newscontent5.fLevel2 .quote-box2 { height:18px; border-radius:9px; line-height:20px; font-size:13px; }
.newscontent5.fLevel3 .quote-box2 { height:21px; border-radius:10.5px; line-height:23px; font-size:15px; }
.newscontent5.fLevel4 .quote-box2 { height:23px; border-radius:11.5px; line-height:25px; font-size:16px; }
.newscontent5.fLevel5 .quote-box2 { height:26px; border-radius:13px; line-height:28px; font-size:17px; }

.newscontent5.fLevel1 .ai-news-disclaimer, .newscontent5.fLevel1 .ad-disclaimer{ font-size:12px; line-height: 18px; }
.newscontent5.fLevel2 .ai-news-disclaimer, .newscontent5.fLevel2 .ad-disclaimer{ font-size:13px; line-height: 20px; }
.newscontent5.fLevel3 .ai-news-disclaimer, .newscontent5.fLevel3 .ad-disclaimer{ font-size:15px; line-height: 22px; }
.newscontent5.fLevel4 .ai-news-disclaimer, .newscontent5.fLevel4 .ad-disclaimer{ font-size:17px; line-height: 25px; }
.newscontent5.fLevel5 .ai-news-disclaimer, .newscontent5.fLevel5 .ad-disclaimer{ font-size:19px; line-height: 27px; }

.newscontent5 span.stock-prepost {
    position: relative;
    height: 23px;
    background-color: #F0F0F0;
    border-radius: 11.5px;
    white-space: nowrap;
    word-break: keep-all;
    color: #6E6E6E;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #F0F0F0;
    vertical-align: bottom;
    top:-1px;
}
.newscontent5 span.stock-prepost span.txt {
    
}
.newscontent5 span.stock-prepost span {color: #6e6e6e;
    /* position: relative; */
    /* top: -1px; */
    float: left;
    display: block;}
.newscontent5 span.stock-prepost span.pos {color:#2eb244;}
.newscontent5 span.stock-prepost span.neg {color:#fe4e44;}
.newscontent5 span.stock-prepost span.cls {top: -2px;}

.newscontent5.fLevel1 span.stock-prepost { height:16px; border-radius:8px; line-height:18px; font-size:10px; }
.newscontent5.fLevel2 span.stock-prepost { height:18px; border-radius:9px; line-height:20px; font-size:11px; }
.newscontent5.fLevel3 span.stock-prepost { height:21px; border-radius: 10.5px; line-height: 23px; font-size: 12px;}
.newscontent5.fLevel4 span.stock-prepost { height:23px; border-radius:11.5px; line-height:25px; font-size:13px; }
.newscontent5.fLevel5 span.stock-prepost { height:26px; border-radius:13px; line-height:28px; font-size:14px; }

.newscontent5.fLevel1 span.stock-prepost span.cls { font-size:12px; }
.newscontent5.fLevel2 span.stock-prepost span.cls { font-size:13px; }
.newscontent5.fLevel3 span.stock-prepost span.cls { font-size:15px; }
.newscontent5.fLevel4 span.stock-prepost span.cls { font-size:16px; }
.newscontent5.fLevel5 span.stock-prepost span.cls { font-size:17px; }

.newsControlRow5 .newshead-Source {font-size:15px}
.newsControlRow5 .newsourcesep { margin-left: 4px;margin-right: 4px; margin-top: 14px; width: 1px; height: 12px; background: #ccc; }
#btnShowSS { font-size:15px }
#btnShowSP { font-size:15px }
#btnShowSI { font-size:15px }
.quote-box2 { border-style:solid; border-width:1px; position:relative; height:23px; border-radius:11.5px; padding-left:5px; padding-right:5px; white-space:nowrap; }
.quote-box2 > img { position:relative; top:-2px; }
.quote-box2.unc { border-color:#c2c2c2; color:#8d8d8d !important; }
.quote-box2.unc:hover { border-color:#e2e2e2; background-color:#e2e2e2; }
.quote-box2.neg { border-color:#fba6a6; color:#f35e5f !important; }
.quote-box2.neg:hover { border-color:#ffcece; background-color:#ffcece; }
.quote-box2.pos { border-color:#86cca0; color:#22ab55 !important; }
.quote-box2.pos:hover { border-color:#bbebcd; background-color:#bbebcd; }

.newscontent5.fLevel1 .ss-box { height:16px; border-radius:8px; line-height:18px; font-size:12px; }
.newscontent5.fLevel2 .ss-box { height:18px; border-radius:9px; line-height:20px; font-size:13px; }
.newscontent5.fLevel3 .ss-box { height:21px; border-radius:10.5px; line-height:23px; font-size:15px; }
.newscontent5.fLevel4 .ss-box { height:23px; border-radius:11.5px; line-height:25px; font-size:16px; }
.newscontent5.fLevel5 .ss-box { height:26px; border-radius:13px; line-height:28px; font-size:17px; }
.ss-box { border-style:solid; border-width:1px; position:relative; height:23px; border-radius:11.5px; padding-left:5px; padding-right:5px; border-color:#c2c2c2; color:#8d8d8d; white-space:nowrap; }
.ss-box:hover { border-color:#e2e2e2; background-color:#e2e2e2; }

.rel-stock-chart { width:100%; position:relative; height:225px; margin-top:10px; }
.rel-stock-chart img.stock-chart { width:300px; height:180px; }
.rel-stock-chart div.stock-name-symbol { position:absolute; top:140px; left:10px; }
.rel-stock-chart a.stock-name-symbol-href { color:#5b5b5b; }
.rel-stock-chart a.stock-name-symbol-href:hover { color:#10abe4; }
.rel-stock-chart div.stock-name { height:30px; line-height:30px; font-size:15px; text-align:left; color:#fff; margin-top:7px; display:inline-block; overflow:hidden; }
.eng .rel-stock-chart div.stock-name { font-size:16px; margin-top:8px; }
.rel-stock-chart div.stock-symbol { font-size:16px; }
.rel-stock-chart > a > div.stock-value { position:absolute; top:135px; right:10px; height:70px; width:calc(100% - 50px); text-align:left; padding-left:15px; padding-right:15px; overflow:hidden; }
.rel-stock-chart > a > div.stock-value.pos { background: #51B34D; }
.rel-stock-chart > a > div.stock-value.neg { background: #FA6956; }
.rel-stock-chart > a > div.stock-value.unc { background: #B7B7B7; }
.rel-stock-chart span.stock-last-arrow { position:relative; font-size:12px; bottom:6px; margin-right:1px; }
.rel-stock-chart div.stock-last { float:left; margin-top:-2px; font-size:21px; font-weight:bold; color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; letter-spacing:0px; }
.rel-stock-chart .inprepost div.stock-last { font-size:20px; }
.rel-stock-chart div.stock-change { float:right; margin-top:1px; font-size:17px; color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; letter-spacing:0px; }
.rel-stock-chart .inprepost div.stock-change { font-size:16px; }
.rel-stock-chart div.stock-prepost { float:right; margin-top:2px; margin-left:5px; margin-right:-5px; padding:0px 3px; font-size:13px; font-weight:400!important; line-height:22px; color:#999999; background-color:#f8f8f8; border-radius:11px; white-space:nowrap; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.rel-stock-chart div.stock-prepost > span { margin-left:-2px; font-weight:400!important; }
.rel-stock-chart div.stock-prepost .pos { color:#2EB244; }
.rel-stock-chart div.stock-prepost .neg { color:#FE4E44; }

@media screen and (min-width: 1100px) {
    .linkBar a { font-size:16px; }
    .linkBar a.back { font-size:15px; }
    .newshead5 { font-size:38px; }
    body.eng .newshead5 { font-size:30px; }
    .newshead5 a div.icon_top50 { width:36px; height:36px; margin-bottom:-4px; margin-left:7px; }
    .newshead5 a div.icon_top50 > div { top:-5px; left:-5px; width:46px; height:46px; background-size:46px 46px; }
    .newstime5 { font-size:16px; }
    .newsImage5 { margin-top:27px; }
    .newsControlRow5 { margin-top:20px; }
    .newscontent5.fLevel1 { font-size:15px; line-height: 22px; }
    .newscontent5.fLevel2 { font-size:17px; line-height: 25px; }
    .newscontent5.fLevel3 { font-size:19px; line-height: 27px; }
    .newscontent5.fLevel4 { font-size:21px; line-height: 30px; }
    .newscontent5.fLevel5 { font-size:23px; line-height: 31px; }
	
	.newscontent5.fLevel1 .ai-news-disclaimer, .newscontent5.fLevel1 .ad-disclaimer{ font-size:13px; line-height: 20px; }
	.newscontent5.fLevel2 .ai-news-disclaimer, .newscontent5.fLevel2 .ad-disclaimer{ font-size:15px; line-height: 22px; }
	.newscontent5.fLevel3 .ai-news-disclaimer, .newscontent5.fLevel3 .ad-disclaimer{ font-size:17px; line-height: 25px; }
	.newscontent5.fLevel4 .ai-news-disclaimer, .newscontent5.fLevel4 .ad-disclaimer{ font-size:19px; line-height: 27px; }
	.newscontent5.fLevel5 .ai-news-disclaimer, .newscontent5.fLevel5 .ad-disclaimer{ font-size:21px; line-height: 30px; }

    .newscontent5.fLevel1 .urlfooter { font-size:15px; }
    .newscontent5.fLevel2 .urlfooter { font-size:15px; }
    .newscontent5.fLevel3 .urlfooter { font-size:15px; }
    .newscontent5.fLevel4 .urlfooter { font-size:15px; }
    .newscontent5.fLevel5 .urlfooter { font-size:15px; }
    .newscontent5.fLevel1 .quote-box2 { height:18px; border-radius:9px; line-height:20px; font-size:13px; }
    .newscontent5.fLevel2 .quote-box2 { height:21px; border-radius:10.5px; line-height:23px; font-size:15px; }
    .newscontent5.fLevel3 .quote-box2 { height:23px; border-radius:11.5px; line-height:25px; font-size:16px; }
    .newscontent5.fLevel4 .quote-box2 { height:26px; border-radius:13px; line-height:28px; font-size:17px; }
    .newscontent5.fLevel5 .quote-box2 { height:27px; border-radius:13.5px; line-height:29px; font-size:18px; }
    .newscontent5.fLevel1 .ss-box { height:18px; border-radius:9px; line-height:20px; font-size:13px; }
    .newscontent5.fLevel2 .ss-box { height:21px; border-radius:10.5px; line-height:23px; font-size:15px; }
    .newscontent5.fLevel3 .ss-box { height:23px; border-radius:11.5px; line-height:25px; font-size:16px; }
    .newscontent5.fLevel4 .ss-box { height:26px; border-radius:13px; line-height:28px; font-size:17px; }
    .newscontent5.fLevel5 .ss-box { height:27px; border-radius:13.5px; line-height:29px; font-size:18px; }

	.newscontent5.fLevel1 span.stock-prepost { height:18px; border-radius:9px; line-height:20px; font-size:12px; }
    .newscontent5.fLevel2 span.stock-prepost { height:21px; border-radius:10.5px; line-height:23px; font-size:13px; }
    .newscontent5.fLevel3 span.stock-prepost { height:23px; border-radius:11.5px; line-height:25px; font-size:14px; }
    .newscontent5.fLevel4 span.stock-prepost { height:26px; border-radius:13px; line-height:28px; font-size:15px; }
    .newscontent5.fLevel5 span.stock-prepost { height:27px; border-radius:13.5px; line-height:29px; font-size:16px; }

    .newscontent5.fLevel1 span.stock-prepost span.cls { font-size:13px; }
    .newscontent5.fLevel2 span.stock-prepost span.cls { font-size:15px; }
    .newscontent5.fLevel3 span.stock-prepost span.cls { font-size:16px; }
    .newscontent5.fLevel4 span.stock-prepost span.cls { font-size:17px; }
    .newscontent5.fLevel5 span.stock-prepost span.cls { font-size:18px; }
	
    #btnShowSS { font-size:16px }
    #btnShowSP { font-size:16px }
    #btnShowSI { font-size:16px }
	.newsControlRow5 .newsourcesep {margin-left: 10px;margin-right: 10px;}
}

.newshead6 span { color: #595961; }
.newshead6 a { color:#0869a1 !important; font-size:15px !important; line-height: 20px; letter-spacing: 0.5px; }
.newshead6 a:hover { color: #10abe4 !important; }
.newshead6.mainHead a { font-size:16px !important; }
.newshead6.rf2r a { line-height: 22px; }
.newshead6.rf2r.mainHead a { line-height: 23px; }
.newshead6 .quote-box2 { font-size: 13px; padding-left: 1px; padding-right: 1px; line-height: 20px; }
.newscontent6 { color: #8c8a8a !important; font-size: 14px !important; line-height: 20px; letter-spacing: 0.5px; }

@media screen and (min-width: 1100px) {
    .newshead6 a { font-size:16px !important; line-height: 20px; letter-spacing: 0.5px; }
    .newshead6.mainHead a { font-size:17px !important; }
    .newshead6 .quote-box2 { font-size: 14px; padding-left: 1px; padding-right: 1px; line-height: 20px; }
    .newscontent6 { font-size: 15px !important; line-height: 20px; letter-spacing: 0.5px; } 
}

.relNews{position: relative; width: 250px; margin-left: 5px; background: url('../images/news/relatednews_bg.gif') repeat-x;}
.text_normal {font-weight: 500;}
.copyright {color: #999999; font-weight: normal; padding: 15px 0px 15px 0px; border-bottom: 1px #dadada solid;}
.common_box{margin-top: 9px;}
.common_box .content_box{margin: 5px 0px 0px 0px; padding: 0px 5px;}
.common_box .content_box .record_cnt_bullet li { list-style-type: disc; list-style-position: inside; color:#000000; }
.common_box .content_box .record_cnt_bullet li .count { color:#3aa9d3; }
.common_box .content_pad_l{padding-left: 5px;}
.common_box .content_pad_b{padding-bottom: 5px;}
.common_box .right_title{padding: 5px 5px; font-weight: 700; background: url('../images/bg_right_title.png') repeat-x; height: 16px;}
.common_box .right_title_grey1{background: url('../images/common/img1px.png') repeat-x 0 -1235px;}
.common_box .right_title_grey6{background: url('../images/common/img1px_v2.png') repeat-x 0 -356px; height: 25px; line-height: 25px;}
.common_box .right_title_grey9{background: url('../images/common/img1px.png') repeat-x 0 -1700px; border-top: 1px solid #eee;border-bottom: 1px solid #ccc;}
.common_box .right_title_grey10{background: none; border-top: 5px solid #eee;padding: 12px 0px;}
.common_box .right_title_s1{background: url('../images/usq/icon_page_title.gif') no-repeat left center;padding-left: 25px;}
.common_box .right_title_s2{background: url('../images/usq/tri.gif') no-repeat left center;padding-left: 15px;color: #8099aa;font-weight: normal;}
.common_box .title{height: 30px; color: #5f6062; float: left; padding: 5px; font-size: 130%;}
.common_box .tab_bottom_border3{border-bottom: 1px solid #ccc;}
.common_box table.tr_border2 td, .common_box table.tr_border2 th{border-bottom: 1px solid #ECECEC;}
.common_box .line_grey5{background: #ccc;}
.ox_box {margin-top:0}
.ox_box > img,.ox_box > iframe{ margin-top:9px }
.news .summary {color: #888888;padding: 2px 0;}
.news .section_title{padding:0}
.news .section_title a{font-size: 130%;font-weight: 700;line-height:20px;}
.news .links {margin-top:10px;padding:0 0 9px 0;}

.right_option a{color: #0082d5; font-weight: 500; }

.btn {cursor: pointer;}
.back_left {background: url('../images/common/btn_left.gif') no-repeat right top; width: 9px; height: 17px;}
.back_center {background: url('../images/common/btn_middle.gif') repeat-x right top; color: #064599;}
.back_right {background: url('../images/common/btn_right.gif') no-repeat left top; width: 9px; height: 17px;}

.btn_box {float: left; height: 19px; padding: 0px 5px 0px 0px; cursor: pointer;}
.btn_box .btn_box_L {background: url('../images/common/btn_box.png') no-repeat 0px 0px; height: 19px; width: 2px; float: left;}
.btn_box .btn_box_C {background: url('../images/common/btn_box.png') repeat-x 0px -19px; height: 19px; line-height: 18px; float: left; padding: 0px 10px 0px 10px; color: #666;}
.btn_box .btn_box_R {background: url('../images/common/btn_box.png') no-repeat 0px -38px; height: 19px; width: 2px; float: left;}

.qoutebar {padding:0;background: url('../images/common/img1px.png') repeat-x 0 -1000px;height:10px;}
#cdar{background:url('../images/common/icon_deep.gif') no-repeat;height:15px;width:14px;float:right;cursor:pointer;}
#clig{background:url('../images/common/icon_light.gif') no-repeat;height:15px;width:14px;float:right;cursor:pointer;}

.seltheme {color:#FF8800 !important; font-weight: bold;}
.paging {padding: 10px 0px 10px 0px; font-size: 12px; color: black; vertical-align: middle; text-align: right; float: right;}
.paging .plin {color: #007AAA; text-decoration: none; font-size: 14px;}
.paging .plin:hover {color: blue; text-decoration: none; font-size: 14px;}
.paging .current {font-weight: bold; font-size: 14px;}
.paging .imglin {text-decoration: none; color: #064599; cursor: pointer;}
.paging .imglin img {vertical-align: middle;}
.paging .imglin .p_left {background: url('../images/common/btn_left.gif') no-repeat right top; width: 9px; height: 17px;}
.paging .imglin .p_center {background: url('../images/common/btn_middle.gif') repeat-x right top;}
.paging .imglin .p_right {background: url('../images/common/btn_right.gif') no-repeat left top; width: 9px; height: 17px;}

.paging2 {padding: 0px; font-size: 16px; color: #3579a3; vertical-align: middle; text-align: right; float: right; line-height:20px; }
body.eng .paging2 { font-size:13px; }
.paging2 .dot { color: #c4c2c2; margin:0px 3px; }
.paging2 .plin { text-decoration: none; padding:0px 8px; font-weight:bold; }
.paging2 .plin:hover {color: #10abe4;}
.paging2 .current { padding:0px 10px; background-color:#CBE2EA; border-radius:3px; font-weight:bold; }
body.eng .paging2 .current { padding:3px 10px; }

.paging2 .p_first { width:auto; height:20px; padding:0px 10px; margin-right:10px; border:1px solid #cacaca; border-radius:3px; cursor: pointer; overflow:hidden; }
.paging2 .p_first .p_line { float:left; width:2px; height:8px; margin:6px 3px 6px 0px; background-color:#3579a3; }
.paging2 .p_first .p_arrow { float:left; width: 0; height: 0; margin:6px 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right:7px solid #3579a3; }
.paging2 .p_first .p_text { float:left; line-height:20px; font-size:12px; margin-left:5px; }

.paging2 .p_last { width:auto; height:20px; padding:0px 10px; margin-left:10px; border:1px solid #cacaca; border-radius:3px; cursor: pointer; overflow:hidden; }
.paging2 .p_last .p_line { float:left; width:2px; height:8px; margin:6px 0px 6px 3px; background-color:#3579a3; }
.paging2 .p_last .p_arrow { float:left; width: 0; height: 0; margin:6px 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left:7px solid #3579a3; }
.paging2 .p_last .p_text { float:left; line-height:20px; font-size:12px; margin-right:5px; }

@media screen and (min-width: 1100px) {
    .paging2 { font-size: 17px; }
    body.eng .paging2 { font-size:13px; }
    .paging2 .p_first .p_text { font-size: 13px; }
    .paging2 .p_last .p_text { font-size: 13px; }
}

.border_bottom{border-bottom: 1px solid #ddd;}

#btm_bar{width: 982px;}
#footer .btm_bar_shtcut
{
    height: 18px;
    line-height:18px;
    padding-top:3px;
}
#footer .btm_bar_shtcut a.text_link{color:#fff;padding:0px 8px;font-weight:100}
#footer .btm_bar_shtcut a.text_link2{color:#fff;padding:0px 8px 0px 4px;font-weight:100; }
#footer .btm_bar_shtcut a.text_link:hover{color:#ff9900;padding:0px 8px;font-weight:100}
#footer .btm_bar_shtcut a.text_link2:hover{color:#ff9900;padding:0px 8px 0px 4px;font-weight:100; }
#footer img {vertical-align: text-bottom;}
#btm_bar_social{float:right;color:#000}
#footer img{padding-right:3px;}
#bottom_bar_comment{border: 0px;width:58px;height:20px;background: url('../images/bottombar/bottom_bar_comment.png') no-repeat;color:#666}
#btm_bar input.ui-button{padding:0px;}
#footer_left, #footer_right{width:18px;height:36px;}
#footer_left{background:url('../images/bottombar/floatbg_left.png') no-repeat}
#footer_right{background:url('../images/bottombar/floatbg_right.png') no-repeat}
.footer_middle{background:url('../images/bottombar/bottom_bar_bg_v2.png') no-repeat; height: 22px; padding-top:2px; float:left;}
.bottom_banner{position:relative;top:4px;}
.bottom_banner_span{position: relative;left: 25px;}

.qHead {background:url('../images/common/img1px.png') repeat-x 0 -1120px; height:40px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-left:5px;}

.nr10 { float:left; background:url('../images/newsrange.png') no-repeat 0px 0px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr9 { float:left; background:url('../images/newsrange.png') no-repeat 0px -7px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr8 { float:left; background:url('../images/newsrange.png') no-repeat 0px -14px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr7 { float:left; background:url('../images/newsrange.png') no-repeat 0px -21px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr6 { float:left; background:url('../images/newsrange.png') no-repeat 0px -28px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr5 { float:left; background:url('../images/newsrange.png') no-repeat 0px -35px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr4 { float:left; background:url('../images/newsrange.png') no-repeat 0px -42px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr3 { float:left; background:url('../images/newsrange.png') no-repeat 0px -49px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr2 { float:left; background:url('../images/newsrange.png') no-repeat 0px -56px; line-height: 7px; height:7px; width:163px; padding:0px !important; }
.nr1 { float:left; background:url('../images/newsrange.png') no-repeat 0px -63px; line-height: 7px; height:7px; width:163px; padding:0px !important; }

.btn1 {float: left; cursor: pointer; padding: 0px 5px 0px 0px;}
.btn1_left {background: url('../images/common/btn1_left.gif') no-repeat; float: left; width: 3px; height: 20px;}
.btn1_center {background: url('../images/common/btn1_middle.gif') repeat-x; float: left; height: 20px; padding: 2px 3px 1px 3px !important; font-weight: bold;}
.btn1_right {background: url('../images/common/btn1_right.gif') no-repeat right top; float: left; width: 3px; height: 20px;}


.remark_s1 {color: #666;line-height: 150%;font-size: 11px;padding: 10px 0px;}

#menu_analysis{background: url('../images/stock/bg_subheader_tab.png') repeat-x 0 0;height:35px;list-style: none outside none; margin: 0 auto;padding: 0; width: 980px;overflow:hidden;}
#menu_analysis li{height:35px;float:left;background: url("../images/stock/separator_subheader_tab.png") no-repeat scroll top right transparent;cursor:pointer!important; width:auto;}
#menu_analysis li a{display:block;color:#075488;}
#menu_analysis li td{height:35px;padding: 0 9px;vertical-align:middle;text-align:center;cursor:pointer!important;}
#menu_analysis li.active, #menu_analysis li.over{background: url("../images/stock/bg_subheader_tab_over.png") repeat-x!important;}
#menu_analysis li.active a, #menu_analysis li.over a{background: url("../images/stock/border_subheader_tab_over.png") no-repeat right top;}
#menu_analysis_subsection{background:none;border-bottom:1px solid #ccc;height:28px;list-style: none outside none;margin: 0 auto;padding: 0;width: 980px;}
#menu_analysis_subsection li{height:28px;line-height:28px;float:left;}
#menu_analysis_subsection li.separator{color:#ccc}
#menu_analysis_subsection a{color:#007AAA;padding: 0 9px;}
#menu_analysis_subsection li.active{background: url("../images/stock/bg_subsection_active.png") no-repeat center bottom;}
#menu_analysis_subsection li.active a{color:#000;font-weight:bold;}

.fs {width:100%;color:#777;line-height:23px}
.fs caption div{background:url('../images/usq/tri.gif') left center no-repeat;padding:0 0 0 20px;font:Arial 20px Normal;color:#8099AA;line-height:30px}
.fs caption div.right{background:none;padding:0 0 0 20px;font:Arial 20px Normal;color:#8099AA;line-height:30px}
.fs tr{vertical-align:top;}
.fs th{color:#777;padding:2px 5px;position: relative;}
.fs td{text-align:right;border-top:1px solid #ececec;border-bottom:none;position: relative;}
.fs .l{text-align:left; padding-left:3px;}
.fs .borC td {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.fs .borC th {border-top:1px solid #ccc;border-bottom:1px solid #ccc;} 
.fs .sub {font-weight:bold;color:#000} 
.fs .subHead{background:url('../images/common/img1px.png') repeat-x scroll 0 -420px transparent;}
.fs .subtitle{text-align:left;color:#006AAA;}
.fs .sumtitle{padding-left:15px;}
.fs .trend {float:right;padding-right:3px;}
.fs .vc{vertical-align:middle;}
.fs .tren {cursor:pointer;}
.fs .hltrend td{border-bottom:none; background:url('../images/stock/fs_sel_head.png') repeat-x scroll}
.blueBar { background:url('../images/chart/bgMiniBlue.png') 0px 0px repeat-y;font-size:1px;border-bottom: solid 1px #999999}
.redBar { background:url('../images/chart/bgMiniRed.png') 0px -1px repeat-y;font-size:1px;border-top: solid 1px #999999}

.ratio_pointer_bg { float:left; height:18px; position:relative; width:115px; background:url(../images/stock/bg_ratio.png) }
.ratio_pointer_black { float:left; position:absolute; height:18px; width:7px; background:url(../images/stock/pointer.png) }
.ratio_pointer_green { float:left; position:absolute; height:18px; width:7px; background:url(../images/stock/pointer.png) 7px 0px; }
.ratio_pointer_blue { float:left; position:absolute; height:18px; width:7px; background:url(../images/stock/pointer.png) 14px 0px; }

.ratios{position:relative}
.ratios .section{margin-bottom:10px;clear:both;overflow:hidden;width:100%}
.ratios .section .section_header{background:url('../images/stock/bg_lightblue_linear.png') repeat-x;border-bottom:solid 1px #E6E6E6;color:#006AAA;height:29px;line-height:29px;padding-left:4px}
.ratios .section .section_item{float:left;width:49%;overflow:hidden;clear:left}
.ratios .section .even{float:right;clear:right}
.ratios .section .section_row{width:100%;overflow:hidden}
.ratios .section .section_item .section_item_header,.ratios .section .section_item .section_item_data{border-bottom:solid 1px #E6E6E6;font-weight:bold;color:#000;clear:both;padding:5px 4px 5px 4px;overflow:hidden;width:100%}
.ratios .section .section_item .section_item_data{font-weight:normal;color:#777}
.ratios .section .section_item .caption{float:left;width:70%}
.ratios .section .section_item .data{float:right;padding-right:7px}
.ratios .section .section_item .chart{padding-right:7px}
.right_title_grey11{background:url('../images/stock/bg_grey_linear.png') repeat-x;border-top:1px solid #EEE;border-bottom:1px solid #BEBEBE;line-height:28px;height:28px;width:100%;overflow:hidden}
.ratio_pointer_overlay{position:absolute;width:170px;min-height:85px;display:none;z-index:99999999;background:#fff;border:1px solid #AAA}
.ratio_pointer_overlay .ratio_pointer_overlay_header{color:#007AAA;font-weight:bold;padding:9px 5px;background:url(../images/stock/header_ratio_layer.png) repeat-x bottom #fff}
.ratio_pointer_overlay td{padding:7px 5px;color:#000}
.ratio_pointer_overlay .ratio_pointer_overlay_avg,.ratio_pointer_overlay .ratio_pointer_overlay_stockval{font-weight:bold;text-align:right;width:30%}
.ratio_icon_box{width:100%;overflow:hidden;border-top:1px solid #eee;padding-top:9px}
.ratio_icon_stock,.ratio_icon_industry_avg,.ratio_icon_competitor_avg{background:url(../images/stock/ratio_icon_black.gif) no-repeat left center;padding-left:10px;float:left;margin-right:18px}
.ratio_icon_competitor_avg{background:url(../images/stock/ratio_icon_green.gif) no-repeat left center}
.ratio_icon_industry_avg{background:url(../images/stock/ratio_icon_blue.gif) no-repeat left center}

.ind_bar { float:left; height:12px; position:relative; width:650px; }
.ind_bar_1 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px 0px }
.ind_bar_2 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -12px }
.ind_bar_3 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -24px }
.ind_bar_4 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -36px }
.ind_bar_5 { float:left; height:12px; background:url(../images/stock/ind_bar.png) 0px -48px }

.mainUSIndex{padding:3px;background:url("../images/common/img1px.png") 0 -1630px repeat-x;}

.totalres { background:url(../images/common/img1px.png) 0 -1825px repeat-x}
.totalresdouble { background:url(../images/common/img1px.png) 0 -1855px repeat-x}

.monITM1 { background:url(../images/common/bg_moneyness.png) 0px 0px repeat-x; height:25px }
.monITM2 { background:url(../images/common/bg_moneyness.png) 0px -25px repeat-x; height:25px }
.monITM3 { background:url(../images/common/bg_moneyness.png) 0px -50px repeat-x; height:25px }
.monITM4 { background:url(../images/common/bg_moneyness.png) 0px -75px repeat-x; height:25px }
.monATM { background:url(../images/common/bg_moneyness.png) 0px -100px repeat-x; height:25px }
.monOTM1 { background:url(../images/common/bg_moneyness.png) 0px -125px repeat-x; height:25px }
.monOTM2 { background:url(../images/common/bg_moneyness.png) 0px -150px repeat-x; height:25px }
.monOTM3 { background:url(../images/common/bg_moneyness.png) 0px -175px repeat-x; height:25px }
.monOTM4 { background:url(../images/common/bg_moneyness.png) 0px -200px repeat-x; height:25px }

.IndustryContent{text-decoration: none;}
.IndustryContent .downArrorw {text-align:left;color:#B8B8B8;width:12px;}
.IndustryContent .s9 a{color:#1E4E85;}
.IndustryContent .tdChooseIndustry {color: #5A5A5A;}
.IndustryContent .IndustryBox {width:100%;border-spacing:0px;border:0px;cursor:pointer;}
.IndustryContent .CurrentIndustry {background: #008EBE;border-radius: 3px; cursor:pointer;}
.IndustryContent .NCurrentIndustry:hover {background: #E5E5E5;border-radius: 3px; cursor:pointer; }

.IndustryContent .CurrentIndustry {color:white;}
/*.IndustryContent .MouseOverIndustry .IndustryBox {color:#F46D00;}*/
.IndustryContent .dropdownMenu .IndustryMenu a{color:black;}
.IndustryContent .UnderLine{border-bottom:1px solid #1E4E85;}
.IndustryContent .IndustryDetails{border-spacing:1px; border:1px;width:335px;border-color:#F1F1F1;}
.IndustryDesp{width:168px;}
.IndustryChange{font-weight:normal;color:black;font-size:12px;vertical-align:top;margin-right:15px;}
.IndustryContent .IndustryBox td{padding:0px;margin:0px;height:15px;}
.IndustryContent .s8 td{padding:0px;}
.IndustryContent .s8 .last{padding-right:3px; text-align:right;}
.IndustryContent .marginLeft{margin-left:1px;}
.TwoPercentGradientBar {
    background: #2EB244;
	vertical-align:middle;
}
.ZeroToTwoPercentGradientBar{
	background: #8CEB9C;
	vertical-align:middle;
}
.ZeroPercentGradientBar{
	background: #999999;
	vertical-align:middle;
}
.NegativeZeroToTwoPercentGradientBar{
	background: #FFB8B4;
	vertical-align:middle;
}
.NegativeTwoPercentGradientBar{
	background: #FE4E44;
	vertical-align:middle;
}

.PerformanceChart .ChartLeftBorder{border-left:1px solid #CCCCCC;}
.PerformanceChart .ChartBottomBorder{border-bottom:1px solid #CCCCCC;height:4px;}
.IndustryContent .ChartTopColumn{padding-top:6px;}
.IndustryContent .PecentageCol{width:48px; padding:2px 4px 2px 4px;text-align:right;}
.IndustryContent .s8 .industryBoxBorder{ border: solid 1px #eee;}
.IndustryContent td{vertical-align:middle;}
.IndustryContent .IndustryChartBox {width: 316px; height: 216px;}
.IndustryContent .tblM div{padding:0px;}
.NoPaddingMargin{padding:0px; margin:0px;}
.IndustryContent .dropdownMenu{ position:absolute; border:solid 1px #CFCFCF; display:block; top:3px;left:-3px; background:white; width:190px;padding:4px;z-index:999; overflow-y:hidden;overflow-x:hidden; display:none;}
.IndustryContent .dropdownMenu .MouseOver{cursor:pointer;color:#000000;}
.IndustryContent .dropdownMenu .MouseOver:hover{background-color: #E4F3FA;}
.IndustryContent .dropdownMenu table td{padding-left:10px;padding-right:10px; padding-top:4px;padding-bottom:4px;}


.IndustryContent2 .IndustrySelection { position:relative; margin-left:5px; z-index:20; }
.IndustryContent2 .IndustrySelection .IndustryBox {position:relative; float:left; margin-bottom:5px; padding:0px 28px 0px 10px; width:117px; height:23px; font-size:13px; line-height:23px; color:#017AA7; border:1px solid #DBE4E9; border-radius:3px; cursor:pointer; }
.IndustryContent2 .IndustrySelection .IndustryBox.selected { background-color:#017aa7; color:#FFFFFF; border:1px solid #017aa7; }
.IndustryContent2 .IndustrySelection .IndustryBox::after { content:''; position:absolute; width:0px; height:0px; top:10px; right:10px; border-top: 5px solid #017aa7; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.IndustryContent2 .IndustrySelection .IndustryBox.selected::after { border-top: 5px solid #FFFFFF; }
.IndustryContent2 .IndustrySelection .IndustryBox:hover, .IndustrySelection .IndustryBox.selected:hover { background-color:#F8F8F8; color:#4dadee; border:1px solid #4dadee; }
.IndustryContent2 .IndustrySelection .IndustryBox:hover::after, .IndustrySelection .IndustryBox.selected:hover::after { border-top: 5px solid #4dadee; }
.IndustryContent2 .IndustrySelection .IndustryBox.sep { margin-right:5px; }
.IndustryContent2 .IndustrySelection .IndustryBox .IBDesp { position:relative; width:100%; white-space:nowrap; overflow:hidden; z-index:0; }
.IndustryContent2 .IndustrySelection .IndustryBox .IBMenu { position:absolute; width:145px; top:24px; left:-1px; padding:5px; border:1px solid #dbe4e9; border-top:0px; background-color:#ffffff; box-shadow:0 6px 15px 0 rgba(0, 0, 0, 0.04); z-index:1; display:none; }
.IndustryContent2 .IndustrySelection .IndustryBox .IBMenu .IBMenuItem { padding:5px; font-size:12px; line-height:15px; color:#919191; }
.IndustryContent2 .IndustrySelection .IndustryBox .IBMenu .IBMenuItem:hover { background-color:#e1f2f8; color:#017aa7; }

@media screen and (min-width: 1100px) {
    .IndustryContent2 .IndustrySelection .IndustryBox { width:164px; font-size:15px; }
    .IndustryContent2 .IndustrySelection .IndustryBox.sep { margin-right:13px; }
    .IndustryContent2 .IndustrySelection .IndustryBox .IBMenu { width:192px; }
    .IndustryContent2 .IndustrySelection .IndustryBox .IBMenu .IBMenuItem { font-size:13px; }
}

.IndustryContent2 { font-size: 13px; }
.IndustryContent2 td{vertical-align:middle;}
.IndustryContent2 div.IndustryDataBox { width:332px; }
.IndustryContent2 .s8 td{padding:0px;}
.IndustryContent2 .s8 .last{padding-right:3px; text-align:right;}
.IndustryContent2 .s8 .industryBoxBorder{ border: solid 1px #eee;}
.IndustryContent2 .PecentageCol{width:48px; padding:2px 4px 2px 4px;text-align:right;}
.IndustryContent2 .prev_change .unc { font-weight:500; }
.IndustryContent2 .indBg {
    background: #c9e2ef; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZTJlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2RmZWNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left,  #c9e2ef 0%, #dfecf3 15%, #ffffff 33%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c9e2ef), color-stop(15%,#dfecf3), color-stop(33%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #c9e2ef 0%,#dfecf3 15%,#ffffff 33%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #c9e2ef 0%,#dfecf3 15%,#ffffff 33%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #c9e2ef 0%,#dfecf3 15%,#ffffff 33%); /* IE10+ */
    background: linear-gradient(to right,  #c9e2ef 0%,#dfecf3 15%,#ffffff 33%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e2ef', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}
.IndustryContent2 .usindexup{background:url('../images/market/industry/industry_updown_v2.png') no-repeat -8px -14px;display:inline-block;height:20px;width:20px}
.IndustryContent2 .usindexdown{background:url('../images/market/industry/industry_updown_v2.png') no-repeat -8px -32px;display:inline-block;height:20px;width:20px}
.IndustryContent2 .usindexna{background:url('../images/market/industry/industry_updown_v2.png') no-repeat -8px -52px;display:inline-block;height:20px;width:20px}
.IndustryContent2 .marginLeft{margin-left:1px;}
.IndustryContent2 .IndustryChartBox {width: 316px; height: 216px;}
.IndustryContent2 .tick0 { background-color:#1F4F95; width:14px; height:14px; float:left; }
.IndustryContent2 .tick1 { background-color:#DCDBDB; width:14px; height:14px; float:left; }
.IndustryContent2 .mainContainer {width: 316px; height: 185px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; margin: 0 auto;}
.IndustryContent2 #chart_container {width: 316px; height: 185px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;}
@media screen and (min-width: 1100px) {
    .IndustryContent2 { font-size: 14px; }
    .IndustryContent2 div.IndustryDataBox { width:540px; }
    .IndustryContent2 .s8 .last { font-size: 20px; }
    .IndustryContent2 .s8 .last_normal { font-size: 14px; }
    .IndustryContent2 .dValue { font-size: 16px; }
    .IndustryContent2 .IndustryBox {font-size:16px;}
    .IndustryContent2 .PerformanceChart .font12 { font-size: 13px; }
    .IndustryContent2 table.tblM { font-size:14px; }
}

.RelativeLayer{position: relative;z-index:999;}
.greenTopBorder{border-top:2px solid #7FCC7F;}
.redTopBorder{border-top:2px solid #E57C7C;}
.blackTopBorder{border-top:2px solid #7D7D7D;}
.industryTopGainHeader{color:#1B981A;background:url(../images/market/industry/title_head_green.png)  0px 0px repeat-x; height:25px;cursor:pointer;}
.industryTopGainIcon{background:url(../images/market/industry/log1.png?v=1.0.1)  0px 0px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.industryTopGainIconMouseOver{background:url(../images/market/industry/log1_over.png)  0px 0px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.industryTopLossHeader{color:#CA0000;background:url(../images/market/industry/title_head_red.png)  0px 0px repeat-x; height:25px;cursor:pointer;}
.industryTopLossIcon{background:url(../images/market/industry/log1.png?v=1.0.1)  0px -20px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.industryTopLossIconMouseOver{background:url(../images/market/industry/log1_over.png)  0px -20px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.industryTopTurnoverHeader{color:#010101;background:url(../images/market/industry/title_head_grey.png)  0px 0px repeat-x; height:25px;cursor:pointer;}
.industryTopTurnoverIcon{background:url(../images/market/industry/log1.png?v=1.0.1)  0px -40px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.industryTopTurnoverIconMouseOver{background:url(../images/market/industry/log1_over.png)  0px -40px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.downArrowSymbol{background:url(../images/market/industry/log2.png)  0px -7px no-repeat; height:7px; width:9px;vertical-align:middle;display:block;float:left;}

.CurrentIndustry .downArrowSymbol{background:url(../images/market/industry/log2.png)  0px 0px no-repeat; height:7px; width:9px;vertical-align:middle;display:block;float:left;}
/*.MouseOverIndustry .downArrowSymbol{background:url(../images/market/industry/log2.png)  0px -14px no-repeat; height:7px; width:9px;vertical-align:middle;display:block;float:left;}*/
.industryTopGainHeaderMouseOver,.industryTopLossHeaderMouseOver,.industryTopTurnoverHeaderMouseOver{color:#FF7700;}
.jsPerfDistBarD1 {background:url(../images/market/industry/color_bar.png)  0px 0px repeat-x;}
.jsPerfDistBarD2 {background:url(../images/market/industry/color_bar.png)  0px -15px repeat-x;}
.jsPerfDistBarD3 {background:url(../images/market/industry/color_bar.png)  0px -30px repeat-x;}
.jsPerfDistBarD4 {background:url(../images/market/industry/color_bar.png)  0px -45px repeat-x;}
.jsPerfDistBarD5 {background:url(../images/market/industry/color_bar.png)  0px -60px repeat-x;}
#AADisBar { position:absolute;display:none; top:0; background:white;border:2px solid #97999F; padding:10px; }
#AADisBar table td { padding-top:1px;padding-bottom:1px; }
#AAEnlargeImage { position:absolute; display:none; top:0; background:white; }


.up_greater_2p_text{background:url(../images/market/industry/log3.png)  0px 0px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
.up_less_2p_text{background:url(../images/market/industry/log3.png)  0px -16px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
.no_chg_text{background:url(../images/market/industry/log3.png)  0px -32px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
.down_less_2p_text{background:url(../images/market/industry/log3.png) 0px -48px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
.down_greater_2p_text{background:url(../images/market/industry/log3.png) 0px -64px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}

#mainForm .container_16.resize .up_greater_2p_text{background:url(../images/market/industry/log3_v2.png)  0px 0px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
#mainForm .container_16.resize .up_less_2p_text{background:url(../images/market/industry/log3_v2.png)  0px -20px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
#mainForm .container_16.resize .no_chg_text{background:url(../images/market/industry/log3_v2.png)  0px -40px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
#mainForm .container_16.resize .down_less_2p_text{background:url(../images/market/industry/log3_v2.png) 0px -60px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}
#mainForm .container_16.resize .down_greater_2p_text{background:url(../images/market/industry/log3_v2.png) 0px -80px no-repeat; height:16px; width:45px;vertical-align:middle;display:block;float:left;}

.NewsIcon {background:url(../images/market/industry/icon_map_industry.png)  0px -64px no-repeat; height:14px; width:11px;}
.NewsIcon:hover {background:url(../images/market/industry/icon_map_industry.png)  -19px -64px no-repeat; height:14px; width:11px;}
.NoBorder td{border:none;}
.CalendarCategory { height:37px; border-bottom:1px solid #DDDDDD; background:url(../images/market/tab_frame.png) 0px 0px repeat-x; background-position:bottom;}
.CalendarCategory .CurrentCalendarCategory{ height:37px; line-height:37px; padding:0px 10px; border-bottom:0px none #fff; border-top:1px solid #CEDEE5; border-left:1px solid #CEDEE5; border-right:1px solid #CEDEE5;background:url(../images/market/tab_selected.png)  0px 0px repeat-x ;background-position:top; font-weight: 700;}
.CalendarCategory .CalCatBorder{padding:0px;background-color:white;}
.CalBlueBorder 
{
	height:3px;
	width:100%;	
	background: -webkit-linear-gradient(left, #007AAA , #BEE2EE); /* For Safari 5.1 to 6.0 */	
	background: -o-linear-gradient(right, #007AAA, #BEE2EE); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #007AAA, #BEE2EE); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #007AAA , #BEE2EE); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007AAA', endColorstr='#BEE2EE', GradientType=1);
	display:block;
}
.CalSearchBox {background-color:#F5F5F5;}
.CalCatDesp {color:#007AAA;}
.CalRAHeader{color:#AAAAAA;}
.CalRABorder td{border-bottom:1px solid #EAEAEA;}
.ResultDate {background:url(../images/market/cal_date_bg.png)  0px 0px repeat-x; }
.NCalendarCategory, .CurrentCalendarCategory{ cursor:pointer;}
.NCalendarCategory { color:#075488; padding:1px 10px 0px 10px; height:37px; line-height:37px; }
.ind-arrow { width:5px; overflow:hidden; padding:0px !important; margin:3px 3px 0px 2px !important; }
.ind-name { width:60px; overflow:hidden}
.ind-last { width:45px; overflow:hidden }
.ind-chg { width:45px; overflow:hidden }
.ind-pct { width:52px; padding-right:3px; overflow:hidden }
.ind-box { width:217px; padding:2px 1px; }
.sel-ind-box { background:#E5E5E5; border-radius:3px; }
.sel-index { background:#008EBE; border-radius:3px; }
.sel-index div { color:#FFF; }
.sel-index .ind-arrow {
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
}

/* round selection box list */
.round-opt-box { color:#0869a1; font-size:14px; height:24px; line-height:24px; padding:0px 3px 0px 9px; display:inline-block; *display: inline; zoom:1; position:relative; }
.round-opt-box.autoWidth { width:auto; }
.eng .round-opt-box { font-size:13px; width:170px; }
.eng .round-opt-box.autoWidth { width:auto; }
.eng .round-opt-box.aafn { font-size:13px; width:110px; }
#us.eng .round-opt-box.aafn { width:145px; }
.round-opt-box:hover { color: #10abe4; }
.round-opt-box .arrow { position:absolute; width:0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid white; display:none; top:6px; left:3px; }
.round-opt-box .name { display:inline-block; *display: inline; zoom:1; padding:0px; }
.round-opt-box.sel { background:#127ba5; border-radius:3px; color:#fff; }
.round-opt-box.sel .arrow { display:inline-block; *display: inline; zoom:1; }
.round-opt-box-boundary { font-size:14px; line-height:20px; padding:0px; display:inline-block; *display: inline; zoom:1; position:relative; border-right:solid 1px #eee6e5; width:1px; margin-left:1px; margin-right:1px; margin-top:2px; height:20px; }
@media screen and (min-width: 1100px) {
    .round-opt-box-boundary { font-size:16px; }
}

@media screen and (min-width: 1100px) {
    .round-opt-box { font-size:16px; padding:0px 12px 0px 12px; }
    .eng .round-opt-box { font-size:13px; width:180px; }
    .eng .round-opt-box.aafn { font-size:13px; width:120px; }
	#us.eng .round-opt-box.aafn { width:150px; }
    .round-opt-box .arrow { left:6px; }
}

.round-opt-box2 { color:#0869a1; font-size:13px; height:23px; line-height:23px; padding:0px 6px 0px 6px; display:inline-block; *display: inline; zoom:1; position:relative; border:solid 1px #0869a1; border-radius:4px; }
.round-opt-box2:hover { color: #10abe4; }
.round-opt-box2 .arrow { position:absolute; width:0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #78a6b2; display:none; top:6px; left:3px; }
.round-opt-box2 .name { display:inline-block; *display: inline; zoom:1; padding:0px; }
.round-opt-box2.sel { background:#d1e2e6; color:#78a6b2; border-color:#d1e2e6; padding:0px 3px 0px 9px; }
.round-opt-box2.sel .arrow { display:inline-block; *display: inline; zoom:1; }
.round-opt-box2.red { color: #e04f4b; border-color: #e04f4b; }
.round-opt-box2.red .arrow { border-left-color: #de8a87; }
.round-opt-box2.red.sel { background:#eedad9; color:#de8a87; border-color:#eedad9; }
.ipo-tab-box{width:92px;}
.ipo-tab-box .arrow {left:10px;}
.ipo-tab-box.gmTabEn .arrow {left:3px;}

@media screen and (min-width: 1100px) {
    .round-opt-box2 { font-size:14px; padding:0px 12px 0px 12px; }
    .round-opt-box2.sel { padding:0px 6px 0px 18px; }
    .round-opt-box2 .arrow { left:6px; }
    .ipo-tab-box.round-opt-box2 {padding:0px 6px 0px 6px; }
    .ipo-tab-box .arrow {left:6px;}
}



/* button */
.btn-search-blue { background-color:#127ba5; font-size:14px; color:#fff; height:24px; line-height:24px; border-top:1px solid #127ba5; padding:0px 5px; }
.btn-std-blue { background-color:#127ba5; font-size:14px; color:#fff; height:25px; line-height:25px; padding:0px 5px; text-align:center; }
body.eng .btn-std-blue { font-size:12px; }
@media screen and (min-width: 1100px) {
    .btn-std-blue { background-color:#127ba5; font-size:14px; color:#fff; height:29px; line-height:29px; border-top:1px solid #127ba5; padding:0px 5px; width:45px; text-align:center; }
    body.eng .btn-std-blue { font-size:13px; }
}
.btn-std-round { color: #70b0c8; font-size: 13px; height: 18px;line-height: 16px;padding: 3px 14px;display: inline-block;zoom: 1;position: relative;border: solid 1px #7db3c9;border-radius: 3px;background-color: #fff;margin-left: 5px;cursor: pointer; }
.eng .btn-std-round { padding: 3px 5px; line-height: 18px; }

.textbox-std-blue { height:26px; font-size:14px; line-height:26px; color:#0869a1; border:1px solid #cacaca; }
.select-std-blue { height:28px; font-size:14px; line-height:28px; color:#0869a1; border:1px solid #cacaca; }
.select-std-blue:disabled { color:#cacaca; }
.select-xb-blue { position: relative; display:inline-block; }
.select-xb-blue:after { content: ''; position: absolute; top:12px; right:10px; width: 0px; height: 0px; border-top: 5px solid #017aa7; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.select-xb-blue select { padding: 0px 28px 0px 10px; height:30px; line-height:30px; color:#017aa7;  border: 1px solid #CACACA; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; }
.select-xb-blue select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #444; }
.select-xb-blue select::-ms-expand { display: none; }
.select-xb-blue select:disabled { color:#cacaca; opacity: 0.7; }


.ind-box2.ind-box{width:auto; color: #0869a1;}
.ind-box2.ind-box.unsel-index.hoveron { color:#10abe4; }
.ind-box2.ind-box .ind-arrow { margin-top: 5px !important; }
.ind-box2 .ind-name { width:auto; padding-right:5px; overflow:hidden}
.IndustryContent .IndustryBox .ind-arrow{height:13px; margin:0px 2px 0px 2px !important ;}
.IndustryContent .IndustryBox .ind-arrow{height:13px;}

.IndustryContent .CurrentIndustry .IndustryBox .ind-arrow{
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid white;
}
/*.IndustryContent .MouseOverIndustry .CurrIndBox .ind-arrow{
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #F46D00;
}*/
.CalRow td{border:1px solid #EEEEEE;padding:3px 6px 3px 6px; line-height:15px;height:15px;}
.SeperateBorder {border-collapse :separate;border-spacing:1px;}
.CalHeaderRow td {border:1px solid #DDDDDD;padding:4px 0px 4px 0px; text-align:center;line-height:20px;height:20px;background:url('../images/market/weektitle_bg.gif') repeat-x;}
.sun{color:#CC0000;}
.holiday{color:#CC0000;}
.today{color:#006AAA;font-weight:700;}
.normalday{color:#666666;}
.SelectedCalDay {background-color :#EFF9FF;}
a.a15{color:#004466;}
a.a15:hover{color:#FF7700;}
a.a15.back { line-height:21px; }
.eng a.a15.back { font-size:13px; }
.btn_Month_C{width:46px; display:block; color:#006AAA; text-align:center;vertical-align:middle;padding-top:4px;padding-bottom:4px;background:url(../images/market/button_middle.png)  0px 0px repeat-x; float:left;height:15px;line-height:15px;}
.btn_Month_L{width:10px; background:url(../images/market/button_left.png)  0px 0px no-repeat;height:24px; float:left;}
.btn_Month_R{width:10px; background:url(../images/market/button_right.png)  0px 0px no-repeat;height:24px; float:left;}
.btn_Month {float: left;height: 24px;padding: 0px 0px 0px 0px;cursor: pointer; float:left;}
.fiterbox td{line-height:23px;height:23px;vertical-align:middle;}

.grad-grey-line-v
{
    background:url(../images/market/index/vline.png) no-repeat;
}
.grey-arrow-5
{
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #666666;
}
.black-arrow-5
{
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
}
.black-arrow-7-8
{
	width: 0; 
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #000;
}
.orange-arrow-5-10
{
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #FF7700;
}
.white-arrow-5
{
	width: 0; 
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #FFF;
}

table.tbCNHKMenu tr td { padding:10px 5px;  }
table.tbCNHKMenu tr:first-child td { background:url("../images/common/border-x.png") bottom repeat-x; line-height:10px; }
table.tbCNHKMenu tr:nth-of-type(2) td { line-height:20px; }
table.tbCNHKMenu tr td a { color:#78A2BB !important; padding:0px !important; text-align:left;}

div.cnhk-menu-shadow
{
    position:absolute; top:30px; background:#F0F0F0; z-index:20; padding:0px;
    display:none;
    height:390px;
    box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 8px 4px 1px rgba(0, 0, 0, 0.25);
}
div.cnhk-menu-shadow-full
{
    height:auto;
    right:0px
}
div.cnhk-menu
{
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #f0f0f0 83%, #fdfdfd 94%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(83%,#f0f0f0), color-stop(94%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f0f0 0%,#f0f0f0 83%,#fdfdfd 94%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fdfdfd',GradientType=0 ); /* IE6-9 */
    z-index:20; padding:0px 9px; border-color:#569EBD; border-style:solid; border-width:0px 1px 1px 1px; border-top-color:white; 
    height:399px;
    position:relative;
}
div.cnhk-menu-full
{
    height:419px;
}

div.cnhk-menu span.text
{
    height: 17px; line-height:17px;
}
div.cnhk-sep
{
    height:5px; line-height:5px;
}
div.cnhk-sep-2
{
    height:10px; line-height:10px;
}
div.cnhk-menu a.lnkmenu { color:#004B7C !important; }
div.cnhk-menu a.lnkmenu:hover { color:orange !important; }


.CNHKTitle1{background:url(../images/CNHK/cnhk_title.png)  repeat-x 0 -10px; height:20px;font-weight:bold;font-size:16px;}
.CNHKTitle1 div{padding:8px 4px 8px 4px;}
.CNHKTitle2{background:url(../images/CNHK/cnhk_title.png)  repeat-x 0 -63px; height:20px;font-weight:bold;padding:12px 4px 16px 4px;color:#007aaa;font-weight:bold;}
.CNHKQuMain td{padding:2px 6px 2px 6px;}
.CNHKQuMain a,.CNHKAnsTable a{color:#144277;}
.CNHKQuMain a:hover,.CNHKAnsTable a:hover{color:#ff7700;}
.CNHK_arrow{background:url(../images/CNHK/cnhk_title.png)  -33px -41px no-repeat; height:20px; width:18px;display:block;float:left;}
.CHHKAns{padding:4px;color:#000000;}
.CNHKAnsTable .H0{width:24%;height:20px;background:url(../images/CNHK/cnhk_title.png)  0px -165px no-repeat; text-align:center;padding:8px;}
.CNHKAnsTable .H1{width:38%;height:20px;text-align:center;font-weight:bold;color:#d71921;border-left:solid 1px #93dad1;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -162px -165px no-repeat;padding:8px;}
.CNHKAnsTable .H2{width:38%;height:20px;text-align:center;font-weight:bold;color:#0c4da2;background:url(../images/CNHK/cnhk_title.png)  -417px -165px no-repeat;padding:8px;}
.CNHKAnsTable .C0{width:24%;padding:8px;text-align:left;color:#000000;font-weight:bold;}
.CNHKAnsTable .C1{width:38%;padding:8px;text-align:left;color:#000000;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .C2{width:38%;padding:8px;text-align:left;color:#000000;}
.CNHKAnsTable .adr td,.CNHKAnsTable .NotOpen  {background-color:#eeeeee;}
.CNHKBorderB{border-bottom: solid 1px #cfcfcf;}
.CNHKAnsTable .He0{width:33%;height:28px;text-align:center;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  0px -165px no-repeat;padding:4px;}
.CNHKAnsTable .He1{width:33%;height:28px;text-align:center;font-weight:bold;color:#00a77e;border-left:solid 1px #93dad1;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -231px -165px no-repeat;padding:4px;}
.CNHKAnsTable .He2{width:34%;height:28px;text-align:center;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  -462px -165px no-repeat;padding:4px;}
.CNHKAnsTable .Ce0{width:33%;padding:8px;text-align:center;color:#000000;font-weight:bold;}
.CNHKAnsTable .Ce1{width:33%;padding:8px;text-align:center;color:#000000;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce2{width:34%;padding:8px;text-align:center;color:#000000;}
.CNHKAnsTable .He0s1{width:20%;height:20px;text-align:center;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  0px -165px no-repeat;}
.CNHKAnsTable .He1s1{width:20%;height:20px;text-align:center;font-weight:bold;color:#00a77e;border-left:solid 1px #93dad1;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -140px -165px no-repeat;}
.CNHKAnsTable .He2s1{width:20%;height:20px;text-align:center;font-weight:bold;color:#00a77e;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -280px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He3s1{width:40%;height:20px;text-align:center;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  -420px -165px no-repeat;padding:8px;}
.CNHKAnsTable .Ce0s1{width:20%;padding:8px;text-align:center;color:#000000;font-weight:bold;}
.CNHKAnsTable .Ce1s1{width:20%;padding:8px;text-align:center;color:#000000;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce2s1{width:20%;padding:8px;text-align:center;color:#000000;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce3s1{width:15%;padding:8px;text-align:center;color:#000000;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce4s1{width:25%;padding:8px;text-align:center;color:#000000;}
.CNHKAnsTable .He0s2{width:20%;height:20px;text-align:left;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  0px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He1s2{width:40%;height:20px;text-align:left;font-weight:bold;color:#00a77e;border-left:solid 1px #93dad1;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -140px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He2s2{width:20%;height:20px;text-align:left;font-weight:bold;color:#00a77e;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -420px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He3s2{width:20%;height:20px;text-align:left;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  -560px -165px no-repeat;padding:8px;}
.CNHKAnsTable .Ce0s2{width:20%;padding:8px;text-align:left;color:#000000;font-weight:bold;}
.CNHKAnsTable .Ce1s2{width:40%;padding:8px;text-align:left;color:#000000;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce2s2{width:20%;padding:8px;text-align:left;color:#000000;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce3s2{width:20%;padding:8px;text-align:left;color:#000000;}
.CNHKAnsTable .He0s3{width:30%;height:20px;text-align:left;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  0px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He1s3{width:40%;height:20px;text-align:left;font-weight:bold;color:#00a77e;border-left:solid 1px #93dad1;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -210px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He2s3{width:30%;height:20px;text-align:left;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  -490px -165px no-repeat;padding:8px;}
.CNHKAnsTable .Ce0s3{width:30%;padding:8px;text-align:left;color:#000000;font-weight:bold;}
.CNHKAnsTable .Ce1s3{width:40%;padding:8px;text-align:left;color:#000000;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce2s3{width:30%;padding:8px;text-align:left;color:#000000;}
.CNHKAnsTable .He0s4{width:40%;height:20px;text-align:left;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  0px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He1s4{width:30%;height:20px;text-align:left;font-weight:bold;color:#00a77e;border-left:solid 1px #93dad1;border-right:solid 1px #93dad1;background:url(../images/CNHK/cnhk_title.png)  -280px -165px no-repeat;padding:8px;}
.CNHKAnsTable .He2s4{width:30%;height:20px;text-align:left;font-weight:bold;color:#00a77e;background:url(../images/CNHK/cnhk_title.png)  -490px -165px no-repeat;padding:8px;}
.CNHKAnsTable .Ce0s4{width:40%;padding:8px;text-align:left;color:#000000;font-weight:bold;}
.CNHKAnsTable .Ce1s4{width:30%;padding:8px;text-align:left;color:#000000;border-left:solid 1px #cfcfcf;border-right:solid 1px #cfcfcf;}
.CNHKAnsTable .Ce2s4{width:30%;padding:8px;text-align:left;color:#000000;}
.s28 .SelectSettingBg{background-color:#888888;color:white;}


.bluebg_l { background:url('../images/etf/bg_select_left.png') repeat-y; width:86px }
.bluebg_r { background:url('../images/etf/bg_select_right.png') repeat-y; width:86px }

.redMore, .redMorechi, .redMorechn {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-75px -1416px; height:20px;width:50px;}
.blueMore, .blueMorechi, .blueMorechn {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-75px -1483px; height:20px;width:50px;}
.greyMore, .greyMorechi, .greyMorechn {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-75px -1550px; height:20px;width:50px;}
.redMore:hover, .redMorechi:hover, .redMorechn:hover, .blueMore:hover, .blueMorechi:hover, .blueMorechn:hover, .greyMore:hover, .greyMorechi:hover, .greyMorechn:hover {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-214px -1416px; height:20px;width:50px;}
.redMoreeng {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-148px -1416px; height:20px;width:50px;}
.blueMoreeng {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-148px -1483px; height:20px;width:50px;}
.greyMoreeng {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-148px -1550px; height:20px;width:50px;}
.redMoreeng:hover, .blueMoreeng:hover, .greyMoreeng:hover {background:url('../images/cnhk/bg-home.png') no-repeat; background-position:-287px -1416px; height:20px;width:50px;}
.icon-shhk { background:url('../images/common/icon_connect.png') no-repeat; width:31px; height:16px; }
.icon-unmute { background: url('../Images/common/icon_unmute.png') no-repeat; width: 55px; height: 55px; background-size: 55px 55px; }
.icon-video-end { position:absolute; left:10px; bottom:10px; }
.icon-video-end > img { width: 24px!important; height: 20px!important; }
.icon-video-end > img.large { width: 35px!important; height: 29px!important; }
.icon-catg-end { position:absolute; right:5px; top:0px; }
.icon-catg-end > img { width: auto !important; height: 40px !important; }
@media screen and (min-width: 1100px) {
    .icon-video-end > img { width: 35px!important; height: 29px!important; }
    .icon-video-end > img.large { width: 44px!important; height: 36px!important; }
    .icon-catg-end { position:absolute; right:5px; top:0px; }
    .icon-catg-end > img { width: auto !important; height: 50px !important; }
}

.icon-ts { background:url('../images/common/icon_ts.png?v=1.0.6') no-repeat; }
.icon-a { background-position:0px -14px; width:19px; height:14px; }
.icon-a-hover { background-position:-19px -14px; width:19px; height:14px; }
.icon-h { background-position:0px 0px; width:19px; height:14px; }
.icon-h-hover { background-position:-19px 0px; width:19px; height:14px; }
.icon-nc { background-position:-38px 0px; width:18px; height:17px; line-height:12px; font-size:12px; color:#FFF; font-family:Arial; }
.icon-nc-hover { background-position:-38px -17px; width:18px; height:17px; line-height:12px; font-size:12px; color:#FFF; font-family:Arial; }
.icon-chart-blue { background:url("../images/market/index/icon_chart_v3.png"); width:17px; height:14px; }
.icon-chart-blue:hover { background:url("../images/market/index/icon_chart_o_v3.png"); }

.icon-def-quote { background:url('../images/common/icon_default_quote.png'); }
.icon-def-quote2 { background:url('../images/common/icon_default_quote2.png'); }
.icon-blue-rt { background:url('../images/common/icon_blue_rt.png'); }
.icon-info { background: url('../images/common/icon_info.png') no-repeat; width:12px; height:12px; }
.icon-info2 { background-image: url('../images/common/icon_information.png'); background-repeat:no-repeat; background-size:14px 14px; width:14px; height:14px; }
.icon-info2:hover { background-image: url('../images/common/icon_information_on.png'); }
.icon-cnhk-menu { background: url('../images/cnhk/icon_cnhk_menu_v4.png') no-repeat; }
.icon-cnhk-menu-quote { background-position:0px 0px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-detailquote { background-position:0px -65px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-latestsearch { background-position:0px -86px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-quota { background-position:0px -22px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-techchart { background-position:0px -44px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-stocknews { background-position:0px -109px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-news { background-position:0px -130px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-dividend { background-position:0px -150px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-toprank { background-position:0px -171px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-eligiblestock { background-position:0px -191px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-industry { background-position:-24px 0px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-companyfundamental { background-position:-24px -22px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-arrow { background-position:-24px -44px; width:8px; height:17px; margin-right:8px; }
.icon-cnhk-menu-full { background-position:-24px -86px; width:17px; height:17px; margin-right:4px; margin-top:4px; }
.icon-cnhk-menu-home { background-position:-20px -65px; width:20px; height:17px; margin-left:4px; margin-top:-4px; }
.icon-cnhk-menu-edu { background-position:-24px -191px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-ah { background-position:-24px -171px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-aamm { background-position:-24px -150px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-aafn { background-position:-24px -130px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-search { background-position:-23px -109px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-othersite { background-position:-50px -0px; width:15px; height:17px; margin-right:8px; }
.icon-cnhk-menu-chinaindices { background-position:-46px -22px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-corporate { background-position:-46px -44px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-dynamicchart { background-position:-44px -65px; width:17px; height:17px; margin-right:8px; }

.icon-cnhk-menu-hkex { background-position:-44px -85px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-comm { background-position:-44px -109px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-research { background-position:-44px -130px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-comm-over { background-position:-44px -150px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-comm-stock { background-position:-44px -171px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-comm-cnhk { background-position:-44px -191px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-comm-funds { background-position:-68px 0px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-comm-fx { background-position:-68px -22px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-comm-etf { background-position:-68px -44px; width:17px; height:17px; margin-right:8px; }
.icon-cnhk-menu-feedback { background-position:-68px -66px; width:17px; height:17px; margin-right:8px; }

.cnhk-overall-link { background:url('../images/common/overall_line.jpg') no-repeat; width:4px; height:20px; }

.icon-fund-menu { background: url('../images/fund/icon_funds_menu_v1.png') no-repeat; }
.icon-fund-menu-quote { background-position:0px 0px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-techchart { background-position:0px -22px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-ff { background-position:0px -44px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-fd { background-position:0px -64px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-csf { background-position:0px -87px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-news { background-position:0px -109px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-commentary { background-position:0px -130px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-pfs { background-position:0px -150px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-search { background-position:0px -171px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-comp { background-position:-0px -191px; width:17px; height:17px; margin-right:8px; }
.icon-fund-menu-full { background-position:-25px -85px; width:17px; height:17px; margin-right:4px; margin-top:4px; }
.icon-fund-menu-home { background-position:-20px -65px; width:20px; height:17px; margin-left:4px; margin-top:-4px; }
.icon-fund-menu-feedback { background-position:-20px 3px; width:17px; height:17px; margin-right:8px; }
.fund-overall-link { background:url('../images/common/overall_line.jpg') no-repeat; width:4px; height:20px; }

.icon-us-menu { background: url('../images/usq/icon_us_menu_v1.png') no-repeat; }
.icon-us-menu-quote { background-position:0px 0px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-techchart { background-position:0px -22px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-active { background-position:0px -44px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-adr { background-position:0px -65px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-ussearch { background-position:0px -86px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-news { background-position:0px -109px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-econcal { background-position:0px -130px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-econdata { background-position:0px -150px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-econchart { background-position:0px -171px; width:17px; height:17px; margin-right:8px; }
.icon-us-menu-full { background-position:-25px -85px; width:17px; height:17px; margin-right:4px; margin-top:4px; }
.icon-us-menu-home { background-position:-20px -65px; width:20px; height:17px; margin-left:4px; margin-top:-4px; }
.icon-us-menu-feedback { background-position:-21px 3px; width:17px; height:17px; margin-right:8px; }
.us-overall-link { background:url('../images/common/overall_line.jpg') no-repeat; width:4px; height:20px; }

div.cnhk-limit-up { width:41px; height:20px; background:#38ab38; color:white; font-size:15px; line-height:20px; padding:0px !important; text-align:center; border-radius:3px; font-weight:bold }
div.cnhk-limit-down { width:41px; height:20px; background:#dc1b1b; color:white; font-size:15px; line-height:20px; padding:0px !important; text-align:center; border-radius:3px; font-weight:bold }

div.btn-light-border{
    background: #cacaca; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YjdiN2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cacaca 0%, #7b7b7b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#7b7b7b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cacaca 0%,#7b7b7b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cacaca 0%,#7b7b7b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cacaca 0%,#7b7b7b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cacaca 0%,#7b7b7b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#7b7b7b',GradientType=0 ); /* IE6-8 */
    padding:1px;
}
div.btn-light { 
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ffffff 50%, #eeeeee 51%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#eeeeee 51%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#eeeeee 51%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#eeeeee 51%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ffffff 50%,#eeeeee 51%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    height:20px;
    line-height:20px;
    width:auto;
    padding:0px 8px;
}
.layerBox { position:fixed; display:none; background:#fff; border:solid 1px #ccc; z-index:999; padding:10px; width:400px }
.layerBox > div { padding:5px;}
.layerBox .font-17 { font-size:17px }
.layerBox .font-15 { font-size:15px }
.layerBox .font-12 { font-size:12px }
.layerBox .font-b { font-weight:bold }
.layerBox .remark { color:#787878; }
.layerBox .btn-grey-border { border:solid 1px #BCBCBC; background:#fff; border-radius:5px; padding:1px }
.layerBox .btn-grey { background:#ECECEC; border-radius:5px; color:#3576A1; height:28px; line-height:32px; font-size:17px; text-align:center }
.layerBox .btn-grey-2 { background:#E1E1E1; border-radius:5px; color:#787878; height:28px; line-height:32px; font-size:17px; text-align:center }
.layerBox .btn-grey-3 { background:#ECECEC; border-radius:5px; color:#3576A1; height:20px; line-height:20px; text-align:center }
.layerBox .btn-grey-4 { background:#fff; color:#008EBE; height:25px; line-height:25px; text-align:center; }
.layerBox div.line1 { 
    background: #D9D9D9; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q5ZDlkOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  #f9f9f9 0%, #d9d9d9 50%, #f9f9f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(50%,#d9d9d9), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f9f9f9 0%,#d9d9d9 50%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f9f9f9 0%,#d9d9d9 50%,#f9f9f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f9f9f9 0%,#d9d9d9 50%,#f9f9f9 100%); /* IE10+ */
    background: linear-gradient(to right,  #f9f9f9 0%,#d9d9d9 50%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#d9d9d9',GradientType=1 ); /* IE6-8 */
    height:1px;
    width:98%;
    bottom:1px;
    margin:0px auto;
    padding:0px !important;
}
.layerBox .margin-c { margin:0px auto; }
.layerBox .chart-config-item { padding:5px; height:20px; line-height:20px }
.layerBox .chart-config-item-hover { background:#E0E0E0; }
.layerBox .btn-delete { 
    background: #fff;
    border-radius:5px; color:#787878; 
    height:18px; line-height:18px;
    text-align:center; 
    min-width:30px;
    border:solid 1px #bcbcbc;
    font-size:12px;
    font-weight:normal;
    padding-left:5px;
    padding-right:5px;
}
.layerBox .warming {
    width:22px;
    height:20px;
    background-position:-76px -286px;
}



#ui-tooltip-fix .ui-tooltip-fix-msg { border:solid 1px white; border-radius:3px; background:white; padding:5px; font-size:15px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial }


/**Stock Bar 3 **/
#sb3 { margin-bottom:9px; }

#sb3 .tab { border-bottom:solid 1px #dedede; height:43px; position:relative; }
#sb3 .tab .tab-bg { float:left; margin-top:0px; }
#sb3 .tab .tab-bg .tab-line { float:left; height:24px; width:1px; background-color:#e5e5e5; margin-top:10px; }
#sb3 .tab .tab-bg .tab-last-update { bottom:0px; right:0px; text-align:right; position:absolute; top:0px; height:15px; }
#sb3 .tab .tab-bg .tab-left { float:left; width:3px; height:44px; line-height:44px; }
#sb3 .tab .tab-bg .tab-right { float:left; width:3px; height:44px; line-height:44px; }
#sb3 .tab .tab-bg .tab-middle { float:left; height:44px; line-height:44px; color:#017aa7; cursor:pointer; text-align:center; overflow:hidden; padding-left:3px; padding-right:4px; font-size:13px; }
#sb3 .tab .tab-bg .tab-bg.hover .tab-middle { color:#FF7700; }
#sb3 .tab .tab-bg.sel .tab-left { background:url("../images/common/sb_tab_r1200.png"); background-position: 0px -44px; background-repeat:no-repeat; width:5px;}
#sb3 .tab .tab-bg.sel .tab-right { background:url("../images/common/sb_tab_r1200.png"); background-position: -4px 0px; background-repeat:no-repeat; width:10px; margin-left:-2px;}
#sb3 .tab .tab-bg.sel .tab-middle { background:url("../images/common/sb_tab_r1200.png"); background-position: 0px -88px; background-repeat:repeat-x; color:#ffffff; padding-right:3px; }
#sb3 .tab .tab-bg.sel .tab-line { float:left; display:none; }
#sb3 .tab .tab-bg .highlight { color:#FF8C00; font-weight:bold; }
#sb3 .tab .tab-bg.sel .highlight { color:#FFFFFF; font-weight:normal; }

body.eng #sb3 .tab .tab-bg .tab-middle { padding-left:0px; padding-right:1px; }
body.chi #sb3 .tab .tab-bg.half .tab-middle,
body.chn #sb3 .tab .tab-bg.half .tab-middle { height:36px; line-height:16px; padding-top:8px; max-width: 40px; }
body.eng #sb3 .tab .tab-bg.half .tab-middle { height:36px; line-height:16px; padding-top:8px }

@media screen and (min-width: 1100px) {
    #sb3 .tab .tab-bg .tab-middle { font-size:15px; padding-left:2px; padding-right:3px; }

    body.eng #sb3 .tab .tab-bg .tab-middle { padding-left:3px; padding-right:3px; }
    body.chi #sb3 .tab .tab-bg.half .tab-middle,
    body.chn #sb3 .tab .tab-bg.half .tab-middle { height:44px; line-height:44px; padding-top:0px; max-width: none; }
}

#sb3 .quote { margin-top:2px; height:65px; border-bottom:solid 1px #e5e5e5; }
#sb3 .quote .colA { float:left; width:110px; margin-right:5px; height:30px; line-height:20px; margin-top:18px; }
#sb3 .quote .colA input[type="text"] { background-color: #F0F0F0; color:#017aa7; font-size:14px; border: 0px; width:55px; line-height:17px; }
body.eng #sb3 .quote .colA input[type="text"] { width:55px; }
#sb3 .quote .colA input[type='text']::placeholder { color: #d6d6d6; opacity: 1; text-transform: none; font-weight: normal; }
#sb3 .quote .colA input[type='text']:-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote .colA input[type='text']::-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote .colA .icon_search { background-position:-200px -150px; width:12px; height:12px; margin-right:7px; cursor:text; }
#sb2-btnSubmit .icon_arrow { width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #3579a3; margin:0px 5px 0px 5px; }
#sb2-btnSubmit.hoveron .icon_arrow { border-left: 7px solid #529fcc; }

#sb3 .quote .colB { float:left; min-width:160px; margin-right:10px; height:30px; line-height:15px; margin-top:16px; }
#sb3 .quote .colB #SQ_Name { color:#0b3342; font-size:16px; }
#sb3 .quote .colB #SQ_Symbol { color:#0869a1; font-size:14px; }

#sb3 .quote .colC { float:left; min-width: 230px; margin-right:10px; height:30px; line-height:20px; margin-top:13px; color:#989898; font-size:13px; }
#sb3 .quote .colC tr > td:first-child { padding-right:5px; }
#sb3 .quote .colC #SQ_Last { color:#0b3342; font-size:17px; }
#sb3 .quote .colC #SQ_Change { font-size:14px; }
#sb3 .quote .colC #SQ_Range { color:#0b3342; font-size:14px; }

#sb3 .quote .colD { float:right; min-width:140px; height:30px; margin-top:13px; }

#sb3 .quote .colE { float:right; min-width:100px; height:30px; line-height:15px; margin-top:13px; margin-left:20px; text-align:right; }
#sb3 .quote .colE #SQ_LastUpdate { color:#989898; font-size:13px; }
#sb3 .quote .colE #SQ_Index { color:#017aa7; font-size:13px; }
#sb3 .quote .colE #SQ_Industry { color:#017aa7; font-size:13px; }
#sb3 .quote .colE .ind-logo { background:url("../images/common/icon_bank.png") no-repeat; width:14px; height:14px; }
#sb3 .quote .colE .index-logo { background:url("../images/common/icon_global.png") no-repeat; width:14px; height:14px; }
#sb3 .quote .colE .down-arrow
{
    margin-top:5px;
    margin-left:3px;
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #006AAA;
}
#sb3 .quote .colF { float:right; margin-top:12px; margin-right:8px; }
#sb3 .quote .colG { float:right; width: 173px; margin-right:0px; margin-top:13px; }
#sb3 .quote .colG > table { width:100%; }
#sb3 .quote .colG > table td { height:20px; line-height:20px;}
#sb3 .quote .colG .chartImg { background:url('../Images/common/Chart_icon.png') no-repeat ; width:16px; height:14px; padding:0px; margin-top:2px; }
#sb3 .quote .colG .chartImg:hover { background:url('../Images/common/Chart_hover.png') no-repeat; }
#sb3 .quote .colH { float:right; margin-right:10px; margin-top:13px; }
#sb3 .quote .colI { float:right; width: 150px; margin-right:0px; margin-top:13px; }
#sb3 .quote .colI > table { width:100%; }
#sb3 .quote .colI > table td { height:20px; line-height:20px;}
#sb3 .quote .colI .chartImg { background:url('../Images/common/Chart_icon.png') no-repeat ; width:16px; height:14px; padding:0px; margin-top:2px; }
#sb3 .quote .colI .chartImg:hover { background:url('../Images/common/Chart_hover.png') no-repeat; }
#sb3 .pos, #sb3 .neg, #sb3 .unc { position:relative; }
#sb3 .selBox { background:#F1F1F1; }

#sb3 .arrowUpDn { font-size:15px; position:absolute; top:-4px; left:-12px; -ms-transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); }

#sb3 .fw { position:relative; border-radius:5px; padding:15px; background:#fff; z-index:999; width:calc(100% - 30px); margin-left:auto; margin-right:auto; display:none; -moz-box-shadow: 0px 3px 16px 0px #BFBFBF; -webkit-box-shadow: 0px 3px 16px 0px #BFBFBF; box-shadow: 0px 3px 16px 0px #BFBFBF; }
#sb3 .fw:before { content:""; position:absolute; top:-8px; left:50%; width:0px; height:0px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:8px solid #fff; } 
#sb3 .fw div.title { font-size:15px; font-weight:bold; height:25px; line-height:25px; }

@media screen and (min-width: 1100px) {
    #sb3 .tab .tab-middle { padding-left:8px; padding-right:8px; font-size:15px; }

    body.eng #sb3 .tab .tab-bg.half .tab-middle { height:36px; line-height:16px; padding-top:8px; }
    
    #sb3 .quote .colA { width: 146px; margin-right:20px; margin-top:18px; }
    #sb3 .quote .colA input[type="text"] { width:98px; }
    body.eng #sb3 .quote .colA input[type="text"] { width:98px; }
    
    #sb3 .quote .colB { min-width:250px; margin-right:35px; margin-top:16px; }
    #sb3 .quote .colB #SQ_Name { font-size:16px; }
    #sb3 .quote .colB #SQ_Symbol { font-size:15px; }

    #sb3 .quote .colC { min-width:230px; margin-right:30px; margin-top:16px; color:#989898; font-size:14px; }
    #sb3 .quote .colC tr > td:first-child { padding-right:10px; }
    #sb3 .quote .colC #SQ_Last { font-size:19px; }
    #sb3 .quote .colC #SQ_Change { font-size:16px; }
    #sb3 .quote .colC #SQ_Range { color:#0b3342; font-size:16px; }

    #sb3 .quote .colD { min-width:140px; margin-top:16px; }

    #sb3 .quote .colE { min-width:100px; margin-top:16px; margin-left:80px; }
    #sb3 .quote .colE .down-arrow { margin-left:5px; }

    #sb3 .quote .colF { margin-right:10px; }
    #sb3 .quote .colG { width: 200px; font-size:15px; }
    #sb3 .quote .colI { width: 200px; font-size:15px; }
    #sb3 .quote .colH { margin-right:30px; font-size:15px; }
}


#sb3 .quote .col1 { float:left; width: 130px; margin-right:10px; height:40px; line-height:20px; }
#sb3 .quote .col2 { float:left; width: 230px; margin-right:10px; height:40px; line-height:20px;  }
#sb3 .quote .col3 { float:left; width: 250px; margin-right:10px; height:40px; line-height:20px;  }
#sb3 .quote .col3 .dLast { width:68px; }
#sb3 .quote .col4 { float:left; width: 125px; margin-right:10px;}
#sb3 .quote .col5 { float:right; width:210px; min-width: 190px; line-height:20px;}
#sb3 .quote .col6 { float:left; width: 176px; margin-right:5px; height:40px; line-height:20px;  }
#sb3 .quote .col6 .dLast { width:30px; }
#sb3 .quote .col61 { float:left; width: 96px; margin-right:5px; margin-left:24px; height:40px; line-height:20px;  }
#sb3 .quote .col61 .dLast { width:30px; }
#sb3 .quote .col61 div.fs15 { font-size:15px }
#sb3 .quote .col7 { float:left; width: 80px; margin-right:12px; height:40px; line-height:20px;  }
#sb3 .quote .col71 { float:left; width: 80px; margin-right:25px; height:40px; line-height:20px;  }
#sb3 .quote .col8 { float:left; width: 87px; margin-right:5px; height:40px; line-height:20px;  }
#sb3 .quote .col81 { float:left; width: 102px; margin-right:5px; height:40px; line-height:20px;  }
#sb3 .quote .col81 div.fs15 { font-size:15px }
#sb3 .quote .col9 { float:left; width: 220px; margin-right:1px; height:40px; line-height:20px;  }

#sb3 .quote .ind-logo { background:url("../images/common/icon_bank.png") 0px 0px; width:20px; height:20px; }
#sb3 .quote .index-logo { background:url("../images/common/icon_global.png") 0px -20px; width:20px; height:20px; }
#sb3 .quote .industry-arrow { margin-top:5px; margin-left:5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #006AAA; }
#sb3 .quote .index-arrow
{
    margin-top:7px;
    margin-left:3px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #000;
}
#sb3 .quote a.a15:hover .industry-arrow { border-left: 5px solid #FF7700; }
#sb3 .quote #SQ_Index { display:inline-block; height:20px; line-height:20px; }
#sb3 .quote #SQ_Industry { display:inline-block; height:20px; line-height:20px; }
#sb3 .dc-icon { background:url("../../resources/images/chart/dc_icon.png"); }
#sb3 div.down-arrow { background-position:-123px -100px; width:14px; height:14px; }

/* Stock bar US */
#sb3 .quote-us { margin-top:2px; height:68px; border-bottom:solid 1px #e5e5e5; }
#sb3 .quote-us .colA { float:left; width:110px; margin-right:5px; height:30px; line-height:20px; margin-top:18px; }
#sb3 .quote-us .colA input[type="text"] { background-color: #F0F0F0; color:#017aa7; font-size:14px; border: 0px; width:55px; line-height:17px; }
body.eng #sb3 .quote-us .colA input[type="text"] { width:55px; }
#sb3 .quote-us .colA input[type='text']::placeholder { color: #d6d6d6; opacity: 1; text-transform: none; font-weight: normal; }
#sb3 .quote-us .colA input[type='text']:-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote-us .colA input[type='text']::-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote-us .colA .icon_search { background-position:-200px -150px; width:12px; height:12px; margin-right:7px; cursor:text; }

#sb3 .quote-us .colB { float:left; min-width:160px; margin-right:10px; line-height:15px; margin-top:14px; max-width:270px; }
#sb3 .quote-us .colB .SQ_Name { height:22px; line-height:20px; max-width:100%; word-break:break-all; overflow:hidden; }
#sb3 .quote-us .colB #SQ_Name { color:#0b3342; font-size:14px; }
#sb3 .quote-us .colB #SQ_Symbol { color:#0869a1; font-size:14px; }
#sb3 .quote-us .colB .ts2_icon_newscount { position:relative; top:0px; line-height: 12px; font-size: 12px; color: #ffffff; font-family: Arial; margin-left:2px; }

#sb3 .quote-us .colB2 { float:left; min-width:160px; margin-right:10px; line-height:15px; margin-top:14px; max-width:560px; }
#sb3 .quote-us .colB2 .SQ_Name { height:22px; line-height:20px; max-width:100%; word-break:break-all; overflow:hidden; }
#sb3 .quote-us .colB2 #SQ_Name { color:#0b3342; font-size:14px; }
#sb3 .quote-us .colB2 #SQ_Symbol { color:#0869a1; font-size:14px; }
#sb3 .quote-us .colB2 .ts2_icon_newscount { position:relative; top:0px; line-height: 12px; font-size: 12px; color: #ffffff; font-family: Arial; margin-left:2px; }

#sb3 .quote-us .colC { float:left; min-width: 230px; margin-right:10px; height:30px; line-height:20px; margin-top:13px; color:#989898; font-size:13px; }
#sb3 .quote-us .colC tr > td:first-child { padding-right:5px; }
#sb3 .quote-us .colC #SQ_Last { color:#0b3342; font-size:17px; }
#sb3 .quote-us .colC #SQ_Change { font-size:14px; }
#sb3 .quote-us .colC #SQ_Range { color:#0b3342; font-size:14px; }

#sb3 .quote-us .colD { float:right; min-width:140px; height:30px; margin-top:13px; }

#sb3 .quote-us .colE { float:right; min-width:100px; height:30px; line-height:15px; margin-top:13px; margin-left:10px; text-align:right; }
#sb3 .quote-us .colE #SQ_LastUpdate { color:#989898; font-size:13px; }
#sb3 .quote-us .colE #SQ_Industry { color:#017aa7; font-size:13px; }
#sb3 .quote-us .colE .ind-logo { background:url("../images/common/icon_bank.png") no-repeat; width:14px; height:14px; }

#sb3 .quote-us .colF { float:right; margin-top:12px; margin-right:8px; }
#sb3 .quote-us .colG { float:right; margin-top:16px; margin-right:15px; }
#sb3 .quote-us .colG > table { width:100%; }
#sb3 .quote-us .colG > table td { height:20px; line-height:20px;}
#sb3 .quote-us .colG .chartImg { background:url('../Images/common/Chart_icon.png') no-repeat ; width:16px; height:14px; padding:0px; margin-top:2px; }
#sb3 .quote-us .colG .chartImg:hover { background:url('../Images/common/Chart_hover.png') no-repeat; }
#sb3 .quote-us .colG .indexName { color:#545454; font-size:16px; line-height:16px; vertical-align:top; }
#sb3 .quote-us .colG .indexLast { color:#163241; font-size:24px; padding:0px 10px 0px 15px; }
#sb3 .quote-us .colG .indexChange { font-size:16px; color:#999999; padding:4px 10px 0px 15px; }
#sb3 .quote-us .colG .indexChange .pos { color:#22ab55; }
#sb3 .quote-us .colG .indexChange .neg { color:#e85e5f; }
#sb3 .quote-us .colG .indexChange > span { font-weight:normal!important; }
#sb3 .quote-us .colH { float:right; margin-right:10px; margin-top:13px; }
#sb3 .quote-us .colI { float:right; width: 150px; margin-right:0px; margin-top:13px; }
#sb3 .quote-us .colI > table { width:100%; }
#sb3 .quote-us .colI > table td { height:20px; line-height:20px;}
#sb3 .quote-us .colI .chartImg { background:url('../Images/common/Chart_icon.png') no-repeat ; width:16px; height:14px; padding:0px; margin-top:2px; }
#sb3 .quote-us .colI .chartImg:hover { background:url('../Images/common/Chart_hover.png') no-repeat; }
#sb3 .pos, #sb3 .neg, #sb3 .unc { position:relative; }
#sb3 .selBox { background:#F1F1F1; }

#sb3 .arrowUpDn { font-size:15px; position:absolute; top:-4px; left:-12px; -ms-transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5); transform: scale(0.5,0.5); }

#sb3 .fw { position:relative; border-radius:5px; padding:15px; background:#fff; z-index:999; width:calc(100% - 30px); margin-left:auto; margin-right:auto; display:none; -moz-box-shadow: 0px 3px 16px 0px #BFBFBF; -webkit-box-shadow: 0px 3px 16px 0px #BFBFBF; box-shadow: 0px 3px 16px 0px #BFBFBF; }
#sb3 .fw:before { content:""; position:absolute; top:-8px; left:50%; width:0px; height:0px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:8px solid #fff; } 
#sb3 .fw div.title { font-size:15px; font-weight:bold; height:25px; line-height:25px; }

@media screen and (min-width: 1100px) {
    #sb3 .tab .tab-middle { padding-left:8px; padding-right:8px; font-size:15px; }

    body.eng #sb3 .tab .tab-bg.half .tab-middle { height:36px; line-height:16px; padding-top:8px; }
    
    #sb3 .quote-us .colA { width: 146px; margin-right:20px; margin-top:18px; }
    #sb3 .quote-us .colA input[type="text"] { width:98px; }
    body.eng #sb3 .quote-us .colA input[type="text"] { width:98px; }

    #sb3 .quote-us .colB { min-width:300px; margin-right:35px; max-width:355px; }
    #sb3 .quote-us .colB #SQ_Name { font-size:16px; }
    #sb3 .quote-us .colB #SQ_Symbol { font-size:15px; }

    #sb3 .quote-us .colB2 { min-width:300px; margin-right:35px; max-width:650px; }
    #sb3 .quote-us .colB2 #SQ_Name { font-size:16px; }
    #sb3 .quote-us .colB2 #SQ_Symbol { font-size:15px; }

    #sb3 .quote-us .colC { min-width:230px; margin-right:30px; margin-top:16px; color:#595961; font-size:14px; }
    #sb3 .quote-us .colC tr > td:first-child { padding-right:10px; }
    #sb3 .quote-us .colC #SQ_Last { font-size:19px; }
    #sb3 .quote-us .colC #SQ_Change { font-size:16px; }
    #sb3 .quote-us .colC #SQ_Range { color:#0b3342; font-size:16px; }

    #sb3 .quote-us .colD { min-width:140px; margin-top:16px; }

    #sb3 .quote-us .colE { min-width:100px; margin-top:16px; margin-left:20px; }
    #sb3 .quote-us .colE .down-arrow { margin-left:5px; }

    #sb3 .quote-us .colF { margin-right:10px; }
    #sb3 .quote-us .colG { font-size:15px; }
    #sb3 .quote-us .colI { width: 200px; font-size:15px; }
    #sb3 .quote-us .colH { margin-right:30px; font-size:15px; }
}


#sb3 .quote-us .col1 { float:left; width: 130px; margin-right:10px; height:40px; line-height:20px; }
#sb3 .quote-us .col2 { float:left; width: 230px; margin-right:10px; height:40px; line-height:20px;  }
#sb3 .quote-us .col3 { float:left; width: 250px; margin-right:10px; height:40px; line-height:20px;  }
#sb3 .quote-us .col3 .dLast { width:68px; }
#sb3 .quote-us .col4 { float:left; width: 125px; margin-right:10px;}
#sb3 .quote-us .col5 { float:right; width:210px; min-width: 190px; line-height:20px;}
#sb3 .quote-us .col6 { float:left; width: 176px; margin-right:5px; height:40px; line-height:20px;  }
#sb3 .quote-us .col6 .dLast { width:30px; }
#sb3 .quote-us .col61 { float:left; width: 96px; margin-right:5px; margin-left:24px; height:40px; line-height:20px;  }
#sb3 .quote-us .col61 .dLast { width:30px; }
#sb3 .quote-us .col61 div.fs15 { font-size:15px }
#sb3 .quote-us .col7 { float:left; width: 80px; margin-right:12px; height:40px; line-height:20px;  }
#sb3 .quote-us .col71 { float:left; width: 80px; margin-right:25px; height:40px; line-height:20px;  }
#sb3 .quote-us .col8 { float:left; width: 87px; margin-right:5px; height:40px; line-height:20px;  }
#sb3 .quote-us .col81 { float:left; width: 102px; margin-right:5px; height:40px; line-height:20px;  }
#sb3 .quote-us .col81 div.fs15 { font-size:15px }
#sb3 .quote-us .col9 { float:left; width: 220px; margin-right:1px; height:40px; line-height:20px;  }

#sb3 .quote-us .ind-logo { background:url("../images/common/icon_bank.png") 0px 0px; width:20px; height:20px; }
#sb3 .quote-us .index-logo { background:url("../images/common/icon_global.png") 0px -20px; width:20px; height:20px; }
#sb3 .quote-us .industry-arrow { margin-top:5px; margin-left:5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #006AAA; }
#sb3 .quote-us .index-arrow
{
    margin-top:7px;
    margin-left:3px;
	width: 0;
	height: 0;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 3px solid #000;
}
#sb3 .quote-us a.a15:hover .industry-arrow { border-left: 5px solid #FF7700; }
#sb3 .quote-us #SQ_Index { display:inline-block; height:20px; line-height:20px; }
#sb3 .quote-us #SQ_Industry { display:inline-block; height:20px; line-height:20px; }

/* Stock bar Forex */
#sb3 .quote-fx { margin-top:2px; height:68px; border-bottom:solid 1px #e5e5e5; }
#sb3 .quote-fx .colA { float:left; width:110px; margin-right:5px; height:30px; line-height:20px; margin-top:18px; }
#sb3 .quote-fx .colA input[type="text"] { background-color: #F0F0F0; color:#017aa7; font-size:14px; border: 0px; width:55px; line-height:17px; }
body.eng #sb3 .quote-fx .colA input[type="text"] { width:55px; }
#sb3 .quote-fx .colA input[type='text']::placeholder { color: #d6d6d6; opacity: 1; text-transform: none; font-weight: normal; }
#sb3 .quote-fx .colA input[type='text']:-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote-fx .colA input[type='text']::-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote-fx .colA .icon_search { background-position:-200px -150px; width:12px; height:12px; margin-right:7px; cursor:text; }

#sb3 .quote-fx .colB { float:left; min-width:160px; margin-right:10px; line-height:15px; margin-top:14px; max-width:270px; }
#sb3 .quote-fx .colB .SQ_Name { height:22px; line-height:20px; max-width:100%; word-break:break-all; overflow:hidden; }
#sb3 .quote-fx .colB #SQ_Name { color:#0b3342; font-size:14px; }
#sb3 .quote-fx .colB #SQ_Symbol { color:#0869a1; font-size:14px; }

#sb3 .quote-fx .colC { float:left; min-width: 230px; margin-right:10px; height:30px; line-height:20px; margin-top:13px; color:#989898; font-size:13px; }
#sb3 .quote-fx .colC tr > td:first-child { padding-right:5px; }
#sb3 .quote-fx .colC #SQ_Last { color:#0b3342; font-size:17px; }
#sb3 .quote-fx .colC #SQ_Change { font-size:14px; }
#sb3 .quote-fx .colC #SQ_Range { color:#0b3342; font-size:14px; }

#sb3 .quote-fx .colD { float:left; min-width:140px; height:30px; margin-top:13px; }

#sb3 .quote-fx .colE { float:right; min-width:100px; height:30px; line-height:15px; margin-top:13px; margin-left:10px; text-align:right; }
#sb3 .quote-fx .colE #SQ_LastUpdate { color:#989898; font-size:13px; }

#sb3 .quote-fx .colF { float:right; margin-top:13px; }
#sb3 .quote-fx .colF .links_title { font-size:14px; color:#545454; vertical-align:top; }
#sb3 .quote-fx .colF .links_box { position:relative; width:450px }
body.eng #sb3 .quote-fx .colF .links_box { width:440px }
#sb3 .quote-fx .colF .links_box .link { float:left; min-width:65px; white-space:nowrap; font-size:14px; }
body.eng #sb3 .quote-fx .colF .links_box .link { width:67px; }
#sb3 .quote-fx .colF .links_box .link_sep { float:left; margin:4px 10px 0px 10px; width:1px; height:12px; background-color:#EAEAEA }

@media screen and (min-width: 1100px) {
    #sb3 .quote-fx .colA { width: 146px; margin-right:20px; margin-top:18px; }
    #sb3 .quote-fx .colA input[type="text"] { width:98px; }
    body.eng #sb3 .quote-fx .colA input[type="text"] { width:98px; }

    #sb3 .quote-fx .colB { min-width:250px; margin-right:35px; max-width:355px; }
    #sb3 .quote-fx .colB #SQ_Name { font-size:16px; }
    #sb3 .quote-fx .colB #SQ_Symbol { font-size:15px; }

    #sb3 .quote-fx .colC { min-width:230px; margin-right:30px; margin-top:16px; color:#989898; font-size:14px; }
    #sb3 .quote-fx .colC tr > td:first-child { padding-right:10px; }
    #sb3 .quote-fx .colC #SQ_Last { font-size:19px; }
    #sb3 .quote-fx .colC #SQ_Change { font-size:16px; }
    #sb3 .quote-fx .colC #SQ_Range { color:#0b3342; font-size:16px; }

    #sb3 .quote-fx .colD { min-width:140px; margin-top:16px; }

    #sb3 .quote-fx .colE { min-width:100px; margin-top:16px; margin-left:20px; }
    #sb3 .quote-fx .colE .down-arrow { margin-left:5px; }

    #sb3 .quote-fx .colF .links_title { font-size:15px; }
    #sb3 .quote-fx .colF .links_box .link { font-size:15px; }
}


/* Stock bar CNHK */
#sb3 .quote-cn { margin-top:2px; height:68px; border-bottom:solid 1px #e5e5e5; }
#sb3 .quote-cn .colA { float:left; width:110px; margin-right:5px; height:30px; line-height:20px; margin-top:18px; }
#sb3 .quote-cn .colA input[type="text"] { background-color: #F0F0F0; color:#017aa7; font-size:14px; border: 0px; width:55px; line-height:17px; }
body.eng #sb3 .quote-cn .colA input[type="text"] { width:55px; }
#sb3 .quote-cn .colA input[type='text']::placeholder { color: #d6d6d6; opacity: 1; text-transform: none; font-weight: normal; }
#sb3 .quote-cn .colA input[type='text']:-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote-cn .colA input[type='text']::-ms-input-placeholder { color: #d6d6d6; text-transform: none; font-weight: normal; }
#sb3 .quote-cn .colA .icon_search { background-position:-200px -150px; width:12px; height:12px; margin-right:7px; cursor:text; }

#sb3 .quote-cn .colB { float:left; min-width:160px; margin-right:10px; height:30px; line-height:15px; margin-top:16px; }
#sb3 .quote-cn .colB #SQ_Name { color:#0b3342; font-size:16px; }
#sb3 .quote-cn .colB #SQ_Symbol { color:#0869a1; font-size:14px; }

#sb3 .quote-cn .colC { float:left; min-width: 230px; margin-right:10px; height:30px; line-height:20px; margin-top:13px; color:#989898; font-size:13px; }
#sb3 .quote-cn .colC tr > td:first-child { padding-right:5px; }
#sb3 .quote-cn .colC #SQ_Last { color:#0b3342; font-size:17px; }
#sb3 .quote-cn .colC #SQ_Change { font-size:14px; }
#sb3 .quote-cn .colC #SQ_Range { color:#0b3342; font-size:14px; }

#sb3 .quote-cn .colD { float:right; min-width:140px; height:30px; margin-top:13px; }

#sb3 .quote-cn .colE { float:right; min-width:100px; height:30px; line-height:15px; margin-top:13px; margin-left:20px; text-align:right; }
#sb3 .quote-cn .colE #SQ_LastUpdate { color:#989898; font-size:13px; }
#sb3 .quote-cn .colE #SQ_Index { color:#017aa7; font-size:13px; }
#sb3 .quote-cn .colE #SQ_Industry { color:#017aa7; font-size:13px; }
#sb3 .quote-cn .colE .ind-logo { background:url("../images/common/icon_bank.png") no-repeat; width:14px; height:14px; }
#sb3 .quote-cn .colE .index-logo { background:url("../images/common/icon_global.png") no-repeat; width:14px; height:14px; }
#sb3 .quote-cn .colE .down-arrow
{
    margin-top:5px;
    margin-left:3px;
	width: 0; 
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #006AAA;
}
#sb3 .quote-cn .colF { float:right; margin-top:12px; margin-right:8px; }
#sb3 .quote-cn .colG { float:right; width: 173px; margin-right:0px; margin-top:13px; }
#sb3 .quote-cn .colG > table { width:100%; }
#sb3 .quote-cn .colG > table td { height:20px; line-height:20px; white-space:nowrap; }
#sb3 .quote-cn .colG .chartImg { background:url('../Images/common/Chart_icon.png') no-repeat ; width:16px; height:14px; padding:0px; margin-top:2px; }
#sb3 .quote-cn .colG .chartImg:hover { background:url('../Images/common/Chart_hover.png') no-repeat; }
#sb3 .quote-cn .colH { float:right; margin-right:10px; margin-top:13px; }
#sb3 .quote-cn .colI { float:right; width: 150px; margin-right:0px; margin-top:13px; }
#sb3 .quote-cn .colI > table { width:100%; }
#sb3 .quote-cn .colI > table td { height:20px; line-height:20px;}
#sb3 .quote-cn .colI .chartImg { background:url('../Images/common/Chart_icon.png') no-repeat ; width:16px; height:14px; padding:0px; margin-top:2px; }
#sb3 .quote-cn .colI .chartImg:hover { background:url('../Images/common/Chart_hover.png') no-repeat; }

@media screen and (min-width: 1100px) {
    #sb3 .quote-cn .colA { width: 146px; margin-right:20px; margin-top:18px; }
    #sb3 .quote-cn .colA input[type="text"] { width:98px; }
    body.eng #sb3 .quote-cn .colA input[type="text"] { width:98px; }

    #sb3 .quote-cn .colB { min-width:250px; margin-right:35px; margin-top:16px; }
    #sb3 .quote-cn .colB #SQ_Name { font-size:16px; }
    #sb3 .quote-cn .colB #SQ_Symbol { font-size:15px; }

    #sb3 .quote-cn .colC { min-width:230px; margin-right:30px; margin-top:16px; color:#989898; font-size:14px; }
    #sb3 .quote-cn .colC tr > td:first-child { padding-right:10px; }
    #sb3 .quote-cn .colC #SQ_Last { font-size:19px; }
    #sb3 .quote-cn .colC #SQ_Change { font-size:16px; }
    #sb3 .quote-cn .colC #SQ_Range { color:#0b3342; font-size:16px; }

    #sb3 .quote-cn .colD { min-width:140px; margin-top:16px; }

    #sb3 .quote-cn .colE { min-width:100px; margin-top:16px; margin-left:80px; }
    #sb3 .quote-cn .colE .down-arrow { margin-left:5px; }

    #sb3 .quote-cn .colF { margin-right:10px; }
    #sb3 .quote-cn .colG { width: 200px; font-size:15px; }
    #sb3 .quote-cn .colI { width: 200px; font-size:15px; }
    #sb3 .quote-cn .colH { margin-right:30px; font-size:15px; }
}



.aafb_link { margin:40px 0px 8px 0px; }
.aafb_link a .aafb_link_icon { background:url("../../resources/images/news/facebook.png"); width:95px; height:26px; }
.aafb_link a:hover .aafb_link_icon { background:url("../../resources/images/news/facebook_hover.png"); width:95px; height:26px; }

/* Live Video Popup */
.live-icon-map { background: url("../images/livevideo/live_video_icon.png?v1.1") no-repeat; }
#liveVideoPanel .live-icon-liveLabel { background-position: -150px 0px; width:108px; height:32px; }
#liveVideoPanel .live-icon-close { background-position: -100px 0px; width:23px; height:23px; }
#liveVideoPanel .live-icon-volume { background:url("../images/livevideo/volume.gif?v=1.1") no-repeat; width:30px; height:9px; }
#liveVideoPanel .live-icon-play { background-position: -100px -50px; width: 54px; height: 54px; }
#liveVideoPanelFP .live-icon-liveLabel { background-position: 0px 0px; width:84px; height:24px; }
#liveVideoPanelFP .live-icon-slash { background:url("../images/livevideo/slash.gif") no-repeat; width:82px; height:9px;  }
#liveVideoPanelFP .live-icon-volume { background:url("../images/livevideo/volume_red.gif?v=1.1") no-repeat; width:30px; height:9px; }
#liveVideoPanelFP .live-icon-play {background-position: -200px -49px;width: 40px;height: 43px;}

#liveVideoPanel { position: fixed; left: 0px; bottom: 30px; height: 108px; width: 300px; background: white; -webkit-box-shadow: 0px 3px 30px 3px #BFBFBF; -moz-box-shadow: 0px 3px 30px 3px #BFBFBF; box-shadow: 0px 3px 30px 3px #BFBFBF; padding: 16px 0px; z-index: 999999999; }
#liveVideoPanel table td.imgBox { width:185px; vertical-align:top; position:relative; }
#liveVideoPanel div.liveLabel { position: relative; margin-top:8px; display:block; cursor: pointer; }
#liveVideoPanel div.liveLabel > div { position: absolute; right: 10px; top: 12px; }
#liveVideoPanel div.btnClose { position:absolute; right:-11px; top:-11px; display:block; cursor:pointer; }
#liveVideoPanel div.titleBox { width:88px; height:63px; padding: 0px 10px; margin-top: 7px; overflow: hidden; }
#liveVideoPanel div.titleBox > a { color:#065989; font-size:16px; line-height: 21px; }
#liveVideoPanel div.titleBox > a:hover { color:#10abe4; }
#liveVideoPanel a.imgLink > img { width:192px; height:108px; border:0; }
#liveVideoPanel a.imgLink > table { position: absolute; top: 0px; left: 0px; width: 100%; height: 108px; text-align: center; }
#liveVideoPanel a.imgLink > table div.btnPlay { margin: auto; }

@media print { 
    #liveVideoPanel { position: absolute; } 
}

#liveVideoPanelFP { position:absolute; width:100%; height:100%; left:0px; top:0px; background:#F8F8F8; z-index:9999; }
#liveVideoPanelFP video { width:199px; height:112px }
div.nsLV { position:relative; min-height:20px; }
div.nsLV > div.liveIcon { position:absolute;top: 4px;left: -2px;}
div.nsLV > div.bg { position:absolute; top:15px; left:80px; }
div.nsLV > div.volume { position:absolute; top:15px; left:167px; }
div.nsLV > div.title.fullWidth { max-width:initial; }
#liveVideoPanelFP #Video_Title {margin-top: 16px;}
#liveVideoPanelFP #Video_Title > div { height: 40px; overflow: hidden; }
#liveVideoPanelFP #Video_Title a { font-size:16px; font-weight:bold; letter-spacing: 0.5px; line-height: 20px; }
body.eng #liveVideoPanelFP #Video_Title a { letter-spacing: 0px; }
#liveVideoPanelFP a.imgLink > img { width:199px; height:112px; border:0; }
#liveVideoPanelFP a.imgLink > table { position: absolute; top: 0px; left: 0px; width: 100%; height: 112px; text-align: center; }
#liveVideoPanelFP a.imgLink > table div.btnPlay { margin: auto; }

@media screen and (min-width: 1100px) {
    #liveVideoPanelFP .live-icon-slash { width:149px; }

    div.nsLV > div.bg { left:80px; }
    div.nsLV > div.volume { left:234px; }
    #liveVideoPanelFP video { width:266px; height:150px }
    #liveVideoPanelFP #Video_Title a { color:#0869a1; }
    #liveVideoPanelFP a.imgLink > img { width:266px; height:150px; }
    #liveVideoPanelFP a.imgLink > table { height: 120px; }
}



.stocks-icon { background-image: url('../../resources/images/stock/icon_stock_quote_v4.png'); }
.stocks-icon-arrup { background-position: 0px 0px; width: 10px; height: 12px; }
.stocks-icon-arrdown { background-position: -50px 0px; width: 10px; height: 12px; }
.stocks-icon-edit { background-position: -100px 0px; width: 14px; height: 14px; cursor:pointer; }
.stocks-icon-untick { background-position: -150px 0px; width: 19px; height: 19px; cursor:pointer; }
.stocks-icon-tick { background-position: -200px 0px; width: 19px; height: 19px; cursor:pointer; }
.stocks-icon-email { background-position: 0px -50px; width: 38px; height: 38px; cursor:pointer; }
.stocks-icon-email:hover { background-position: -50px -50px; width: 38px; height: 38px; cursor:pointer; }
.stocks-icon-print { background-position: -100px -50px; width: 38px; height: 38px; cursor:pointer; }
.stocks-icon-print:hover { background-position: -150px -50px; width: 38px; height: 38px; cursor:pointer; }
.stocks-icon-fullscreen { background-position: -200px -50px; width: 12px; height: 12px; cursor:pointer; }
.stocks-icon-gotop { background-position: 0px -100px; width: 10px; height: 11px; cursor:pointer; }



.AAToolTips2 { position:relative; padding:0px!important; width:16px; height:16px; cursor:pointer; background-image:url('../images/market/ah_tooltips.png'); display:inline-block; *display:inline; zoom:1; }
.AAToolTips2:hover { background-image:url('../images/market/ah_tooltips_on.png'); }
.AAToolTips2 .PopupContent { display:none; }
.AAToolTips2 .AAToolTips2_Popup { position:absolute; top:30px; left:-10px; z-index:10; padding:15px 25px; width:280px; border-width:1px 1px 3px 1px; border-style:solid; border-color:#bbbbbb; border-radius:3px; background-color:#FFFFFF; text-align:left; font-size:15px; font-weight:bold; line-height:18px; color:#999999; white-space:normal; display:none; }
.AAToolTips2 .AAToolTips2_Popup .AAToolTips2_Arrow_Back { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #bbbbbb; position: absolute; top: -10px; left: 12px; padding: 0px; }
.AAToolTips2 .AAToolTips2_Popup .AAToolTips2_Arrow_Top { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #ffffff; position: absolute; top: -8px; left: 12px; padding: 0px; }
.AAToolTips2 .AAToolTips2_Popup.right { left:auto; right:-10px; }
.AAToolTips2 .AAToolTips2_Popup.right .AAToolTips2_Arrow_Back { left:auto; right:12px; }
.AAToolTips2 .AAToolTips2_Popup.right .AAToolTips2_Arrow_Top { left:auto; right:12px; }

#AAToolTips3 { position:absolute; background-color:#FFFFFF; padding:12px 15px; border:2px solid #017aa7; border-radius:2px; color:#6e6e6e; font-size:12px; line-height:16px; text-align:center; z-index:999; }
#AAToolTips3::before { content:''; position:absolute; left:-7px; top:calc(50% - 4px); width:0px; height:0px; border-right:6px solid #017aa7; border-top:4px solid transparent; border-bottom:4px solid transparent; z-index:1000; }
#AAToolTips3::after { content:''; position:absolute; left:-4px; top:calc(50% - 4px); width:0px; height:0px; border-right:6px solid #ffffff; border-top:4px solid transparent; border-bottom:4px solid transparent; z-index:1001; }
#AAToolTips3 .highlight { color:#017aa7; font-size:14px; line-height:20px; }

.AABack2Top { position:fixed; bottom:80px; right:40px; width:66px; height:68px; background-image:url('../images/common/back2top.png'); z-index:10000; display:none; cursor:pointer; }
.AABack2Top:hover { background-image:url('../images/common/back2top_on.png'); }


#newsPerformance { display:block; margin:0px 20px; padding:10px 0px; clear:both; }
#newsPerformance > table { width:100%; border-spacing:0px; border-collapse:collapse; }
#newsPerformance > table td { padding:0px; }
#newsPerformance .newsPerformanceItem { position:relative; border:1px solid #dcd9d9; border-top-right-radius:20px; border-bottom-left-radius:20px; cursor:pointer; }
#newsPerformance .newsPerformanceItem:hover { border:1px solid #10abe4; box-shadow: 0px 0px 13px 0px rgba(16, 171, 228, 0.25); }
#newsPerformance.record1 .newsPerformanceItem { margin:0px 130px; }
#newsPerformance.record2 .newsPerformanceItem { margin:0px 20px; }
#newsPerformance .newsPerformanceItem .newsPerformanceData { position:absolute; top:0px; left:0px; padding:5px 10px; font-size:13px; line-height:100%; color:#67909b; background-color:#EFEFEF; }
#newsPerformance .newsPerformanceItem:hover .newsPerformanceData { color:#ffffff; background-color:#10abe4; }
#newsPerformance .newsPerformanceItem .newsPerformanceCursor { position:absolute; top:50%; right:15px; }
#newsPerformance .newsPerformanceItem .newsPerformanceCursor > div { margin-top:-7px; width:10px; height:14px; background-image:url('../Images/news/cursor.png'); }
#newsPerformance .newsPerformanceItem:hover .newsPerformanceCursor > div { background-image:url('../Images/news/cursor_on.png'); }
#newsPerformance .newsPerformanceItem .newsPerformanceTitle { padding-top:23px; padding-bottom:10px; color:#00394e; font-size:15px; line-height:19px; text-align:center; font-weight:bold; white-space:nowrap; }
body.eng #newsPerformance .newsPerformanceItem .newsPerformanceTitle { font-size:13px; }
#newsPerformance .newsPerformanceItem .newsPerformanceLastUpdate { position:absolute; bottom:5px; right:0px; font-size:12px; line-height:12px; color:#9b9b9b; }

#newsPerformance .newsPerformanceItem .newsPerformanceBar { padding:0px 30px 32px 30px; font-size:13px; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar > table { width:100%; border-spacing:0px; border-collapse:collapse; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar > table td { padding:0px; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr td.npbTitle { white-space:nowrap; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr td.npbValue .bar { position:relative; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr td.npbValue .text { position:absolute; letter-spacing:0px; white-space:nowrap; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.zero td.npbTitle { color:#999999; text-align:right; line-height:20px; padding:5px 10px 5px 0px; border-right:1px solid #dcd9d9; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.zero td.npbValue { color:#999999; text-align:left; line-height:20px; padding:5px 0px; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.zero td.npbValue > div { padding-left:10px; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.pos td.npbTitle { color:#70b966; text-align:right; line-height:20px; padding:5px 10px 5px 0px; border-right:1px solid #dcd9d9; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.pos td.npbValue { text-align:right; line-height:20px; padding:5px 0px; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.pos td.npbValue .bar { float:left; background-color:#8ecf85; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.pos td.npbValue .bar .text { top:0px; right:0px; padding-right:10px; color:#FFFFFF; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.pos td.npbValue .bar.outside .text { right:auto; left:100%; padding-right:0px; padding-left:2px; color:#8ecf85; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.neg td.npbTitle { color:#e9817d; text-align:left; line-height:20px; padding:5px 0px 5px 10px; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.neg td.npbValue { text-align:left; line-height:20px; padding:5px 0px; border-right:1px solid #dcd9d9; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.neg td.npbValue .bar { float:right; background-color:#e9817d; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.neg td.npbValue .bar .text { top:0px; left:0px; padding-left:10px; color:#FFFFFF; }
#newsPerformance .newsPerformanceItem .newsPerformanceBar tr.neg td.npbValue .bar.outside .text { top:0px; left:auto; right:100%; padding-left:0px; padding-right:2px; color:#e9817d; }

.newsRelatedHeadline { display:block; clear:both; width:100%; overflow:hidden; }
.newsRelatedHeadline .nTitle { padding-right:10px; color:#999999; }
.newsRelatedHeadline .nIcon img { width:24px; height:20px; padding-left:8px; padding-right:5px; margin-bottom:3px; vertical-align:middle; }
.newsRelatedHeadline .nText a { color:#0869a1; }
.newsRelatedHeadline .nText a:hover { color:#10abe4; }

#newsDividendHistory { display:block; padding:10px 0px; clear:both; }
#newsDividendHistory .newsDividendItem { position:relative; width:585px; margin:0px auto; border:1px solid #dcd9d9; border-top-right-radius:20px; border-bottom-left-radius:20px; cursor:pointer; }
#newsDividendHistory .newsDividendItem:hover { border:1px solid #10abe4; box-shadow: 0px 0px 13px 0px rgba(16, 171, 228, 0.25); }
#newsDividendHistory .newsDividendItem .newsDividendTag { position:absolute; top:0px; left:0px; padding:5px 10px; font-size:13px; line-height:100%; color:#67909b; background-color:#EFEFEF; }
#newsDividendHistory .newsDividendItem:hover .newsDividendTag { color:#ffffff; background-color:#10abe4; }
#newsDividendHistory .newsDividendItem .newsDividendCursor { position:absolute; top:50%; right:15px; }
#newsDividendHistory .newsDividendItem .newsDividendCursor > div { margin-top:-7px; width:10px; height:14px; background-image:url('../Images/news/cursor.png'); }
#newsDividendHistory .newsDividendItem .newsDividendTable { padding:25px 60px 15px 50px; }
#newsDividendHistory .newsDividendItem .newsDividendTable table { width:100%; border-collapse: collapse; border-spacing: 0; }
#newsDividendHistory .newsDividendItem .newsDividendTable th { border-bottom:1px solid #dcd9d9; color:#646464; font-size:14px; line-height:20px; padding:5px 10px; font-weight:bold; letter-spacing:0px; white-space:nowrap; text-align: left; }
#newsDividendHistory .newsDividendItem .newsDividendTable td { border-top:1px solid #eaeaea; color:#00394e; font-size:14px; line-height:20px; padding:5px 10px; letter-spacing:-0.5px; text-align: left; }



#checker_content_end { clear:both; height:0px; }
#checker_window_end { position:fixed; width:100%; height:0px; bottom:1px; left:0px; }


.div_VoteTotal { color:#888888; font-size:14px; display:inline-block; *display: inline; zoom:1; line-height:20px; }
.div_VoteTotal > div { display:inline-block; *display: inline; zoom:1; padding-right: 10px; font-size: 14px; }
.div_VoteTotal > div.last { padding-right: 0px !important; }
.div_VoteTotal > div > div.clickable { display:inline-block; *display: inline; zoom:1; }
.div_VoteTotal > div > div.clickable > div { display:inline-block; *display: inline; zoom:1; }
.div_VoteTotal > div > div.clickable > div.text { margin-left: 5px; }
.div_VoteTotal > div > div.clickable > div.value { margin-left: 5px; }
.div_VoteTotal > div > div.clickable.enable { cursor: pointer; }
.div_VoteTotal > .divRecommend > .clickable.enable { color: #9b9b9b; }
.div_VoteTotal > .divRecommend > .clickable.enable:hover { color: #7cb6ed; }
.div_VoteTotal > .divRecommend > .clickable.enable.sel { color: #9b9b9b; }
.div_VoteTotal > .divBullish > .clickable.enable { color: #9b9b9b; }
.div_VoteTotal > .divBullish > .clickable.enable:hover { color: #86d07a; }
.div_VoteTotal > .divBullish > .clickable.enable.sel { color: #9b9b9b; }
.div_VoteTotal > .divBearish > .clickable.enable { color: #9b9b9b; }
.div_VoteTotal > .divBearish > .clickable.enable:hover { color: #f08b81; }
.div_VoteTotal > .divBearish > .clickable.enable.sel { color: #9b9b9b; }
body.eng .newstime4 .div_VoteTotal > div {font-size:12px;padding-right: 5px;}
body.eng .div_VoteTotal > div > div.clickable > div.value { margin-left: 2px; }
body.eng .div_VoteTotal > div > div.clickable > div.text { margin-left: 2px; }
.divVote { width: 100%; margin:35px 0px 5px 0px; font-size: 19px; color: #9b9b9b; clear:both; }
.divVote > div { width:540px; margin:0px auto; padding:10px 0px; background-color:#f2f2f2; }
.divVote > div > table { width:100%; table-layout:fixed; border:none; border-collapse:collapse; text-align:center; margin: 0 auto; }
.divVote > div > table td.first { width: 33%; border-right: 1px dotted #ccc; }
body.eng .divVote > div { width: 600px; }
body.eng .divVote > div > table td.first { width: 42%; }
.divVote > div > table td .iconVote { margin-right: 7px; display:inline-block; *display: inline; zoom:1; }
#div_Recommend { font-size: 16px; display:inline-block; *display: inline; zoom:1; cursor: pointer; }
#div_Recommend .selected {display:none;}
#div_Recommend:hover, #div_Recommend.sel { color: #7bc3e7; }
#div_Recommend.sel .selected {display:block;}
#div_Recommend.sel .nonselect {display:none;}
#div_Bullish {display:inline-block;*display: inline; zoom:1;margin: 0 5px; font-size: 16px; cursor: pointer;}
#div_Bullish:hover, #div_Bullish.sel { color: #76c474; }
#div_Bearish {display:inline-block;*display: inline; zoom:1;margin: 0 5px 0 30px; font-size: 16px; cursor: pointer;}
#div_Bearish:hover, #div_Bearish.sel { color: #e57c60; }
@media screen and (min-width: 1100px) {
    .div_VoteTotal > div { padding-right: 10px; font-size: 15px; }
    body.eng .div_VoteTotal > div > div.clickable > div.text { margin-left: 3px; }
    body.eng .div_VoteTotal > div > div.clickable > div.value { margin-left: 3px; }
	body.eng .newstime4 .div_VoteTotal > div {font-size:14px;padding-right: 10px;}
}

/* green arrow */
.icon-greenarrow_1 { background-image:url('../images/news/recommend/greenarrow_1.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }
.icon-greenarrow_1a, .clickable.enable .icon-greenarrow_1 
, .icon-greenarrow_4a { background-image:url('../images/news/recommend/greenarrow_1a.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }
.icon-greenarrow_1c, .clickable.enable.sel .icon-greenarrow_1
, .icon-greenarrow_4c, #div_Bullish.sel .iconVote { background-image:url('../images/news/recommend/greenarrow_1c.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }

.icon-greenarrow_2
, .icon-greenarrow_3 { background-image:url('../images/news/recommend/greenarrow_2.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }
.icon-greenarrow_2a, .clickable.enable .icon-greenarrow_2
, .icon-greenarrow_3a, .clickable.enable .icon-greenarrow_3 { background-image:url('../images/news/recommend/greenarrow_2a.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }
.icon-greenarrow_2c, .clickable.enable.sel .icon-greenarrow_2
, .icon-greenarrow_3c, .clickable.enable.sel .icon-greenarrow_3 { background-image:url('../images/news/recommend/greenarrow_2c.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }

.icon-greenarrow_5 {background-image: url(../images/news/Recommend/vote.png);background-repeat: no-repeat;width: 14px;height: 14px;margin-bottom: -1px;background-position: -32px -1px;background-size: 77px 19px; }

/* heart */
.icon-heart_1 { background-image:url('../images/news/recommend/heart_1.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }
.icon-heart_1a, .clickable.enable .icon-heart_1
, .icon-heart_4a { background-image:url('../images/news/recommend/heart_1a.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }
.icon-heart_1c, .clickable.enable.sel .icon-heart_1
, .icon-heart_4c, #div_Recommend.sel .iconVote { background-image:url('../images/news/recommend/heart_1c.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }

.icon-heart_2
, .icon-heart_3 { background-image:url('../images/news/recommend/heart_2.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }
.icon-heart_2a, .clickable.enable .icon-heart_2
, .icon-heart_3a, .clickable.enable .icon-heart_3 { background-image:url('../images/news/recommend/heart_2a.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }
.icon-heart_2c, .clickable.enable.sel .icon-heart_2
, .icon-heart_3c, .clickable.enable.sel .icon-heart_3 { background-image:url('../images/news/recommend/heart_2c.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }

.icon-heart_5 {background-image: url(../images/news/Recommend/vote.png);background-repeat: no-repeat;width: 14px;height: 14px;margin-bottom: -1px;background-position: -3px -1px;background-size: 77px 19px; }


/* red arrow */
.icon-redarrow_1 { background-image:url('../images/news/recommend/redarrow_1.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }
.icon-redarrow_1a, .clickable.enable .icon-redarrow_1
, .icon-redarrow_4a { background-image:url('../images/news/recommend/redarrow_1a.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }
.icon-redarrow_1c, .clickable.enable.sel .icon-redarrow_1
, .icon-redarrow_4c, #div_Bearish.sel .iconVote { background-image:url('../images/news/recommend/redarrow_1c.png?v=1.4'); background-repeat: no-repeat; background-size:18px 18px; width: 18px; height: 18px; margin-bottom: -3px; }

.icon-redarrow_2
, .icon-redarrow_3 { background-image:url('../images/news/recommend/redarrow_2.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }
.icon-redarrow_2a, .clickable.enable .icon-redarrow_2
, .icon-redarrow_3a, .clickable.enable .icon-redarrow_3 { background-image:url('../images/news/recommend/redarrow_2a.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }
.icon-redarrow_2c, .clickable.enable.sel .icon-redarrow_2
, .icon-redarrow_3c, .clickable.enable.sel .icon-redarrow_3 { background-image:url('../images/news/recommend/redarrow_2c.png?v=1.4'); background-repeat: no-repeat; background-size:14px 14px; width: 14px; height: 14px; margin-bottom: -1px; }

.icon-redarrow_5 {background-image: url(../images/news/Recommend/vote.png);background-repeat: no-repeat;width: 14px;height: 14px;margin-bottom: -1px;background-position: -59px -1px;background-size: 77px 19px; }

/* IPO */
.icon-ipo-news { background:url('../images/ipo/icon-news.png') no-repeat; width: 15px; height: 15px; }
.icon-ipo-news:hover { background:url('../images/ipo/icon-news_b.png') no-repeat; width: 15px; height: 15px; }
.icon-ipo-chart { background:url('../images/ipo/icon-chart.png') no-repeat; width: 15px; height: 15px; }
.icon-ipo-chart:hover { background:url('../images/ipo/icon-chart_b.png') no-repeat; width: 15px; height: 15px; }
.icon-ipo-quote { background:url('../images/ipo/icon-quote.png') no-repeat; width: 15px; height: 15px; }
.icon-ipo-quote:hover { background:url('../images/ipo/icon-quote_b.png') no-repeat; width: 15px; height: 15px; }
.icon-ipo-down-arrow { background:url('../images/ipo/down-arrow.png') no-repeat; width: 12px; height: 8px; }
.icon-ipo-announcement { background:url('../images/ipo/icon-announcement.png') no-repeat; width: 36px; height: 36px; }
.icon-ipo-price { background:url('../images/ipo/icon-price.png') no-repeat; width: 36px; height: 36px; }
.icon-ipo-release { background:url('../images/ipo/icon-release.png') no-repeat; width: 36px; height: 36px; }
.icon-ipo-period { background:url('../images/ipo/icon-period.png') no-repeat; width: 52px; height: 36px; }
.icon-ipo-period-1 { background:url('../images/ipo/period-1.png') no-repeat; width: 65px; height: 48px; }
.icon-ipo-period-2 { background:url('../images/ipo/period-2.png') no-repeat; width: 65px; height: 48px; }
.icon-ipo-period-3 { background:url('../images/ipo/period-3.png') no-repeat; width: 65px; height: 48px; }
.icon-ipo-right-arrow { background:url('../images/ipo/right-arrow.png') no-repeat; width: 8px; height: 12px; }
.icon-ipo-compare-tick { background:url('../images/ipo/icon-compare_tick.png') no-repeat; width: 19px; height: 19px; }

#AAIPOInfoOverlay { background: #fff; box-shadow: 0px 2px 10.89px 0.11px rgba(94, 94, 94, 0.25); }
#AAIPOInfoOverlay .header { position: relative; padding: 20px; background: #f5fdff; }
#AAIPOInfoOverlay .header > div { font-size: 15px; font-weight: bold; color: #333333; position: relative; z-index: 20; }
#AAIPOInfoOverlay .header > div.event { max-width: 225px; }
#AAIPOInfoOverlay .header > div.dayBox { position: absolute; right: 0; bottom: 0; width: 65px; height: 50px; line-height: 50px; border-top-width: 0px; border-bottom-width: 0px; z-index: 10; }
#AAIPOInfoOverlay .header > div.dayBox .day { position: relative; z-index: 10; font-size: 26px; font-weight: bold; color: #1c819a; }
#AAIPOInfoOverlay .header > div.dayBox .dayText { position: relative; z-index: 10; font-size: 14px; color: #94c0d1; }
#AAIPOInfoOverlay .header > div.dayBox .month { position: absolute; bottom: 0; right: 0; }
#AAIPOInfoOverlay .header > div.dayBox .month > img { height: 50px; }
#AAIPOInfoOverlay table { width: 100%; margin: 15px 0px 20px 0px; font-size: 15px; color: #333333; }
#AAIPOInfoOverlay table td { white-space: nowrap; }
#AAIPOInfoOverlay table td.first { padding-left: 20px; width: 90px; }
#AAIPOInfoOverlay table td .labelList { border: solid 1px #ffbb50; background: #fff; color: #ffbb50; border-radius: 3px; height: 15px; line-height: 16px !important; padding: 2px 10px; font-size: 13px; margin-left: 10px; }

.eng #AAIPOInfoOverlay table td.first { width: 140px; }
.eng #AAIPOInfoOverlay table td .labelList { padding: 2px 5px; margin-left: 5px; }

/* Education */
.edu_icon { background-image: url(../images/edu/education-iconsmap.png?v=1.1); background-size: 250px 150px; }
.edu_icon.icon-edu { background-position: -200px 0px; width: 40px; height: 34px; }
.edu_icon.icon-edu-search { background-position: 0px -50px; width: 16px; height: 16px; margin-bottom: -1px; }
.edu_icon.icon-edu-search-2 { background-position: -100px -50px; width: 16px; height: 16px; margin-bottom: -1px; }
.edu_icon.icon-edu-close { background-position: -150px -50px; width: 12px; height: 12px; }
.edu_icon.icon-edu-close-2 { background-position: 0px 0px; width: 22px; height: 22px; }
.edu_icon.icon-edu-close-2:hover { background-position: -50px 0px; width: 22px; height: 22px; }
.btnEdu .edu_icon.icon-edu-goto { background-position: -100px 0px; width: 10px; height: 12px; }
.btnEdu:hover .edu_icon.icon-edu-goto { background-position: -150px 0px; width: 10px; height: 12px; }

.icon-edu { padding: 0px !important; display: inline-block; *display: inline; zoom: 1; margin-left: 4px; margin-bottom: -1px; }
.sortcol .icon-edu.icon-general-terms,
.icon-edu.icon-chart-terms { background: url(../images/edu/chart-terms-a.png?v=1.2); width: 13px !important; height: 13px !important; background-color: transparent !important; cursor: pointer; }
.sortcol .icon-edu.icon-general-terms:hover,
.icon-edu.icon-chart-terms:hover { background: url(../images/edu/chart-terms-b.png?v=1.2); width: 13px; height: 13px; }
.icon-edu.icon-general-terms { background: url(../images/edu/general-terms-a2.png?v=1.2); background-size:14px 14px; width: 14px !important; height: 14px !important; background-color: transparent !important; cursor: pointer; }
.icon-edu.icon-general-terms:hover { background: url(../images/edu/general-terms-b2.png?v=1.2); background-size:14px 14px; width: 14px; height: 14px; }

a.keyword { text-decoration: none; color: #225f75; white-space: nowrap; display: inline-block; *display: inline; zoom: 1; }
a.keyword:hover { color: #518da2; }
a.keyword .icon-news-edu { background: url(../images/edu/news-terms-a.png?v=1.3); width: 16px !important; height: 16px !important; background-color: transparent !important; }
a.keyword:hover .icon-news-edu { background: url(../images/edu/news-terms-b.png?v=1.3); width: 16px; height: 16px; }
body.eng a.keyword .icon-news-edu { margin-left: 2px; }
.fLevel1 a.keyword .icon-news-edu { margin-bottom: -2px; }
.fLevel2 a.keyword .icon-news-edu { margin-bottom: -1px; }
.fLevel3 a.keyword .icon-news-edu { margin-bottom: -1px; }
.fLevel4 a.keyword .icon-news-edu { margin-bottom: 0px; }
.fLevel5 a.keyword .icon-news-edu { margin-bottom: 1px; }

#AAEduOverlayMask { position: absolute; z-index: 999999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; opacity: 0.4; display: none; }
#AAEduOverlay { position: absolute; z-index: 1000000; top: 0px; left: 0px; width: 100%; height: 100%; display: none; }
#AAEduOverlayContainer { position: relative; background: #ffffff; border-radius: 8px; box-shadow: 1px 2px 29px 0px rgba(0, 0, 0, 0.22); margin: auto; width: 800px; height: 450px; padding: 0px; font-family: 微軟正黑體修正,微軟正黑體修正2,微軟正黑體,'Microsoft JhengHei',Arial; }

#AAEduOverlayContainer .btnClose { cursor: pointer; margin-right: 40px; }
#AAEduOverlayContainer .btnEdu { margin-right: 40px; margin-top: 18px; }
#AAEduOverlayContainer .btnEdu a { font-size: 18px; color: #0869a1; }
#AAEduOverlayContainer .btnEdu .icon-edu-goto { margin-left: 5px; margin-bottom: 1px; }
#AAEduOverlayContainer .btnEdu a:hover { color: #10abe4; }
#AAEduOverlayContainer .title { padding-top: 30px; padding-left: 40px; height: 75px; }
#AAEduOverlayContainer .title > div.float_l { max-width: 515px; }
#AAEduOverlayContainer .title .keyword { color: #0869a1; font-weight: bold; }
#AAEduOverlayContainer .title .keyword.tc { font-size: 28px; line-height: 36px; height: 36px; overflow: hidden; }
#AAEduOverlayContainer .title .keyword.en { font-size: 22px; line-height: 30px; height: 30px; overflow: hidden; }
#AAEduOverlayContainer .sepline { width: 740px; margin: 5px auto 0px auto; border-bottom: 1px dotted #d8d8d8; }
#AAEduOverlayContainer .scrollcontent { height: 300px; margin: 0px 5px; overflow: auto; padding-bottom: 30px; }
#AAEduOverlayContainer .content { font-size: 18px; line-height: 28px; color: #666666; margin-top: 25px; padding: 0px 35px; }

#AAEduOverlayContainer .formula { margin: auto; margin-top: 25px; width: 600px; }
#AAEduOverlayContainer .formula > div.note-top { position: relative; margin: 0px auto; background: #f7f8ea; padding: 25px 70px 0px 70px; }
#AAEduOverlayContainer .formula > div.note-top .text1 { padding: 0px 5px; font-size: 22px; line-height: 40px; font-weight: bold; color: #8b8b88; border-bottom: 1px solid #e1e2da; }
#AAEduOverlayContainer .formula > div.note-top .text2 { padding: 30px 5px 30px 5px; font-size: 18px; color: #666666; }
#AAEduOverlayContainer .formula > div.note-top .text2 img { max-width: 100%; }
#AAEduOverlayContainer .formula > div.note-top:after { content: ''; position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; border-right: 24px solid #eeefda; border-left: 24px solid #ffffff; border-top: 20px solid #ffffff; border-bottom: 20px solid #eeefda; z-index: 1; }
#AAEduOverlayContainer .formula > div.note-bottom { padding: 0px 70px; height: 40px; background: #f7f8ea; }

#AAEduOverlayContainer .video { margin-top: 30px; text-align: center; margin-bottom: 30px; }
#AAEduOverlayContainer .video .vn-box { position: relative; }
#AAEduOverlayContainer .video .vn-image > img { width: 466px; height: 262px; }
#AAEduOverlayContainer .video .vn-desp { font-size: 19px; color: #0869a1; margin-top: 13px; }
#AAEduOverlayContainer .video .vn-icon { position: absolute; top: 216px; left: 10px; }

#AAEduOverlayBottomMask { position: absolute; left: 0; bottom: 0; width: 100%; height: 115px; z-index: 1; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;
    background: transparent;
    background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}


/*-------------- new tab system css ---------------------------*/
.tabPanel { position:relative; }
.tabPanel .tabPanel_BtnList { position:relative; float:left; z-index:10; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn { position:relative; float:right; min-width:120px; margin-top:5px; padding:0px 10px; color:#0869a1; z-index:0; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn:hover { color:#10abe4; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn::after { content:""; position:absolute; top:-1px; left:-2px; width:100%; height:100%; border-top:1px solid #e8e8e8; border-left:1px solid #f8f8f8; border-right:2px solid #e8e8e8; border-top-right-radius:5px; background-color:#FFFFFF; z-index:0; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn .label { position:relative; font-size:14px; line-height:45px; font-weight:bold; text-align:center; z-index:1; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn.first { border-left:1px solid #F1F1F1; border-top-left-radius:5px; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn.first::after { left:-1px; border-left:1px solid #F1F1F1; border-top-left-radius:5px; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn.first.selected::after { border-left:1px solid #F1F1F1; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn.selected { margin-top:0px; padding-top:5px; color:#8A9BA3; z-index:1; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn.selected .label { font-size:16px; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn.selected::before { content:""; position:absolute; bottom:-2px; left:0px; width:100%; height:2px; background-color:#FFFFFF; z-index:2; }
.tabPanel .tabPanel_BtnList .tabPanel_Btn.selected::after { border-left:2px solid #f8f8f8; border-top-left-radius:5px; }
.tabPanel .tabPanel_Content { padding:20px; background-color:#FFFFFF; border:1px solid #F1F1F1; border-radius:5px; border-top-left-radius:0px; z-index:0; }

@media screen and (min-width: 1100px) {
    .tabPanel .tabPanel_BtnList .tabPanel_Btn { min-width:170px; margin-top:5px;}
    .tabPanel .tabPanel_BtnList .tabPanel_Btn.selected { min-width:180px; }
    .tabPanel .tabPanel_BtnList .tabPanel_Btn .label { font-size:17px; }
    .tabPanel .tabPanel_BtnList .tabPanel_Btn.selected .label { font-size:20px; }
}

.ts2_icon_map { background-image:url('../../resources/images/common/tab_system_iconmap.png?v=1.3'); background-repeat: no-repeat; overflow:hidden; filter: blur(0px); background-size:400px 200px; }
.ts2_icon_map.ts2_icon_sortasc { width:12px; height:8px; background-position:0px 0px; }
.ts2_icon_map.ts2_icon_sortdesc { width:12px; height:8px; background-position:-50px 0px; }
.ts2_icon_map.ts2_icon_edu { width:20px; height:20px; background-position:-100px 0px; }
.ts2_icon_map.ts2_icon_edu:hover { width:20px; height:20px; background-position:-150px 0px; }
.ts2_icon_map.ts2_icon_excel { width:40px; height:40px; background-position:-200px 0px; }
.ts2_icon_map.ts2_icon_excel:hover { width:40px; height:40px; background-position:-250px 0px; }
.ts2_icon_map.ts2_icon_print { width:40px; height:40px; background-position:-300px 0px; }
.ts2_icon_map.ts2_icon_print:hover { width:40px; height:40px; background-position:-350px 0px; }
.ts2_icon_map.ts2_icon_popup { width:12px; height:12px; background-position:0px -50px; }
.ts2_icon_map.ts2_icon_clear { width:12px; height:12px; background-position:-50px -50px; }
.ts2_icon_map.ts2_icon_refresh { width:14px; height:12px; background-position:-100px -50px; }
.ts2_icon_map.ts2_icon_profile { width:12px; height:12px; background-position:-150px -50px; }
.ts2_icon_map.ts2_icon_news { width:12px; height:12px; background-position:-200px -50px; }
.ts2_icon_map.ts2_icon_remove { width:8px; height:8px; background-position:-250px -50px; }
.ts2_icon_map.ts2_icon_radio { width:20px; height:20px; background-position:-300px -50px; }
.ts2_icon_map.ts2_icon_radio.selected { width:20px; height:20px; background-position:-350px -50px; }
.ts2_icon_map.ts2_icon_newscount { width:18px; height:17px; background-position:0px -100px; }
.ts2_icon_map.ts2_icon_newscount:hover { width:18px; height:17px; background-position:-50px -100px; }
.ts2_icon_map.ts2_icon_a { width:19px; height:14px; background-position:-100px -100px; }
.ts2_icon_map.ts2_icon_a:hover { width:19px; height:14px; background-position:-150px -100px; }
.ts2_icon_map.ts2_icon_h { width:19px; height:14px; background-position:-200px -100px; }
.ts2_icon_map.ts2_icon_h:hover { width:19px; height:14px; background-position:-250px -100px; }
.ts2_icon_map.ts2_icon_shhk { width:20px; height:16px; background-position:0px -150px; }
.ts2_icon_map.ts2_icon_shhk:hover { width:20px; height:16px; background-position:-50px -150px; }
body.eng .ts2_icon_map.ts2_icon_shhk { width:20px; height:16px; background-position:-200px -150px; }
body.eng .ts2_icon_map.ts2_icon_shhk:hover { width:20px; height:16px; background-position:-250px -150px; }

.tabTS2 .tabPanel { background-color:#FFFFFF; padding:0px 0px 10px 0px; }
.tabTS2 .tabPanel .tabPanel_Title { float:left; padding:25px 0px 20px 15px; color:#999999; font-size:20px; line-height:20px; font-weight:bold; }
.tabTS2 .tabPanel .tabPanel_TitleRemark { font-size:14px; }
.tabTS2 .tabPanel .tabPanel_Settings { float:right; position:relative; padding:20px 10px 15px 0px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Options { float:left; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Options .tabPanel_OptionsLabel { float:left; padding:0px 10px; font-size:14px; color: #999999; height: 30px; line-height: 30px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Options .tabPanel_OptionsItem { float:left; padding: 0px 10px; font-size:14px; color: #017aa7; height: 30px; line-height: 30px; border-radius: 3px; letter-spacing: 0px; cursor: pointer; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Options .tabPanel_OptionsItem:hover { color: #10abe4; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Options .tabPanel_OptionsItem.selected { padding: 0px 10px; background-color: #def2fc; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Options .tabPanel_OptionsItem.selected:hover { color: #017aa7; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Checkbox { float:left; cursor:pointer; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Checkbox .tabPanel_CheckboxLabel { float:left; padding:0px 10px 0px 5px; font-size:14px; color: #017aa7; height: 30px; line-height: 30px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Checkbox .tabPanel_CheckboxIcon { float:left; margin:5px 0px 0px 10px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Perf { float:left; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Perf .tabPanel_PerfLabel { float:left; padding:0px 10px; font-size:14px; color: #999999; height: 30px; line-height: 30px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Perf .tabPanel_PerfBar { float:left; margin:10px 10px 0px 0px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons { float:left; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons .tabPanel_Button { float:left; padding:0px 10px; border:1px solid #e3e3e3; border-radius: 3px; cursor: pointer; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons .tabPanel_Button .tabPanel_ButtonIcon { float:left; margin-top:8px; margin-right:5px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons .tabPanel_Button .tabPanel_ButtonLabel { float:left; font-size:14px; height: 28px; line-height: 28px; letter-spacing: 0px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons .tabPanel_Button .tabPanel_ButtonLabel.QuoteMini { color:#7C7C7C; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons .tabPanel_Button .tabPanel_ButtonLabel.ClearAll { color:#FF888A; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons .tabPanel_Button .tabPanel_ButtonLabel.Refresh { color:#55B8D8; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Buttons .tabPanel_Button_Sep { float:left; width:10px; height:30px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select { float:left; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select .tabPanel_SelectLabel { float:left; padding:0px 10px; font-size:14px; color: #999999; height: 30px; line-height: 30px; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select .tabPanel_SelectList { float:left; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select .tabPanel_SelectList label { position: relative; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select .tabPanel_SelectList label:after { content: ''; position: absolute; top:6px; right:10px; width: 0px; height: 0px; border-top: 5px solid #017aa7; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select .tabPanel_SelectList label select { padding: 0px 28px 0px 10px; height:30px; line-height:30px; color:#017aa7;  border: 1px solid #CACACA; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select .tabPanel_SelectList label select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #444; }
.tabTS2 .tabPanel .tabPanel_Settings .tabPanel_Select .tabPanel_SelectList label select::-ms-expand { display: none; }

.tabTS2 .tabPanel .tabPanel_Settings > div:not(:first-child):not(:last-child)::before { content:''; float:left; width:0px; height:20px; border-left:1px solid #e3e3e3; margin:5px 10px; }

.tabTS2 .tabPanel .tabPanel_BtnList { margin-left:10px; }
.tabTS2 .tabPanel .tabPanel_BtnList .tabPanel_Btn { min-width: 117px; }
.tabTS2 .tabPanel .tabPanel_BtnList .tabPanel_Btn.selected { color:#13384d; }
.tabTS2 .tabPanel .tabPanel_BtnList .tabPanel_Btn.selected::after { border-top:1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-right:2px solid #f0f0f0; background-color:#FFFFFF; }
.tabTS2 .tabPanel .tabPanel_func { float:right; margin:5px; cursor:pointer; }
.tabTS2 .tabPanel .tabPanel_func_pad { float:right; width:5px; height:50px; }
.tabTS2 .tabPanel .tabPanel_Content { position:relative; padding:10px 15px 10px 15px; border:0px; border-radius:0px; border-top:1px solid #f0f0f0;  }
.tabTS2 .tabPanel .tabPanel_Remarks { padding:10px 10px 0px 10px; }
.tabTS2 .tabPanel .tabPanel_RemarksLastUpdate { color: #888888; padding:5px 0px 10px 20px; }
.tabTS2 .tabPanel .tabPanel_Link { float:left; padding:25px 0px 20px 20px; font-size:15px; line-height:20px; }
@media screen and (min-width: 1100px) {
    .tabTS2 .tabPanel .tabPanel_BtnList .tabPanel_Btn { min-width: 153px; }
    .tabTS2 .tabPanel .tabPanel_func_pad { width:15px; }
}

.tabTS2 .tabTS2Table { width: 100%; border-spacing:0px; border-collapse:separate; overflow:hidden; z-index:10; }
.tabTS2 .tabTS2Table th { position:relative; padding:0px 5px; font-size:13px; text-align:center; vertical-align:middle; color:#929298; border-bottom:2px solid #E3E3E3; border-left:1px solid #E9E9E9; }
.tabTS2 .tabTS2Table th:first-child { border-left:0px; }
.tabTS2 .tabTS2Table th::before { content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; background-color: #F5F5F5; }
.tabTS2 .tabTS2Table th.sortcol { color:#017AA7; }
.tabTS2 .tabTS2Table th.sortcol:hover { border-bottom:2px solid #88C5D6; }
.tabTS2 .tabTS2Table th.sortcol:hover div.text { font-weight:bold; }
.tabTS2 .tabTS2Table th.sortcol.selected { border-bottom:2px solid #88C5D6; }
.tabTS2 .tabTS2Table th.sortcol.hover::after { content:''; position: absolute; top: 0px; left: 0px; width: 100%; height: 10000px; z-index: -1; background-color: #F2FCFF; border-top-left-radius:8px; border-top-right-radius:8px; }
.tabTS2 .tabTS2Table th div.text { position:relative; line-height:16px; padding-top:13px; padding-bottom:13px; z-index:1; display:inline-block; }
.tabTS2 .tabTS2Table th.sortcol div.text { padding-top:17px; padding-bottom:17px; }
.tabTS2 .tabTS2Table th div.text > span { float:left; }
.tabTS2 .tabTS2Table th div.text span { white-space:nowrap; }
.tabTS2 .tabTS2Table th div.text span.selected { color:#869CA4; font-weight:bold; }
.tabTS2 .tabTS2Table th div.icon-edu { position:absolute; top:0px; right:0px; z-index:3; }
.tabTS2 .tabTS2Table th .sortarrow { position:absolute; bottom:1px; left:50%; margin-left:-6px; z-index:3; display:none; }
.tabTS2 .tabTS2Table th.sortcol.selected .sortarrow { display:block; }
.tabTS2 .tabTS2Table th:hover .sortarrow { display:block; }

.tabTS2 .tabTS2Table tr.rowcombine th.single div.text { padding-top:11px; padding-bottom:13px; }
.tabTS2 .tabTS2Table tr.rowcombine:first-child th.single { border-bottom:1px dotted #CCCCCC; }
.tabTS2 .tabTS2Table tr.rowcombine:first-child th.single::before { height: calc(100% + 1px); }
.tabTS2 .tabTS2Table tr.rowcombine:first-child th.single div.text { padding-top:7px; padding-bottom:7px; }
.tabTS2 .tabTS2Table tr.rowcombine:not(:first-child) th:first-child { border-left:1px solid #E9E9E9; }
.tabTS2 .tabTS2Table tr.rowcombine:not(:first-child) th:first-child::before { border-top-left-radius:0px; }
.tabTS2 .tabTS2Table tr.rowcombine:not(:first-child) th:last-child::before { border-top-right-radius:0px; }

.tabTS2 .tabTS2Table td { position:relative; padding:0px 5px; color:#595961; font-size:13px; line-height:17px; white-space:nowrap; text-align:left; vertical-align:middle; letter-spacing:0; border-bottom:dotted 1px #d8d8d8; }
.tabTS2 .tabTS2Table td:hover::after { content:''; position: absolute; top: 0px; left: -2000px; width: 4000px; height: 100%; z-index: -1; background-color: #F0FCFF; }
.tabTS2 .tabTS2Table td .minichart { display:inline-block; width:90px; }
.tabTS2 .tabTS2Table td .ts2_action_icon { display:inline-block; padding:5px; cursor:pointer; }

.tabTS2 .tabTS2Table th.nls, .tabTS2Table td.nls { letter-spacing:1px; }
.tabTS2 .tabTS2Table th.txt_l, .tabTS2Table td.txt_l { text-align:left; }
.tabTS2 .tabTS2Table th.txt_c, .tabTS2Table td.txt_c { text-align:center; }
.tabTS2 .tabTS2Table th.txt_r, .tabTS2Table td.txt_r { text-align:right; }

.tabTS2 .tabTS2Table .wrap { white-space:normal!important; }
.tabTS2 .tabTS2Table .trend { display:inline-block; padding:10px 0px; }

.tabTS2 .tabTS2Table tbody tr { height:54px; }

.tabTS2 .tabTS2Table .icon-edu { cursor:pointer; margin:0px; }
.tabTS2 .tabTS2Table .ts2_icon_newscount { position:relative; top:-3px; line-height: 12px; font-size: 12px; color: #ffffff; font-family: Arial; }
.tabTS2 .tabTS2Table .ts2_icon_warrant_cbbc { float:left; margin-right:2px; margin-bottom:-4px; padding: 0px 1px; min-width:18px; height: 20px; font-size:13px; line-height: 20px; color: #ffffff; border-radius:3px; text-align: center; }
.tabTS2 .tabTS2Table .ts2_icon_warrant_cbbc.ts2_icon_warrant_cbbc_c { background: #009900; }
.tabTS2 .tabTS2Table .ts2_icon_warrant_cbbc.ts2_icon_warrant_cbbc_p { background: #CC0000; }
.tabTS2 .tabTS2Table .ts2_icon_warrant_cbbc.ts2_icon_warrant_cbbc_iw { background: #43b2d7; }

.tabTS2 .tabTS2Table .lowInd,
.tabTS2 .tabTS2Table .highInd,
.tabTS2 .tabTS2Table .listingInd,
.tabTS2 .tabTS2Table .exDate { float:left; margin-left:5px; margin-bottom:-4px; padding:0px 2px; height:16px; line-height:16px; }
.tabTS2 .tabTS2Table .delayedInd { float:left; margin-right:0px; margin-bottom:-4px; padding:0px 2px; height:16px; line-height:16px; }
.tabTS2 .tabTS2Table .iconSHSZHKAH { float:left; margin-left:5px; margin-bottom:-2px; cursor:pointer; }
.tabTS2 .tabTS2Table .iconETF { float:left; margin-left:5px; margin-bottom:-4px; border:solid 1px #ED955D; background:#ED955D; color:#FFFFFF; border-radius:3px; height:16px; line-height:16px !important; padding:0px 2px; font:normal 12px arial; }
.tabTS2 .tabTS2Table .remarksup { font-size: 12px; line-height: 11px; }
.tabTS2 .tabTS2Table .despBox { max-width: 120px; line-height:20px; letter-spacing: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tabTS2 .tabTS2Table .despBoxSmall { max-width: 150px; color: #929298; font-size: 12px; max-height: 16px; line-height: 16px; letter-spacing: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tabTS2 .tabTS2Table.Tab4 .despBoxSmall,
.tabTS2 .tabTS2Table.Tab5 .despBoxSmall,
.tabTS2 .tabTS2Table.Tab6 .despBoxSmall { max-width: 140px; }
.tabTS2 .tabTS2Table .priceBox { min-width: 80px; }
.tabTS2 .tabTS2Table .prepost_tag { margin-top:2px; margin-right:-5px; }

@media screen and (min-width: 1100px) {
    .tabTS2 .tabTS2Table th { padding:0px 10px; font-size:15px; }
    .tabTS2 .tabTS2Table td { padding:0px 10px; font-size:15px; }
    .tabTS2 .tabTS2Table .despBox { max-width: 160px; }
    .tabTS2 .tabTS2Table .despBoxSmall { max-width: 180px; }
    .tabTS2 .tabTS2Table.Tab4 .despBoxSmall,
    .tabTS2 .tabTS2Table.Tab5 .despBoxSmall,
    .tabTS2 .tabTS2Table.Tab6 .despBoxSmall { max-width: 145px; }
}

#AADisBar.tabTS2 { position:absolute;display:none; top:0; background:white;border:2px solid #999999; padding:10px; }
#AADisBar.tabTS2 table td { padding-top:1px;padding-bottom:1px; }

#divPopUpChartLayer { position:absolute; background:#ffffff; border:solid 1px #999999; z-index:999999; display:none; }
#divPopUpChartLayer .popupChartTitle { padding:0px 0px 0px 4px;  background:url("../images/etf/bg_title.png") 0px 0px repeat-x; height:30px; line-height:30px; font-weight:bold; text-align:left; margin:0px; }
#divPopUpChartLayer .popupChartImage { padding:0px; }
#divPopUpChartLayer .popupChartImage img { border:0px; width:498px; height:210px; }

.tabTS2PageRemarks { color: #888888; padding:20px 0px 0px 10px; } 
/*----------------------------------------------------------*/


.usbody td { height:44px; }
.usbody#tblTS2 td{ height:auto; }
.usbody .float_desp { position:absolute; top:2px; left:0px; letter-spacing:0; }
.usbody .SymDesp {position:relative;}
.usbody .SymDesp .desp { font-size: 13px; line-height: 26px;height: 22px;}
.usbody .SymDesp._chi .float_desp {top:2px;font-size:14px;}
.usbody .SymDesp .symbol {color:#0869A1; font-size:13px; line-height:25px}
.usbody .SymDesp .symcon { position: absolute; top: 22px;}
.usbody#quoteHisContent .float_desp { width:135px; }
.usbody#quoteHisContent .float_desp.short { width:120px; }
.eng .usbody#quoteHisContent .float_desp.short { width:130px; }

.streamBor { border: 1px solid #f6eab3; border-radius: 3px; position:relative}
.streamBor .streamLbl {display: block; position: absolute; top: -5px; right: -1px; width: 75px; height: 22px; z-index: 2;}
body.chi .streamBor .streamLbl {background-position: 2px 0px;}
body.chn .streamBor .streamLbl {background-position: -78px 0px;}
body.eng .streamBor .streamLbl {background-position: -159px 0px;width: 82px;}
#us #TabSystem2 .streamLbl, #us #ASContainer .streamLbl {right:auto; left:0}
#us.chi #TabSystem2 .streamLbl, #us.chi #ASContainer .streamLbl {background-position: 0px -80px;}
#us.chn #TabSystem2 .streamLbl, #us.chn #ASContainer .streamLbl {background-position: -80px -80px;}
#us.eng #TabSystem2 .streamLbl, #us.eng #ASContainer .streamLbl {background-position: -160px -80px;width: 82px;}

#us .indice_box .streamLbl {display: block; position: absolute; top: -5px; right:0; width: 75px; height: 22px; z-index: 2;}
#us.chi .indice_box .streamLbl {background-position: 18px -160px;}
#us.chn .indice_box .streamLbl {background-position: -62px -159px;}
#us.eng .indice_box .streamLbl {background-position: -143px -160px;width: 82px;}

#us .section_main_quote .streamBor {border-color:#f0de8c}
.chi .ussq_last, .chi .ussq_chg, .chi .ussq_pctchg, 
.chn .ussq_last, .chn .ussq_chg, .chn .ussq_pctchg {font-size:13px; }

.streamBor .streamLbl.topleft { left:0px; right:auto; }
body.chi .streamBor .streamLbl.topleft {background-position:0px -80px; }
body.chn .streamBor .streamLbl.topleft {background-position:-80px -80px; }
body.eng .streamBor .streamLbl.topleft {background-position:-160px -80px; width:82px; }


.ussq_prepost { position:relative; top:-1px;}
.prepost_tag { display:inline-block; padding:0px 8px; font-size:12px; line-height:22px; color:#999999; background-color:#f8f8f8; border-radius:11px; white-space:nowrap; }
.prepost_tag > span { font-size:12px; }
.eng .prepost_tag > span { font-size:12px; }
.prepost_tag .pos { color:#2EB244; font-weight:400; }
.prepost_tag .neg { color:#FE4E44; font-weight:400; }

@media screen and (min-width: 1100px) {
    .usbody .SymDesp._chi .float_desp { font-size:16px; }
    .usbody .SymDesp .symbol { font-size:15px; }

    .chi .ussq_last, .chi .ussq_chg, .chi .ussq_pctchg, 
    .chn .ussq_last, .chn .ussq_chg, .chn .ussq_pctchg {font-size:15px; }

    .prepost_tag > span { font-size:14px; }
    .eng .prepost_tag > span { font-size:13px; }
}

/* Flashing Effect */
.stream-flashing { animation-duration:1.3s; animation-fill-mode:both; animation-timing-function:linear; animation-delay:0s; animation-iteration-count:1; transition-property:background; }
/* Common */
.stream-flashing.stream-last.stream-pos { animation-name:stream-flashing-last-pos; }
.stream-flashing.stream-last.stream-neg { animation-name:stream-flashing-last-neg; }
.stream-flashing.stream-last.stream-pos-alt { animation-name:stream-flashing-last-pos-alt; }
.stream-flashing.stream-last.stream-neg-alt { animation-name:stream-flashing-last-neg-alt; }
@keyframes stream-flashing-last-pos { 0% { background:#cfffd6; } 100% { background:transparent; } }
@keyframes stream-flashing-last-pos-alt { 0% { background:#cfffd6; } 100% { background:transparent; } }
@keyframes stream-flashing-last-neg { 0% { background:#ffd8da; } 100% { background:transparent; } }
@keyframes stream-flashing-last-neg-alt { 0% { background:#ffd8da; } 100% { background:transparent; } }
.stream-flashing.stream-prepost.stream-pos { animation-name:stream-flashing-prepost-pos; }
.stream-flashing.stream-prepost.stream-neg { animation-name:stream-flashing-prepost-neg; }
.stream-flashing.stream-prepost.stream-pos-alt { animation-name:stream-flashing-prepost-pos-alt; }
.stream-flashing.stream-prepost.stream-neg-alt { animation-name:stream-flashing-prepost-neg-alt; }
@keyframes stream-flashing-prepost-pos { 0% { background:#cfffd6; } 100% { background:#f8f8f8; } }
@keyframes stream-flashing-prepost-pos-alt { 0% { background:#cfffd6; } 100% { background:#f8f8f8; } }
@keyframes stream-flashing-prepost-neg { 0% { background:#ffd8da; } 100% { background:#f8f8f8; } }
@keyframes stream-flashing-prepost-neg-alt { 0% { background:#ffd8da; } 100% { background:#f8f8f8; } }
/* US Quote Page */
.stream-flashing.stream-last2.stream-pos { animation-name:stream-flashing-last2-pos; }
.stream-flashing.stream-last2.stream-neg { animation-name:stream-flashing-last2-neg; }
.stream-flashing.stream-last2.stream-pos-alt { animation-name:stream-flashing-last2-pos-alt; }
.stream-flashing.stream-last2.stream-neg-alt { animation-name:stream-flashing-last2-neg-alt; }
@keyframes stream-flashing-last2-pos { 0% { background:#cfffd6; } 100% { background:transparent; } }
@keyframes stream-flashing-last2-pos-alt { 0% { background:#cfffd6; } 100% { background:transparent; } }
@keyframes stream-flashing-last2-neg { 0% { background:#ffd8da; } 100% { background:transparent; } }
@keyframes stream-flashing-last2-neg-alt { 0% { background:#ffd8da; } 100% { background:transparent; } }
.stream-flashing.stream-prepost2.stream-pos { animation-name:stream-flashing-prepost2-pos; }
.stream-flashing.stream-prepost2.stream-neg { animation-name:stream-flashing-prepost2-neg; }
.stream-flashing.stream-prepost2.stream-pos-alt { animation-name:stream-flashing-prepost2-pos-alt; }
.stream-flashing.stream-prepost2.stream-neg-alt { animation-name:stream-flashing-prepost2-neg-alt; }
@keyframes stream-flashing-prepost2-pos { 0% { background:#cfffd6; } 100% { background:#f0f0f0; } }
@keyframes stream-flashing-prepost2-pos-alt { 0% { background:#cfffd6; } 100% { background:#f0f0f0; } }
@keyframes stream-flashing-prepost2-neg { 0% { background:#ffd8da; } 100% { background:#f0f0f0; } }
@keyframes stream-flashing-prepost2-neg-alt { 0% { background:#ffd8da; } 100% { background:#f0f0f0; } }
/* US Main Page */
.stream-flashing.stream-last3.stream-pos { animation-name:stream-flashing-last3-pos; }
.stream-flashing.stream-last3.stream-neg { animation-name:stream-flashing-last3-neg; }
.stream-flashing.stream-last3.stream-pos-alt { animation-name:stream-flashing-last3-pos-alt; }
.stream-flashing.stream-last3.stream-neg-alt { animation-name:stream-flashing-last3-neg-alt; }
@keyframes stream-flashing-last3-pos { 0% { background:#cfffd6; } 100% { background:transparent; } }
@keyframes stream-flashing-last3-pos-alt { 0% { background:#cfffd6; } 100% { background:transparent; } }
@keyframes stream-flashing-last3-neg { 0% { background:#ffd8da; } 100% { background:transparent; } }
@keyframes stream-flashing-last3-neg-alt { 0% { background:#ffd8da; } 100% { background:transparent; } }
.stream-flashing.stream-prepost3.stream-pos { animation-name:stream-flashing-prepost3-pos; }
.stream-flashing.stream-prepost3.stream-neg { animation-name:stream-flashing-prepost3-neg; }
.stream-flashing.stream-prepost3.stream-pos-alt { animation-name:stream-flashing-prepost3-pos-alt; }
.stream-flashing.stream-prepost3.stream-neg-alt { animation-name:stream-flashing-prepost3-neg-alt; }
@keyframes stream-flashing-prepost3-pos { 0% { background:#cfffd6; } 100% { background:#f8f8f8; } }
@keyframes stream-flashing-prepost3-pos-alt { 0% { background:#cfffd6; } 100% { background:#f8f8f8; } }
@keyframes stream-flashing-prepost3-neg { 0% { background:#ffd8da; } 100% { background:#f8f8f8; } }
@keyframes stream-flashing-prepost3-neg-alt { 0% { background:#ffd8da; } 100% { background:#f8f8f8; } }

.icon_mi_info { display:inline-block; position:relative; top:0px; width:14px; height:14px; background-image:url('../images/common/icon_mi_info.png'); background-repeat:no-repeat; background-size:14px 14px; margin-left:3px; cursor:pointer; }
.icon_mi_info:hover { background-image:url('../images/common/icon_mi_info_mo.png'); }
.InfoOverlay { position:absolute; min-width:200px; min-height:20px; left:0px; top:0px; background:#ffffff; border:1px solid #869ca4; color:#869ca4; font-size:14px; line-height:20px; padding:10px; border-radius:3px; letter-spacing:1px; z-index:10; display:none; }
.InfoOverlay_arrow1 { position:absolute; width:0px; height:0px; bottom:-6px; border-top:5px solid #869ca4; border-left:3.5px solid transparent; border-right:3.5px solid transparent; border-bottom:0px; z-index:11; }
.InfoOverlay_arrow2 { position:absolute; width:0px; height:0px; left:-3.5px; bottom:2px; border-top:5px solid #ffffff; border-left:3.5px solid transparent; border-right:3.5px solid transparent; border-bottom:0px; z-index:12; }
body.eng .InfoOverlay { letter-spacing:0px; }

.icon-usstream { background: url('../images/usq/icon_streaming.png?v=3') no-repeat; background-size: 250px 320px;}
.icon-usstream.icon-usstream-latestsearch { display:inline-block; margin-bottom:-4px; width:60px; height:17px; background-position:0px -240px; }
body.chn .icon-usstream.icon-usstream-latestsearch { width:60px; background-position:-80px -240px; }
body.eng .icon-usstream.icon-usstream-latestsearch { width:70px; background-position:-160px -240px; }

.HottopicTitle {display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;margin: 0 auto;
	width:100%; height: 280px;position:relative;
}

.HottopicTitle .flex-item{display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
	margin: -5px 0;
}
.HottopicTitle .flex-item:nth-child(1) {z-index:3}
.HottopicTitle .flex-item:nth-child(2) {z-index:2}
.HottopicTitle .flex-item:nth-child(3) {z-index:1}
.HottopicTitle .flex-item:nth-child(1) .items {align-self:flex-end}
.HottopicTitle .flex-item:nth-child(2) .items {align-self:center}
.HottopicTitle .flex-item:nth-child(3) .items {align-self:flex-start}

._jsEnableHT_US, ._jsEnableHT_HK {display:none !important;}

.HottopicTitle .items {
	position: relative;
    text-align: center;
    cursor: pointer;
    display: block;
	letter-spacing:0;
}
.HottopicTitle .items > div {
	margin: auto;
    display: block;
    position: absolute;
    width: 90%;
    top: calc(50% - 5px);
    left: 48%;
    -ms-transform: translate(-50%, -50%);
    transform: translateY(-50%);
    transform: translate(-50%, -50%);
}
#_jsHottopicSmall.HottopicTitle .items {
    background: url(../Images/news/Hottopic/others.png) no-repeat;
    background-size: 750px 375px;
	margin-right: 5px;
}
#_jsHottopicSmall.HottopicTitle[data-len='4'],
#_jsHottopicSmall.HottopicTitle[data-len='5'],
#_jsHottopicSmall.HottopicTitle[data-len='6'] {height:220px}

#_jsHottopicSmall.HottopicTitle[data-len='7']
#_jsHottopicSmall.HottopicTitle[data-len='8'],
#_jsHottopicSmall.HottopicTitle[data-len='9'] {height:280px}

#_jsHottopicSmall.HottopicTitle .items > div {top:calc(50% - 11px);}
#_jsHottopicSmall.HottopicTitle .items_1 {width: 100px;height: 95px;background-position: 0px -125px; font-weight:bold; line-height:20px;}
#_jsHottopicSmall.HottopicTitle .items_1.txt_B {font-size: 24px;}
#_jsHottopicSmall.HottopicTitle .items_1.txt_A {font-size: 20px;}

#_jsHottopicSmall.HottopicTitle .items_2 {width: 92px;height: 84px;background-position: -125px -125px; font-weight:bold; line-height:17px;}

#_jsHottopicSmall.HottopicTitle .items_3,
#_jsHottopicSmall.HottopicTitle .items_4,
#_jsHottopicSmall.HottopicTitle .items_5 {width: 92px;height: 84px;background-position: -250px -125px; line-height:17px; font-weight:bold; line-height:17px;}
#_jsHottopicSmall.HottopicTitle .items_2.txt_B,
#_jsHottopicSmall.HottopicTitle .items_3.txt_B,
#_jsHottopicSmall.HottopicTitle .items_4.txt_B,
#_jsHottopicSmall.HottopicTitle .items_5.txt_B {font-size: 19px;line-height:17px;}
#_jsHottopicSmall.HottopicTitle .items_2.txt_A,
#_jsHottopicSmall.HottopicTitle .items_3.txt_A,
#_jsHottopicSmall.HottopicTitle .items_4.txt_A,
#_jsHottopicSmall.HottopicTitle .items_5.txt_A {font-size: 17px;line-height:17px;}


#_jsHottopicSmall.HottopicTitle .items_7,
#_jsHottopicSmall.HottopicTitle .items_8 {width: 98px;height: 69px;background-position: -500px -125px;font-weight:bold;}
#_jsHottopicSmall.HottopicTitle .items_6,
#_jsHottopicSmall.HottopicTitle .items_9 {width: 98px;height: 69px;background-position: -375px -125px;font-weight:bold;}
#_jsHottopicSmall.HottopicTitle .items_6.txt_B,
#_jsHottopicSmall.HottopicTitle .items_7.txt_B,
#_jsHottopicSmall.HottopicTitle .items_8.txt_B,
#_jsHottopicSmall.HottopicTitle .items_9.txt_B {font-size: 16px;}
#_jsHottopicSmall.HottopicTitle .items_6.txt_A,
#_jsHottopicSmall.HottopicTitle .items_7.txt_A,
#_jsHottopicSmall.HottopicTitle .items_8.txt_A,
#_jsHottopicSmall.HottopicTitle .items_9.txt_A {font-size: 13px;}

#_jsHottopicSmall.HottopicTitle .items_6 > div,
#_jsHottopicSmall.HottopicTitle .items_7 > div,
#_jsHottopicSmall.HottopicTitle .items_8 > div,
#_jsHottopicSmall.HottopicTitle .items_9 > div {top:calc(50% - 7px);line-height:17px;}
.defPage .HottopicTitle {
	width:310px;
}

.defPage #_jsHottopicSmall.HottopicTitle .items > div {top:calc(50% - 11px);}
.defPage #_jsHottopicSmall.HottopicTitle .items_1 {width: 110px;height: 95px;background-position: 0px 0px;}

.defPage #_jsHottopicSmall.HottopicTitle .items_2 {width: 94px;height: 84px;background-position: -125px 0px;}

.defPage #_jsHottopicSmall.HottopicTitle .items_3,
.defPage #_jsHottopicSmall.HottopicTitle .items_4,
.defPage #_jsHottopicSmall.HottopicTitle .items_5 {width: 94px;height: 84px;background-position: -250px 0px;}

.defPage #_jsHottopicSmall.HottopicTitle .items_7,
.defPage #_jsHottopicSmall.HottopicTitle .items_8 {width: 98px;height: 69px;background-position: -500px 0px;}
.defPage #_jsHottopicSmall.HottopicTitle .items_6,
.defPage #_jsHottopicSmall.HottopicTitle .items_9 {width: 98px;height: 69px;background-position: -375px 0px;}
.defPage #_jsHottopicSmall.HottopicTitle .items_6 > div,
.defPage #_jsHottopicSmall.HottopicTitle .items_7 > div,
.defPage #_jsHottopicSmall.HottopicTitle .items_8 > div,
.defPage #_jsHottopicSmall.HottopicTitle .items_9 > div {top:calc(50% - 7px);}
.HottopicTitle .items_1 {color:#1AA2CE}

.HottopicTitle .items_2,
.HottopicTitle .items_3,
.HottopicTitle .items_4,
.HottopicTitle .items_5 {color:#3376DD}

.HottopicTitle .items_6,
.HottopicTitle .items_7,
.HottopicTitle .items_8,
.HottopicTitle .items_9 {color:#45BAA0}

#topPanel-menu-AAFN-Hottopic {background: url(../Images/news/Hottopic/menu_bg.png) no-repeat;background-size: 1000px 1200px;background-position: 0px -600px;position: absolute;right: 0;z-index: 2;height: 504px;width: 734px;top: -40px;left:0px}

#aafn_r_bdr_master.HT #topPanel-menu-AAFN-Hottopic .HottopicTitle {width: 710px;height: 400px;top: 90px;}
#aafn_r_bdr_master.HT #topPanel-menu-AAFN-Title .label { font-size:32px;color:#0098b1;margin-top: 8px;margin-left: 10px;}

#aafn_r_bdr_master.HT #topPanel-menu-AAFN-Title .bg {position: absolute;top: 24px;width: calc(100% - 215px);height: 13px;background: url(../Images/news/Hottopic/slash.png) repeat-x;z-index: 90;left: 182px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items {
	position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    background: url(../Images/news/Hottopic/menu.png?v=1) no-repeat;
    background-size: 750px 2000px;
	margin-right:10px;
	font-weight:bold;
}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items > div {left: calc(50% - 2px);top: calc(50% - 15px);}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .flex-item {margin: -12px 0;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_1.txt_len_A {font-size: 24px; height: 148px;width: 208px;background-position: 0px -1000px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_1.txt_len_B {font-size: 28px; height: 148px;width: 177px;background-position: -250px -1000px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_1.txt_len_C {font-size: 32px; height: 148px;width: 128px;background-position: -500px -1000px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_2.txt_len_A {font-size: 21px;height: 124px;width: 191px;background-position: 0px -1200px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_2.txt_len_B {font-size: 24px;height: 124px;width: 161px;background-position: -250px -1200px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_2.txt_len_C {font-size: 27px;height: 124px;width: 119px;background-position: -500px -1200px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_5.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_3.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_4.txt_len_A {font-size: 21px;height: 124px;width: 191px;background-position: 0px -1400px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_5.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_3.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_4.txt_len_B {font-size: 24px;height: 124px;width: 161px;background-position: -250px -1400px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_5.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_3.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_4.txt_len_C {font-size: 27px;height: 124px;width: 119px;background-position: -500px -1400px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_9.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_6.txt_len_A {font-size: 19px;height: 100px;width: 169px;background-position: 0px -1600px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_9.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_6.txt_len_B {font-size: 22px;height: 100px;width: 143px;background-position: -250px -1600px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_9.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_6.txt_len_C {font-size: 25px;height: 100px;width: 104px;background-position: -500px -1600px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_7.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_8.txt_len_A {font-size: 19px;height: 100px;width: 169px;background-position: 0px -1800px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_7.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_8.txt_len_B {font-size: 22px;height: 100px;width: 143px;background-position: -250px -1800px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_7.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_8.txt_len_C {font-size: 25px;height: 100px;width: 104px;background-position: -500px -1800px;}

@media screen and (min-width: 1100px) {
#topPanel-menu-AAFN-Hottopic .HottopicTitle {width: 760px;margin: 0 auto;height: 408px;}
#topPanel-menu-AAFN-Hottopic {background-position: 0px 0px;position: absolute;right: 0;height: 526px;width: 834px;top: -40px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_1.txt_len_A {font-size: 28px; height: 158px;width: 232px;background-position: 0px -0px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_1.txt_len_B {font-size: 32px; height: 158px;width: 192px;background-position: -250px -0px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_1.txt_len_C {font-size: 36px; height: 158px;width: 136px;background-position: -500px -0px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_2.txt_len_A {font-size: 25px;height: 134px;width: 215px;background-position: 0px -200px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_2.txt_len_B {font-size: 28px;height: 134px;width: 176px;background-position: -250px -200px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_2.txt_len_C {font-size: 31px;height: 134px;width: 126px;background-position: -500px -200px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_5.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_3.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_4.txt_len_A {font-size: 25px;height: 134px;width: 215px;background-position: 0px -400px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_5.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_3.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_4.txt_len_B {font-size: 28px;height: 134px;width: 176px;background-position: -250px -400px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_5.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_3.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_4.txt_len_C {font-size: 31px;height: 134px;width: 126px;background-position: -500px -400px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_9.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_6.txt_len_A {font-size: 23px;height: 112px;width: 193px;background-position: 0px -600px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_9.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_6.txt_len_B {font-size: 26px;height: 112px;width: 159px;background-position: -250px -600px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_9.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_6.txt_len_C {font-size: 29px;height: 112px;width: 113px;background-position: -500px -600px;}

#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_7.txt_len_A,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_8.txt_len_A {font-size: 23px;height: 112px;width: 193px;background-position: 0px -800px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_7.txt_len_B,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_8.txt_len_B {font-size: 26px;height: 112px;width: 159px;background-position: -250px -800px;}
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_7.txt_len_C,
#topPanel-menu-AAFN-Hottopic .HottopicTitle .items_8.txt_len_C {font-size: 29px;height: 112px;width: 113px;background-position: -500px -800px;}
}
._jsEnableHT_US.enable, ._jsEnableHT_HK.enable {display:inline-block!important;}
#AAFNMenuItem td._jsEnableHT_HK.enable {display:table-cell!important;}

.content_hottopicTitle {margin-top:15px;}
.content_hottopicTitle ._title {display:inline-block;font-size:17px;letter-spacing:0;border:1px solid #dfdfdf; padding:2px 15px;color: #017aa7;font-weight:bold; border-radius: 5px;margin: 0 10px 0 0; cursor:pointer;}
.newsFilter._Hottopic {padding-top:18px}
.newsFilter .hottopicHeader {font-size: 23px; color:#0098B3; font-weight:bold;text-align:center}
.newsFilter .hottopic_List {width: calc(100% - 180px);}
.newsFilter .hottopic_List ._title {font-size: 15px;font-weight:bold;letter-spacing:0; display:inline-block;line-height: 30px;text-align: center;cursor:pointer;margin: 0 5px 5px 0;}
.newsFilter .hottopic_List ._title:nth-child(1) {color:#1AA2CE;}
.newsFilter .hottopic_List ._title:nth-child(2),
.newsFilter .hottopic_List ._title:nth-child(3),
.newsFilter .hottopic_List ._title:nth-child(4),
.newsFilter .hottopic_List ._title:nth-child(5) {color:#3376DD;}
.newsFilter .hottopic_List ._title:nth-child(6),
.newsFilter .hottopic_List ._title:nth-child(7),
.newsFilter .hottopic_List ._title:nth-child(8),
.newsFilter .hottopic_List ._title:nth-child(9) {color:#45BAA0;}
.newsFilter .hottopic_List ._title._txtA {background: url(../Images/news/Hottopic/others.png) no-repeat;background-position: 0 -250px;background-size: 750px 375px;width: 122px;height: 38px;} 
.newsFilter .hottopic_List ._title._txtB {background: url(../Images/news/Hottopic/others.png) no-repeat;background-position: -125px -250px;background-size: 750px 375px;width: 92px;height: 38px;} 
@media screen and (min-width: 1100px) {
.newsFilter .hottopic_List {font-size: 16px;}
}
.news-content-source {letter-spacing:0.5px;}
.stock-news-display .news-content-source { color: #929299; font-size: 12px; font-weight: bold;padding-bottom: 10px;}
._flex {display:flex;align-items: flex-start;}
._flex._newssource .newshead-Source-sep, ._flex._newssource .newshead-Source {display: table-cell;word-break: keep-all;}
._flex._newssource .newshead-Source {white-space:nowrap}
._flex._newssource .newshead-Source .icon-AINews {vertical-align:middle}


.thNotice { position:relative; width:100%; margin-top:10px; letter-spacing:0.7px; font-size:14px; }
.thNotice .thNoticeBar { background:#e0e0e0; height:25px; line-height:25px; border-radius:3px; }
.thNotice .thNoticeBar .thNoticeTitle { float:left; color:#545454; padding:0px 7.5px; }
.thNotice .thNoticeBar .thNoticeMore { float:right; color:#017aa7; cursor:pointer; padding:0px 7.5px; }
.thNotice .thNoticeBar .thNoticeClose { float:right; width:11px; height:11px; cursor:pointer; padding:7px 7.5px; position:relative; }
.thNotice .thNoticeBar .thNoticeClose::before, .thNotice .thNoticeBar .thNoticeClose::after { content:''; position:absolute; left:7px; top:12px; width:10px; height:1px; border-radius:1.5px; border:solid 1px #017aa7; background:#017aa7; }
.thNotice .thNoticeBar .thNoticeClose::before { transform: rotate(45deg); }
.thNotice .thNoticeBar .thNoticeClose::after { transform: rotate(-45deg); }
.thNotice .thNoticeContent { position:absolute; left:0px; top:23px; width:calc(100% - 34px); padding:22px 15px; background:#fff; color:#545454; font-size:14px; line-height:17px; border:2px solid #e0e0e0; border-bottom-left-radius:3px; border-bottom-right-radius:3px; z-index:999; }
body.eng .thNotice { letter-spacing:0px; }

/*GreyMarketCSS*/
div.right-arrow-panel { height: 161px; position: absolute; width: 50px; right: 0; top: 11px; background: -moz-linear-gradient(right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f2f2f2',endColorstr='#f2f2f2',GradientType=1); display: none; cursor: pointer; z-index: 100;}
div.right-arrow-panel > div {width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 10px solid #cbd8de; position: absolute; top: 45%; right: 10px;}
div.left-arrow-panel { height: 161px; position: absolute; width: 50px; left: 0; top: 11px; background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); background: linear-gradient(to left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f2f2f2',endColorstr='#f2f2f2',GradientType=1); display: none; cursor: pointer; z-index: 100;}
div.left-arrow-panel > div {width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #cbd8de; position: absolute; top: 45%; left: 10px;}

#tbIPO3 > tbody > tr > td .rf1 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#tbIPO3 ._gmstream .pos {color:#2EB244;}
#tbIPO3 ._gmstream .neg {color:#FE4E44;}

#GMBoxList{overflow: hidden; position: relative;}
.gm_box {height:auto; width:312px; margin: 13px 9px 1px 0; padding: 12px 0px 12px 22px; border-radius: 4px; border: solid 1px #e0e0e0; background-color: #fff; }
.gm_box_selected {width:322px; border:solid 1px #2e689c; padding: 12px 0 12px 10px; }
.gm_detail { margin: 0 4px 0 0; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.4; text-align: left; color: #2e689c; }
.gm_desp { margin: 0 5px 4px 0; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.41; letter-spacing: 0.85px; text-align: left; color: #000;}
.gm_desp2 { margin: 0 5px 4px 0; font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.41; letter-spacing: 0.85px; text-align: left; color: #2e689c;}
.gm_label1 { height: 17px; margin: 3px 5px 3px 0; padding: 0 3px; border-radius: 2px; border: solid 1px rgba(27, 73, 138, 0.5); background-color: rgba(27, 73, 138, 0.05); font-size: 12px; color: #1b498a; }
.gm_label2 { height: 17px; margin: 3px 5px 3px 0; padding: 0 3px; border-radius: 2px; border: solid 1px rgba(35, 89, 206, 0.5); background-color: rgba(35, 89, 206, 0.05); font-size: 12px; color: #2359ce; }
.gm_label1_box, .gm_label2_box { display: flex; align-items: center; margin: 9px 0; height: 22px;}
.gm_NotSupport_lbl{ font-size: 17px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.41; letter-spacing: normal; text-align: left; color: #595960;}
.gm_outerbox{min-width:332px;}
.gm_polygon{ width: 0; height: 0; margin: 6px 0 0 4px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #0d68a3; position: absolute;}
.gmTabEn {height:25px !important;}
.gm_title td { background-color:rgba(46, 104, 156, 0.1) !important; }
.gm_title span {color:#9d9d9d; font-weight: 500; }
.gm_udly { margin: 4px 0 6px 0; font-family: Helvetica; font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.2; letter-spacing: normal; text-align: left; color: #000;}

.gm_box_selected .gm_desp2 {color: #000;}
.gm_box .rf1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gmTabEn.ipo-tab-box.round-opt-box2 {font-size:13px;}
.gmTabEn.ipo-tab-box.round-opt-box2.sel {padding: 0px 3px 0px 9px;}


.gm_detail > a:any-link{color:#2e689c;}
.gm_detail > a:hover {color: #10abe4;}

.mainpageGMstream._gmstream .gmStreamLast{font-size:15px;}
.mainpageGMstream.gm_NotSupport_lbl{font-size:15px;}
.eng .mainpageGMstream.gm_NotSupport_lbl{font-size:14px;}
.eng .gm_label1, .eng .gm_label2 {height:auto;}
.eng .icon-ipo-gm-right-arrow {margin-top:5px;}

.icon-ipo-gm-right-arrow { display:inline-block; background:url('../images/ipo/right-arrow.png') no-repeat; width: 8px; height: 12px; vertical-align: top; margin-top: 5px;}

.tdyNotStart { font-size: 17px;padding: 50px 0; margin-top: 20px; width: 100%; text-align: center; border-top: dotted 1px #ccc;}

._gmstream span[data-key="last"]{font-size:20px; font-weight: bold;}
@keyframes flash-update-pos { 0% { background:#cfffd6; } 100% { background:transparent; } } 
@keyframes flash-update-neg { 0% { background:#ffd8da; } 100% { background:transparent; } }
._gmstream .play-pos { animation-name: flash-update-pos; animation-duration: 1.3s; animation-fill-mode: both; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; transition-property: background;} 
._gmstream .play-neg { animation-name: flash-update-neg; animation-duration: 1.3s; animation-fill-mode: both; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; transition-property: background;} 
._gmstream span[data-key="change"], ._gmstream span[data-key="pctchange"] { font-size:16px;}     
._gmstream .pos {color:#2EB244;}
._gmstream .neg {color:#FE4E44;}

.bestBid, .bestAsk{font-size: 21px; font-weight: bold; color: #424242;}
.BidAskTable > tbody > tr {height:30px;}
.BidAskTable.rightBorder td:nth-child(3),.BidAskTable.rightBorder td:nth-child(4){width:15px;}
.BidAskTable.rightBorder td:nth-child(3){border-right: dotted 1px #cccccc;}
.BidAskTable td:nth-child(1),.BidAskTable td:nth-child(2),.BidAskTable td:nth-child(5),.BidAskTable td:nth-child(6){border-bottom: dotted 1px #cccccc; width:100px;}
.BidAskTable td:nth-child(odd) {text-align:left; font-size: 16px; color:#000;}
.BidAskTable td:nth-child(even) {text-align:right; font-size: 16px; color: #424242;}
.BidAskTable td.bid1{font-size: 16px; font-weight: 600; text-align: left; color: #2eb344;}
.BidAskTable td.ask1{font-size: 16px; font-weight: 600; text-align: left; color: #fd5349;}

.TransactionLogTable > tbody > tr {height:30px; font-size: 16px; border-bottom: dotted 1px #cccccc;}
.TransactionLogTable > thead > tr {height:30px; font-size: 16px; color: #9d9d9d; background-color: #f5f5f5;}
.TransactionLogTable > thead > tr > td {padding: 5px 10px; font-size: 16px; color:#919199;}

/*Warrant/CBBC Revamp*/
.icon-wc-search{background: url('../images/stock/wcsearch/wcsearch_iconmap.png?v=1.0.3') no-repeat; background-size: 1200px 1200px;}
.icon-wc-search2{background: url('../images/stock/wcsearch/wcsearch_iconmap2.png?v=1.0.3') no-repeat; background-size: 500px 500px;}
.icon-arrow-down {display:inline-block; background-position: -1100px -900px; width: 10px; height: 6px; margin-left:10px; margin-bottom:3px;}
.icon-compare {display:inline-block; background-position: -700px -900px; width: 21px; height: 21px;}
.icon-compare.sel {display:inline-block; background-position: -799px -900px; width: 21px; height: 21px;}
.icon-compare-close {display:inline-block; background-position: -1100px -1100px; width: 18px; height: 18px;}
.icon-col-chkbx {display:inline-block; background-position: 0 -1000px; width: 15px; height: 14px;}
.icon-col-chkbx:hover {display:inline-block; background-position: -100px -1000px; width: 15px; height: 14px;}
.icon-col-chkbx.sel {display:inline-block; background-position: -200px -1000px; width: 15px; height: 14px;}
.icon-close-b {display:inline-block; background-position: -800px -1000px; width: 12px; height: 12px;}
.icon-close-w {display:inline-block; background-position: -700px -1000px; width: 12px; height: 12px;}
.icon-filter-setting{display:inline-block; background-position: 0 -900px; width: 16px; height: 16px; vertical-align:top;}
.icon-filter-reset{display:inline-block; background-position: -900px -900px; width: 15px; height: 15px;}
.icon-filter-reset.active{background-position: -1000px -900px; cursor:pointer;}
.icon-filter-setting-delete {background-position: -1099px -999px;cursor:pointer;width: 10px;height: 10px;display: inline-block;margin-left: 5px;}
.icon-label-header{display:inline-block; background-position: -200px -1100px; width: 5px; height: 38px;}
.icon-label-i {display:inline-block; background-position: -1000px -100px; width: 14px; height: 15px; vertical-align: bottom; margin-left: 3px;}
.icon-label-i:hover {display:inline-block; background-position: -1100px -100px; width: 14px; height: 15px; vertical-align: bottom; margin-left: 3px;}
.icon-sel-column{display:inline-block; background-position: -600px -1000px; width: 16px; height: 16px;}
.icon-sortcol{display: none; width: 12px; height: 8px; margin-top: 0px; position: relative; left: 50%; margin-left: -6px;}
.icon-shortcut-filter{display: inline-block; width:30px; height: 50px; background-position: -600px -1100px;}
.icon-sortcol.sortasc{background-position: -200px -900px; }
.icon-sortcol.sortdesc{background-position: -100px -900px;}
.icon-warrant-cbbc-trans-call{display:inline-block; width: 20px; height: 20px;}
.icon-warrant-cbbc-trans-put{display:inline-block; width: 20px; height: 20px;}
.icon-warrant-cbbc-trans-bull{display:inline-block; width: 20px; height: 20px;}
.icon-warrant-cbbc-trans-bear{display:inline-block; width: 20px; height: 20px;}
.icon-warrant-add-more{display:inline-block;background-position: -287px -887px;width: 19px;height: 19px;}
.icon-warrant-add-more.tmax{display:inline-block;background-position: -1087px 13px;width: 19px;height: 19px;}
.icon-warrant-save {display: inline-block;background-position: -400px -897px;width: 20px;height: 20px;}
.icon-warrant-edit {display: inline-block;background-position: -492px -897px;width: 20px;height: 20px;}
.icon-warrant-reload {display: inline-block;background-position: -599px -897px;width: 20px;height: 20px;}
.icon-warrant-save-dot {display: inline-block;background-position: -998px -1098px; width: 17px; height: 17px; margin: 0 !important; padding: 0 !important;font-size: 1px !important;position: absolute;right: -1px; top: -4px;}
.icon-warrant-save-edit {display: inline-block;background-position:5px -1096px;width: 20px;height: 20px;margin-right: 8px; cursor:pointer;}
.icon-warrant-drag {display: inline-block; cursor:pointer; background-position: -395px -1096px; width: 15px; height: 30px; margin-right: 8px; padding-left: 0 !important;vertical-align: middle;}
.icon-warrant-cbbc-list-arrow.icon_arrow_1 {height: 0; width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #55b8d8;; -webkit-transform: origin(50% 20%); transform: origin(50% 20%); transition: all 0s ease-in-out; content: ''; display: block; margin-top: -3px; pointer-events: none; position: absolute; right: 10px; top: 50%;}
.icon-warrant-cbbc-list-arrow.icon_arrow_1.open {-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.icon-warrant-cbbc-search-criteria-arrow-right {display: inline-block; cursor:pointer; background-position: 0px -2px; width: 40px; height: 40px;}
.icon-warrant-cbbc-search-criteria-arrow-left {display: inline-block; cursor:pointer; background-position: -100px -2px; width: 40px; height: 40px;}

.icon-warrant-cbbc-education{display:inline-block; width:40px; height:40px; background-position:-400px -100px; }
.icon-warrant-cbbc-education:hover{display:inline-block; width:40px; height:40px; background-position:-500px -100px; }
.icon-excel{display:inline-block; width:40px; height:40px; background-position:-600px -100px; }
.icon-excel:hover{display:inline-block; background-position:-700px -100px; }
.icon-print{display:inline-block; width:40px; height:40px;background-position:-800px -100px;}
.icon-print:hover{display:inline-block; background-position:-900px -100px; }

body.chi .icon-warrant-cbbc-trans-call{background-position: 0 -600px;}
body.chi .icon-warrant-cbbc-trans-put{background-position: -100px -600px;}
body.chi .icon-warrant-cbbc-trans-bull{background-position: -200px -600px;}
body.chi .icon-warrant-cbbc-trans-bear{background-position: -300px -600px;}

body.eng .icon-warrant-cbbc-trans-call{background-position: -400px -600px;}
body.eng .icon-warrant-cbbc-trans-put{background-position: -500px -600px;}
body.eng .icon-warrant-cbbc-trans-bull{background-position: -600px -600px;}
body.eng .icon-warrant-cbbc-trans-bear{background-position: -700px -600px;}

body.chn .icon-warrant-cbbc-trans-call{background-position: -800px -600px;}
body.chn .icon-warrant-cbbc-trans-put{background-position: -900px -600px;}
body.chn .icon-warrant-cbbc-trans-bull{background-position: -1000px -600px;}
body.chn .icon-warrant-cbbc-trans-bear{background-position: -1100px -600px;}

.special-text {position: relative; cursor: pointer;}
.special-text:hover .special-text__tooltip {visibility: visible;opacity: 1;}
.special-text__tooltip {background-color:#fff; position: absolute; z-index:105; width: auto; margin-bottom: 15px; padding: 15px 20px; border: 1px solid #017AA7; border-radius: 5px; visibility: hidden; opacity: 0; text-align: left; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: initial;}

/*.special-text__tooltip::before,.special-text__tooltip::after {content: "";position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; margin-left: -10px;}
.special-text__tooltip::before {border-top: 10px solid #017AA7;margin-top: 0px;}
.special-text__tooltip::after {border-top: 10px solid #fff;margin-top: -1px;z-index: 1;}*/


.logout_popup_mask { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#EEEEEE; opacity:0; z-index:10000000; }
.logout_popup { position:fixed; top:50%; left:50%; margin-top:-75px; margin-left:-150px; width:300px; height:150px; background-color:#FFFFFF; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); z-index:10000001; }
.logout_popup_close { position:absolute; top:20px; right:20px; width:12px; height:12px; cursor:pointer; }
.logout_popup_text { position:absolute; top:38px; left:0px; width:100%; font-size:17px; font-weight: 600; letter-spacing:0.85px; color:#595961; text-align:center; }
.logout_popup_cancel { position:absolute; bottom:30px; left:25px; width:118px; height:38px; line-height:39px; font-size: 18px; font-weight: 600; border: solid 1px #017aa7; border-radius: 5px; text-align: center; color: #017aa7; cursor:pointer; }
.logout_popup_ok { position:absolute; bottom:30px; right:25px; width:118px; height:38px; line-height:39px; font-size: 18px; font-weight: 600; border: solid 1px #017aa7; border-radius: 5px; text-align: center; color: #ffffff; background-color: #017aa7; cursor:pointer; }


.icon-AINews {width:16px;height:16px; background-image:url(../Images/news/icon_ainews.png); background-size:100% 100%;}

.eng #popupChart .fix2Row,
.eng .latestnews .fix2Row,
.eng .stock-news-display .fix2Row {
    display: inline-block;
    position: relative;
}

.eng span.ellipsis {
    position: absolute;
    top: 20px;
    right: 0;
    padding: 0 3px;
    background: #F8F8F8;
    z-index:1;
    height:20px;
    display: inline-flex;
    align-items: center;
}
.eng .top10_v2 span.ellipsis, 
.eng #cnhk_news_box span.ellipsis, 
.eng #popupChart span.ellipsis, 
.eng #IPOMain span.ellipsis,
.eng .latestnews span.ellipsis,
.eng #us_news_box span.ellipsis, 
.eng .stock-news-display span.ellipsis
 {background: #F8F8F8;background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(248,248,248,1) 20%, rgba(248,248,248,1) 37%); }

.eng .top10_v2 span.ellipsis, 
.eng #popupChart span.ellipsis,
.eng .latestnews span.ellipsis,
.eng #IPOMain span.ellipsis,
.eng .stock-news-display span.ellipsis
{background: #F8F8F8;background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 37%); }

.eng #IPOMain span.ellipsis {top:56px}
.eng .top10_v2 span.ellipsis {top:39px}

.eng #cnhk_news_box span.ellipsis, 
.eng #us_news_box span.ellipsis {top:62px}
.eng #popupChart .ellipsis, .eng .stock-news-display .ellipsis { top: 19px; }

.eng .sourcemask {
    display: inline-flex;
    align-items: center;
    position: relative;
    vertical-align: middle;
    width: 50px;
    z-index: 2;
    border-collapse: separate \9;
    top: -2px;
}
.eng #cnhk_news_box .sourcemask, 
.eng #popupChart .sourcemask,
.eng .latestnews .sourcemask,
.eng #us_news_box .sourcemask,
.eng .stock-news-display .sourcemask {
    background: #F8F8F8;
    box-shadow: 50px 0 0 #fff, 100px 0 0 #fff, 150px 0 0 #fff, 200px 0 0 #fff, 250px 0 0 #fff, 300px 0 0 #fff, 350px 0 0 #fff, 400px 0 0 #fff, 90px 10px 0 #fff;
}

.eng .latestnews .sourcemask,
.eng #popupChart .sourcemask,
.eng #IPOMain .sourcemask,
.eng .stock-news-display .sourcemask {background-color:#fff}

.eng #IPOMain .sourcemask,
.eng .top10_v2 .sourcemask {
    box-shadow: 40px 0px 0 #fff, 100px 0px 0 #fff, 150px 0px 0px 0px #fff, 200px 0px 0px #fff, 250px 0px 0px #fff, 60px 0px 0px #fff;
    background: #fff;
}
.eng #cnhk_news_box .sourcemask, 
.eng #us_news_box .sourcemask {
    box-shadow: 50px -1px 0 #F5F5F5, 100px 9px 0 #F5F5F5, 150px -1px 0px 0px #F5F5F5, 200px 2px 0px #F5F5F5, 250px 4px 5px #F5F5F5, 60px 1px 0px #F5F5F5;
    background: #F5F5F5;
}

.eng .news-content-text { max-height: 76px; overflow: hidden; display: inline-block; position: relative; }


.div_autoaidisclaimer, .div_autoaidisclaimer a, .div_autoaidisclaimer a:hover, .div_autoaidisclaimer a:visited {font-size:14px; color: rgba(38, 46, 49, 0.4);rgba(38, 46, 49, 0.4);}
.div_autoaidisclaimer > div { padding-top: 20px; }
.div_autoaidisclaimer a { text-decoration: underline; }
.div_autoaidisclaimer ._t1 .icon-AINews {margin-right: 9px; top: 2px; position: relative;}

#stock #aafn-search-c1 .icon-AINews,
#sh-hk #dzh-search .icon-AINews,
#sh-hk #aafn-search-c1 .icon-AINews,
#forex #aafn-search-c1 .icon-AINews,
#dzh-search .icon-AINews,
#us #aafn-search-c1 .icon-AINews {margin-left:5px;top: 2px; position: relative;}

@media screen and (min-width: 1100px) {
.eng #cnhk_news_box span.ellipsis, 
.eng #us_news_box span.ellipsis {top:67px; height:30px;}
.eng #IPOMain span.ellipsis {top:64px}
.eng .news-content-text {max-height:80px}
}

/*
V1.1, Alvin, PDEV-638
V1.2, Alvin, PDEV-685
V1.3, Alvin, PDEV-695
V1.4, Jacky, PDEV-698
V1.5, Jacky, PDEV-713
V1.6, Alvin, PDEV-729
V1.7, Alvin, Update hyperlink color for testing
V1.8, Alvin, PDEV-761
V1.9, Alvin, PDEV-771
V2.0, Tevez, PDEV-771
V2.1, Alvin, PDEV-774
V2.1, Jacky, PDEV-766
V2.1, Alvin, PDEV-775
V2.2, Alvin, PDEV-775 Phase 8
V2.3, Alvin, PDEV-799
V2.4, Janice, PDEV-857
V2.5, Janice, PDEV-895
V2.6, Alvin, PDEV-902
V2.7, Alvin, PDEV-877
V2.8, Alvin, PDEV-879
V2.9, Alvin, PDEV-932
V3.0, Alvin, PDEV-880
V3.1, Alvin, PDEV-1021
V3.2, Alvin, PDEV-1037
V3.3, Sam Hui, PDEV-1173
V3.4, Sam Hui, PDEV-1173 (remove)
V3.5, Sam Hui, PDEV-1142
V3.6, Sam Wong, MS Font fix
V3.7, Ethan, PDEV-1748 Dual Counter
*/
/*Mainsite Style*/
body { font-family:arial; font-size:13px; letter-spacing:1px; }
.c1 { font-size: 13px; line-height:20px; color:#888}
.c2 { font-size: 12px}
.c3 { font-size: 13px; line-height:16px; color:#888}

a.h1 { font-size: 23px; font-weight: bold; color:#2f527d; line-height:36px;}
a.h1:hover { color:#FF7700 }
a.h2 { font-size: 13px; color:#2f527d; line-height:20px; }
a.h2:hover { color:#FF7700 }
a.h3 { font-size: 16px; font-weight: bold; color:#2f527d; line-height:18px;}
a.h3:hover { color:#FF7700 }
a.h4 { font-size: 19px; color:#5A5A5A; line-height:18px;}
a.h4:hover { color:#FF7700 }
a.h5 { color:#5A5A5A; }
a.h5:hover { color:#FF7700 }
a.h6 {  }
a.h6:hover { color:#FF7700 }
a.h7 { color:#880000; }
a.h7:hover { color:#FF7700 }

.bh1 { height: 20px; overflow:hidden; display:block }
.bh2 { height: 40px; overflow:hidden; display:block }
.bh3 { height: 36px; overflow:hidden; display:block }
.bh4 { height: 60px; overflow:hidden; display:block }
.bh5 { height: 32px; overflow:hidden; display:block; line-height:16px !important }
.bh5a { height: 34px; overflow:hidden; display:block; line-height:17px !important; }
.bh6 { height: 48px; overflow:hidden; display:block; line-height:16px !important }
.bh7 { height: 90px; overflow:hidden; display:block; line-height:16px !important }
.bh8 { height: 15px; overflow:hidden; display:block; }
.bh9 { height:90px; overflow:hidden;}
.bh10 { height: 54px; overflow:hidden; display:block }

a.a1 { font-size: 13px; font-weight: bold; color:#2f527d; line-height:20px;}
a.a1:hover { color:#FF7700 }
a.a2 { font-size: 12px; color:#144277; line-height:20px; }
a.a2:hover { color:#FF7700 }
a.a3 { font-size: 13px; color:#006AAA; line-height:20px; }
a.a3:hover { color:#FF7700 }
a.a3_rev { font-size: 13px; color:#FF7700; line-height:20px; }
a.a3_rev:hover { color:#006AAA }
a.a4 { font-size: 13px; font-weight: bold; color:#009CC3; line-height:20px;}
a.a4:hover { color:#FF7700 }
a.a5 { font-size: 12px; font-weight: bold; color:#009CC3; line-height:20px;}
a.a5:hover { color:#FF7700 }
a.a6 { font-size: 15px; font-weight: bold; color:#2f527d; line-height:20px;}
a.a6:hover { color:#FF7700 }
a.a7 { font-size: 16px; font-weight: bold; color:#5a5a5a; line-height:18px;}
a.a7:hover { color:#FF7700 }
a.a8 { font-size: 13px; color:#144277; line-height:20px; }
a.a8:hover { color:#FF7700 }
a.a8_rev { font-size: 13px; color:#FF7700; line-height:20px; }
a.a8_rev:hover { color:#144277 }
a.a9 { font-size: 13px; color:#FF8A00; line-height:20px; }
a.a9:hover { color:#FF7700 }
a.a10 { font-size: 13px; color:#53B062; line-height:20px; }
a.a10:hover { color:#FF7700 }
a.a11 { font-size: 13px; color:#F46D00 ; line-height:20px; }
a.a11:hover { color:#006AAA }
a.a12 { font-size: 13px; color:#0600FF; line-height:20px; }
a.a12:hover { color:#FF7700 }
a.a13 { font-size: 13px; color:#33b52f; line-height:20px; }
a.a13:hover { color:#006AAA }
a.a14 { font-size: 13px; color:#006AAA; }
a.a14:hover { color:#009FFF }
a.a15 { color:#036DA9; cursor:pointer }
a.a15:hover { color:#FF7700; cursor:pointer }
a.a16 { color:#727272; }
a.a16:hover { color:#FF7700; }
a.a17 { color:#144277; }
a.a17:hover { color:#FF7700 }
a.a18 { color:#016AAC; }
a.a18:hover { color:#FF7700 }
a.a19 { color:#909daf; }
a.a19:hover { color:#FF7700 }
a.a20 { color:#006aaa; }
a.a20:hover { color:#f27109 }
a.a21 { color:#036DA9; cursor:pointer }
a.a21:hover { color:#10abe4; cursor:pointer }

.pos { font-weight:bold; }
.neg { font-weight:bold; }
.unc { font-weight:bold; }
.bold{ font-weight:bold; }
	
.c_c { color:#ccc }
.c_9 { color:#999 }
.c_4A { color:#4A4A4A }
.c_d { color:#ddd }
.cls { letter-spacing:0px }

td.h1, td.h1a, td.h1b, td.h1c, td.h1d { background:url("../images/oldmenu/h1_bg.png") repeat-x; height:40px; padding:0px 5px; line-height:40px; color:#5A5A5A; font-size:19px; letter-spacing:0px;}
td.h1d { background:url("../images/common/cht_bg_head.png") repeat-x; }
td.h1 {font-weight:normal }
td.h1a { border-top:solid 1px #ccc; font-weight:normal }
td.h1b { border-top:solid 1px #FF6600; color:#FF6600 }
td.h1c { border-top:solid 1px #00886A; color:#00886A; }
td.h1d { border-top:solid 1px #CC0000; color:#880000; }
td.h2 { border-top:solid 1px #E5E5E5; padding:3px 5px; }
td.h3 { padding:3px 5px; font-size:16px; font-weight:bold; color:#5a5a5a;}
td.h4 { background:#D5EDF7; color:#004A66; }
td.pad3, th.pad3 { padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:0px; }
td.pad3TopDown, th.pad3TopDown { padding-top:3px; padding-bottom:3px; }
td.pad7, th.pad7 { padding-left:7px; padding-right:7px; }
td.pad3All, th.pad3All { padding:3px; }
td.pad3left, th.pad3left { padding:3px 0px 3px 3px; }
td.pad3right, th.pad3right { padding:3px 3px 3px 0px; }

tr.adr td.c2 { background:#F5F5F5 }

table.t1 { border:solid 1px #026892; font-size:12px }
table.t2 { border:solid 1px #ccc; font-size:12px }
table.t1 th.th1, table.t2 th.th1 { background:url("../images/oldmenu/th_bg.png") repeat-x; height:22px; color:#fff; font-weight:bold }
	
.survey { }
.survey td.p1 { background:url("../images/oldmenu/survey/bubble_l_topcorner.png"); width:4px; height:6px; }
.survey td.p2 { background:url("../images/oldmenu/survey/bubble_top.png") repeat-x; height:6px; }
.survey td.p3 { background:url("../images/oldmenu/survey/bubble_r_topcorner.png"); width:16px; height:6px; }
.survey td.p4 { background:url("../images/oldmenu/survey/bubble_left.png") repeat-y; width:4px; }
.survey td.p6 { background:url("../images/oldmenu/survey/bubble_right.png") repeat-y; width:16px; }
.survey td.p7 { background:url("../images/oldmenu/survey/bubble_l_bottomcorner.png"); width:4px; height:6px; }
.survey td.p8 { background:url("../images/oldmenu/survey/bubble_bottom.png") repeat-x; height:6px; }
.survey td.p9 { background:url("../images/oldmenu/survey/bubble_r_bottomcorner.png"); width:16px; height:6px; }

/**Font for market calendar**/
.mcFont .a14, .mcFont .a8 { font-size: 15px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
.mcFont .lnk { font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
.mcFont { font-size: 15px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
.mcFont2 {font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial}
.mcFontimp{font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial !important}

/**Stock Bar 2 **/
#sb2 .tab { border-bottom:solid 1px #EEE; height:48px; position:relative; }
#sb2 .tab .tab-bg { float:left; margin-top:5px; }
#sb2 .tab .tab-line { float:left; background:url("../images/common/sb_tab_line.png") no-repeat 0px; height:44px; width:1px; }
#sb2 .tab .tab-last-update { bottom:0px; right:0px; text-align:right; position:absolute; top:0px; height:15px; }
#sb2 .tab .tab-left { float:left; width:5px; height:44px; line-height:44px; }
#sb2 .tab .tab-right { float:left; width:5px; height:44px; line-height:44px; }
#sb2 .tab .tab-middle { float:left; height:44px; line-height:54px; color:#075488; cursor:pointer; text-align:center; overflow:hidden; padding-left:2px; padding-right:2px; }
#sb2 .tab .tab-bg.hover .tab-middle { color:#FF7700; }
#sb2 .tab .tab-middle-half { line-height: 15px; padding-top:4px; }
#sb2 .tab .sel .tab-left { background:url("../images/common/sb_tab_v2.png"); background-position: 0px -44px; background-repeat:no-repeat; width:5px;}
#sb2 .tab .sel .tab-right { background:url("../images/common/sb_tab_v2.png"); background-position: 0px 0px; background-repeat:no-repeat; width:10px; margin-left:-2px;}
#sb2 .tab .sel .tab-middle { background:url("../images/common/sb_tab_v2.png"); background-position: 0px -88px; background-repeat:repeat-x; color:#000; }
#sb2 .tab .sel.half .tab-left { height:34px; line-height:44px; margin-top:10px; }
#sb2 .tab .sel.half .tab-right { height:34px; line-height:44px; margin-top:10px;  }
#sb2 .tab .sel.half .tab-middle { height:34px; line-height:33px; margin-top:10px; }
#sb2 .tab .sel .tab-line { float:left; background:none; height:44px; width:1px; }
#sb2 .tab .icon-tab-new-arrow { background:url("../../resources/images/common/icon_tab_new_arrow.png"); width:6px; height:6px; margin-top:16px; }
#sb2 .tab .sel.half .icon-tab-new-arrow { margin-top:6px; }
#sb2 .tab .sel .icon-tab-new-arrow { margin-top:16px; }
#sb2 .quote { margin-top:4px; border-bottom:solid 1px #EEE; }
#sb2 .quote .col1 { float:left; width: 130px; margin-right:10px; height:40px; line-height:20px; }
#sb2 .quote .col2 { float:left; width: 235px; margin-right:10px; height:40px; line-height:20px;  }
#sb2 .quote .col3 { float:left; width: 290px; margin-right:10px; height:40px; line-height:20px;  }
#sb2 .quote .col3 .dLast { width:88px; }
#sb2 .quote .col4 { float:left; width: 125px; margin-right:10px;}
#sb2 .quote .col5 { float:right; width:180px; min-width: 180px; line-height:20px;}
#sb2 .quote .col6 { float:left; width: 166px; margin-right:5px; height:40px; line-height:20px;  }
#sb2 .quote .col6 .dLast { width:30px; }
#sb2 .quote .col61 { float:left; width: 100px; margin-right:5px; margin-left:14px; height:40px; line-height:20px;  }
#sb2 .quote .col61 .dLast { width:30px; }
#sb2 .quote .col61 div.fs15 { font-size:15px }
#sb2 .quote .col7 { float:left; width: 80px; margin-right:19px; height:40px; line-height:20px;  }
#sb2 .quote .col71 { float:left; width: 80px; margin-right:31px; height:40px; line-height:20px;  }
#sb2 .quote .col8 { float:left; width: 90px; margin-right:5px; height:40px; line-height:20px;  }
#sb2 .quote .col81 { float:left; width: 104px; margin-right:5px; height:40px; line-height:20px;  }
#sb2 .quote .col81 div.fs15 { font-size:15px }
#sb2 .quote .col9 { float:left; width: 220px; margin-right:1px; height:40px; line-height:20px;  }
#sb2 .quote .col11 { float:left; width: 110px; margin-right:10px; height:40px; line-height:20px; }
#sb2 .quote select { padding:0px; margin:0px; width:63%; }
#sb2 .quote input[type=text] { padding:0px; margin:0px; }
#sb2 .quote .ind-logo { background:url("../images/common/sb_logo.png") 0px 0px; width:20px; height:20px; }
#sb2 .quote .index-logo { background:url("../images/common/sb_logo.png") 0px -20px; width:20px; height:20px; }
#sb2 .quote .industry-arrow {margin-top: 5px; margin-left: 2px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #006AAA;}
#sb2 .quote .index-arrow {margin-top: 7px; margin-left: 3px; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #000;}
#sb2 .quote a.a15:hover .industry-arrow { border-left: 5px solid #FF7700; }
#sb2 .quote #SQ_Index { display:inline-block; height:20px; line-height:20px; }
#sb2 .quote #SQ_Industry { display:inline-block; height:20px; line-height:20px; }
#sb2 .dc-icon { background:url("../../resources/images/chart/dc_icon.png"); }
#sb2 div.down-arrow { background-position:-126px -100px; width:8px; height:14px; }

.icon-shhk { background-position:0px -34px; width:20px; height:16px; }
.icon-shhk-hover { background-position:-20px -34px; width:20px; height:16px; }
.icon-def-quote-on { background-position:0px 0px; width:39px; height:18px; }
.icon-def-quote-off { background-position:-51px 0px; width:39px; height:18px; }
.icon-def-quote-on-hover { background-position:-51px 0px; width:39px; height:18px; }
.icon-def-quote-off-hover { background-position:0px 0px; width:39px; height:18px; }
.icon-def-quote2-on { background-position:-8px -1px; width:23px; height:15px; }
.icon-def-quote2-off { background-position:-59px -1px; width:23px; height:15px; }
.icon-def-quote2-on-hover { background-position:-8px -1px; width:23px; height:15px; }
.icon-def-quote2-off-hover { background-position:-59px -1px; width:23px; height:15px; }
.icon-blue-rt { background-position:0px -2px; width:35px; height:15px; }
.icon-tab-new { background:url("../../resources/images/common/icon_tab_new_tc.png"); width:15px; height:18px; }

.btnEnlargeOpen{width:55px;position: absolute;left: 0px;bottom: 0;height: 21px;background:url('../images/common/enlarge.png') no-repeat -26px -9px; cursor:pointer}
.btnEnlargeOpen:hover{background-position:-26px -48px}
.btnEnlargeClose{width:55px;position: absolute;left: 0px;top: 0;height: 21px;background:url('../images/common/enlarge.png') no-repeat -26px -86px; cursor:pointer}
.btnEnlargeClose:hover{background-position:-26px -125px}


/*V1.1, Jacky, PDEV-670, ETF Enhancement*/
/*V1.2, Alvin, PDEV-695*/
/*V1.3, Jacky, PDEV-766*/
/*V1.4, Alvin, PDEV-775*/
/*
V1.5, Alvin, PDEV-875
V1.6, Sam Hui, PDEV-1069
V1.7, Sam Hui, PDEV-1083
V1.8, Sam Hui, PDEV-1084
V1.9, Alvin, PDEV-1142
V2.0, Sam Hui, PDEV-1194
V2.1, Sam Hui, PDEV-1246
V2.2, Sam Hui, PDEV-1247
V2.3, Sam Hui, PDEV-1325
V2.4, Sam Hui, PDEV-1383
V2.5, Alvin, PDEV-1478
V2.6, Sam Hui, PDEV-1489
V2.7, Alvin, PDEV-1488
V2.8, Sam Wong, PDEV-1564
*/
.neg {color: #C00;}
.pos {color: #090;}
.unc { color:#666; }
body#us .neg { color:#fe4e44; }
body#us .pos { color:#2eb244; }
body#us .unc { color:#595961; }
.pos {color: #090;}
.unc { color:#666; }
.headarr{background:url('../images/common/arr_change.png') 0 0 no-repeat;width:19px;height:19px}
.posBar {background:url('../images/common/img1px.png') repeat-x 0 -980px;}
.negBar {background:url('../images/common/img1px.png') repeat-x 0 -990px;}
.s17 caption{background:url("../images/common/img1px.png") repeat-x 0 -525px; height:26px;padding-left:5px}
.s17 caption div {color:#009900;padding-top:8px}
.s17 th {background:url("../images/common/img1px.png") repeat-x 0 -560px; height:23px;}
.s18 caption{background:url("../images/common/img1px.png") repeat-x 0 -595px; height:26px;padding-left:5px}
.s18 caption div {color:#cc0000;padding-top:8px}
.s18 th {background:url("../images/common/img1px.png") repeat-x 0 -630px; height:23px;}
.arr_ud{background:url('../images/common/arr_ud.gif') no-repeat;width:12px;height:13px;display:inline-block;font-size:12px}
.arrow_u1{background-position:0 1px;}
.arrow_u2{background-position:0 -10px;}
.arrow_u3{background-position:0 -22px;}
.arrow_u4{background-position:0 -37px;}
.arrow_u5{background-position:0 -49px;}
.arrow_u6{background-position:0 -64px;}
.arrow_u7{background-position:0 -77px;height:30px;}
.arrow_u8{background:url('../images/common/arr_change2.png') 0px -1px no-repeat;width:16px;height:18px;display:inline-block;font-size:16px}
.arrow_u9{background:#e6ffdd; border:solid 1px #6FCF85; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:0.82em; line-height:14px; font-weight:normal !important; display:inline-block; padding:0px; margin:0px; outline:0; }
.arrow_u10{background:url('../images/common/arr_change3.png') -1px 0px no-repeat;width:14px;height:17px;display:inline-block;font-size:16px}
.arrow_u11{background:url('../images/common/arr_change4.png') 0px 0px no-repeat; width:5px;height:12px;display:inline-block;}
.arrow_u12{background:url('../images/common/arr_change5.png') 0px 0px no-repeat; width:7px;height:10px;display:inline-block;}
.arrow_d1{background-position:-14px 1px;}
.arrow_d2{background-position:-14px -10px;}
.arrow_d3{background-position:-14px -22px;}
.arrow_d4{background-position:-14px -37px;}
.arrow_d5{background-position:-14px -49px;}
.arrow_d6{background-position:-14px -64px;}
.arrow_d7{background-position:-14px -100px;height:30px;}
.arrow_d8{background:url('../images/common/arr_change2.png') -18px -21px no-repeat;width:16px;height:18px;display:inline-block;font-size:16px}
.arrow_d9{background:#FFE0E0; border:solid 1px #FBBDBD; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:0.82em; line-height:14px; font-weight:normal !important; display:inline-block; padding:0px; margin:0px; outline:0;}
.arrow_d10{background:url('../images/common/arr_change3.png') -16px -17px no-repeat;width:14px;height:17px;display:inline-block;font-size:16px}
.arrow_d11{background:url('../images/common/arr_change4.png') 0px -12px no-repeat; width:5px;height:12px;display:inline-block;}
.arrow_d12{background:url('../images/common/arr_change5.png') -7px -10px no-repeat; width:7px;height:10px;display:inline-block;}
.arrow_uc9{background:#eee; border:solid 1px #ccc; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size:0.82em; line-height:14px; font-weight:normal !important; display:inline-block; padding:0px; margin:0px; outline:0;}
.arrow_ss{background:#fff; border:solid 1px #ccc; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height:16px; font-weight:normal !important; display:inline-block; padding:0px; margin:0px; outline:0; letter-spacing:0; font-size:12px; cursor:pointer}
.arrow_ss_hover{background:#6E6E6E; border-color:#585858; color:#fff}
    
.usindexdownbg{background:url('../images/usq/index_bg_red.png') no-repeat;}
.usindexupbg{background:url('../images/usq/index_bg_green.png') no-repeat;}
.usindexnabg{background:url('../images/usq/index_bg_grey.png') no-repeat;}

.usindexup{background:url('../images/usq/index_updown.png') no-repeat 0 0;display:inline-block;height:23px;width:23px}
.usindexdown{background:url('../images/usq/index_updown.png') no-repeat 0 -26px;display:inline-block;height:23px;width:23px}
.usindexna{background:url('../images/usq/index_updown.png') no-repeat 0 -50px;display:inline-block;height:23px;width:23px}

.ulyneg { background:#FFF2F2; }
.ulypos { background:#F2FFDE; }


.tabS1 {margin:0px; padding:0px; border-bottom:solid 1px #E5E5E5;}
.tabS1 .tabMenuContainer{padding-top:5px;padding-left:4px;}
.tabS1 h1{margin:0px; padding:0px;height:42px; line-height:42px; font-size:16px; font-weight:bold; padding-left:4px;}
.tabS1 .tabMenu{height:27px; list-style: none outside none;  margin: 0 auto; padding: 0; width: 980px;}
.tabS1 .tabMenu li{height:25px; float:left; cursor:pointer!important; width:auto; font-size:12px}
.tabS1 .tabMenu li div.content{margin-right:9px; padding:2px 5px; border:solid 1px #E5E5E5; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#007AAA;}
.tabS1 .tabMenu li div.tri{margin-top:2px; padding:0px; text-align:center; margin-right:9px;}
.tabS1 .tabMenu li.active div.content{ background:#E5E5E5;  color:Black; font-weight:bold;}

.tabS2 {margin:0px; padding:0px; border-bottom:solid 1px #E5E5E5;}
.tabS2 .tabMenuContainer{padding-top:5px;padding-left:4px;}
.tabS2 h1{margin:0px; padding:0px;height:42px; line-height:42px; font-size:16px; font-weight:bold; padding-left:4px;}
.tabS2 .tabMenu{height:27px; list-style: none outside none;  margin: 0 auto; padding: 0; width: 980px;}
.tabS2 .tabMenu li{height:25px; float:left; cursor:pointer!important; width:auto; font-size:12px}
.tabS2 .tabMenu li div.content{margin-right:8px; padding:2px 10px; border:solid 1px #E5E5E5; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#0869a1; line-height:16px;}
.tabS2 .tabMenu li div.content:hover { color: #10abe4; }
.tabS2 .tabMenu li div.content .new_feature { position:relative; width:0px; height:0px; }
.tabS2 .tabMenu li div.content .new_feature > div { position:absolute; top:-29px; right:-7px; width:30px; height:18px; background-image:url('../images/common/icon_new_blue_1.png');  }
.tabS2 .tabMenu li div.tri{margin-top:2px; padding:0px; text-align:center; margin-right:8px;}
.tabS2 .tabMenu li.active div.content{ background:#E5E5E5; color:#00394e; font-weight:bold;}
#mainForm .container_16.resize .tabS2 .tabMenu li div.tri { margin-top:12px; }

body#us .tabS2 { position:relative; height:89px; }
body#us .tabS2.nomenu { height:55px; }
body#us .tabS2 .tabMenuContainer {padding-top:7px;padding-left:5px;}
body#us .tabS2 .tabMenu li div.content {margin-right:10px; padding:5px 15px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#2a679e; line-height:16px; font-size:16px; }
body#us .tabS2 .tabMenu li div.content:hover { color: #10abe4; }
body#us .tabS2 .tabMenu li.active div.content { color: #13384d; background-color:#e5e5e5; }
body#us #mainForm .container_16.resize .tabS2 .tabMenu li div.tri { margin-top:8px; }

body#forex .tabS2 { position:relative; height:89px; }
body#forex .tabS2.nomenu { height:55px; }
body#forex .tabS2 .tabMenuContainer {padding-top:7px;padding-left:5px;}
body#forex .tabS2 .tabMenu li div.content {margin-right:10px; padding:5px 15px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#2a679e; line-height:16px; font-size:16px; }
body#forex .tabS2 .tabMenu li div.content:hover { color: #10abe4; }
body#forex .tabS2 .tabMenu li.active div.content { color: #13384d; background-color:#e5e5e5; }
body#forex #mainForm .container_16.resize .tabS2 .tabMenu li div.tri { margin-top:8px; }

body#sh-hk .tabS2 { position:relative; height:89px; }
body#sh-hk .tabS2.nomenu { height:55px; }
body#sh-hk .tabS2 .tabMenuContainer {padding-top:7px;padding-left:5px;}
body#sh-hk .tabS2 .tabMenu li div.content { margin-right:10px; padding:5px 15px; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#2a679e; line-height:16px; font-size:16px; }
body#sh-hk .tabS2 .tabMenu li div.content.s2 { padding:5px 10px; }
body.eng#sh-hk .tabS2 .tabMenu li div.content.s2 { padding:5px 5px; margin-right:5px; }
body#sh-hk .tabS2 .tabMenu li div.content:hover { color: #10abe4; }
body#sh-hk .tabS2 .tabMenu li.active div.content { color: #13384d; background-color:#e5e5e5; }
body#sh-hk #mainForm .container_16.resize .tabS2 .tabMenu li div.tri { margin-top:8px; }
@media screen and (min-width: 1100px) {
    body.eng#sh-hk .tabS2 .tabMenu li div.content.s2 { padding:5px 10px; margin-right:10px; }
}

.tabS3 { position:relative; height:89px; margin:0px; padding:0px; border-bottom:solid 1px #E5E5E5;}
.tabS3.nomenu { height:55px; }
.tabS3 .tabMenuContainer{ padding-top:7px;padding-left:5px; }
.tabS3 h1{margin:0px; padding:0px;height:42px; line-height:42px; font-size:16px; font-weight:bold; padding-left:4px;}
.tabS3 .tabMenu{height:27px; list-style: none outside none;  margin: 0 auto; padding: 0; width: 980px;}
.tabS3 .tabMenu li{height:25px; float:left; cursor:pointer!important; width:auto; font-size:12px}
.tabS3 .tabMenu li div.content{ margin-right:10px; padding:5px 12px; border:solid 1px #E5E5E5; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color:#2a679e; line-height:16px; font-size:15px; }
body.eng .tabS3 .tabMenu li div.content{ margin-right:7px; padding:5px 7px; font-size:14px; }
.tabS3 .tabMenu li div.content:hover { color: #10abe4; }
.tabS3 .tabMenu li div.content .new_feature { position:relative; width:0px; height:0px; }
.tabS3 .tabMenu li div.content .new_feature > div { position:absolute; top:-29px; right:-7px; width:30px; height:18px; background-image:url('../images/common/icon_new_blue_1.png');  }
.tabS3 .tabMenu li div.tri{margin-top:8px; padding:0px; text-align:center; margin-right:8px;}
.tabS3 .tabMenu li.active div.content{ background-color:#E5E5E5; color:#13384d; font-weight:bold;}
@media screen and (min-width: 1100px) {
    .tabS3 .tabMenu li div.content{ padding:5px 15px; font-size:16px; }
    body.eng .tabS3 .tabMenu li div.content{ padding:5px 12px; font-size:15px; }
}

.pt{ cursor:pointer}
.float_right {float: right;}
.float_left {float: left;}

#divETFCompBar {display:none}
#divETFCompBar .footer_etf_left{background:url('../images/etf/footer_comp_bar.png'); padding:0px 5px; color:white;  height: 30px;}
#divETFCompBar .footer_etf_middle{background:url('../images/etf/footer_comp_bar_mid.png') repeat-x; height: 30px; }
#divETFCompBar #footer{ height:30px; border:solid 1px #898989; opacity: 1.0; width:980px; Filter: alpha(opacity=100);}
.etfContainer .font14 { font-size:14px }
.etfContainer .font16 { font-size:16px }
.etfContainer ul.etftab { background:url('../images/etf/overview_roll_bg.png'); width:671px; height:27px;}
.etfContainer ul.etftab li { float:left; color:#8D8D8D; line-height:27px; }
.etfContainer ul.etftab li div.etftab_l { float: left; width:10px;}
.etfContainer ul.etftab li div.etftab_m { float: left; }
.etfContainer ul.etftab li div.etftab_r { float: left; width:10px;}
.etfContainer ul.etftab li.active div.etftab_l { float: left; background:url('../images/etf/bg_select_conheader_left.png'); width:10px; height:27px;}
.etfContainer ul.etftab li.active div.etftab_m { float: left; color:#006AAA;  background:url('../images/etf/bg_select_conheader_middle.png') repeat-x; height:27px; }
.etfContainer ul.etftab li.active div.etftab_r { float: left; background:url('../images/etf/bg_select_conheader_right.png'); width:10px; height:27px;}
.etfContainer ul.etftab li.dot { float:right; background:url('../images/etf/ball_grey.png') no-repeat; width: 10px; height:18px; margin-top:9px }
.etfContainer ul.etftab li.dotblue { float:right; background:url('../images/etf/ball_blue.png') no-repeat; width: 10px; height:18px; margin-top:9px }
.etfContainer .s2 caption { background-position:0px -81px; padding-left:4px; height:28px }
.etfContainer .s2 td.double { height:42px; line-height:21px }
.etfContainer .s8 td { border:none }
.etfContainer .trend { padding:0px; margin:0px; }
.etfContainer .trend div{ padding:0px; margin:0px; }
.etfContainer .noborder { border:none !important}
.etfContainer td.overlay { background:url("../images/etf/bg_title.png") 0px 0px repeat-x; height:30px; line-height:30px; padding-left:4px; font-weight:bold; text-align:left; margin:0px; width:100%; }
.etfContainer .bargrey { background:url("../images/etf/bg_gradientgrey.png") 0px 0px repeat-x; height:29px; line-height:29px; }
.etfContainer .barblue { background:url("../images/etf/bg_gradientblue.png") 0px 0px repeat-x; height:29px; line-height:29px }
.etfContainer .divToolTips { position:absolute; background:#FFFFE1; border:solid 1px #aaa; color:Black !important; width:300px; white-space:normal; padding:4px; display:none; font-size:13px; line-height:15px; }
.etfContainer sup { -webkit-text-size-adjust:none; }
.etfContainer #divDebug{position:fixed; left:0px; top:0px; color:Red; float:left; display:none; }
.etfDLSName{ background:url(../images/etf/icon_name.png) no-repeat left center; padding-left:13px;}
.etfDLContainer{position:static;float:left; width:100%}
.etfContainer .etfTips{float:left; padding:0px;}
.etfDLMsg {width:100%; border:none}
.etfDL {width:100%; border:none}
.etfDL h2{padding:0px; margin:0px; color:#F15500; font-size:15px; height:28px; line-height:28px; font-weight:bold}
.etfDL td{ padding-top:6px; padding-bottom:6px; height:42px }
.etfDL .col1{width:150px;}
.etfDL .col2{width:150px;}
.etfDL .col3{width:80px;}
.etfDL .col4{width:70px;}
.etfDL .col5{width:70px;}
.etfDL .col6{width:70px;}
.etfDL .col7{width:70px;}
.etfDL .col8{width:140px;}
.etfDL .col9{width:150px;}
.etfDL .col10{width:20px;}
.etfDL2 {width:100%; border:none}
.etfDL2 .etfDL2HeaderRow1 .col1{width:120px;}
.etfDL2 .etfDL2HeaderRow1 .col2{width:70px; border-right:solid 1px #ddd}
.etfDL2 .etfDL2HeaderRow1 .col3{width:765px; border-right:solid 1px #ddd; text-align:center}
.etfDL2 .etfDL2HeaderRow1 .col4{width:20px; text-align:center}
.etfDL2 .etfDL2HeaderRow2 .col1,.etfDL2 .etfDL2HeaderRow2 .col2,.etfDL2 .etfDL2HeaderRow2 .col3,.etfDL2 .etfDL2HeaderRow2 .col4,.etfDL2 .etfDL2HeaderRow2 .col5,.etfDL2 .etfDL2HeaderRow2 .col6,.etfDL2 .etfDL2HeaderRow2 .col7,.etfDL2 .etfDL2HeaderRow2 .col8 
{width:85px;text-align:center; border-right:solid 1px #ddd;}
.etfDL2 .etfDL2HeaderRow2 .col1{border-left:solid 1px #ddd;}
.etfDL2 td.col3,.etfDL2 td.col4,.etfDL2 td.col5,.etfDL2 td.col6,.etfDL2 td.col7,.etfDL2 td.col8,.etfDL2 td.col9,.etfDL2 td.col10,.etfDL2 td.col11
{width:85px;text-align:center; border-left:solid 1px #ddd;}
.etfDL2 td.col11{width:auto;}
.etfDL3 {width:100%; border:none}
.etfDL3 .col1{width:205px;}
.etfDL3 .col2{width:70px;}
.etfDL3 .col3{width:80px;}
.etfDL3 .col4{width:80px;}
.etfDL3 .col5{width:80px;}
.etfDL3 .col6{width:80px;}
.etfDL3 .col7{width:80px;}
.etfDL3 .col8{width:80px;}
.etfDL3 .col9{width:20px;}
.etfDL4 {width:100%; border:none}
.etfDL4 .etfDL2HeaderRow1 .col1{width:180px;}
.etfDL4 .etfDL2HeaderRow1 .col2{width:80px;}
.etfDL4 .etfDL2HeaderRow1 .col3{width:100px; border-right:solid 1px #ddd;}
.etfDL4 .etfDL2HeaderRow1 .col4{width:438px; border-right:solid 1px #ddd; text-align:center}
.etfDL4 .etfDL2HeaderRow1 .col5{width:100px;}
.etfDL4 .etfDL2HeaderRow1 .col6{width:60px;}
.etfDL4 .etfDL2HeaderRow1 .col7{width:15px;}
.etfDL4 .etfDL2HeaderRow2 .col1,.etfDL4 .etfDL2HeaderRow2 .col2,.etfDL4 .etfDL2HeaderRow2 .col3,.etfDL4 .etfDL2HeaderRow2 .col4,.etfDL4 .etfDL2HeaderRow2 .col5{width:85px;text-align:center; border-left:solid 1px #ddd;}
.etfDL4 .etfDL2HeaderRow2 .col1{background:#F9F9F9;}
.etfDL4 .etfDL2HeaderRow2 .col4{width:90px}
.etfDL4 .etfDL2HeaderRow2 .col5{border-right:solid 1px #ddd;width:93px}
.etfDL4 td.col4,.etfDL4 td.col5,.etfDL4 td.col6,.etfDL4 td.col7,.etfDL4 td.col8{width:85px;text-align:center; border-left:solid 1px #ddd;}
.etfDL4 td.col4{background:#F9F9F9;}
.etfDL4 td.col7{width:90px}
.etfDL4 td.col8{border-right:solid 1px #ddd;width:93px}
.etfDL5 {width:100%; border:none}
.etfDL5 .col1{width:175px;}
.etfDL5 .col2{width:70px;}
.etfDL5 .col3{width:70px;}
.etfDL5 .col4{width:70px;}
.etfDL5 .col5{width:80px;}
.etfDL5 .col6{width:70px;}
.etfDL5 .col7{width:130px;}
.etfDL5 .col8{width:125px;}
.etfDL5 .col9{width:70px;}
.etfDL5 .col10{width:80px;}
.etfDL5 .col11{width:20px;}
.etfContainer #divFloating{position:absolute; background:white; width:980px; z-index:20; left:0px;}
h1.etfHeader { margin:0px; padding:0px; background:url("../images/etf/header_bg.png"); height:42px; line-height:42px; font-size:16px; font-weight:bold; padding-left:4px;  }
h1.plain { margin:0px; padding:0px; height:42px; line-height:42px; font-size:16px; font-weight:bold; padding-left:4px;  }
h1.newsHeader { margin:12px 0px 0px 0px; padding:0px; height:42px; line-height:42px; font-size:21px; font-weight:bold; padding-left:4px; color:#00394e;  }
body#us h1.newsHeader {padding-left:5px; color:#13384d;}
#etfMain table.tblM { table-layout:fixed }
#etfDetail .divDesp { background:url('../images/etf/bg_detail_title.png') repeat-x; height:30px; font-size:18px; line-height:30px}
#etfDetail .divDesp div, .divDesp div a { line-height:30px; height:30px }
#etfDetail .blue1 { color:#007AAA; }
#etfDetail .pad4_top_bot { padding:4px 0px; }
#etfDetail .bluebg_l { background:url('../images/etf/bg_select_left.png') repeat-y; width:86px }
#etfDetail .bluebg_r { background:url('../images/etf/bg_select_right.png') repeat-y; width:86px }
#etfDetail h2{margin:0px; padding:0px; line-height:30px; font-weight: bold;padding-left: 3px;padding-right: 5px;background: url("../images/common/img1px.png") repeat-x 0 -80px; height:30px; font-weight:bold!important}
#etfDetail .etfChartDL tbody td{ border:none}
#etfDetail .etfChartDL .col1{border-right:solid 1px #EAEAEA; width:50%}
#etfDetail .etfChartDL .col2{ width:50%}
#etfDetail .etfProfile div.col1{padding:0px; float:left }
#etfDetail .etfProfile div.col2{padding:0px;color:#000;  float:right }
#etfDetail .etfData {width:100%; color:#999;}
#etfDetail .etfData .etfDataHeaderRow .col1{width:400px }
#etfDetail .etfData .etfDataHeaderRow .col2{width:1px; padding-left:4px; padding-right:0px}
#etfDetail .etfData .etfDataHeaderRow .col3{width:250px }
#etfDetail .etfData div.col1{padding:0px; float:left }
#etfDetail .etfData div.col2{padding:0px;color:#000;  float:right }
#etfDetail .etfSelector span{height:18px; line-height:18px; font-size:12px; font-weight:normal; color:#999}
#etfDetail .etfSelector select{width:174px;height:22px; line-height:18px; font-size:12px;font-weight:normal;border:none;padding:0; margin:0;left:-2px;top:-2px;position:absolute}
#etfDetail .etfSelector #txtEtfSymbol {background-color:transparent; height:17px; padding:0; margin:0; text-transform:uppercase; width:50px;line-height:15px; font-size:12px; font-weight:normal; border:none}
@-moz-document url-prefix(){
  #etfDetail .etfSelector #txtEtfSymbol{height:17px;}
  #etfDetail .etfSelector select{position:static;width:170px;}
}
#etfSearch table.tblM { table-layout:fixed }
#etfSearch div.blueBar { background:url("../images/etf/color_green.png") 0px 0px repeat-y; }
#etfSearch div.redBar { background:url("../images/etf/color_red.png") 0px 0px repeat-y; }
#etfSearch .search_table {background-image: url('../images/etf/bg_search_content.png'); background-repeat: no-repeat;}
#etfSearch .search_table td {padding: 8px 20px 8px 4px;}
#etfSearch .fifty {width: 50%;}
#etfSearch .seventy {width: 70%;}
#etfSearch .thirty {width: 30%;}
#etfSearch .hundred {width: 100%;}
#etfSearch table.result_table {border-collapse: collapse; width: 100%; font-weight:normal}
#etfSearch table.result_table th { color:#AAA; border-bottom:solid 1px #EAEAEA; border-right:solid 1px #EAEAEA; padding:3px; white-space:nowrap; }
#etfSearch table.result_table th.nr { border-right:0px;}
#etfSearch table.result_table tr.content { border-bottom: solid 1px #EAEAEA; }
#etfSearch table.result_table td { vertical-align:top; padding:3px }
#etfSearch table.result_table td.center { text-align:center; white-space:nowrap; }
#etfSearch table.result_table td.center2 { text-align:center; }
#etfSearch table.result_table td.right { text-align:right; white-space:nowrap; }
#etfSearch .result_table_selected {background-color:#FFEDCC;}
#etfSearch .w110 {width:110px}
#etfSearch .w50 {width:50px}
#etfSearch .left {width: 671px; height: 250px;}
#etfSearch select {margin:0px;}
#etfSearch .etfDLContainer{position:static; width:980px; margin:0px; padding:0px; float:left}


#etfCompare #etfCompareChartContainer { background-color:#FFFFFF; border-radius:3px; }
#etfCompare #etfCompareChartContainer .ChartEmptyText { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }
#etfCompare #etfCompareChartContainer .ChartEmptyText table { width:100%; height:100%; }
#etfCompare #etfCompareChartContainer .ChartEmptyText table td { text-align:center; vertical-align:middle; font-size:15px; color:#545454; }

body.eng #etfCompare #etfCompareChartContainer .round-opt-box { width:auto; }

#etfCompare #etfCompareChartContainer .ChartLegend { margin-top:15px; margin-left:20px; overflow:hidden; font-size:13px; line-height:17px; color:#333333; }
#etfCompare #etfCompareChartContainer .ChartLegend .iconBlue { width: 15px; height: 15px; background-color: #50a1c0; margin-top:1px; }
#etfCompare #etfCompareChartContainer .ChartLegend .iconYellow { width: 15px; height: 15px; background-color: #fecc52; margin-top:1px; }
#etfCompare #etfCompareChartContainer .ChartLegend .icon-chart-blue { margin-top:2px; }

#etfCompare #divETFCompare { position:relative; }
#etfCompare #divFloatingHeader { position:absolute; width:100%; left:0px; top:0px; z-index:100; box-shadow: 0 3px 3px rgba(0,0,0,.2); display:none; }
#etfCompare .etfCompareTable { table-layout:fixed; width:100%; font-size:15px; line-height:21px; letter-spacing:0; }
#etfCompare .etfCompareTable td { padding: 10px 20px; vertical-align:top; }
#etfCompare .etfCompareTable td.pl10 { padding-left:10px; }
#etfCompare .etfCompareTable td.pad0 { padding:0px; }
#etfCompare .etfCompareTable td.lineSep { padding:0px; height:1px; }
#etfCompare .etfCompareTable td.lineSep > div { height:1px; background-color:#E5E5E5; border-left:10px solid #ffffff; border-right:10px solid #fdfaf3; }
#etfCompare .etfCompareTable td.colW1 { width:280px; }
#etfCompare .etfCompareTable td.colW2 { width:330px; }
#etfCompare .etfCompareTable td.colW3 { width:330px; }

#etfCompare .etfCompareTable .colLabel { background-color:#FFFFFF; color:#888888; }
#etfCompare .etfCompareTable .colLabel .title { padding:10px 0px 5px 0px; font-size:17px; line-height:100%; color:#869ca4; font-weight:bold; }
#etfCompare .etfCompareTable .colLabel .remark { padding-bottom:10px; font-size:13px; line-height:100%; color:#888888; }
#etfCompare .etfCompareTable .colLabel1 { background-color:#FFFFFF; font-size:19px; line-height:100%; color:#869ca4; font-weight:bold; }
#etfCompare .etfCompareTable .colLabel2 { background-color:#FFFFFF; color:#888888; }
#etfCompare .etfCompareTable .colLabel2 sup { line-height:14px; }

#etfCompare .etfCompareTable .colETF1 { background-color:#F4F4F4; color:#000000; }
#etfCompare .etfCompareTable .colETF1.on { background-color:#F6FBFD; }
#etfCompare .etfCompareTable .colETF2 { background-color:#F4F4F4; color:#000000; }
#etfCompare .etfCompareTable .colETF2.on { background-color:#fdfaf3; }

#etfCompare .etfCompareTable .etfSearch { position:relative; padding:10px 20px 0px 20px; border-top:4px solid #eeeeee; overflow:visible; }
#etfCompare .etfCompareTable .colETF1.on .etfSearch { border-top:4px solid #6db3c9; }
#etfCompare .etfCompareTable .colETF2.on .etfSearch { border-top:4px solid #fecc52; }
#etfCompare .etfCompareTable .etfSearch .etfSearchOption { position:relative; float:left; width:140px; }
#etfCompare .etfCompareTable .etfSearch .etfSearchOption.sep { margin-left:10px; }
#etfCompare .etfCompareTable .etfSearch .ETFInput { padding:0px 20px 0px 10px; width:108px; height:28px; font-size:12px; line-height:28px; background-color:#F6FBFD; color:#0869a1; border:1px solid #0869a1; }
#etfCompare .etfCompareTable .etfSearch .ETFInput.placeholder { color:#cacaca; border:1px solid #cacaca; }
#etfCompare .etfCompareTable .etfSearch .ETFInputSearch { position:absolute; top:9px; right:5px; z-index:1; width:12px; height:12px; background-image:url('../images/etf/icon-search.png'); }
#etfCompare .etfCompareTable .etfSearch .etfSearchSymbolWithDesp { padding:20px 0px; width:290px; font-size:17px; font-weight:bold; color:#0869a1; line-height:100%; white-space:nowrap; overflow:hidden; }
#etfCompare .etfCompareTable .etfSearch .etfSearchSymbolWithDesp.float { padding-top:13px; padding-bottom:23px; } 
#etfCompare .etfCompareTable .etfSearch .etfSearchMask { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; }
#etfCompare .etfCompareTable .on .etfSearch .etfSearchMask { display:none; }
    
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer { position:relative; padding:0px 10px; width:118px; font-size:12px; line-height:28px; background-color:#F6FBFD; color:#cacaca; border:1px solid #cacaca; }
#etfCompare .etfCompareTable .on .etfSearch .ETFMenuContainer { color:#0869a1; border:1px solid #0869a1; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .label { width:105px; white-space:nowrap; letter-spacing:0; overflow:hidden; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .arrow-down { position:absolute; z-index:1; top:13px; right:11px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent;  border-top: 5px solid #cacaca; }
#etfCompare .etfCompareTable .on .etfSearch .ETFMenuContainer .arrow-down { border-top: 5px solid #0869a1; }
    
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu { position:absolute; top:29px; left:0px; padding:3px 0px; background-color:#FFFFFF; border-radius:3px; box-shadow: 0 3px 3px rgba(0,0,0,.2); z-index:3; display:none; }
#etfCompare .etfCompareTable .colETF2 .etfSearch .ETFMenuContainer .ETFMenu { left:auto; right:0px; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer.hoveron .ETFMenu { display:block; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem { position:relative; margin:3px 0px; padding:0px 39px 0px 20px; font-size:12px; line-height:22px; background-color:#FFFFFF; color:#0869a1; white-space:nowrap; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem .arrow-right { position:absolute; z-index:4; top:6px; right:20px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent;  border-left: 9px solid #0869a1; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem:hover { background-color:#0085b8; color:#FFFFFF; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem:hover .arrow-right { border-left: 9px solid #FFFFFF; }

#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem .ETFSubMenu { position:absolute; top:-6px; left:100%; padding:3px 0px; background-color:#FFFFFF; border-radius:3px; box-shadow: 0 3px 3px rgba(0,0,0,.2); z-index:5; display:none; }
#etfCompare .etfCompareTable .colETF2 .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem .ETFSubMenu { left:auto; right:100%; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem.hoveron .ETFSubMenu { display:block; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem .ETFSubMenu .ETFSubMenuItem { position:relative; margin:3px 0px; padding:0px 28px; font-size:12px; line-height:22px; color:#0869a1; white-space:nowrap; }
#etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem .ETFSubMenu .ETFSubMenuItem:hover { background-color:#0085b8; color:#FFFFFF; }

#etfCompare .etfCompareTable .compare_remark { padding:15px 20px 20px 20px; background-color:#FFFFFF; color:#888888; font-size:13px; }



@media screen and (min-width: 1100px) {
    #etfCompare #etfCompareChartContainer { width:850px; }
    #etfCompare #etfCompareChartContainer .ChartEmptyText table td { font-size:17px; }
    #etfCompare #etfCompareChartContainer .ChartLegend { font-size:15px; }
    #etfCompare .etfCompareTable { font-size:17px; }
    #etfCompare .etfCompareTable td.colW1 { width:320px; }
    #etfCompare .etfCompareTable td.colW2 { width:420px; }
    #etfCompare .etfCompareTable td.colW3 { width:420px; }
    #etfCompare .etfCompareTable .colLabel .title { font-size:19px; }
    #etfCompare .etfCompareTable .colLabel .remark { font-size:15px; }
    #etfCompare .etfCompareTable .colLabel1 { font-size:21px; }
    #etfCompare .etfCompareTable .etfSearch .etfSearchOption { width:185px; }
    #etfCompare .etfCompareTable .etfSearch .ETFInput { width:153px; font-size:14px; }
    #etfCompare .etfCompareTable .etfSearch .etfSearchSymbolWithDesp { width:380px; font-size:19px; }
    #etfCompare .etfCompareTable .etfSearch .ETFMenuContainer { width:163px; font-size:14px; }
    #etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .label { width:150px; }
    #etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem { font-size:14px; }
    #etfCompare .etfCompareTable .etfSearch .ETFMenuContainer .ETFMenu .ETFMenuItem .ETFSubMenu .ETFSubMenuItem { font-size:14px; }
}



#etfPreScreener .menu_icon_etf { background-position: -90px -130px; width: 70px; height: 70px; }
#etfPreScreener .etfPreScreenerHeader { font-size:17px; line-height:24px; }
#etfPreScreener .etfPreScreenItem { float:left; position:relative; width:222px; height:266px; margin-right:28px; margin-bottom:20px; font-size:15px; line-height:120%; letter-spacing:0; border:1px solid #dbe4e9; border-radius:6px; background-image: linear-gradient(#ffffff, #f4f4f4); }
#etfPreScreener .etfPreScreenItem.etfPreScreenItem4 { margin-right:0px; }
#etfPreScreener .etfPreScreenItem.etfPreScreenItem5 { margin-right:28px; }
#etfPreScreener .etfPreScreenItem:hover { box-shadow:0px 0px 10px 0px rgba(0,0,0,0.15); }
#etfPreScreener .etfPreScreenItem .etfpsTitle { margin:14px 0px; padding-left:10px; border-left:9px solid #194f6f; font-size:17px; font-weight:bold; line-height:28px; color:#194f6f; }
body.eng #etfPreScreener .etfPreScreenItem .etfpsTitle { font-size:16px; }
#etfPreScreener .etfPreScreenItem .etfpsDesp { margin:0px 0px 20px 20px; }
#etfPreScreener .etfPreScreenItem .etfpsData { margin:20px; padding-top:20px; border-top:1px solid #dbe4e9; font-size:14px; }
#etfPreScreener .etfPreScreenItem .etfpsView { position:absolute; left:0px; bottom:0px; width:100%; padding:20px 0px; text-align:center; font-size:17px; font-weight:bold; line-height:100%; border-bottom-left-radius:6px; border-bottom-right-radius:6px; background-color:#FFFFFF; color:#0869a1; }
#etfPreScreener .etfPreScreenItem .etfpsView:hover { background-color:#0869a1; color:#FFFFFF; }

@media screen and (min-width: 1100px) {
    #etfPreScreener .etfPreScreenItem { margin-right:20px; }
    #etfPreScreener .etfPreScreenItem.etfPreScreenItem4 { margin-right:20px; }
    #etfPreScreener .etfPreScreenItem.etfPreScreenItem5 { margin-right:0px; }
}


#etfEducation table td { vertical-align:top; }
#etfEducation #etfMenu { width:206px; }
#etfEducation #etfMenu .etfMenuItem { position:relative; padding:20px; margin-bottom:10px; width:165px; font-size:17px; line-height:100%; color:#0869a1; cursor:pointer; border-top:1px solid #F8F8F8; border-bottom:1px solid #F8F8F8; border-left:1px solid #F8F8F8; border-top-left-radius:3px; border-bottom-left-radius:3px; }
#etfEducation #etfMenu .etfMenuItem.active { background-color:#FFFFFF; color:#00394e; font-weight:bold; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;  }
#etfEducation #etfMenu .etfMenuItem:hover { background-color:#FFFFFF; color:#00394e; font-weight:bold; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
#etfEducation #etfMenu .etfMenuItem .etfMenuItemArrow { display:none; position:absolute; top:50%; right:-2px; }
#etfEducation #etfMenu .etfMenuItem.active .etfMenuItemArrow, 
#etfEducation #etfMenu .etfMenuItem:hover .etfMenuItemArrow { display:block;  }

#etfEducation #etfMenu .etfMenuItem .etfMenuItemArrow .tri1 { position:absolute; top:-6px; right:2px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #e5e5e5; z-index:0; }
#etfEducation #etfMenu .etfMenuItem .etfMenuItemArrow .tri2 { position:absolute; top:-6px; right:0px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-right:6px solid #F8F8F8; z-index:1; }

#etfEducation .eduTitle { font-size:17px; font-weight:bold; color:#888888; line-height:100%; }

#etfEducation #etfContent { width:773px; border-left:1px solid #e5e5e5; }
#etfEducation #etfContent .eduHeadline { position:relative; font-size:17px; line-height:100%; font-weight:bold; color:#000000; padding-bottom:20px; }
#etfEducation #etfContent .eduVideo { width:530px; height:325px; margin-bottom:35px; }
#etfEducation #etfContent .eduVideoText { font-size:17px; line-height:30px; color:#000000; }
#etfEducation #etfContent .eduQuestion { width:413px; margin-bottom:10px; }
#etfEducation #etfContent .eduQuestion .eduShortcut { font-size:17px; line-height:100%; margin-bottom:10px; }

#etfEducation #etfContent #etfQA div.comm-panel2 { padding:26px 25px 20px 25px; margin-bottom:20px; }
#etfEducation #etfContent #etfQA .eduAnswer { padding:20px 0px 0px 0px; font-size:16px; line-height:24px; color:#595961; }
#etfEducation #etfContent #etfQA .eduAnswer #tbAns { width:100%; margin-top:10px; border-spacing:0px; border-collapse:collapse; }
#etfEducation #etfContent #etfQA .eduAnswer #tbAns td { padding:20px; border-bottom:1px solid #e5e5e5; color:#595961; }
#etfEducation #etfContent #etfQA .eduAnswer #tbAns td.label { color:#869CA4; font-size:19px; line-height:22px; font-weight:bold; width:130px; }
#etfEducation #etfContent #etfQA .eduAnswer #tbAns tr.header td { background-color:#F2F2F2; border-bottom:0px; color:#869ca4; font-size:22px; font-weight:bold; line-height:26px; text-align:center; vertical-align:middle; }
#etfEducation #etfContent #etfQA .eduAnswer #tbAns tr.header td.titleNorthbound { color:#F65A56; }
#etfEducation #etfContent #etfQA .eduAnswer #tbAns tr.header td.titleSouthbound { color:#25A2C0; }
#etfEducation #etfContent #etfQA .eduAnswer .remarks { color:#787878; font-size:14px; line-height:20px; padding:15px 20px 0px 20px; }

#etfEducation #etfContent #etfQA .eduVideoLink { font-size:17px; line-height:100%; padding-left:5px; padding-top:20px; }
#etfEducation #etfContent #etfQA .eduVideoLink img {width: 24px; height: 20px; margin-bottom: 3px; vertical-align: middle; }

#etfEducation .eduVideoListItem { margin-bottom:20px; }
#etfEducation .eduVideoListItem .eduVideoListItemPreview { position:relative; }
#etfEducation .eduVideoListItem .eduVideoListItemPreview .eduVideoListItemImage { width:182px; height:102px; }
#etfEducation .eduVideoListItem .eduVideoListItemPreview .eduVideoListItemPlaying { position:absolute; top:0px; left:0px; width:100%; height:100%; }
#etfEducation .eduVideoListItem .eduVideoListItemPreview .eduVideoListItemPlaying .mask { width:100%; height:100%; background-color:#000000; z-index:0; }
#etfEducation .eduVideoListItem .eduVideoListItemPreview .eduVideoListItemPlaying .text { position:absolute; top:0px; left:0px; width:100%; height:100%; font-size:14px; line-height:102px; color:#FFFFFF; text-align:center; z-index:1; }
#etfEducation .eduVideoListItem .eduVideoListItemPreview .eduVideoListItemIcon { position:absolute; left:10px; bottom:10px; }

#etfEducation .eduVideoListItem .eduVideoListItemHeadline { margin-top:9px; }
#etfEducation .eduVideoListItem .eduVideoListItemHeadline a { font-size:17px; line-height:100%; }

@media screen and (min-width: 1100px) {
    #etfEducation #etfContent { width:993px; }
    #etfEducation #etfContent .eduVideo { width:750px; height:460px; }
    #etfEducation #etfContent .eduQuestion { width:633px; }
}


.etfTabLevPosTag { display:inline-block; *display: inline; zoom:1; background-color:#bcbcbc; color:#FFFFFF; padding:1px 2px; font-size:12px; line-height:12px; border-radius:3px; margin-left:3px; }
.active .etfTabLevPosTag{ background-color:#bfd0d9 ; }
.active .etfTabLevPosTag.positive { color:#0d3748; }
.active .etfTabLevPosTag.negative { color:#1796cb; }
.etfLevPosTag { display:inline-block; *display: inline; zoom:1; background-color:#bfd0d9 ; color:#FFFFFF; padding:1px 2px; font-size:12px; line-height:12px; border-radius:3px; margin-left:3px; }
.etfLevPosTag.positive { color:#0d3748; }
.etfLevPosTag.negative { color:#1796cb; }


.mpfContainer .divToolTips { position:absolute; background:#FFFFE1; border:solid 1px #aaa; color:Black !important; width:300px; white-space:normal; padding:4px; display:none; font-size:13px; line-height:15px; }
#puTab { font:normal 12px arial; }
#puTab td { padding:0px; border:none;}
#puTab .topLeft { background:Url("../images/common/bubble/corner.png") 0px 0px; width:18px; height:18px; }
#puTab .topRight { background:Url("../images/common/bubble/corner.png") -18px -0px; width:18px; height:18px; }
#puTab .topMiddle { background:Url("../images/common/bubble/table_top.png") repeat-x; height:18px; }
#puTab .left { background:Url("../images/common/bubble/table_left.png") repeat-y; width:18px; }
#puTab .content { background:white; }
#puTab .right { background:Url("../images/common/bubble/table_right.png") repeat-y; width:18px; }
#puTab .bottomLeft { background:Url("../images/common/bubble/corner.png") 0px -18px; width:18px; height:18px; }
#puTab .bottomRight { background:Url("../images/common/bubble/corner.png") -18px -18px; width:18px; height:18px; }
#puTab .bottomMiddle { background:Url("../images/common/bubble/table_bottom.png") repeat-x; height:18px; }
#puTab .ref_contact { border-top:solid 1px #ccc; padding-top:10px;  }

.noborder { border:none !important}


#hkIdxContainer { width:220px; letter-spacing:0px; }
#indexChartContainer { width: 380px; }
.hkidx-container { background-color:#FFFFFF; color:#999999; padding:15px 15px 15px 15px; border-radius:8px; overflow:hidden; }
.hkidx-name { font-size:20px; line-height:24px; font-weight:bold; }
.hkidx-last { font-size:50px; line-height:60px; font-weight:bold; color:#000000; }
.hkidx-change { font-size:16px; line-height:20px; text-align:right; margin-bottom:5px; }
.hkidx-change .arrowUpDn { position:relative; font-size:10px; line-height:14px; top:-4px; margin-right:2px; }
.hkidx-turnover { font-size:15px; line-height:18px; text-align:right; margin-bottom:20px; }
.hkidx-turnover .turnover { color:#000000; font-size:15px; line-height:18px; font-weight:bold; }
.hkidx-range { font-size:13px; line-height:16px; }
.hkidx-range .range { color:#000000; font-size:13px; line-height:16px; font-weight:bold; letter-spacing:0px; }
.hkidx-range .range .remark { font-size:12px; font-weight:normal; }

@media screen and (min-width: 1100px) {
    #hkIdxContainer { width:270px; }
    #indexChartContainer { width: 535px; }
    .hkidx-container { padding:15px 15px 3px 15px; }
    .hkidx-change { font-size:17px; line-height:30px; }
    .hkidx-change .arrowUpDn { top:-5px; }
    .hkidx-turnover .turnover { font-size:15px; line-height:18px; }
    .hkidx-range { font-size:15px; line-height:18px; }
    .hkidx-range .range { font-size:15px; line-height:18px; }
    .hkidx-range .range .remark { font-size:13px; font-weight:normal; }

}

.tblAHADR .ahhead0 th { background-color:#EFEFEF; color:#000000; padding:6px 10px; font-size:13px; font-weight:bold; line-height:23px; border-bottom: 1px solid #d9d9d9; border-top-left-radius:3px; border-top-right-radius:3px; }
.tblAHADR .ahhead0 th .adr_filter { margin-left:20px; color: #3579a3; cursor:pointer; }
.tblAHADR .ahhead0 th .adr_filter.adr_filter_sel { padding:0px 10px; background-color:#CEE1E8; border-radius:3px; }
.tblAHADR .ahhead1 .ahstock { background-color:#efefef; color:#000000; }
.tblAHADR .ahhead1 .hshare { background-color:#e6eefa; color:#0c4da2; }
.tblAHADR .ahhead1 .ashare { background-color:#ffe8ef; color:#d71921; }
.tblAHADR .ahhead1 .adrshare { background-color:#cff2f8; color:#00699a; }
.tblAHADR .ahhead1 .hashare { background-color:#efefef; color:#888888; }
.tblAHADR .ahhead2 .ahstock { background-color:#f5f5f5; }
.tblAHADR .ahhead2 .hshare { background-color:#e6eefa; }
.tblAHADR .ahhead2 .ashare { background-color:#ffe8ef; }
.tblAHADR .ahhead2 .adrshare { background-color:#cff2f8; }
.tblAHADR .ahhead2 .hashare { background-color:#f5f5f5; }
.tblAHADR .ahdata .ahstock { background-color:#F8F8F8; }
.tblAHADR .ahdata .hshare { background-color:#f2f6fb; }
.tblAHADR .ahdata .ashare { background-color:#fbf5f9; }
.tblAHADR .ahdata .adrshare { background-color:#eff8f9; }
.tblAHADR .ahdata .hashare { background-color:#F8F8F8; }

.tblAHADR .ahhead1 th { padding-top:11px; padding-bottom:11px; font-size:13px; line-height:18px; font-weight:bold; border-bottom:1px solid #D9D9D9; }
.tblAHADR .ahhead2 th { padding-top:6px; padding-bottom:6px; font-size:13px; line-height:18px; border-bottom:1px solid #DCDDDF; }
.tblAHADR .ahhead2 th .sortcol { color:#3579a3; }
.tblAHADR .ahdata td { border-bottom:1px solid #ECECEC; font-size:13px; line-height:17px; padding-top:17px; padding-bottom:16px; }
.tblAHADR .ahdata td a.a14 { font-size: 13px; }
.tblAHADR th.padl, .tblAHADR td.padl { padding-left:5px; }
.tblAHADR th.padr, .tblAHADR td.padr { padding-right:5px; }

@media screen and (min-width: 1100px) {
    .tblAHADR .ahhead0 th { font-size:14px; }
    .tblAHADR .ahhead1 th { font-size:14px; }
    .tblAHADR .ahhead2 th { font-size:14px; white-space:nowrap; }
    .tblAHADR .ahdata td { font-size: 15px; }
    .tblAHADR .ahdata td a.a14 { font-size: 15px; }
    .tblAHADR th.padl, .tblAHADR td.padl { padding-left:10px; }
    .tblAHADR th.padr, .tblAHADR td.padr { padding-right:10px; }
}



#divStockCompBar { display:none; }
#divStockCompBar .divStockCompBarContainer { position:fixed; bottom:0px; height:56px; z-index:99999; background-color:#ECF1F5; color:#3e3e3e; border-top-left-radius:6px; border-top-right-radius:6px; box-shadow:rgba(0,0,0,0.43) 0px 0px 26px 0px; }
#divStockCompBar .StockCompareBarTitle { background-color:#FFFFFF; padding:8px 10px 0px 10px; height:46px; border-top-left-radius:6px; font-size:20px; line-height:24px; font-weight:bold; }
#divStockCompBar #StockCompareBarTitleDesc { font-size:14px; line-height:16px; font-weight:normal; }
body.eng #divStockCompBar .StockCompareBarTitle { font-size:16px; line-height:16px; }
body.eng #divStockCompBar #StockCompareBarTitleDesc { font-size:13px; line-height:13px; }
@media screen and (min-width: 1100px) {
    body.eng #divStockCompBar .StockCompareBarTitle { font-size:18px; line-height:24px; }
}
#divStockCompBar .StockCompareBarItem { position:relative; background-color:#FFFFFF; }
#divStockCompBar .StockCompareBarItem .StockCompareBarItemBG { height:56px; line-height:56px; font-size:50px; text-align:center; color:#ebf1f4; z-index:0; border-right:1px solid #DCE4E7; }
#divStockCompBar .StockCompareBarItem.first .StockCompareBarItemBG { border-left:1px solid #DCE4E7; }
#divStockCompBar .StockCompareBarItem .StockCompareBarItemDetail { position:absolute; top:0px; left:0px; z-index:1; width:100%; height:52px; border-top:4px solid #3B9BC1; background-color:#EBF6FC; text-align:center; display:none; }
#divStockCompBar .StockCompareBarItem .StockCompareBarItemDetail .text { padding-top:9px; height:43px; border-right:1px solid #DCE4E7; }
#divStockCompBar .StockCompareBarItem.first .StockCompareBarItemDetail .text { border-left:1px solid #DCE4E7; }
#divStockCompBar .StockCompareBarItem .StockCompareBarItemDetail .StockName { font-size:18px; font-weight:bold; line-height:19px; }
#divStockCompBar .StockCompareBarItem .StockCompareBarItemDetail .StockCode { font-size:14px; font-weight:bold; line-height:17px; }
#divStockCompBar .StockCompareBarItem .StockCompareBarItemDetail .close { position:absolute; top:16px; right:22px; cursor:pointer; }
#divStockCompBar .StockCompareBarItem .StockCompareBarItemDetail .close img { width:18px; height:18px; }
#divStockCompBar #StockCompareBarButton { background-color:#ebf1f4; color:#FFFFFF; padding-top:16px; height:40px; text-align:center; font-size:19px; line-height:100%; font-weight:bold; border-top-right-radius:6px; }
#divStockCompBar #StockCompareBarButton.button_on { background-color:#429cc0; padding-top:16px; height:34px; border-bottom:6px solid #1f7192; cursor:pointer; }
#divStockCompBar #StockCompareBarButton .StockCompareBarButton-arrow { margin-left:5px; width: 0; height: 0; padding:0px!important; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:9px solid #ffffff; }








/*
V1.0, Sam Hui, PDEV-1142
V1.1, Sam Hui, PDEV-1224
V1.2, Sam Hui, PDEV-1243
V1.3, Sam Hui, PDEV-1243 - video icon modify
V1.4, Sam Hui, PDEV-1243 - Add New Category
V1.5, Sam Wong, MS Font fix
V1.6, Sam Wong, PDEV-1262
V1.7, Sam Hui, PDEV-1235, PDEV-1236
V1.8, Sam Hui, PDEV-1247
V1.9, Alvin, AATV Menu and sitemap
V2.0, Sam Hui, PDEV-1287
V2.1, Sam Hui, PDEV-1325
V2.2, Sam Hui, PDEV-1343
V2.3, Sam Wong, PDEV-1310
V2.4, Sam Hui, PDEV-1343 (update)
V2.5, Sam Wong, PDEV-1344
V2.6, Sam Wong, PDEV-1285
V2.7, Sam Hui, PDEV-1431
V2.8, Sam Hui, PDEV-1478
V2.9, Sam Wong, PDEV-1480
V3.0, Sam Hui, AASTK-P201204-A
V3.1, Sam Wong, Remove Unnecessary Code
V3.2, Sam Wong, PDEV-1510
V3.3, Alvin, PDEV-1488
V3.4, Sam Wong, MS Font fix
V3.5, Sam Wong, PDEV-1547
V3.6, Sam Hui, Request to udpate font colour on website
V3.7, Sam Wong, Index Bar Layout Fix for Chrome v91
V3.8, Sam Hui, PDEV-1564
V3.9, Sam Hui, Task - remove aabest
V4.0, Jacky, PDEV-1663
V4.1, Jacky, PDEV-1662
V4.2, Jacky, PDEV-1697
V4.3, Ethan, PDEV-1687 Grey Market
V4.3, Ethan, PDEV-1749 GM enhancement
V4.4, German, PDEV-1739 Warrant/CBBC Revamp
V4.5, Ethan, adjust menu bar
V4.6, Jacky, PDEV-1812, News AI Translate
*/
@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, body { background-color:#F8F8F8; }
body { overflow-y: scroll; }
body.resizeable { font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
body.resizeable.eng { font-family:Arial; }
.ff-arial { font-family:Arial; }


.header_icon_map_menu { background-image:url('../images/tophead/icon_map_header_menu.png?v=1.8'); background-size:430px 390px; }
.header_icon_map { background-image:url('../images/tophead/icon_map_header_980.png?v=1.8'); background-size:350px 500px; }
.header_icon_map2 { background-image:url('../images/tophead/icon_map_header2_980.png?v=1.0'); background-size:250px 250px; background-repeat: no-repeat; overflow: hidden; filter: blur(0px); }
@media screen and (min-width: 1100px) {
    .header_icon_map { background-image:url('../images/tophead/icon_map_header_1200.png?v=1.8'); background-size:350px 500px; }
    .header_icon_map2 { background-image:url('../images/tophead/icon_map_header2_1200.png?v=1.0'); background-size:250px 250px; }
}

.header_icon_map_streaming { background-image:url('../images/tophead/icon_map_streaming.png?v=1.3'); background-size:400px 250px; }

.ui-Result{background-color:#f5f5f5}
.ui-menu .ui-Result a.ui-state-hover, .ui-menu .ui-Result a.ui-state-active{background-color:#eee}
.ui-Header, .ui-menu .ui-Header a.ui-state-hover, .ui-menu .ui-Header a.ui-state-active {background:url('../images/common/img1px.png') repeat-x 0 -2005px;height:22px;margin: 0;zoom: 1;float: left;clear: left;width: 100%;color:black;padding: .2em .4em;line-height:22px;}
.ui-autocomplete {max-height:1280px}
#ui-tooltip { border:solid 1px #CCCCCC; background:white; padding:3px; font-size:15px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }


select.ns1 { background-color: #F0F0F0; color:#017aa7; font-size:13px; font-weight:bold; height:24px; line-height:24px; padding:0px; margin:0px; border:1px solid #DADADA; }
body.eng select.ns1 { font-size:12px; }
input[type='text'].ns1 { border:none; height:20px; } 
@media screen and (min-width: 1100px) {
    select.ns1 { font-size:14px; padding:0px 6px; }
    body.eng select.ns1 { font-size:13px; }
}

.lnk, .lnk:visited, .lnk:link{font: normal 12px Arial; color:#006aaa;}
.lnk:hover{color:#009fff;}
.lnk-selected { color:#000 !important; }
.lnk2, .lnk2:visited, .lnk2:link{font-weight:normal; font-size:14px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; color:#0869a1;}
.lnk3, .lnk3:visited, .lnk3:link{font-weight:normal; font-size:13px; font-family:Arial; color:#0869a1;}
.lnk4, .lnk4:visited, .lnk4:link{ color:#0869a1; }
.lnk4:hover { color:#10abe4; }
@media screen and (min-width: 1100px) {
.lnk2, .lnk2:visited, .lnk2:link{font-weight:normal; font-size:16px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; color:#0869a1;}
}


#topPanel { font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
body.eng #topPanel { font-family:Arial; }

#topPanel .ui-autocomplete { font-size:12px; letter-spacing:0px; }
#topPanel .icon_marginright { margin-right: 15px; }
#topPanel .icon_sethome { background-position:0px 0px; width:15px; height:13px; margin-top:3px; }
#topPanel .icon_sethome.hoveron { background-position:-50px 0px; }
#topPanel .icon_contact { background-position:-100px 0px; width:14px; height:11px; margin-top:5px; }
#topPanel .icon_contact.hoveron { background-position:-150px 0px; }
#topPanel .icon_topiphone { background-position:0px -50px; width:11px; height:13px; }
#topPanel .icon_topandroid { background-position:-50px -50px; width:11px; height:13px; }
#topPanel .icon_topmobile { background-position:-100px -50px; width:7px; height:13px; }
#topPanel .icon_aalogo { width:150px; height:48px; background:url('../images/logo/AASTOCKS_hp_logo_144.png') no-repeat; background-size:150px 48px; image-rendering: -webkit-optimize-contrast; margin-top:1px; }
#topPanel .icon_play { background-position:-150px -50px; width:12px; height:12px; }
#topPanel .icon_pause { background-position:-200px -50px; width:12px; height:12px; }
#topPanel .icon_register { background-position:-150px -150px; width:11px; height:12px; margin-bottom:-1px; margin-right:4px; margin-left:2px; }
#topPanel .icon_login { background-position:-100px -150px; width:8px; height:12px; margin-bottom:-1px; margin-right:5px; margin-left:3px; }
#topPanel .icon_search { background-position:-200px -150px; width:12px; height:12px; margin-right:8px; }
#topPanel .icon_facebook { background-position:-200px 0px; width:13px; height:13px; margin-top:4px; }
#topPanel .icon_facebook.hoveron { background-position:-200px 0px; }
#topPanel .icon_video { background-position:-200px -200px; width:30px; height:24px; }
#topPanel .icon_aatv_full { background-position:0px -150px; width:77px; height:30px; margin-top:5px; }
#topPanel .icon_aatv { background-position:-150px -200px; width:14px; height:16px; margin-bottom:-2px; margin-right:5px; }
#topPanel .icon_aatv_title_0 { background-position:0px -273px; width:22px; height:46px; }
#topPanel .icon-nt { height:50px }
#topPanel .icon_noprofilepic { width: 30px; height: 30px; background: #DEDEDE; background-image: url('../images/tophead/icon_noprofilepic.png'); background-repeat: no-repeat; background-size: 100%; }

#topPanel .tp-box .tpbox_new { position:absolute; top:0px; right:0px; width:34px; height:25px; background-position:0px 0px; }
#topPanel .tp-box.sel .tpbox_new { background-position:0px -50px; }
#topPanel .tp-box .tpbox_realtime_text { position:relative; top:-5px; z-index:1; color:#005FB7; }
#topPanel .tp-box.hoveron .tpbox_realtime_text { color:#4eb8df; }
#topPanel .tp-box .tpbox_realtime { position:absolute; top:0px; right:0px; z-index:0; }
body.chi #topPanel .tp-box .tpbox_realtime { width:53px; height:47px; background-position:-50px -50px; }
body.chi #topPanel .tp-box.sel .tpbox_realtime { background-position:-50px -150px; }
body.chn #topPanel .tp-box .tpbox_realtime { width:53px; height:47px; background-position:-150px -50px; }
body.chn #topPanel .tp-box.sel .tpbox_realtime { background-position:-150px -150px; }
body.eng #topPanel .tp-box .tpbox_realtime { width:105px; height:47px; background-position:-250px -50px; }
body.eng #topPanel .tp-box.sel .tpbox_realtime { background-position:-250px -150px; }
@media screen and (min-width: 1100px) {
    body.chi #topPanel .tp-box .tpbox_realtime { width:65px; height:47px; background-position:-50px 0px; }
    body.chi #topPanel .tp-box.sel .tpbox_realtime { background-position:-50px -100px; }
    body.chn #topPanel .tp-box .tpbox_realtime { width:65px; height:47px; background-position:-150px 0px; }
    body.chn #topPanel .tp-box.sel .tpbox_realtime { background-position:-150px -100px; }
    body.eng #topPanel .tp-box .tpbox_realtime { width:120px; height:47px; background-position:-250px 0px; }
    body.eng #topPanel .tp-box.sel .tpbox_realtime { background-position:-250px -100px; }
}

#topPanel .menu_icon_market { background-position:0px 0px; width:70px; height:70px; }
#topPanel .menu_icon_quote { background-position:-90px 0px; width:70px; height:70px; }
#topPanel .menu_icon_analysis { background-position:-180px 0px; width:70px; height:70px; }
#topPanel .menu_icon_news { background-position:-270px 0px; width:70px; height:70px; }
#topPanel .menu_icon_commentary { background-position:-360px 0px; width:70px; height:70px; }
#topPanel .menu_icon_warrants { background-position:0px -130px; width:70px; height:70px; }
#topPanel .menu_icon_etf { background-position:-90px -130px; width:70px; height:70px; }
#topPanel .menu_icon_mpf { background-position:-180px -130px; width:70px; height:70px; }
#topPanel .menu_icon_contact { background-position:-270px -130px; width:70px; height:70px; }
#topPanel .menu_icon_crypto { background-position:-360px -130px; width:70px; height:70px; }
#topPanel .menu_icon_about { background-position:0px -260px; width:70px; height:70px; }
#topPanel .menu_icon_aatv { background-position:-180px -260px; width:70px; height:70px; }
#topPanel .menu_icon_arrow { background-position:-138px -286px; width:6px; height:10px; }
#topPanel .menu_icon_edu { background-position:-270px -260px; width:70px; height:70px; }
#topPanel .fullmenu_icon { display:none; }

#topPanel .neg { color:#FE4E44!important; }
#topPanel .pos { color:#2EB244!important; }
#topPanel .updown { margin-top:-4px; font-size:12px; }


#topPanel { min-width:980px; font-size:14px; background-color:#F0F0F0; }
#topPanel div.container { width:980px; margin:0px auto; display:block; }

/* Top Blue Bar */
#topPanel .blue-line { background-color:#017AA7; height:40px; line-height:40px; color:#ffffff; }
#topPanel .blue-line .lang-btn a { color:#fff; font-size: 14px; }
#topPanel .blue-line .lang-btn a.en { font-size: 15px; }
#topPanel .blue-line .lang-btn a.hoveron { color:#4eb8df; }
#topPanel .blue-line div.tp-box { position:relative; padding:0px 10px; margin-left:2px; color:#ffffff; cursor:pointer; }
#topPanel .blue-line div.tp-box .hoveron { color:#4eb8df; }
#topPanel .blue-line div.tp-box.highlight { background-color:#F9E44D; color:#001D2C; }
#topPanel .blue-line div.tp-box.sel { background-color:#F0F0F0; color:#017AA7; }
#topPanel .blue-line div.tp-box.aatv { padding:0px 8px 0px 5px; margin-left:0px; }
#topPanel .blue-line .topslidebox { position:relative; width:14px; overflow:hidden; white-space:nowrap; font-size:13px; color:#FFFFFF; }

/* Header Logo Row */
#topPanel .head-line { height:50px; }
#topPanel #playPauseBox { position:absolute; left:12px; top:9px; display:block; }

/* Header Logo Row - Index Container */
#topPanel .indexContainer { color:#083343; height:inherit; padding:0px; }
#topPanel .indexContainer td { vertical-align:top; line-height:19px; }
#topPanel .indexContainer td.indexHighlight { background-color:#d8e8ed; }
#topPanel #indexBox { width:279px; }
#topPanel .subindextbl { position:relative; width:100%; height:50px; letter-spacing:0px; overflow:hidden; }
#topPanel .subindextbl .subInd { width:100%; height:100%; }
#topPanel .tp-index { height:50px; }
#topPanel .tp-index .tp-index-td1 { width:32px; }
#topPanel .tp-index .tp-index-td2a { padding:0px 3px; }
#topPanel .tp-index .tp-index-td2a td { padding:6px 0px 0px 0px; }
#topPanel .tp-index .tp-index-td2b { padding:0px 3px; }
#topPanel .tp-index .tp-index-td2b td { padding:0px 0px 6px 0px; }
#topPanel .tp-index .tp-index-td2 table { width:100%; } 
#topPanel .tp-index .tp-index-td2 td { vertical-align:bottom; white-space:nowrap; }  
#topPanel .tp-index .tp-index2-td1 { padding:6px 3px 6px 3px; }
#topPanel .tp-index .tp-index2-td1 .tp-index-td2-1 { width:35px; }
#topPanel .tp-index .tp-index2-td1 .tp-index-td2-2 { width:55px; padding-bottom:0px; }
#topPanel .tp-index .name { font-size:13px; color:#017AA7; font-weight:bold; }
#topPanel .tp-index .last { font-size:15px; }
#topPanel .tp-index .turnover { font-size:14px; }
#topPanel .tp-index .chg { font-size:14px; }
#topPanel .tp-index .pchg { font-size:14px; }
#topPanel .head-line .boxSplit { width:1px; height:30px; margin:10px 4px 0px 4px; background-color:#dfdfdf; }

/* Header Logo Row - Login Box */
#topPanel .itemContainer { padding-top:8px; } 
#topPanel .head-line #signup_toppad { height:3px; }
#topPanel .head-line #loginBox a { color:#017aa7; }
#topPanel .head-line #loginBox a.hoveron { color:#10abe4; }

#topPanel .head-line #loginBox_signup { margin-right:10px; font-size:13px; }
#topPanel .head-line #loginBox_signup { margin-right: 10px; font-size:12px; }
#topPanel .head-line #loginBox_signup .signup_button { width:auto; height:24px; line-height:24px; text-align:center; border:2px solid #D8E4E9; border-radius:3px; padding:0px 8px; }
#topPanel .head-line #loginBox_signup .signup_button.last { margin-left:8px; }
#topPanel .head-line #loginBox_signup .signup_button .icon_login_2 { margin-bottom:-1px; margin-right:-1px; margin-left:2px; }
#topPanel .head-line #loginBox_signup .signup_button .icon_register_2 { margin-bottom:-1px; margin-right:-1px; margin-left:2px; }
#topPanel .head-line #loginBox_signup a.hoveron .signup_button { background:#D8E4E9; color:#017aa7; }
body.eng #topPanel .head-line #loginBox_signup { margin-right:5px; font-size:12px; }
body.eng #topPanel .head-line #loginBox_signup .signup_button { padding:0px 4px; }
body.eng #topPanel .head-line #loginBox_signup .signup_button.last { margin-left:4px; }

#topPanel .head-line #loginBox_account { margin-top:2px; margin-right:5px; }
#topPanel .head-line #loginBox_account .account_thumbnail { border-radius:15px; margin-right:5px; overflow:hidden; }
#topPanel .head-line #loginBox_account .account_thumbnail_img { width:100%; height:100%; background-repeat:no-repeat; background-size:100%; }
#topPanel .head-line #loginBox_account .account_name { width:100px; font-size:13px; line-height:30px; color:#017aa7; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#topPanel .head-line #loginBox_account a.hoveron .account_name { color:#10abe4; }


#topPanel #ddlMarket { background-color: #F0F0F0; color:#017aa7; font-size:13px; font-weight:bold; height:30px; line-height:30px; padding:0px; margin:0px; border:1px solid #DADADA; }
body.eng #topPanel #ddlMarket { font-size:12px; width:80px; }

#topPanel div.tp-btn { background-color:#017AA7; color:#FFFFFF; width:47px; text-align:center; font-size:12px; height:30px; line-height:30px; }
body.eng #topPanel div.tp-btn { width:43px; }
#topPanel div.tp-btn.hoveron { background-color:#006286; }
#topPanel .tp-btn-sep { background-color:#017AA7; }
#topPanel .tp-btn-sep div { width:1px; height:22px; margin:4px 0px; background-color:#016E95; }

#topPanel #topPanel-menu { position:relative; background-color:#E4E4E4; height:40px; line-height:40px; text-align:left; }
#topPanel .hk-menu span { display:inline-block; padding:0px 10px; }

#topPanel .menu_item .menu2 .aatv_min_w { min-width:160px; }
#topPanel .menu_item .menu2 .aatv_r_bdr { border-right:1px dotted #d8d8d8; }
#topPanel .menu_item .menu2 .aatv_r_bdr.aatv_r_bdr_on { border-right:1px solid #0085b8; }
#topPanel .menu_item .menu2 .aatv_r_bdr .menu2_item { margin-top:5px; margin-bottom:0px; }

#topPanel .menu_item .menu2 .aafn_min_w { min-width:160px; }
#topPanel .menu_item .menu2 .aafn_r_bdr { border-right:1px dotted #d8d8d8; }
#topPanel .menu_item .menu2 .aafn_r_bdr.aafn_r_bdr_on { border-right:1px solid #0085b8; }
#topPanel .menu_item .menu2 .aafn_r_bdr .menu2_item { margin-top:5px; margin-bottom:0px; }

#topPanel .menu_item .menu2 .menu2_item a span .icon_menu_arrow { background-position:-250px -100px; width:7px; height:4px; margin-bottom:3px; margin-left:3px; }
#topPanel .menu_item .menu2 .menu2_item.hoveron a span .icon_menu_arrow { background-position:-250px -50px; width:4px; height:7px; margin-bottom:2px; margin-left:4px; margin-right:2px; }

#topPanel .menu { width:980px; height:40px; text-align:center; float:none; display: inline-flex; justify-content:left;}
#topPanel .menu_item { float:left; position:relative; }
#topPanel .menu_item > a > span { padding:0px 11px; font-size:13px; font-weight:bold; color:#545454; }
#topPanel .menu_item > a > span.QuoteService { color:#0c81ae; }
#topPanel .menu_item > a > span.AATV { color:#00A9C5; }
body.eng #topPanel .menu_item > a > span { padding:0px 10px; }
#topPanel .menu_item.hoveron > a > span { background-color:#f5f5f5; color:#0085b8; }
#topPanel .menu_item:hover > a > span { background-color:#f5f5f5; color:#0085b8; }
#topPanel .menu_item.hoveron > a > span.AATV { color:#00A9C5; }
#topPanel .menu_item:hover > a > span.AATV { color:#00A9C5; }
#topPanel .menu_item .menu2 { position:absolute; top:100%; left:0px; z-index:1000; background-color:#f5f5f5; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2); display:none; }
#topPanel .menu_item.hoveron .menu2 { display:block; }
#topPanel .menu_item:hover .menu2 { display:block; }
#topPanel .menu_item .menu2.colx1 { padding:40px 0px 35px 0px; }
#topPanel .menu_item .menu2.colx2 { padding:40px 0px 35px 0px; }
#topPanel .menu_item .menu2 .menu2_title { font-size:18px; font-weight:bold; line-height:100%; color:#00394e; padding:30px 0px 10px 0px; }
#topPanel .menu_item .menu2 .menu2_title.title-sm { font-size: 14px; }
#topPanel .menu_item .menu2 .menu2_item { position:relative; white-space:nowrap; margin-bottom:5px; line-height:24px; }
#topPanel .menu_item .menu2 .menu2_item.hoveron { background-color:#0085b8; }
#topPanel .menu_item .menu2 .menu2_item:hover { background-color:#0085b8; }
#topPanel .menu_item .menu2 .menu2_item > a > span { font-size:14px; line-height:24px; font-weight:bold; color:#0869A1; }
body.eng #topPanel .menu_item .menu2 .menu2_item > a > span { font-size:13px; line-height:22px; }
#topPanel .menu_item .menu2 .menu2_item.hoveron > a > span { background-color:#0085b8; color:#FFFFFF; }
#topPanel .menu_item .menu2 .menu2_item:hover > a > span { background-color:#0085b8; color:#FFFFFF; }
#topPanel .menu_item .menu2.colx1 .menu2_item > a > span { padding:0px 45px; }
#topPanel .menu_item .menu2.colx2 .menu2_item > a > span { padding:0px 45px; }
#topPanel .menu_item .menu3 { position:absolute; top:-25px; left:100%; background-color:#f5f5f5; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.2); display:none; }
#topPanel .menu_item .menu2_item.hoveron .menu3 { display:block; }
#topPanel .menu_item .menu2_item:hover .menu3 { display:block; }
#topPanel .menu_item .menu3.colx1 { padding:25px 0px; }
#topPanel .menu_item .menu3.colx2 { padding:25px 0px; }
#topPanel .menu_item .menu3 .menu3_item { position:relative; white-space:nowrap; margin-bottom:5px; }
#topPanel .menu_item .menu3 .menu3_item.hoveron { background-color:#0085b8; }
#topPanel .menu_item .menu3 .menu3_item:hover { background-color:#0085b8; }
#topPanel .menu_item .menu3 .menu3_item > a > span { font-size:14px; line-height:24px; font-weight:bold; color:#0869A1; }
#topPanel .menu_item .menu3.colx1 .menu3_item > a > span { padding:0px 30px; }
#topPanel .menu_item .menu3.colx2 .menu3_item > a > span { padding:0px 30px; }
body.eng #topPanel .menu_item .menu3 .menu3_item > a > span { font-size:13px; line-height:22px; }
#topPanel .menu_item .menu3 .menu3_item.hoveron > a > span { background-color:#0085b8; color:#FFFFFF; }
#topPanel .menu_item .menu3 .menu3_item:hover > a > span { background-color:#0085b8; color:#FFFFFF; }
#topPanel .menu_item .menu_item_mask { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:100; display:none; }
#topPanel .menu_item .aatv_live_title { position:absolute; bottom:0px; left:0px; border-left:3px solid #dfb4bf; padding-left:4px; padding-right:2px; background-color:#f5f5f5; z-index:10; }
#topPanel .menu_item .aatv_live_title table td { vertical-align:middle; font-size:14px; line-height:16px; color:#dfb4bf; font-weight:bold; }

#topPanel #fullMenu-button { float:left; padding:0px 15px; height:40px; cursor:pointer; margin-left:auto;}
#topPanel #fullMenu-button.hoveron { background-color:#f5f5f5; }
#topPanel #fullMenu-button .icon_menu { background-position:-150px -50px; width:18px; height:13px; margin-top:13px; }
#topPanel #fullMenu-button.hoveron .icon_menu { background-position:-200px -50px; width:14px; height:12px; margin-top:16px; margin-left:2px; margin-right:2px; }
#topPanel #fullMenu { position:absolute; width:100%; background-color:#F3F3F3; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); z-index:1000; display:none; }

#topPanel .fullMenu_container { width:980px; margin:0px auto; }
#topPanel .fullMenu_container .fullMenu_column { vertical-align:top; text-align:center; padding:40px 0px 60px 0px; }
#topPanel .fullMenu_container .fullMenu_column .menu2_title { font-size:18px; font-weight:bold; line-height:100%; color:#00394e; padding:30px 0px 10px 0px; }
body.eng #topPanel .fullMenu_container .fullMenu_column .menu2_title { font-size:16px; }
#topPanel .fullMenu_container .fullMenu_column .menu2_title_top_pad { padding-top:45px; }
body.eng #topPanel .fullMenu_container .fullMenu_column .menu2_title_top_pad { padding-top:52px; }
#topPanel .fullMenu_container .fullMenu_column .menu2_title.menu2_title_top_pad.title-sm { font-size: 14px; }
#topPanel .fullMenu_container .fullMenu_column .menu2_item { position:relative; white-space:nowrap; line-height:26px; }
#topPanel .fullMenu_container .fullMenu_column .menu2_item.hoveron { background-color:#0085b8; }
#topPanel .fullMenu_container .fullMenu_column .menu2_item > a > span { font-size:13px; line-height:26px; color:#0869A1; padding:0px 5px; letter-spacing:0; }
body.eng #topPanel .fullMenu_container .fullMenu_column .menu2_item > a > span { font-size:12px; line-height:26px; font-weight:bold; padding:0px 3px; letter-spacing:-0.7px; }
#topPanel .fullMenu_container .fullMenu_column .menu2_item.hoveron > a > span { background-color:#0085b8; color:#FFFFFF; }
#topPanel .fullMenu_container .fullMenu_footer a { color:#0869a1; font-size:13px; line-height:16px; }
body.eng #topPanel .fullMenu_container .fullMenu_footer a { font-size:12px; line-height:16px; font-weight:bold; }
#topPanel .fullMenu_container .fullMenu_footer.left { float:left; margin-left:20px; margin-right:9px; }
#topPanel .fullMenu_container .fullMenu_footer.right { float:right; margin-left:9px; margin-right:20px; }
#topPanel .fullmenu_icon { float:left; display:block; width:16px; height:16px; margin-bottom:-2px; margin-right:10px; }
#topPanel .fullmenu_icon.forgetpwd { background-position:-90px -260px; }
#topPanel .fullmenu_icon.feedback { background-position:-114px -260px; }
#topPanel .fullmenu_icon.disclaimer { background-position:-114px -286px; }
#topPanel .fullmenu_icon.career { background-position:-90px -286px; }
#topPanel .fullmenu_icon.aboutus { background-position:-138px -260px; }


#topPanel #AATVMenuItem #aatv_r_bdr_master { left:-25px!important; min-height:393px; }
#topPanel #topPanel-menu-AATV { position:relative; padding:0px 9px 0px 25px; }
#topPanel #topPanel-menu-AATV-arrow { position:absolute; top:22px; left:0px; display:none; }
#topPanel #topPanel-menu-AATV-Title { clear:both; overflow:hidden; margin-bottom:11px; min-height: 50px; }
#topPanel #topPanel-menu-AATV-Title .icon { float:left; }
#topPanel #topPanel-menu-AATV-Title .label { float:left; font-size: 16px; font-weight: bold; line-height: 100%; color: #00394e; margin-top:18px; margin-left:10px; }
#topPanel #topPanel-menu-AATV-News { width:700px; overflow:hidden; }
#topPanel #topPanel-menu-AATV-News .AATVNews { float:left; width:160px; margin-right:20px; cursor:pointer; }
#topPanel #topPanel-menu-AATV-News .AATVNews.last { margin-right:0px; }
#topPanel #topPanel-menu-AATV-News .AATVNewsSep { clear:both; height:20px; }
#topPanel #topPanel-menu-AATV-News .AATVNewsImage { position:relative; width:160px; height:90px; }
#topPanel #topPanel-menu-AATV-News .AATVNewsImage > img { width:100%; height:100%; }
#topPanel #topPanel-menu-AATV-News .AATVNewsMask { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; }
#topPanel #topPanel-menu-AATV-News .AATVNewsMask .icon-video-catg { position:absolute; bottom:7px; left:8px; line-height:0px; }
#topPanel #topPanel-menu-AATV-News .AATVNewsMask .icon-video-catg img { width:auto; height:39px; }
#topPanel #topPanel-menu-AATV-News .AATVNewsContent { width:100%; height:68px; background-color:#ECECEC; }
#topPanel #topPanel-menu-AATV-News .AATVNewsContent_Title { max-height:36px; padding:7px 10px 0px 10px; text-align:left; font-size:14px; font-weight:bold; line-height:18px; color:#0869a1; overflow:hidden; }
#topPanel #topPanel-menu-AATV-News .AATVNewsContent_Title:hover { color:#10abe4;}
#topPanel #topPanel-menu-AATV-News .AATVNewsContent_Date { position:absolute; top:3px; right:3px; padding:0px 3px; color:#ffffff; font-size:12px; line-height:22px; background-color:#000000; opacity:0.5; border-radius:3px; }


#topPanel #AAFNMenuItem #aafn_r_bdr_master { left:-355px!important; min-height:393px; }
#topPanel #topPanel-menu-AAFN { position:relative; padding:0px 9px 0px 25px; z-index:3; }
#topPanel #topPanel-menu-AAFN-arrow { position:absolute; top:22px; left:0px; display:none; }
#topPanel #topPanel-menu-AAFN-Title { clear:both; overflow:hidden; margin-bottom:11px; }
#topPanel #topPanel-menu-AAFN-Title .icon { float:left; }
#topPanel #topPanel-menu-AAFN-Title .label { float:left; font-size: 16px; font-weight: bold; line-height: 100%; color: #00394e; margin-top:18px; margin-left:10px; }
#topPanel #topPanel-menu-AAFN-Voted { display:none; overflow:hidden; margin-bottom:11px;position: absolute;right: 0;top: 9px; }
#topPanel #topPanel-menu-AAFN-Voted ul { height: 30px; list-style: none outside none; margin: 0 auto; padding: 0; }
#topPanel #topPanel-menu-AAFN-Voted ul li { height: 25px; float: left; cursor: pointer!important; width: auto; font-size: 14px;}
#topPanel #topPanel-menu-AAFN-Voted ul li a > div {margin-right: 10px;padding: 4px 15px;border: solid 1px #E5E5E5;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #0869a1;line-height: 18px;}
#topPanel #topPanel-menu-AAFN-Voted ul li.active a > div { background: #E5E5E5; color: #00394e; font-weight: bold;}


#topPanel #topPanel-menu-AAFN-News { width:700px; overflow:hidden; }
#topPanel #topPanel-menu-AAFN-News .AAFNNews { float:left; width:160px; margin-right:20px; cursor:pointer; }
#topPanel #topPanel-menu-AAFN-News .AAFNNews.last { margin-right:0px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsSep { clear:both; height:20px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsImage { position:relative; width:160px; height:90px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsImage > img { width:100%; height:100%; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank { position:absolute; top:5px; left:5px; width:26px; height:26px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-1 { background-position:-50px -250px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-2 { background-position:-100px -250px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-3 { background-position:-150px -250px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-4 { background-position:-200px -250px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-5 { background-position:-250px -250px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-6 { background-position:-300px -250px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-7 { background-position:-50px -300px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-rank.icon-rank-8 { background-position:-100px -300px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container { position:absolute; bottom:-5px; left:0px; padding:0px 10px; font-size:14px; line-height:20px; color:#FFFFFF; opacity:0.9; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aac { background-color:#efb400; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aar { background-color:#36aa61; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aad { background-color:#f4544d; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aav { background-color:#2a90d1; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aat { background-color:#2a90d1; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aas { background-color:#636363; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container .icon-aamm { width:14px; height:14px; margin-bottom:-2px; margin-right:5px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aac .icon-aamm { background-position:-100px -350px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aar .icon-aamm { background-position:-150px -350px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aad .icon-aamm { background-position:-200px -350px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aav .icon-aamm { background-position:-250px -350px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aat .icon-aamm { background-position:-250px -350px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container.icon-aamm-aas .icon-aamm { background-position:-300px -350px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsContent { width:100%; height:80px; background-color:#ECECEC; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsContent_Title { max-height:36px; padding:7px 10px 0px 10px; text-align:left; font-size:14px; font-weight:bold; line-height:18px; color:#0869a1; overflow:hidden; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsContent_Title:hover { color:#10abe4;}
#topPanel #topPanel-menu-AAFN-News .AAFNNewsContent_Date { position:absolute; top:3px; right:3px; padding:0px 3px; color:#ffffff; font-size:12px; line-height:22px; background-color:#000000; opacity:0.5; border-radius:3px; }
#topPanel #topPanel-menu-AAFN-News .AAFNNewsContent_NewsSource {font-size: 12px;font-weight: normal;line-height: 18px;color: #A2A2A8;text-align: left;padding: 7px 10px 0px 10px;}
#topPanel #topPanel-menu-AAFN-News .AAFNNewsContent .icon-AINews {margin: 7px 0 0 10px;}
#topPanel #AAFNMenuItem .menu2_item .icon_link { background-position:0px -350px; width:13px; height:13px; }
#topPanel #AAFNMenuItem .menu2_item:hover .icon_link { background-position:-50px -350px; width:13px; height:13px; }


@media screen and (min-width: 1100px) {
    #topPanel .icon_marginright { margin-right: 20px; }
    #topPanel .icon_sethome { width:18px; height:16px; margin-top:2px; }
    #topPanel .icon_contact { width:18px; height:13px; margin-top:4px; }
    #topPanel .icon_topiphone { width:14px; height:16px; }
    #topPanel .icon_topandroid { width:14px; height:16px; }
    #topPanel .icon_topmobile { width:9px; height:16px; }
    #topPanel .icon_aalogo { width:200px; height:65px; background-size:200px 65px; margin-top:0px; }
    #topPanel .icon_facebook { width:16px; height:16px; margin-top:2px; }
    #topPanel .icon_video { background-position:-250px -200px; width:35px; height:30px; }
    #topPanel .icon_aatv_full { width:77px; height:30px; }
    #topPanel .icon_aatv { background-position:-200px -200px; width:17px; height:20px; margin-bottom:-2px; margin-right:5px; }
    #topPanel .icon_aatv_title_0 { background-position:0px -270px; width:24px; height:46px; }
    #topPanel .icon-nt { height:54px }

    #topPanel { min-width:1200px; font-size:15px; }
    #topPanel div.container { width:1200px; }

    /* Top Blue Bar */
    #topPanel .blue-line .topslidebox { font-size:14px; }
    #topPanel .blue-line .lang-btn a { color:#fff; font-size: 15px; }
    #topPanel .blue-line .lang-btn a.en { font-size: 15px; }
    #topPanel .blue-line div.tp-box { padding:0px 15px; margin-left:5px; }
    #topPanel .blue-line div.tp-box.aatv { padding:0px 15px 0px 5px; margin-left:0px; }

    /* Header Logo Row */
    #topPanel .head-line { height:65px; }
    #topPanel #playPauseBox { position:absolute; left:12px; top:13px; display:block; }

    /* Header Logo Row - Index Container */
    #topPanel .indexContainer td { line-height:21px; }
    #topPanel #indexBox { width:320px; }
    #topPanel .subindextbl { height:65px; }
    #topPanel .tp-index .tp-index-td1 { width:50px; }
    #topPanel .tp-index .tp-index-td2a { padding:0px 5px; }
    #topPanel .tp-index .tp-index-td2a td { padding:10px 0px 1px 0px; }
    #topPanel .tp-index .tp-index-td2b { padding:0px 5px; }
    #topPanel .tp-index .tp-index-td2b td { padding:1px 0px 10px 0px; }
    #topPanel .tp-index .tp-index2-td1 { padding:10px 5px 10px 5px; }
    #topPanel .tp-index .tp-index2-td1 .tp-index-td2-1 { width:35px; }
    #topPanel .tp-index .tp-index2-td1 .tp-index-td2-2 { width:65px; padding-bottom:2px; }
    #topPanel .tp-index .name { font-size:16px; }
    #topPanel .tp-index .last { font-size:16px; }
    #topPanel .tp-index .turnover { font-size:16px; }
    #topPanel .tp-index .chg { font-size:16px; }
    #topPanel .tp-index .pchg { font-size:16px; }
    #topPanel .head-line .boxSplit { height:35px; margin:15px 7px 0px 7px; }

    /* Header Logo Row - Login Box */
    #topPanel .head-line #signup_toppad { height:11px; }

    #topPanel .head-line #loginBox_signup { margin-right:20px; font-size:14px; }
    #topPanel .head-line #loginBox_signup .signup_button { width:auto; padding:0px 13px; }
    #topPanel .head-line #loginBox_signup .signup_button.last { margin-left:10px; }
    body.eng #topPanel .head-line #loginBox_signup { margin-right:13px; font-size:14px; }
    body.eng #topPanel .head-line #loginBox_signup .signup_button { padding:0px 8px; }
    body.eng #topPanel .head-line #loginBox_signup .signup_button.last { margin-left:10px; }

    #topPanel .head-line #loginBox_account { margin-top:9px; margin-right:15px; }
    #topPanel .head-line #loginBox_account .account_thumbnail { margin-right:10px; }
    #topPanel .head-line #loginBox_account .account_name { width:130px; font-size:15px; line-height:30px; }


    #topPanel #ddlMarket { font-size:14px; padding:0px 6px; }
    body.eng #topPanel #ddlMarket { font-size:13px; width:auto; }

    #topPanel div.tp-btn { width:54px; font-size:13px; }
    body.eng #topPanel div.tp-btn { width:54px; }

    #topPanel .menu_item .menu2 .menu2_item a span .icon_menu_arrow { background-position:-250px -100px; width:7px; height:5px; margin-bottom:3px; margin-left:3px; }
    body.eng #topPanel .menu_item .menu2 .menu2_item a span .icon_menu_arrow { margin-bottom:2px; }
    #topPanel .menu_item .menu2 .menu2_item.hoveron a span .icon_menu_arrow { background-position:-300px -50px; width:4px; height:7px; margin-bottom:2px; margin-left:4px; margin-right:2px; }
    body.eng #topPanel .menu_item .menu2 .menu2_item.hoveron a span .icon_menu_arrow { margin-bottom:1px; }

    #topPanel .menu { width:1200px; height:40px; text-align:center; float:none;}
    #topPanel .menu_item > a > span { padding:0px 15px; font-size:15px; font-weight:bold; color:#545454; }
    #topPanel .menu_item .menu2 .aatv_min_w { min-width:185px; }
    #topPanel .menu_item .menu2 .aafn_min_w { min-width:185px; }
    body.eng #topPanel .menu_item > a > span { padding:0px 15px; }
    #topPanel .menu_item .menu2 .menu2_title { font-size:21px; padding:30px 0px 10px 0px; }
    body.eng #topPanel .menu_item .menu2 .menu2_title { font-size:19px; padding:30px 0px 10px 0px; }
    #topPanel .menu_item .menu2 .menu2_title.title-sm, body.eng #topPanel .menu_item .menu2 .menu2_title.title-sm { font-size: 16px; }
    #topPanel .menu_item .menu2 .menu2_item { line-height:26px; }
    #topPanel .menu_item .menu2 .menu2_item > a > span { font-size:16px; line-height:26px; }
    body.eng #topPanel .menu_item .menu2 .menu2_item > a > span { font-size:14px; line-height:26px; }
    #topPanel .menu_item .menu3 .menu3_item > a > span { font-size:16px; line-height:26px; }
    body.eng #topPanel .menu_item .menu3 .menu3_item > a > span { font-size:14px; line-height:26px; }
    #topPanel .menu_item .aatv_live_title table td { font-size:15px; }

    #topPanel #fullMenu-button { padding: 0px 23px; }
    body.eng #topPanel #fullMenu-button { padding: 0px 16px; }
    #topPanel #fullMenu-button .icon_menu { background-position:-200px -50px; width:18px; height:13px; margin-top:13px; }
    #topPanel #fullMenu-button.hoveron .icon_menu { background-position:-250px -50px; width:14px; height:12px; margin-top:16px; margin-left:2px; margin-right:2px; }

    #topPanel .fullMenu_container { width:100%; max-width:1920px; margin:0px auto; }
    #topPanel .fullMenu_container .fullMenu_column .menu2_title { font-size:21px; font-weight:bold; line-height:100%; }
    body.eng #topPanel .fullMenu_container .fullMenu_column .menu2_title { font-size:18px; }
    #topPanel .fullMenu_container .fullMenu_column .menu2_title_top_pad { padding-top:45px; }
    body.eng #topPanel .fullMenu_container .fullMenu_column .menu2_title_top_pad { padding-top:56px; }
    #topPanel .fullMenu_container .fullMenu_column .menu2_title.menu2_title_top_pad.title-sm { font-size: 17px; }
    #topPanel .fullMenu_container .fullMenu_column .menu2_item { line-height:30px; }
    #topPanel .fullMenu_container .fullMenu_column .menu2_item > a > span { font-size:17px; line-height:30px; }
    body.eng #topPanel .fullMenu_container .fullMenu_column .menu2_item > a > span { font-size:14px; line-height:28px; font-weight:bold; padding:0px 1px; letter-spacing:-0.7px; }
    #topPanel .fullMenu_container .fullMenu_footer a { font-size:16px; line-height:100%; }
    body.eng #topPanel .fullMenu_container .fullMenu_footer a { font-size:13px; line-height:16px; font-weight:bold; }


    #topPanel #AATVMenuItem #aatv_r_bdr_master { left:0px!important; min-height:433px; }
    #topPanel #topPanel-menu-AATV-Title { min-height: 54px; }
    #topPanel #topPanel-menu-AATV-Title .label { font-size: 18px; margin-top:20px; }
    #topPanel #topPanel-menu-AATV-News { width:800px; overflow:hidden; }
    #topPanel #topPanel-menu-AATV-News .AATVNews { float:left; width:175px; margin-right:25px; cursor:pointer; }
    #topPanel #topPanel-menu-AATV-News .AATVNewsSep { clear:both; height:25px; }
    #topPanel #topPanel-menu-AATV-News .AATVNewsImage { width:175px; height:98px; }
    #topPanel #topPanel-menu-AATV-News .AATVNewsMask .icon-video-catg img { width:auto; height:45px; }
    #topPanel #topPanel-menu-AATV-News .AATVNewsContent { height:65px; }
    #topPanel #topPanel-menu-AATV-News .AATVNewsContent_Title { max-height:40px; padding:12px 10px 0px 10px; font-size:16px; line-height:20px; }

    #topPanel #AAFNMenuItem #aafn_r_bdr_master { left:-398px!important; min-height:400px; }
    #topPanel #topPanel-menu-AAFN-Title .label { font-size: 18px; margin-top:20px; }
    #topPanel #topPanel-menu-AAFN-News { width:800px; overflow:hidden; }
    #topPanel #topPanel-menu-AAFN-News .AAFNNews { float:left; width:175px; margin-right:25px; cursor:pointer; }
    #topPanel #topPanel-menu-AAFN-News .AAFNNewsSep { clear:both; height:25px; }
    #topPanel #topPanel-menu-AAFN-News .AAFNNewsImage { width:175px; height:98px; }
    #topPanel #topPanel-menu-AAFN-News .AAFNNewsMask .icon-aamm-container { bottom:-10px; }
    #topPanel #topPanel-menu-AAFN-News .AAFNNewsContent { height:90px; }
    #topPanel #topPanel-menu-AAFN-News .AAFNNewsContent_Title { max-height:40px; padding:12px 10px 0px 10px; font-size:16px; line-height:20px; }
    #topPanel #topPanel-menu-AAFN-News .icon-AINews {margin: 12px 0 0 10px;}
}

/* Header Logo Row - Search Symbol Box */
#topPanel .search-box-container { margin-top: 0px; }
#topPanel .search-box-container:after { content:''; position:absolute; top:4px; right:30px; width:1px; height:24px; background:#e5e5e5; }
#topPanel .search-box-container > input[type='text'] { position: relative; width: 217px; border: 1px solid #DADADA; background: #f0f0f0; color: #017aa7; height: 20px; line-height: 20px; font-size: 14px; font-weight: bold; padding: 5px 60px 5px 10px; border-radius: 3px; -webkit-appearance: none; }
#topPanel .search-box-container > input[type='text']::placeholder { color: #aaaaaa; opacity: 1; text-transform: none; font-weight: normal; }
#topPanel .search-box-container > input[type='text']:-ms-input-placeholder { color: #aaaaaa; text-transform: none; font-weight: normal; }
#topPanel .search-box-container > input[type='text']::-ms-input-placeholder { color: #aaaaaa; text-transform: none; font-weight: normal; }
#topPanel .search-box-container > input[type='text']:focus { -webkit-box-shadow: 0px 0px 5px 0px #017aa7; box-shadow: 0px 0px 5px 0px #017aa7;  border-color: transparent; }
#topPanel .search-box-container > input[type='text']::-moz-selection { background: #c5def7; color: #017aa7; } 
#topPanel .search-box-container > input[type='text']::selection { background: #c5def7; color: #017aa7; }
#topPanel .search-box-container > input[type='text'].notrans { text-transform: none; }
#topPanel .search-box-container > input[type='text']::-ms-clear { display: none; }
#topPanel .search-box-container > .icon_search { position: absolute; top: 11px; right: 41px; margin: 0px; z-index: 100; cursor: text; }
#topPanel .search-box-container > .icon_arrow { position:absolute; top:1px; right:1px; width:29px; height:30px; cursor:pointer; }
#topPanel .search-box-container > .icon_arrow > div { width:0px; height:0px; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:7px solid #3579a3; margin:11px auto; }
#topPanel .search-box-container > .icon_arrow:hover > div { border-left-color:#529fcc; }

/* SuggestList - Standard */
.aaSearchSymbolList { width: 269px; padding: 10px; background: #fff; color: #999999; font-weight: bold; box-shadow: 0 2px 10.89px 0.11px rgba(94,94,94,.25); border: 0; overflow: hidden; font-family: 微軟正黑體修正,微軟正黑體修正2,微軟正黑體,'Microsoft JhengHei',Arial; }
body.eng .aaSearchSymbolList { font-family: Arial; }

.aaSearchSymbolList .sb-head { font-size: 12px; line-height: 20px; color: #9b9b9b; border-bottom: 1px solid #e4e4e4; margin-bottom: 4px; padding-bottom: 1px; }
.aaSearchSymbolList .sb-head .sb-label { padding: 0px 5px; }
.aaSearchSymbolList .sb-list .sb-item { height: 38px; padding: 0px 5px; cursor: pointer; border-top: 1px solid #ffffff; }

.aaSearchSymbolList .sb-list .sb-item .sb-flag { width: 18px; height: 12px; margin-left: 5px; margin-top: 4px; }
.aaSearchSymbolList .sb-list .sb-item .sb-flag > img { width: 100%; height: 100%; }
.aaSearchSymbolList .sb-list .sb-item .sb-stock { width: 105px; height: 40px; margin-left: 5px; margin-right: 10px; }
.aaSearchSymbolList .sb-list .sb-item .sb-stock > .sb-name { width: 100%; height: 16px; font-size:13px; line-height: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 3px; color:#8f8f8f; }
.aaSearchSymbolList .sb-list .sb-item .sb-stock > .sb-name.eng { font-size:12px; }
.aaSearchSymbolList .sb-list .sb-item .sb-stock > .sb-name > span { color: #595960; }
.aaSearchSymbolList .sb-list .sb-item .sb-stock > .sb-symbol { width: 100%; height: 16px; font-size: 13px; line-height: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.aaSearchSymbolList .sb-list .sb-item .sb-button { width: 30px; height: 42px; margin-top: -2px; position: relative; font-size: 13px; cursor: pointer; line-height: 40px; font-weight: bold; white-space: nowrap; text-align: center; }
.aaSearchSymbolList .sb-list .sb-item .sb-button-ipo { width:55px; height: 42px; margin-top: -2px; position: relative; font-size: 13px; cursor: pointer; line-height: 40px; font-weight: bold; white-space: nowrap; text-align: center; }
.aaSearchSymbolList .sb-list .sb-item .sb-sep { width: 1px; height: 10px; background: #e4e4e4; margin: 15px 6px; }
.aaSearchSymbolList .sb-list .sb-item.v2 .sb-stock { width: 230px; margin-right: 0px; }
.aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-stock { width: 120px; }
.aaSearchSymbolList .sb-list .sb-item.sb-item-ipo { height: 105px; }
.aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-title{display: inline-block; width: 65px; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #8f8f8f;}
.aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-value{display: inline-block; margin-left: 0px; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #8f8f8f;}
.aaSearchSymbolList .sb-list .sb-item .sb-ipo { margin-top:0px; margin-left:28px; font-weight:500; }

body.eng .aaSearchSymbolList .sb-list .sb-item .sb-button.sb-button-ipo { width: 60px;}
body.eng .aaSearchSymbolList .sb-list .sb-item .sb-stock { width: 75px; }
body.eng .aaSearchSymbolList .sb-list .sb-item .sb-button { width: 40px; }
body.eng .aaSearchSymbolList .sb-list .sb-item .sb-button[data-action='ipo1'] {width:60px;}
body.eng .aaSearchSymbolList .sb-list .sb-item.v2 .sb-stock { width: 230px; }
body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo { height: 95px; }
body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo.v2 .sb-stock { width: 95px; }
body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-title { width: 95px; }
body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-value { font-size: 12px; }

.aaSearchSymbolList .sb-list .sb-item.load { color: transparent; cursor: default; -webkit-animation: sb_loading 2s infinite; -moz-animation: sb_loading 2s infinite; -o-animation: sb_loading 2s infinite; animation: sb_loading 2s infinite; }
.aaSearchSymbolList .sb-list .sb-item.load .sb-flag { background: #F1F1F1; }
.aaSearchSymbolList .sb-list .sb-item.load .sb-flag > img { display: none; }
.aaSearchSymbolList .sb-list .sb-item.load .sb-stock > .sb-name { height: 14px; line-height: 14px; background: #F1F1F1; margin-top: 5px; margin-bottom: 2px; }
.aaSearchSymbolList .sb-list .sb-item.load .sb-stock > .sb-name > span { color: transparent; }
.aaSearchSymbolList .sb-list .sb-item.load .sb-stock > .sb-symbol { height: 14px; line-height: 14px; background: #F1F1F1; }
.aaSearchSymbolList .sb-list .sb-item.load .sb-button { height: 14px; line-height: 14px; background: #F1F1F1; margin: 13px 0px; cursor: default; }
    
@-webkit-keyframes sb_loading { 0%, 10% { opacity: 0.5; } 40%, 60% { opacity: 1; } 90%, 100% { opacity: 0.5; } }
@-moz-keyframes sb_loading { 0%, 10% { opacity: 0.5; } 40%, 60% { opacity: 1; } 90%, 100% { opacity: 0.5; } }
@-o-keyframes sb_loading { 0%, 10% { opacity: 0.5; } 40%, 60% { opacity: 1; } 90%, 100% { opacity: 0.5; } }
@keyframes sb_loading { 0%, 10% { opacity: 0.5; } 40%, 60% { opacity: 1; } 90%, 100% { opacity: 0.5; } }

.aaSearchSymbolList .sb-foot { display: inline-block; width: 100%; border-top: 1px dotted #cccccc; margin-top: 5px; }
.aaSearchSymbolList .sb-foot .sb-search { font-size: 14px; height: 28px; line-height: 28px; font-weight: bold; color: #065989; text-align: center; cursor: pointer; margin-top: 6px; }

.aaSearchSymbolList.ui-menu .ui-menu-item.sb-foot2 { display: inline-block; width: 100%; margin-top: 6px; margin-bottom: 6px; }
.aaSearchSymbolList.ui-menu .ui-menu-item.sb-foot2 .sb-msg { font-size: 13px; height: 28px; line-height: 28px; font-weight: bold; color: #ea9898; margin-left: 5px; }
.aaSearchSymbolList.ui-menu .ui-menu-item.sb-foot2 .sb-search { font-size: 13px; height: 28px; line-height: 28px; font-weight: bold; color: #017aa7; text-align: center; cursor: pointer; padding: 0px 5px; border-radius: 2px; }

.aaSearchSymbolList li { clear: both; }
.aaSearchSymbolList li a { outline: none; }
.aaSearchSymbolList.ui-menu .ui-menu-item a { padding: 0px; line-height: inherit; color: inherit; }
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-hover, 
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-active { background: #e4f2f7; }
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-hover .sb-item .sb-sep, 
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-active .sb-item .sb-sep { background: #cbdee5; }
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-hover .sb-item .sb-button,
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-active .sb-item .sb-button { color: #017aa7; }
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-hover .sb-item .sb-button.sel:after,
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-active .sb-item .sb-button.sel:after { content: ''; position: absolute; left: 0px; bottom: 10px; width: 100%; border-bottom: 2px solid #017aa7; }
.aaSearchSymbolList.ui-menu .ui-menu-item a.ui-state-hover .sb-item .sb-button.disabled { color: #999; }

@media screen and (min-width: 1100px) {
    #topPanel .search-box-container { margin-top: 8px; margin-right: 16px; }
    #topPanel .search-box-container > input[type='text'] { width: 258px; }

    .aaSearchSymbolList { width: 310px; padding: 15px 10px 8px 10px; }
    .aaSearchSymbolList .sb-head { font-size: 12px; }

    .aaSearchSymbolList .sb-list .sb-item .sb-flag { width: 18px; }
    .aaSearchSymbolList .sb-list .sb-item .sb-stock { width: 146px; }
    .aaSearchSymbolList .sb-list .sb-item .sb-stock > .sb-name { width: 100%; font-size:14px; }
    .aaSearchSymbolList .sb-list .sb-item .sb-stock > .sb-name.eng { font-size:13px; }
    .aaSearchSymbolList .sb-list .sb-item .sb-stock > .sb-symbol { width: 100%; font-size: 15px; }
    .aaSearchSymbolList .sb-list .sb-item .sb-button { width: 30px; font-size: 13px; }
    .aaSearchSymbolList .sb-list .sb-item .sb-button-ipo { width: 55px; font-size: 13px; }
    .aaSearchSymbolList .sb-list .sb-item .sb-ipo { margin-top:0px; margin-left:28px; font-weight:500; }
    .aaSearchSymbolList .sb-list .sb-item .sb-sep { width: 1px; }
    .aaSearchSymbolList .sb-list .sb-item.v2 .sb-stock { width: 272px; }
    .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-stock { width: 160px; }
    .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo { height: 105px; }
    .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-title{ display: inline-block; font-size: 13px;}
    .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-value{ display: inline-block; margin-left: 5px;  font-size: 14px;}

    body.eng .aaSearchSymbolList .sb-list .sb-item .sb-stock { width: 116px; }
    body.eng .aaSearchSymbolList .sb-list .sb-item .sb-button { width: 40px; }
    body.eng .aaSearchSymbolList .sb-list .sb-item.v2 .sb-stock { width: 272px; }
    body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo { height: 95px; }
    body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-title { font-size: 12px; }
    body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-value { font-size: 13px; }
    body.eng .aaSearchSymbolList .sb-list .sb-item.sb-item-ipo.v2 .sb-stock { width: 135px; }

    .aaSearchSymbolList .sb-foot { width: 100%; }
    .aaSearchSymbolList .sb-foot .sb-search { font-size: 15px; }

    .aaSearchSymbolList.ui-menu .ui-menu-item.sb-foot2 { width: 100%; }
    .aaSearchSymbolList.ui-menu .ui-menu-item.sb-foot2 .sb-msg { font-size: 15px; }
    .aaSearchSymbolList.ui-menu .ui-menu-item.sb-foot2 .sb-search { font-size: 15px; }
}

/* SuggestList - Advanced */
.aaSearchSymbolList.advanced { padding: 20px; }
.aaSearchSymbolList.advanced .sb-list .sb-item { width: 100%; padding: 0px; margin-top: 1px; height: 50px; border: 0px; }
.aaSearchSymbolList.advanced .sb-list .sb-item .c1 { width: 20%; }
.aaSearchSymbolList.advanced .sb-list .sb-item .c2 { width: 60%; }
.aaSearchSymbolList.advanced .sb-list .sb-item .c3 { width: 20%; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock { height: 50px; line-height: 50px; margin: 0px; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-symbol { width: initial; height: 24px; line-height: 24px; font-size: 14px; margin: 13px 10px 0px 10px; color: #0869a1; font-weight: bold; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-name { width: initial; height: 24px; line-height: 24px; font-size: 14px; margin: 13px 10px 0px 0px; color: #999999; padding-top: 0px; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-button-group { height: 50px; line-height: 50px; margin: 0px 10px 0px 0px; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-button-group > .sb-button { width: initial; height: 24px; line-height: 24px; font-size: 14px; margin: 13px 8px 0px 8px; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-ipo { display:block; line-height: 1.5; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-ipo > .sb-title { height: 20px; font-size: 14px; color: #8f8f8f; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-ipo > .sb-value { height: 15px; font-size: 15px; color: #8f8f8f; }
.aaSearchSymbolList.advanced .sb-list .sb-item.sb-item-ipo { width: 100%; padding: 0px; margin-top: 1px; height: 120px; border: 0px; }
.aaSearchSymbolList.advanced .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-title { width:auto; font-size: 14px; font-weight: normal; color: #8f8f8f; }
.aaSearchSymbolList.advanced .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-value { width:auto; font-size: 15px; font-weight: normal; color: #8f8f8f; }
.aaSearchSymbolList.advanced .sb-list .sb-item .sb-ipo {margin-top:5px; margin-left:0px;}


.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-hover .sb-stock > .sb-name > span, 
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-active .sb-stock > .sb-name > span { color: #595960; }
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-hover, 
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-active { color: #0869a1; }
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-hover .sb-item .sb-button.sel:after, 
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-active .sb-item .sb-button.sel:after { border-bottom: 0px; }
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-hover, 
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-active { background: #DBF2F8; }
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-hover .sb-item.sb-item-ipo .sb-button.sel:after, 
.aaSearchSymbolList.advanced.ui-menu .ui-menu-item a.ui-state-active .sb-item.sb-item-ipo .sb-button.sel:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; border-bottom: 3px solid #017aa7;}

.aaSearchSymbolList.advanced .sb-list .sb-item.load .sb-stock > .sb-symbol { height: 24px; line-height: 24px; }
.aaSearchSymbolList.advanced .sb-list .sb-item.load .sb-stock > .sb-name { height: 24px; line-height: 24px; margin: 13px 10px 0px 0px; }
.aaSearchSymbolList.advanced .sb-list .sb-item.load .sb-button-group > .sb-button { width: 40px; }

body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .c1 { width: 20%; }
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .c2 { width: 60%; }
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item.sb-item-ipo .c2 {width:50%;}
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .c3 { width: 20%; }
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-symbol { font-size: 13px; }
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-name { font-size: 13px; }
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .sb-button-group > .sb-button { font-size: 13px; }
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item.sb-item-ipo{height:120px;}
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-title { width:auto;}
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item.sb-item-ipo .sb-ipo .sb-value { margin-left:5px; }
body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .sb-button-ipo {width:initial;}

@media screen and (min-width: 1100px) {
    .aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-symbol { font-size: 16px; }
    .aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-name { font-size: 16px; }
    .aaSearchSymbolList.advanced .sb-list .sb-item .sb-button-group > .sb-button { font-size: 16px; }

    body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-symbol { font-size: 15px; }
    body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .sb-stock > .sb-name { font-size: 15px; }
    body.eng .aaSearchSymbolList.advanced .sb-list .sb-item .sb-button-group > .sb-button { font-size: 15px; }
}



#topPanel .menu_item .new_feature { position:relative; width:0px; height:0px; }
#topPanel .menu_item .new_feature > div { position:absolute; top:-27px; right:-11px; width:30px; height:18px; background-image:url('../images/common/icon_new_blue_1.png');  }
body.eng #topPanel .menu_item .new_feature > div { right:-10px; }
#topPanel .menu_item .menu2_item .new_feature { position:relative; width:0px; height:0px; }
#topPanel .menu_item .menu2_item .new_feature > div { position:absolute; top:-11px; right:2px; width:35px; height:13px; background-image:url('../images/common/icon_new_blue_2.png');  }
body.eng #topPanel .menu_item .menu2_item .new_feature > div { right: 2px; }
@media screen and (min-width: 1100px) {
    #topPanel .menu_item .new_feature > div { top:-28px; right:-15px; }
    body.eng #topPanel .menu_item .new_feature > div { right:-15px; }
    #topPanel .menu_item .menu2_item .new_feature > div { top:-13px; right:2px; }
    body.eng #topPanel .menu_item .menu2_item .new_feature > div { right: 2px; }
}

/* AATV Live Schedule Menu */
#topPanel .menu_item .aatv_live_schedule { padding: 10px 0px 0px 0px; }
#topPanel .menu_item .aatv_live_schedule .aatv_live_schedule_button { color: #00a9c5; font-size: 14px; height: 16px; line-height: 16px; padding: 10px 20px; border-radius: 4px; border: 1px solid #00a9c5; cursor: pointer;  }
#topPanel .menu_item .aatv_live_schedule .aatv_live_schedule_button.hoveron { color: #ffffff; background: #00a9c5; }
#topPanel .menu_item .aatv_live_schedule .aatv_live_schedule_button .icon { float: left; }
#topPanel .menu_item .aatv_live_schedule .aatv_live_schedule_button .icon_aatv_clock_1 { width: 15px; height: 15px; background: url('../images/tophead/icon_clock_1a.png?v=1.0') no-repeat; margin-right: 3px; margin-top: 1px; }
#topPanel .menu_item .aatv_live_schedule .aatv_live_schedule_button.hoveron .icon_aatv_clock_1 { background: url('../images/tophead/icon_clock_1b.png?v=1.0') no-repeat; }

#topPanel #AATVMenuItem #aatv_r_bdr_master { padding-bottom: 20px; }
#topPanel #topPanel-menu-AATV-Title .label.aatv_live { margin-left: 5px; }
#topPanel #topPanel-menu-AATV-Title .remark { float: left; font-size: 14px; line-height: 100%; color: #888888; margin-top: 20px; margin-left: 5px; }
#topPanel #topPanel-menu-AATV-Title .icon.icon_aatv_clock_2 { width: 15px; height: 15px; background: url('../images/tophead/icon_clock_2.png?v=1.0') no-repeat; margin-top: 18px; }
#topPanel #topPanel-menu-AATV-News .AATVLiveSchedule { width: 100%; height: 0px; border: 0; }

@media screen and (min-width: 1100px) {
    #topPanel .menu_item .aatv_live_schedule .aatv_live_schedule_button { font-size: 16px; }

    #topPanel #topPanel-menu-AATV-Title .remark { font-size: 14px; margin-top: 23px; }
    #topPanel #topPanel-menu-AATV-Title .icon.icon_aatv_clock_2 { margin-top: 20px; }
}


#sitemap2 { font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
body.eng #sitemap2 { font-family:Arial; }

#sitemap2 .section_title { width:20px; color:#9caaaf; font-size:19px; line-height:19px; font-weight:bold; white-space:nowrap; padding-right:10px; }
#sitemap2 .section_title span { white-space:nowrap; } /*for IE7*/
#sitemap2 .section_slash { width:100%; height:9px; margin-top:8px; margin-bottom:1px; background:url('../images/common/slash.png') repeat; }

#sitemap2 { background-color:#F8F8F8; }
#sitemap2 #sitemap2_container { white-space:nowrap; font-weight:bold; letter-spacing:0px; }
#sitemap2 .sitemap2_column div.icon_arrow { width:7px; height:4px; margin-bottom:3px; margin-left:3px; }
#sitemap2 .sitemap2_column div.icon_arrow_1 { background-position:-250px -100px; }
#sitemap2 .sitemap2_column div.icon_arrow_1.open { background-position:-300px -100px; }
#sitemap2 .sitemap2_column div.icon_arrow_2 { background-position:0px -150px; }
#sitemap2 .sitemap2_column div.icon_arrow_2.open { background-position:-50px -150px; }
#sitemap2 .sitemap2_column div.icon_arrow_3 { background-position:-100px -150px; }
#sitemap2 .sitemap2_column div.icon_arrow_3.open { background-position:-150px -150px; }
#sitemap2 .sitemap2_column div.icon_arrow_4 { background-position:-200px -150px; }
#sitemap2 .sitemap2_column div.icon_arrow_4.open { background-position:-250px -150px; }


#sitemap2 .sitemap2_column { float:left; text-align:center; margin-right:48px; }
body.eng #sitemap2 .sitemap2_column { margin-right:8px; }
#sitemap2 .sitemap2_column div { margin-bottom:8px; }
#sitemap2 .sitemap2_column div a.s1 { font-size:13px; color:#0869a1; }
body.eng #sitemap2 .sitemap2_column div a.s1 { font-size:13px; }
#sitemap2 .sitemap2_column div a.s2 { font-size:12px; color:#3aa9e9; }
body.eng #sitemap2 .sitemap2_column div a.s2 { font-size:12px; }
#sitemap2 .sitemap2_column div.title-sm { font-size:14px; line-height:100%; color:#545454; margin-bottom:13px; }
body.eng #sitemap2 .sitemap2_column div.title-sm { font-size:13px; }
#sitemap2 .sitemap2_column div.secsep { height:22px; line-height:22px; }
#sitemap2 .sitemap2_column .sitemap2_subcol_sep { clear:both; margin-bottom:0px; }
#sitemap2 .sitemap2_column.last { margin-right:0px; }

#sitemap2 .sitemap2_column div.aatv { font-size:15px; line-height:100%; }
body.eng #sitemap2 .sitemap2_column div.aatv { font-size:13px; }
#sitemap2 .sitemap2_column div.aatv .title-sm .name { color:#00a9c5; font-size:16px; margin-bottom:5px; }
body.eng #sitemap2 .sitemap2_column div.aatv .title-sm .name { font-size:15px; }

#sitemap2 .sitemap2_column div.sitemap2_subcol_1 { width:100%; margin-right:0px; }
#sitemap2 .sitemap2_column div.sitemap2_subcol_2 { width:100%; margin-right:0px; }

/*US Site*/
#us #sitemap2 .sitemap2_column { margin-right:85px; }
#us.eng #sitemap2 .sitemap2_column { margin-right:21px; }
#us #sitemap2 .sitemap2_column.last { margin-right:0px; }

/*Forex Site*/
#forex #sitemap2 .sitemap2_column { margin-right:100px; }
#forex.eng #sitemap2 .sitemap2_column { margin-right:40px; }
#forex #sitemap2 .sitemap2_column.last { margin-right:0px; }

/*CNHK Site*/
#sh-hk #sitemap2 .sitemap2_column { margin-right:60px; }
#sh-hk.eng #sitemap2 .sitemap2_column { margin-right:8px; }
#sh-hk #sitemap2 .sitemap2_column.last { margin-right:0px; }

@media screen and (min-width: 1100px) {
    #sitemap2 .sitemap2_column div.icon_arrow { width:7px; height:5px; margin-bottom:3px; margin-left:3px; }
    #sitemap2 .sitemap2_column { float:left; text-align:center; margin-right:40px; }
    body.eng #sitemap2 .sitemap2_column { margin-right:18px; }
    #sitemap2 .sitemap2_column div { margin-bottom:10px; }
    #sitemap2 .sitemap2_column div a.s1 { font-size:15px; color:#0869a1; }
    body.eng #sitemap2 .sitemap2_column div a.s1 { font-size:13px; }
    #sitemap2 .sitemap2_column div a.s2 { font-size:14px; color:#3aa9e9; }
    body.eng #sitemap2 .sitemap2_column div a.s2 { font-size:12px; }
    #sitemap2 .sitemap2_column div.title-sm { font-size:16px; line-height:100%; color:#545454; margin-bottom:20px; }
    body.eng #sitemap2 .sitemap2_column div.title-sm { font-size:14px; }
    #sitemap2 .sitemap2_column div.secsep { height:30px; line-height:30px; }
    #sitemap2 .sitemap2_column .sitemap2_subcol_sep { display:none; }

    #sitemap2 .sitemap2_column div.aatv { font-size:15px; line-height:100%; }
    body.eng #sitemap2 .sitemap2_column div.aatv { font-size:13px; }
    #sitemap2 .sitemap2_column div.aatv .title-sm .name { color:#00a9c5; font-size:18px; margin-bottom:5px; }
    body.eng #sitemap2 .sitemap2_column div.aatv .title-sm .name { font-size:15px; }

    #sitemap2 .sitemap2_column div.sitemap2_subcol_1 { float:left; width:auto; margin-right:41px; }
    #sitemap2 .sitemap2_column div.sitemap2_subcol_2 { float:left; width:auto; margin-right:0px; }
    body.eng #sitemap2 .sitemap2_column div.sitemap2_subcol_1 { margin-right:18px; }

    /*US Site*/
    #us #sitemap2 .sitemap2_column { margin-right:110px; }
    #us.eng #sitemap2 .sitemap2_column { margin-right:65px; }
    #us #sitemap2 .sitemap2_column.last { margin-right:0px; }

    /*Forex Site*/
    #forex #sitemap2 .sitemap2_column { margin-right:120px; }
    #forex.eng #sitemap2 .sitemap2_column { margin-right:80px; }
    #forex #sitemap2 .sitemap2_column.last { margin-right:0px; }

    /*CNHK Site*/
    #sh-hk #sitemap2 .sitemap2_column { margin-right:80px; }
    #sh-hk.eng #sitemap2 .sitemap2_column { margin-right:50px; }
    #sh-hk #sitemap2 .sitemap2_column.last { margin-right:0px; }

}




#divCI h1{padding-top: 18px; padding-bottom: 20px; color: #000000;}
#divCI .mainTitle1 {font-size: 21px;}
#divCI .mainTitle2 {font-size: 25px;}
#divCI .title1 {padding-top: 34px; padding-bottom: 20px; color: #1a689c; font-size: 21px; font-weight: bold;}
#divCI .title2 {padding-bottom: 20px; color: #000000; font-size: 17px; font-weight: bold;}
#divCI .article {padding-bottom: 18px; color: #707070; font-size: 15px; line-height: 21px;}
#divCI .article a { color:#0869a1; }
#divCI .article a:hover { color:#10abe4; }
#divCI .articlelast {padding-bottom: 40px; color: #707070; font-size: 15px; line-height: 21px;}
#divCI .seperateline{border-bottom: 1px solid #C8C8C8;}
#divCI .leftcol {display: inline-block; width: 470px; float: left;}
#divCI .rightcol {display: inline-block; width: 470px; float: right;}
#divCI .clear {clear: both;}

@media screen and (min-width: 1100px) {
    #divCI .leftcol { width: 720px; }
}








/*
V1.1, Sam Hui, PDEV-1142
V1.2, Alvin, PDEV-1190
V1.3, Sam Hui, PDEV-1220
V1.4, Sam Wong, PDEV-1239
V1.5, Sam Hui, PDEV-1243
V1.6, Sam Hui, PDEV-1243 - video icon modify
V1.7, Sam Hui, PDEV-1255
V1.8, Sam Wong, PDEV-1267 - Recommend News
V1.9, Sam Hui, PDEV-1313
V2.0, Sam Wong, PDEV-1344
V2.1, Sam Hui, PDEV-1412
V2.2, Sam Hui, PDEV-1450
V2.3, Alvin, PDEV-1488
V2.4, Alvin, PDEV-1527
V2.5, Sam Wong, PDEV-1564
V2.6, Sam Hui, PDEV-1488 (post comment)
V2.7, Sam Hui, PDEV-1588
V2.8, Sam Wong, PDEV-1610
V2.9, Jacky, PDEV-1663
V3.0, Sam Hui, Support CN market ETF
V3.1, Jacky, PDEV-1697
V3.2, Sam Hui, PDEV-1802
V3.3, Jacky, PDEV-1812, News AI Translate
*/

body { background-color:#F8F8F8; }
#ui-tooltip { background-color:#FFFFFF; letter-spacing: 0.5px; }
body.eng #ui-tooltip { letter-spacing:0px; }

.fx_flag_map { background-image:url('../images/forex/fx_flag_map.png?v=3'); background-repeat: no-repeat; overflow:hidden; filter: blur(0px); }
.fx_flag_map.s3 { background-size:121.2px 34.6px; width:15px; height:15px; }
.fx_flag_map.s3.USD { background-position:-17.3px 0px; }
.fx_flag_map.s6 { background-size:105px 30px; width:13px; height:13px; }
.fx_flag_map.s6.HKD { background-position:0px 0px; }
.fx_flag_map.s6.CNY { background-position:-15px -15px; }
.fx_flag_map.s6.USD { background-position:-15px 0px; }
.grid_11 #MPUS div.ns1>div.title a { color:#869ca4; }
.grid_11 #MPUS div.ns1>div.title a:hover { color:#10abe4; }
#MPUS #MPUS_Countdown { margin-left:10px; color:#787878; font-size:12px; }
#MPUS #MPUS_Countdown #MPUS_Countdown_hh > span, #MPUS #MPUS_Countdown #MPUS_Countdown_mm > span { color:#017aa7; font-size:15px; }
#MPUS #MPUS_Viewport { position:relative; width:auto; height:58px; margin:12px 5px 2px 5px; overflow:hidden; }
#MPUS #MPUS_Viewport #MPUS_List { position:absolute; top:0px; left:0px; width:3300px; height:58px; }
#MPUS #MPUS_Viewport .MPUS_Item { position:relative; float:left; margin-right:15px; width:145px; height:56px; border:1px solid #ECECEC; border-left:4px solid #E1E1E1; border-radius:3px 0px 3px 3px; cursor:pointer; }
#MPUS #MPUS_Viewport .MPUS_Item:hover { border:1px solid #f6f6f6; border-left:4px solid #bbbbbb; background-color:#f6f6f6; }
#MPUS #MPUS_Viewport .MPUS_Item.itempos { border:1px solid #ECECEC; border-left:4px solid #D3EFD7; }
#MPUS #MPUS_Viewport .MPUS_Item.itempos:hover { border:1px solid #EBF7ED; border-left:4px solid #6CCD7C; background-color:#EBF7ED; }
#MPUS #MPUS_Viewport .MPUS_Item.itemneg { border:1px solid #ECECEC; border-left:4px solid #FFE4E3; }
#MPUS #MPUS_Viewport .MPUS_Item.itemneg:hover { border:1px solid #FBEEED; border-left:4px solid #FF969B; background-color:#FBEEED; }
#MPUS #MPUS_Viewport .MPUS_Item .MPUS_Item_Name { float:left; margin:7px 0px 0px 12px; width:100px; font-size:13px; line-height:16px; color:#595961; font-weight:bold; letter-spacing:0px; }
#MPUS #MPUS_Viewport .MPUS_Item .MPUS_Item_Name._chi { font-size:14px; letter-spacing:1px; }
#MPUS #MPUS_Viewport .MPUS_Item .MPUS_Item_Symbol { float:left; margin:0px 0px 2px 12px; font-size:12px; line-height:12px; color:#939393; font-weight:bold; letter-spacing:0px; }
#MPUS #MPUS_Viewport .MPUS_Item .MPUS_Item_Last { float:left; margin:0px 0px 8px 12px; font-size:14px; font-weight:bold; line-height:14px; color:#595961; letter-spacing:0px; }
#MPUS #MPUS_Viewport .MPUS_Item .MPUS_Item_PctChg { float:left; margin:0px 0px 8px 10px; font-size:14px; font-weight:bold; line-height:14px; color:#595961; letter-spacing:0px; }
#MPUS #MPUS_Viewport .MPUS_Item.itempos .MPUS_Item_PctChg { color:#2EB244; }
#MPUS #MPUS_Viewport .MPUS_Item.itemneg .MPUS_Item_PctChg { color:#FE4E44; }
#MPUS #MPUS_Viewport .MPUS_Item .MPUS_Item_PrePost { position:absolute; top:0px; right:0px; padding:0px 3px; font-size:10px; line-height:18px; color:#999999; background-color:#F0F0F0; display:none; }
#MPUS #MPUS_Viewport .MPUS_Item .MPUS_Item_Delayed { position:absolute; top:0px; right:0px; padding:0px 3px; font-size:10px; line-height:18px; color:#999999; background-color:#FFFFFF; border:1px solid #F0F0F0; border-top-width:0px; border-right-width:0px; display:none; }
#MPUS #MPUS_ArrowLeft { position:absolute; width:35px; height:75px; top:-15px; left:-10px; cursor:pointer; display:none; }
#MPUS #MPUS_ArrowLeft .MPUS_ArrowBG {
    position:relative; width:100%; height:100%; z-index:0;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#MPUS #MPUS_ArrowLeft .MPUS_Arrow { position:absolute; top:30px; left:8px; width:0px; height:0px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:8px solid #CBD8DE; z-index:1; }
#MPUS #MPUS_ArrowRight { position:absolute; width:35px; height:75px; top:-15px; right:-10px; cursor:pointer; display:none; }
#MPUS #MPUS_ArrowRight .MPUS_ArrowBG {
    position:relative; width:100%; height:100%; z-index:0;
    background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#MPUS #MPUS_ArrowRight .MPUS_Arrow { position:absolute; top:30px; right:8px; width:0px; height:0px; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:8px solid #CBD8DE; z-index:1; }


#BreakingNews_Left { position:relative; width:422px; margin-right:9px; background-color: #FAFAFB; height:300px; }
.eng #BreakingNews_Left .newshead-Source-sep { width:5px; }
#BreakingNews_Right { position:relative; width:189px; }
#TopNews_Padding { position:relative; clear:both; width:100%; height:185px; z-index:-1; }
#TopNews_NewsTitle { position:absolute; background-color:#FAFAFB; background: url('../images/common/topnews_L_gradient.png') repeat-x; z-index:1; bottom:0px; width:calc(100% - 40px); }
#TopNews_NewsTitle { padding:10px 20px 30px 20px; }
#TopNews_NewsTitle > a { overflow: hidden; }
#TopNews_NewsTitle > a div { color:#0869a1; font-size:30px; font-weight:bold; line-height: 36px; min-height:75px; max-height:110px; overflow: hidden; }
#TopNews_NewsTitle > a:hover div { color: #10abe4; }
#TopNews_NewsTitle > div.div_TopNewsLabel {font-size: 15px; height:auto; position: absolute; left: 20px; bottom: 0; display:flex; align-items:center;}
#TopNews_NewsTitle > div.div_TopNewsLabel > div {display:inline-block;}
#TopNews_NewsTitle > div.div_VoteTotal { font-size: 15px; height:auto; }
#TopNews_NewsTitle > div.div_VoteTotal .divRecommend .iconVoteMini { margin-left: 0px; }
#TopNews_NewsTitle > div.div_VoteTotal > div { padding-right: 35px; }
#TopNews_NewsTitle > div.div_VoteTotal._withlabel{left: 30px; }
#TopNews_NewsTitle > div.div_TopNewsLabel .newshead-Source {font-size:15px !important;}
body.eng #TopNews_NewsTitle div.div_VoteTotal > div { padding-right: 15px; }
#TopNews_NewsTitle .div_TopNewsSourceLabel { color:#929299; display:inline-block;}
#TopNews_SectionTitle { position:absolute; top:-6px; left:-4px; z-index:1; width: 170px; height: 50px; background: url('../images/common/top_news_chi.png') no-repeat; }
#TopNews_SectionTitle:hover { background: url('../images/common/top_news_chi_on.png') no-repeat; }
body.chn #TopNews_SectionTitle { background: url('../images/common/top_news_chn.png') no-repeat;}
body.chn #TopNews_SectionTitle:hover { background: url('../images/common/top_news_chn_on.png') no-repeat;}
body.eng #TopNews_SectionTitle { background: url('../images/common/top_news_eng.png') no-repeat;}
body.eng #TopNews_SectionTitle:hover { background: url('../images/common/top_news_eng_on.png') no-repeat;}
#TopNews_SectionTitle a { font-size:22px; font-weight:bold; color:#FFFFFF; }
#TopNews_SectionTitleArrow { position:absolute; top:4px; right:-4px; z-index:1; width: 36px; height: 30px; background: url('../images/common/top_news_arrow.png') no-repeat; }
#TopNews_SectionTitleArrow:hover { background: url('../images/common/top_news_arrow_on.png') no-repeat; }
#TopNews_Image { position:absolute; top:0px; left:0px; z-index:0; }
#TopNews_Image img { width:422px; height:238px; }
#BreakingNews_Image img { width:189px; height:107px; }
#BreakingNews_Content { position:absolute; top:74px; left:0px; width:100%; max-height: 266px; overflow: hidden; }
#BreakingNews_Content #BreakingNews_NewsTitle { position: relative; padding:7px 10px 13px 10px; background-color:#FFFFFF; background: url('../images/common/topnews_S_gradient.png') repeat-x; letter-spacing: 0.5px; }
body.eng #BreakingNews_Content #BreakingNews_NewsTitle { letter-spacing: 0px; }
#BreakingNews_Content #BreakingNews_NewsTitle > div { height: 36px; overflow: hidden; }
#BreakingNews_Content #BreakingNews_NewsTitle > div.div_VoteTotal { height:auto; position: absolute; left: 10px; bottom: -5px; }
#BreakingNews_Content #BreakingNews_NewsTitle a { font-size:15px; line-height: 18px; font-weight:bold; }
body.eng #BreakingNews_Content #BreakingNews_NewsTitle a { font-size:14px; }
#BreakingNews_Content #BreakingNews_NewsTitle a:hover { color: #10abe4 ; }
#BreakingNews_Content #BreakingNews_NewsTitle div.div_VoteTotal > div{ padding-right: 10px; }
#BreakingNews_Content #BreakingNews_NewsTitle > div.div_VoteTotal .divRecommend .iconVoteMini { margin-left: 0px; }

#BreakingNews_Content .BreakingNews_Item { padding:6px 10px; letter-spacing: 0.5px; height: 32px; }
body.eng #BreakingNews_Content .BreakingNews_Item { letter-spacing: 0px; }
/*#BreakingNews_Content .BreakingNews_Item > div { height: 32px; overflow: hidden; }*/
#BreakingNews_Content .BreakingNews_Item a { font-size:14px; line-height: 16px; }
body.eng #BreakingNews_Content .BreakingNews_Item a { font-size:13px; }
#BreakingNews_Content .BreakingNews_Item a:hover { color: #10abe4 ; }

#USLatest { position:relative; width:189px; padding-top: 10px;}
#USLatest_Image img { width:189px; height:107px; }
#USLatest_Content { position:absolute; top:74px; left:0px; width:100%; max-height: 266px; overflow: hidden; }
#USLatest_Content #USLatest_NewsTitle { position: relative; padding:7px 10px 13px 10px; background-color:#FFFFFF; background: url('../images/common/topnews_S_gradient.png') repeat-x; letter-spacing: 0.5px; }
body.eng #USLatest_Content #USLatest_NewsTitle { letter-spacing: 0px; }
#USLatest_Content #USLatest_NewsTitle > div { height: 36px; overflow: hidden; }
#USLatest_Content #USLatest_NewsTitle > div.div_VoteTotal { height:auto; position: absolute; left: 10px; bottom: -5px; }
#USLatest_Content #USLatest_NewsTitle a { font-size:15px; line-height: 18px; font-weight:bold; }
body.eng #USLatest_Content #USLatest_NewsTitle a { font-size:14px; }
#USLatest_Content #USLatest_NewsTitle a:hover { color: #10abe4 ; }
#USLatest_Content #USLatest_NewsTitle div.div_VoteTotal > div { padding-right: 10px; }
#USLatest_Content #USLatest_NewsTitle div.div_VoteTotal .divRecommend .iconVoteMini { margin-left: 0px; }

#USLatest_Content .USLatest_Item { padding:6px 10px; letter-spacing: 0.5px; height: 32px; }
body.eng #USLatest_Content .USLatest_Item { letter-spacing: 0px; }
/*#USLatest_Content .USLatest_Item > div { height: 32px; overflow: hidden; }*/
#USLatest_Content .USLatest_Item a { font-size:14px; line-height: 16px; }
body.eng #USLatest_Content .USLatest_Item a { font-size:13px; }
#USLatest_Content .USLatest_Item a:hover { color: #10abe4 ; }


#AAFN_Latest { width:422px; margin-right:9px; }
#AAFN_Latest #AAFN .AAFN_Item { font-size:15px; line-height:20px; letter-spacing: 0.5px; }
body.eng #AAFN_Latest #AAFN .AAFN_Item { font-size:13px; letter-spacing: 0px; }
#AAFN_Latest #AAFN .AAFN_Item:hover { color: #10abe4; }
#AAFN_Video, #Live_Video { width:199px; }
#AAFN_Video #AAFNVideo_Image img, #Live_Video #AAFNVideo_Image img { width:199px; height:112px; }
#AAFN_Video #AAFNVideo_Image #videocontainer, #Live_Video #AAFNVideo_Image #videocontainer { width:199px; height:112px; }
#AAFN_Video #AAFNVideo_Title, #Live_Video #Video_Title { padding-top: 5px; }
#AAFN_Video #AAFNVideo_Title > div, #Live_Video #Video_Title > div { height: 40px; overflow: hidden; }
#AAFN_Video #AAFNVideo_Title a, #Live_Video #Video_Title a { font-size:16px; font-weight:bold; letter-spacing: 0.5px; line-height: 20px; }
body.eng #AAFN_Video #AAFNVideo_Title a, body.eng #Live_Video #Video_Title a { letter-spacing: 0px; }

.video-js { width: 199px !important; height: 112px !important; background-color:transparent !important; }
.video-js .vjs-fullscreen-control { display:none; }
.video-js .vjs-redirect { position:absolute; top:0px; left:0px; width:100%; height:70px; z-index:1; cursor:pointer; }
#videocontainer video::-internal-media-controls-download-button {display:none;}
#videocontainer video::-webkit-media-controls-enclosure {overflow:hidden;}
#videocontainer video::-webkit-media-controls-panel {width: calc(100% + 30px);}


/*.eng #AAFN_Latest { width: 620px; }*/
.eng #AAFN_Video, .eng #Live_Video { width:0px; }
.eng .hideVideoRelated { display: none; }


div.videoBox div.video-container {width:204px !important; height:115px !important; }
@media screen and (min-width: 1100px) {
    #BreakingNews_Left { position:relative; width:565px; margin-right:10px; background-color: #FAFAFB; height:385px; }
    #BreakingNews_Right { position:relative; width:255px; }
	#USLatest { position:relative; width:255px; }
    #TopNews_Padding { position:relative; clear:both; width:100%; height:270px; z-index:-1; }
    #TopNews_NewsTitle { position:absolute; background-color:#FAFAFB; background: url('../images/common/topnews_L_gradient.png') repeat-x; z-index:1; bottom:0px; width:calc(100% - 40px); }
    #TopNews_NewsTitle { padding:10px 20px 30px 20px; }
    /*#TopNews_NewsTitle > div { height:110px; overflow: hidden; position:relative; }
    #TopNews_NewsTitle > div a { color:#0869a1; font-size:30px; font-weight:bold; line-height: 36px; position:absolute; bottom:0px; }*/
    #TopNews_NewsTitle > a { position:relative; }
    #TopNews_NewsTitle > a div { color:#0869a1; font-size:30px; font-weight:bold; line-height: 36px; min-height:75px; max-height:110px; overflow: hidden; }
    body.eng #TopNews_NewsTitle > div a { font-size:30px; }
    #TopNews_NewsTitle > div a:hover { color: #10abe4; }
    body.eng #TopNews_NewsTitle div.div_VoteTotal > div { padding-right: 35px; }
    #TopNews_Image { position:absolute; top:0px; left:0px; z-index:0; }
    #TopNews_Image img { width:565px; height:319px; }
    #BreakingNews_Image img { width:255px; height:144px; }
    #BreakingNews_Content { position:absolute; top:120px; left:0px; width:100%; max-height: 266px; overflow: hidden; }
    #BreakingNews_Content #BreakingNews_NewsTitle { position: relative; padding:7px 10px 13px 10px; background-color:#FFFFFF; background: url('../images/common/topnews_S_gradient.png') repeat-x; letter-spacing: 0.5px; }
    body.eng #BreakingNews_Content #BreakingNews_NewsTitle { letter-spacing: 0px; }
    #BreakingNews_Content #BreakingNews_NewsTitle > div { height: 44px; overflow: hidden; }
    #BreakingNews_Content #BreakingNews_NewsTitle a { color:#0869a1; font-size:17px; line-height: 22px; font-weight:bold; }
    body.eng #BreakingNews_Content #BreakingNews_NewsTitle a { font-size:14px; }
    #BreakingNews_Content #BreakingNews_NewsTitle a:hover { color: #10abe4; }
    #BreakingNews_Content #BreakingNews_NewsTitle div.div_VoteTotal > div { padding-right: 20px; }

    #BreakingNews_Content .BreakingNews_Item { padding:6px 10px; letter-spacing: 0.5px; height: 40px; }
    body.eng #BreakingNews_Content .BreakingNews_Item { letter-spacing: 0px; }
    /*#BreakingNews_Content .BreakingNews_Item > div { height: 40px; overflow: hidden; }*/
    #BreakingNews_Content .BreakingNews_Item a { color:#0869a1; font-size:15px; line-height: 20px; }
    body.eng #BreakingNews_Content .BreakingNews_Item a { font-size:13px; }
    #BreakingNews_Content .BreakingNews_Item a:hover { color: #10abe4; }

	#USLatest_Image img { width:255px; height:144px; }
	#USLatest_Content { position:absolute; top:120px; left:0px; width:100%; max-height: 266px; overflow: hidden; }
    #USLatest_Content #USLatest_NewsTitle { position: relative; padding:7px 10px 13px 10px; background-color:#FFFFFF; background: url('../images/common/topnews_S_gradient.png') repeat-x; letter-spacing: 0.5px; }
    body.eng #USLatest_Content #USLatest_NewsTitle { letter-spacing: 0px; }
    #USLatest_Content #USLatest_NewsTitle > div { height: 44px; overflow: hidden; }
    #USLatest_Content #USLatest_NewsTitle a { color:#0869a1; font-size:17px; line-height: 22px; font-weight:bold; }
    body.eng #USLatest_Content #USLatest_NewsTitle a { font-size:14px; }
    #USLatest_Content #USLatest_NewsTitle a:hover { color: #10abe4; }
    .eng #USLatest_Content #USLatest_NewsTitle div.div_VoteTotal > div { padding-right: 20px; }

    #USLatest_Content .USLatest_Item { padding:6px 10px; letter-spacing: 0.5px; height: 40px; }
    body.eng #USLatest_Content .USLatest_Item { letter-spacing: 0px; }
    /*#USLatest_Content .USLatest_Item > div { height: 40px; overflow: hidden; }*/
    #USLatest_Content .USLatest_Item a { color:#0869a1; font-size:15px; line-height: 20px; }
    body.eng #USLatest_Content .USLatest_Item a { font-size:13px; }
    #USLatest_Content .USLatest_Item a:hover { color: #10abe4; }

    #AAFN_Latest { width:565px; margin-right:15px; }
    #AAFN_Latest #AAFN .AAFN_Item { font-size:16px; line-height:20px; color:#0869a1; letter-spacing: 0.5px; }
    body.eng #AAFN_Latest #AAFN .AAFN_Item { font-size:15px; letter-spacing: 0px; }
    #AAFN_Latest #AAFN .AAFN_Item:hover { color: #10abe4; }
    #AAFN_Video, #Live_Video { width:266px; }
    #AAFN_Video #AAFNVideo_Image img, #Live_Video #AAFNVideo_Image img { width:266px; height:150px; }
    #AAFN_Video #AAFNVideo_Image #videocontainer, #Live_Video #AAFNVideo_Image #videocontainer { width:266px; height:150px; }
    #AAFN_Video #AAFNVideo_Title, #Live_Video #Video_Title { padding-top: 5px; }
    #AAFN_Video #AAFNVideo_Title > div, #Live_Video #Video_Title > div { height: 40px; overflow: hidden; }
    #AAFN_Video #AAFNVideo_Title a, #Live_Video #Video_Title a { color:#0869a1; font-size:16px; font-weight:bold; letter-spacing: 0.5px; line-height: 20px; }
    body.eng #AAFN_Video #AAFNVideo_Title a, body.eng #Live_Video #Video_Title a { letter-spacing: 0px; }

    .video-js { width: 266px !important; height: 150px !important; }
    .video-js .vjs-fullscreen-control { display:none; }
    .video-js .vjs-redirect { position:absolute; top:0px; left:0px; width:100%; height:108px; z-index:1; cursor:pointer; }
    #videocontainer video::-internal-media-controls-download-button {display:none;}
    #videocontainer video::-webkit-media-controls-enclosure {overflow:hidden;}
    #videocontainer video::-webkit-media-controls-panel {width: calc(100% + 30px);}
	div.videoBox div.video-container .video-js{width:204px !important; height:115px !important; }
    /*.eng #AAFN_Latest { width: 830px; }*/
}

/* Live Promo Banner */
#AAFN_Video_Container.livepromo .promoMask { position: absolute; background: #ececec; width: 100%; height: 250px; padding: 15px 5px; top: -15px; left: -5px; z-index: -1; }
#AAFN_Video_Container.livepromo #AAFN_Video > .ns1 .title,
#AAFN_Video_Container.livepromo #AAFN_Video > .ns1 a { background-color: #ececec; }
#AAFN_Video_Container.livepromo #liveVideoPanelFP { background-color: #ececec;  }
#LivePromoBanner { height: 77px; position: relative;z-index:1 }
#LivePromoBanner .banner { position: absolute; width: 625px; height: 86px; top: -14px;left: -10px;z-index: 10000; }
#LivePromoBanner .banner > .img { position: absolute; width: 625px; height: 86px; top: 0; left: 0; background-repeat: no-repeat; background-size: contain; }
#LivePromoBanner .banner > .title { position: absolute; font-size: 18px; line-height: 21px; color: #fff; text-align: center; overflow: hidden; display: table; text-shadow: 2px 2px 2px rgba(0,0,0,0.55);
									top: 31px;left: 92px;width: 245px; }
#LivePromoBanner .banner > .title > div { display: table-cell; vertical-align: middle; }
#LivePromoBanner .banner > .title > div > div { margin: auto; max-height: 43px; text-align: center; display: inline-block; *display: inline; zoom:1; }
#LivePromoBanner[data-type='PRELIVE'] .banner { cursor: default; }
#LivePromoBanner[data-type='PRELIVE'] .banner > .title { top: 31px; left: 139px; width: 242px; height: 48px; font-weight: 600; }
#LivePromoBanner[data-type='PRELIVE'] {height: 82px;}
#LivePromoBanner[data-type='LIVE'] .banner { cursor: pointer; }
#LivePromoBanner[data-type='LIVE'] .banner > .title { top: 28px; left: 94px; width: 242px; height: 48px; font-weight: 600; }
.livepromo div.videoNewsList {height: 210px;}

#liveVideoPanelFP { position: relative;width: 204px;height: 190px;background-color:transparent;z-index: 0;}
div.nsLV {position: absolute;min-height: 20px;z-index: 2;top: -6px;}
#liveVideoPanelFP .img-con .img-bor {box-shadow: inset 0px 0px 0px 2px red;width: 100%;height: 100%;position: absolute;top: 0;right: 0;}
#liveVideoPanelFP a.imgLink .img-con{width: 199px !important;height: 112px !important;position:relative;}
#liveVideoPanelFP a.imgLink img {width: 100%;height: 100%;}
.live-icon-liveLabel2 {position: absolute;background-image: url('../images/livevideo/live.gif');background-size: 100% 100%;z-index: 1;width: 73px;height:20px;}

@media screen and (min-width: 1100px) {
    #AAFN_Video_Container.livepromo .promoMask { height: 253px; padding: 20px 10px; top: -20px; left: -10px;  }
    #LivePromoBanner  { height: 79px; }
    #LivePromoBanner .banner { width: 840px; height: 86px; }
    #LivePromoBanner .banner > .img { width: 840px; height: 86px; }
    #LivePromoBanner .banner > .title {font-size: 22px;line-height: 45px;top: 27px;left: 82px;width: 405px;}
    #LivePromoBanner .banner > .title > div > div { max-width: none; text-align: center; }
    #LivePromoBanner[data-type='PRELIVE'] .banner > .title { top: 31px; left: 144px; width: 407px; height: 48px; }
    #LivePromoBanner[data-type='LIVE'] .banner > .title { top: 28px; left: 84px; width: 407px; height: 48px; }
	#liveVideoPanelFP a.imgLink .img-con{width: 204px;height: 115px;}
	.live-icon-liveLabel2 {width: 83px;height: 22px;}
	.defPage div.videoBox div.video-desc {width: 204px;height: 40px;margin-top: 15px;line-height: 20px;}
}

#PopularAnalysisMarket { background-color:#f2f2f2; }
#PopularAnalysisMarket > div { padding:10px; }
#PopularAnalysisMarket .PopularAnalysisMarket_Title { padding:3px 0px; font-size:14px; font-weight:bold; color:#545454; }
#PopularAnalysisMarket .PopularAnalysisMarket_Item { padding:3px 0px; color:#C2C2C2; line-height:20px; }
#PopularAnalysisMarket .PopularAnalysisMarket_Item a { font-size:14px; font-weight:bold; color:#017aa7; }
#PopularAnalysisMarket .PopularAnalysisMarket_Item a:hover { color: #10abe4; }
#PopularAnalysisMarket div.sep { float: left; padding-left: 5px; }

.eng #PopularAnalysisMarket .PopularAnalysisMarket_Title { font-size:13px; }
.eng #PopularAnalysisMarket .PopularAnalysisMarket_Item a { font-size:13px; }

@media screen and (min-width: 1100px) {
    #PopularAnalysisMarket { background-color:#f2f2f2; }
    #PopularAnalysisMarket > div { padding:17px 22px; }
    #PopularAnalysisMarket .PopularAnalysisMarket_Title { padding:3px 0px; font-size:17px; font-weight:bold; color:#545454; }
    #PopularAnalysisMarket .PopularAnalysisMarket_Item { padding:3px 0px; color:#C2C2C2; line-height:20px; }
    #PopularAnalysisMarket .PopularAnalysisMarket_Item a { font-size:17px; font-weight:bold; color:#017aa7; }
    #PopularAnalysisMarket .PopularAnalysisMarket_Item a:hover { color: #10abe4; }
    #PopularAnalysisMarket div.sep { float: left; padding-left: 10px; }

    .eng #PopularAnalysisMarket .PopularAnalysisMarket_Title { font-size:15px; }
    .eng #PopularAnalysisMarket .PopularAnalysisMarket_Item a { font-size:15px; }
}

#TodayFocus { height:70px; border-radius:5px; background-color:#E2EFF5; background-image: url('../images/common/spotlight_2.png'); background-position: right;}
#TodayFocus_Label { width: 134px; height:70px; text-align: left; vertical-align:top; overflow:hidden; background-image: url('../images/common/spotlight_1.png'); }
#TodayFocus_Label_Title { font-size: 16px; color: #fff; font-weight: bold; padding-left: 15px; height: 35px; line-height: 35px; }
.tf_subico { width: 24px; height: 24px; background: #017AA7; border: 2px solid #017AA7; text-align: center; line-height: 24px; color: #fff; font-weight: bold; float: left; cursor: pointer; }
.tf_subico_sel { background: #017AA7; border: 2px solid #3AB6E5;  }
#TodayFocus a { color: #0869a1; }
#TodayFocus a:hover { color: #10abe4; }
#TodayFocus a > .rf1 { height: 20px; line-height: 20px; overflow: hidden; }
#TodayFocus a > .rf2 { height: 40px; line-height: 20px; overflow: hidden; position:relative }
#TodayFocus table.tbl-stock { width: 150px; }
#TodayFocus table > tbody > tr > td { font-size: 14px; }
body.eng #TodayFocus table > tbody > tr > td { font-size: 13px; }


.eng #TodayFocus_Label_Title { font-size: 14px; padding-left: 5px; }

@media screen and (min-width: 1100px) {
    #TodayFocus { height:70px; border-radius:5px; background-color:#E2EFF5; background-image: url('../images/common/spotlight_2.png'); background-position: right;}
    #TodayFocus_Label { width: 134px; height:70px; text-align: left; vertical-align:top; overflow:hidden; background-image: url('../images/common/spotlight_1.png'); }
    #TodayFocus_Label_Title { font-size: 18px; color: #fff; font-weight: bold; padding-left: 15px; height: 35px; line-height: 35px; }
    .tf_subico { width: 24px; height: 24px; background: #017AA7; border: 2px solid #017AA7; text-align: center; line-height: 24px; color: #fff; font-weight: bold; }
    .tf_subico_sel { background: #017AA7; border: 2px solid #3AB6E5;  }
    #TodayFocus a { color: #0869a1; }
    #TodayFocus a:hover { color: #10abe4; }
    #TodayFocus a > .rf1 { height: 20px; line-height: 20px; overflow: hidden; }
    #TodayFocus a > .rf2 { height: 40px; line-height: 20px; overflow: hidden; }
    #TodayFocus table.tbl-stock { width: 200px; }
    #TodayFocus table > tbody > tr > td { font-size: 16px; }
    body.eng #TodayFocus table > tbody > tr > td { font-size: 13px; }
}
  
.upipo { height:70px; border-radius:5px; background-color:#E2EFF5; background-image: url('../images/common/spotlight_2.png'); background-position: right;}
.upipo_label { width: 134px; height:70px; text-align: left; vertical-align: top; overflow:hidden; background-image: url('../images/common/spotlight_1.png'); padding: 0px; }
.upipo_label_title { font-size: 16px; color: #fff; font-weight: bold; padding-left: 15px; height: 35px; line-height: 35px; }
.upipo_subico { width: 24px; height: 24px; background: #017AA7; border: 2px solid #017AA7; text-align: center; line-height: 24px; color: #fff; font-weight: bold; float:left;cursor:pointer; }
.upipo_subico_sel { background: #017AA7; border: 2px solid #3AB6E5;  }
.upipo_row1 { vertical-align: bottom; padding:3px; }
.upipo_row2 { vertical-align: top; padding:3px; }
.upipo a { color: #0869a1; }
.upipo a:hover { color: #10abe4; }
.upipo a > .rf2 { height: 40px; line-height: 20px; overflow: hidden; }
.upipo table > tbody > tr > td { font-size: 14px; }
body.eng .upipo table > tbody > tr > td { font-size: 13px; }

@media screen and (min-width: 1100px) {
    .upipo { height:70px; border-radius:5px; background-color:#E2EFF5; background-image: url('../images/common/spotlight_2.png'); background-position: right;}
    .upipo_label { width: 134px; height:70px; text-align: left; vertical-align: top; overflow:hidden; background-image: url('../images/common/spotlight_1.png'); padding: 0px; }
    .upipo_label_title { font-size: 18px; color: #fff; font-weight: bold; padding-left: 15px; height: 35px; line-height: 35px; }
    .upipo_subico { width: 24px; height: 24px; background: #017AA7; border: 2px solid #017AA7; text-align: center; line-height: 24px; color: #fff; font-weight: bold; }
    .upipo_subico_sel { background: #017AA7; border: 2px solid #3AB6E5;  }
    .upipo a { color: #0869a1; }
    .upipo a:hover { color: #10abe4; }
    .upipo a > .rf2 { height: 40px; line-height: 20px; overflow: hidden; }
    .upipo table > tbody > tr > td { font-size: 16px; }
    body.eng .upipo table > tbody > tr > td { font-size: 13px; }
}

.rsnInnerBox { width: 140px; padding-right: 10px; float: left; }
.rsnInnerBox > a { max-width: 70px; }

.comm-panel.fb-pannel, .comm-panel.fb-pannel .title { background-color: #E4E7F0; }

#stocksHisContent > tr > td { height: 35px; }
#stocksHisContent .rowMask { position: absolute; top: 3px; right: 0; width: 330px; height: 35px; background-image: url('../images/common/latest_search_bg.png'); display: none; }
#stocksHisContent .rowMask > div.icon-ls-remove { position: absolute; top: 8px; right: 13px; width: 18px; height: 18px; background-image: url('../images/common/latest_search_remove.png'); cursor: pointer; }
#stocksHisContent .mode2 { width: 155px; }
#stocksHisContent .name { letter-spacing:0; }

.eng #stocksHisContent .rowMask { height: 35px; }
.eng #stocksHisContent .mode2 { width: 115px; }
.eng #stocksHisContent .name { letter-spacing:1px; }

@media screen and (min-width: 1100px) {
    #stocksHisContent .rowMask { height: 46px; }
    #stocksHisContent .rowMask > div.icon-ls-remove { top: 13px; right: 13px; width: 18px; height: 18px; }

    .eng #stocksHisContent .rowMask { height: 41px; }
}

.grid_11 div.ns1 > div.title { color: #9caaaf; font-size: 19px; }
.grid_11 div.ns1 > div.title a { color: #9caaaf; text-decoration:none; }
.grid_11 div.ns1 > div.title a:hover { color:#10abe4; }
.grid_11 div.ns1 > div.title.red { color: #ce9e9d; font-size: 19px; }
.grid_11 div.ns1 > div.title.red a { color: #ce9e9d; text-decoration:none; }
.grid_11 div.ns1 > div.title.red a:hover { color:#10abe4; }
.grid_5 div.ns1 > div.title { color: #869ca4; font-size: 18px; }
.grid_5 div.ns1 > div.title a { color: #869ca4; text-decoration:none; }
.grid_5 div.ns1 > div.title a:hover { color:#10abe4; }
.grid_5 div.ns1 > div.title .smaller { font-size: 16px; }

.grid_5 .round-opt-box2 { font-size: 13px; }
.grid_5 .round-opt-box2.sel { background:#e5e5e5; color:#9d9d9d; border-color:#e5e5e5; }
.grid_5 .round-opt-box2.sel .arrow { border-left-color: #9d9d9d; }

@media screen and (min-width: 1100px) {
    .grid_5 .round-opt-box2 { font-size: 16px; }
}

.newsImg1 { margin: 2px 0; height: 47px; }
.newsImg2 { width: 140px; height: 105px; }
.newsImg3 { width: 90px; height: 70px; }
.newsIco1 { margin: 2px 0; width: 40px; height: 40px; }
.hide980, tr.hide980, td.hide980 { display: none; }
.hide1200 { display: block; }
tr.hide1200 { display: table-row; }
td.hide1200 { display: table-cell; }

@media screen and (min-width: 1100px) {
    .newsImg1 { margin: 2px 0; width: 210px; height: 116px; }
    .newsImg2 { width: 210px; height: 116px; }
    .newsImg3 { width: 100px; height: 55px; }
    .newsIco1 { margin: 2px 0; width: auto; height: 116px; }
    .newsImgCon { height: 120px; }
    .hide980 { display: block; }
    tr.hide980 { display: table-row; }
    td.hide980 { display: table-cell; }
    .hide1200, tr.hide1200, td.hide1200 { display: none; }
}

.pos { color: #2eb244; }
.neg { color: #fe4e44; }
.indTopGainHeader { color:#59af41; }
.indTopGainHeaderMouseOver { color:#81d46a; }
.indTopLossHeader { color:#eb5c43; }
.indTopLossHeaderMouseOver { color:#fc9f8f; }
.indTopTurnoverHeader{ color:#4c4c4c;}
.indTopTurnoverHeaderMouseOver{ color:#888888; }
.indTopGainIcon{background:url(../images/market/industry/icon_map_industry.png?v=1.0.1)  0px 0px no-repeat; height:20px; width:16px; margin-right:4px; vertical-align:middle;display:block;float:left;}
.indTopGainIconMouseOver{background:url(../images/market/industry/icon_map_industry.png?v=1.0.1)  -19px 0px no-repeat; height:20px; width:16px; margin-right:4px; vertical-align:middle;display:block;float:left;}
.indTopLossIcon{background:url(../images/market/industry/icon_map_industry.png?v=1.0.1)  0px -20px no-repeat; height:20px; width:16px; margin-right:4px; vertical-align:middle;display:block;float:left;}
.indTopLossIconMouseOver{background:url(../images/market/industry/icon_map_industry.png?v=1.0.1)  -19px -20px no-repeat; height:20px; width:16px; margin-right:4px; vertical-align:middle;display:block;float:left;}
.indTopTurnoverIcon{background:url(../images/market/industry/icon_map_industry.png?v=1.0.1)  0px -43px no-repeat; height:20px; width:16px; margin-right:4px; vertical-align:middle;display:block;float:left;}
.indTopTurnoverIconMouseOver{background:url(../images/market/industry/icon_map_industry.png?v=1.0.1)  -19px -43px no-repeat; height:20px; width:16px; margin-right:4px; vertical-align:middle;display:block;float:left;}


.arrow-pos { color: #2eb244; }
.arrow-neg { color: #fe4e44; }

/*CNHK Quota*/
#divSHSZHKQuota { position: relative; height:82px; }
#divSHSZHKQuota .moneyflow { position:absolute; top:0px; width:310px; height:82px; }
#divSHSZHKQuota .moneyflow.north { left:0px; }
#divSHSZHKQuota .moneyflow.south { left:310px; }
#divSHSZHKQuota .moneyflow .moneyflow_bg { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0; }
#divSHSZHKQuota .moneyflow .moneyflow_bg img { width:100%; height:100%; }
#divSHSZHKQuota .moneyflow .moneyflow_text { position:absolute; font-weight:bold; color:#666666; text-decoration:none; text-align:right; white-space:nowrap; letter-spacing:0; z-index:1; width:102px; height:24px; font-size:16px; line-height:24px; }
#divSHSZHKQuota .moneyflow a:hover .moneyflow_text { color:#ffbe00; }
#divSHSZHKQuota .moneyflow .moneyflow_text .value { font-size:17px; }
#divSHSZHKQuota .moneyflow .moneyflow_text.moneyflow_text1 { top:7px; right:25px; }
#divSHSZHKQuota .moneyflow .moneyflow_text.moneyflow_text2 { top:33px; right:25px; }
#divSHSZHKQuota .moneyflow .moneyflow_text.moneyflow_text_total { top:57px; right:25px; }
#divSHSZHKQuota .moneyflow .moneyflow_text .moneyflow_pos { color:#2eb244; }
#divSHSZHKQuota .moneyflow a:hover .moneyflow_text .moneyflow_pos { color:#ffbe00; }
#divSHSZHKQuota .moneyflow .moneyflow_text .moneyflow_neg { color:#fe4e44; }
#divSHSZHKQuota .moneyflow a:hover .moneyflow_text .moneyflow_neg { color:#ffbe00; }
#divSHSZHKQuota .moneyflow .moneyflow_text_close { position:absolute; font-weight:bold; color:#888888; text-decoration:none; text-align:center; white-space:nowrap; letter-spacing:0; z-index:1; top:33px; right:22px; width:154px; height:36px; font-size:13px; line-height:16px; }
#divSHSZHKQuota .moneyflow a:hover .moneyflow_text_close { color:#ffbe00; }
#divSHSZHKQuota .moneyflow_hkcn_lnk { position:absolute; z-index:1; top:0px; left:0px; width:125px; height:82px; }
#divSHSZHKQuota .moneyflow_cnhk_lnk { position:absolute; z-index:1; top:0px; left:310px; width:125px; height:82px; }

@media screen and (min-width: 1100px) {
    #divSHSZHKQuota { height:110px; }
    #divSHSZHKQuota .moneyflow { width:415px; height:110px; }
    #divSHSZHKQuota .moneyflow.north { left: 0px; }
    #divSHSZHKQuota .moneyflow.south { left: 415px; }
    #divSHSZHKQuota .moneyflow .moneyflow_text { width:124px; height:32px; font-size:18px; line-height:32px; }
    #divSHSZHKQuota .moneyflow .moneyflow_text .value { font-size:20px; }
    #divSHSZHKQuota .moneyflow .moneyflow_text.moneyflow_text1 { top:9px; right:40px; }
    #divSHSZHKQuota .moneyflow .moneyflow_text.moneyflow_text2 { top:44px; right:40px; }
    #divSHSZHKQuota .moneyflow .moneyflow_text.moneyflow_text_total { top:77px; right:40px; }
    #divSHSZHKQuota .moneyflow .moneyflow_text_close { top:45px; right:45px; width:170px; height:40px; font-size:15px; line-height:20px; }
    #divSHSZHKQuota .moneyflow_hkcn_lnk { top:0px; left:0px; width:170px; height:110px; }
    #divSHSZHKQuota .moneyflow_cnhk_lnk { top:0px; left:415px; width:170px; height:110px; }
}

#divActiveSHSZHK div.ns1 > div.title a { color: #869ca4; text-decoration:none; }
#divActiveSHSZHK div.ns1 > div.title a:hover { color:#10abe4; }
#divActiveSHSZHK div.ns1 > div.title .title_full { display:none; }
#divActiveSHSZHK div.ns1 > div.title .title_short { display:block; }
#divActiveSHSZHK div.ns1 > div.subtitle { position:absolute; right:0px; top: 3px; height:20px; padding-left:10px; line-height:20px; letter-spacing:0; color:#999999; background-color:#F8F8F8; }
#divActiveSHSZHK #ActiveStocks { position:relative; width:620px; height:39px; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_bg { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_bg img { width:100%; height:100%; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_box { float:left; position:relative; z-index:1; color:#666666; text-decoration:none; width:152px; height:39px; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content { letter-spacing:-0.5px; padding:5px 0px 0px 6px; font-size:12px; line-height:14px; }
body.eng #divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content { padding-top:9px; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { letter-spacing:0px; font-size:14px; line-height:16px; }
body.eng #divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { font-size:12px; line-height:14px; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow { position:absolute; width:0px; height:0px; right:5px; bottom:4px; border-top:10px solid transparent; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow.north { border-right:10px solid #f6c2be; }
#divActiveSHSZHK #ActiveStocks a:hover .ActiveStocks_box .ActiveStocks_arrow.north { border-right:10px solid #ff7f78; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow.south { border-right:10px solid #bad9e3; }
#divActiveSHSZHK #ActiveStocks a:hover .ActiveStocks_box .ActiveStocks_arrow.south { border-right:10px solid #59b7cd; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_box_sep { float:left; width:4px; height:100%; }
#divActiveSHSZHK #ActiveStocks .ActiveStocks_update { float:left; width:50%; margin-top:4px; color:#999999; text-align:center; font-size:12px; line-height:13px; }

@media screen and (min-width: 1100px) {
    #divActiveSHSZHK div.ns1 > div.title .title_full { display:block; }
    #divActiveSHSZHK div.ns1 > div.title .title_short { display:none; }
    #divActiveSHSZHK #ActiveStocks { width:830px; height:52px; }
    #divActiveSHSZHK #ActiveStocks .ActiveStocks_box { width:203px; height:52px; }
    #divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content { letter-spacing:0px; padding:9px 0px 0px 12px; font-size:14px; line-height:16px; }
    body.eng #divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content { padding-top:12px; }
    #divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { letter-spacing:0px; font-size:18px; line-height:20px; }
    body.eng #divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { font-size:14px; line-height:16px; }
    #divActiveSHSZHK #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow { right:7px; bottom:7px; }
    #divActiveSHSZHK #ActiveStocks .ActiveStocks_box_sep { width:6px; }
    #divActiveSHSZHK #ActiveStocks .ActiveStocks_update { margin-top:4px; font-size:13px; line-height:13px; }
}

#divActiveSHSZHK_2 div.ns1 > div.title a { color: #869ca4; text-decoration:none; }
#divActiveSHSZHK_2 div.ns1 > div.title a:hover { color:#10abe4; }
#divActiveSHSZHK_2 div.ns1 > div.title .title_full { display:none; }
#divActiveSHSZHK_2 div.ns1 > div.title .title_short { display:block; }
#divActiveSHSZHK_2 div.ns1 > div.subtitle { position:absolute; right:0px; top: 3px; height:20px; padding-left:10px; line-height:20px; letter-spacing:0; color:#999999; background-color:#F8F8F8; font-size:12px; }
#divActiveSHSZHK_2 #ActiveStocks { position:relative; width:601px; height:39px; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_bg { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_bg img { width:100%; height:100%; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box { float:left; position:relative; z-index:1; color:#666666; text-decoration:none; width:145px; height:39px; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content { letter-spacing:-0.5px; padding:5px 0px 0px 6px; font-size:12px; line-height:14px; }
body.eng #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content { padding-top:9px; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { letter-spacing:0px; font-size:14px; line-height:16px; }
body.eng #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { font-size:12px; line-height:14px; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow { position:absolute; width:0px; height:0px; right:5px; bottom:4px; border-top:10px solid transparent; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow.north { border-right:10px solid #f6c2be; }
#divActiveSHSZHK_2 #ActiveStocks a:hover .ActiveStocks_box .ActiveStocks_arrow.north { border-right:10px solid #ff7f78; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow.south { border-right:10px solid #bad9e3; }
#divActiveSHSZHK_2 #ActiveStocks a:hover .ActiveStocks_box .ActiveStocks_arrow.south { border-right:10px solid #59b7cd; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box_sep { float:left; width:7px; height:100%; }
#divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_update { float:left; width:50%; margin-top:15px; color:#999999; text-align:center; font-size:12px; line-height:13px; letter-spacing:0; }

@media screen and (min-width: 1100px) {
    #divActiveSHSZHK_2 div.ns1 > div.title .title_full { display:block; }
    #divActiveSHSZHK_2 div.ns1 > div.title .title_short { display:none; }
    #divActiveSHSZHK_2 div.ns1 > div.subtitle { font-size:13px; }
    #divActiveSHSZHK_2 #ActiveStocks { width:790px; height:52px; }
    #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box { width:190px; height:52px; }
    #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content { letter-spacing:0px; padding:9px 0px 0px 12px; font-size:14px; line-height:16px; }
    body.eng #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content { padding-top:12px; }
    #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { letter-spacing:0px; font-size:18px; line-height:20px; }
    body.eng #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_content .stockname { font-size:14px; line-height:16px; }
    #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box .ActiveStocks_arrow { right:7px; bottom:7px; }
    #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_box_sep { width:10px; }
    #divActiveSHSZHK_2 #ActiveStocks .ActiveStocks_update { margin-top:4px; font-size:13px; line-height:13px; }
}


#RSNLocator { background-color:#edf1f2; border-radius:25px 0px 25px 0px; padding:23px 20px 9px 20px; }
#RSNLocator > div.title { color:#89afc1; font-size:26px; font-weight:bold; margin-bottom:2px; }
#RSNLocator > div.title a { color:#89afc1; text-decoration:none; }
#RSNLocator > div.title a:hover { color:#10abe4; }
#RSNLocator div.ns1 > a.more-lnk { background-color:#edf1f2; }
#RSNLocator .newscontent6 { color: #8c9a9f !important; }

div.videoBox div.video-desc { color:#065989; }
.newshead6 a { color:#065989 !important; }
body.eng .newshead6 a { font-size:13px !important; }
.newscontent6 { color:#7f7d7d  !important; }
body.eng .newscontent6 { font-size:13px !important; }
body.eng table.ns1 > tbody > tr { font-size:13px; }
body.eng table.ns3 > tbody > tr > td .name2 { font-size:13px; }
table.ns4 > tbody > tr > td a {  color:#065989 ; }
body.chi table.ns4 > tbody > tr > td a { word-break: break-all; }
body.chn table.ns4 > tbody > tr > td a { word-break: break-all; }
body.eng table.ns4 > tbody > tr > td { font-size:13px !important; }
body.eng table.ns4 > tbody > tr > td a { font-size:13px !important; }
body.eng table.ns4 > tbody > tr > td.lst { font-weight:bold; }
body.eng table.ns4 > tbody > tr > td span { font-size:13px !important; }
@media screen and (min-width: 1100px) {
    body.eng table.ns3 > tbody > tr > td .name2 { font-size:13px; }
    body.eng table.ns4 > tbody > tr > td { font-size:13px !important; }
    body.eng table.ns4 > tbody > tr > td a { font-size:13px !important; }
    body.eng table.ns4 > tbody > tr > td.lst { font-weight:bold; }
    body.eng table.ns4 > tbody > tr > td span { font-size:13px !important; }
}
#TopNews_NewsTitle > div a { color:#065989 ; }
#BreakingNews_Content #BreakingNews_NewsTitle a { color:#065989 ; }
#BreakingNews_Content .BreakingNews_Item a { color:#065989 ; }
#USLatest_Content #USLatest_NewsTitle a { color:#065989 ; }
#USLatest_Content .USLatest_Item a { color:#065989 ; }
#AAFN_Latest #AAFN .AAFN_Item { color:#065989 ; }
#AAFN_Video #AAFNVideo_Title a, #Live_Video #Video_Title a { color:#065989 ; }
#RSNLocator .newscontent6 { color: #7f7d7d !important ; }

#rtBMPFutures .BMPFuture_Chart { width:155px; padding-right:10px; }
body.chn #rtBMPFutures .BMPFuture_Chart { padding-right:3px; }
#rtBMPFutures .BMPFuture_Chart img { width:155px; height:auto; }
#rtBMPFutures #bmpFuturesData .fd_label { font-size:15px; line-height:20px; font-weight:bold; color:#929299; white-space:nowrap; text-align:right; vertical-align:top; padding-bottom:3px; padding-right:8px; }
#rtBMPFutures #bmpFuturesData .fd_label .smaller { font-size:14px; }
#rtBMPFutures #bmpFuturesData .fd_label_update { font-size:12px; line-height:20px; font-weight:bold; color:#bdbdbd; white-space:nowrap; text-align:right; padding-top:4px; border-top:1px dotted #999999; padding-right:8px; }
#rtBMPFutures #bmpFuturesData .BMPFuture_Last { font-size:32px; font-weight:bold; color:#595961; font-family:Arial; padding-bottom:3px; letter-spacing:0px; }
#rtBMPFutures #bmpFuturesData .BMPFuture_Change { font-size:15px; line-height:20px; font-weight:bold; font-family:Arial; padding-bottom:3px; letter-spacing:0px; }
#rtBMPFutures #bmpFuturesData .BMPFuture_Prem {  font-size:15px; line-height:20px; font-weight:bold; padding-bottom:3px; letter-spacing:0px; }
#rtBMPFutures #bmpFuturesData .BMPFuture_Prem .cls { font-family:Arial; }
#rtBMPFutures #bmpFuturesData .BMPFuture_Range { font-size:15px; line-height:20px; font-weight:bold; color:#595961; font-family:Arial; padding-bottom:3px; letter-spacing:0px; }
#rtBMPFutures #bmpFuturesData .BMPFuture_Update { font-size:12px; line-height:20px; color:#BCBCBC; padding-top:4px; border-top:1px dotted #999999; font-family:Arial; letter-spacing:0px; }


.comm-panel.aatv-panel { padding-top:15px; padding-bottom:0px; border-radius:5px; overflow:hidden; }
.comm-panel.aatv-panel, .comm-panel.aatv-panel .title { background-color: #dff0f3; }
.comm-panel.aatv-panel div.ns1 > div.title { padding-right:15px; }
.comm-panel.aatv-panel div.ns1 > div.bg { top:18px; background: url(../Images/common/slash2.png) repeat-x; }
.comm-panel.aatv-panel div.ns1 > a.more-lnk { top:11px; background-color:#dff0f3; }
.comm-panel.aatv-panel .AATVNewsItem { width:100%; }
.comm-panel.aatv-panel .AATVNewsImage { position:relative; width:100%; }
.comm-panel.aatv-panel .AATVNewsImage img { width:100%; }
.comm-panel.aatv-panel .AATVNewsImageMask { position:absolute; bottom:10px; left:10px; }
.comm-panel.aatv-panel .AATVNewsImageMask > img { width:44px; height:36px;  }
.comm-panel.aatv-panel .AATVNewsTitle { margin:20px 0px 30px 0px; font-size: 15px; font-weight: bold; line-height:18px; max-height:36px; color: #0869a1; overflow:hidden; }
.comm-panel.aatv-panel .AATVNewsTitle:hover { color:#10abe4; }

@media screen and (min-width: 1100px) {
    .comm-panel.aatv-panel .AATVNewsTitle { font-size: 17px; line-height:20px; max-height:40px; }
}

body.eng div.ns2 > div.title.recommendNews { font-size:20px; }
.grid_11 div.ns1 > div.title.recommendNews a { color:#60c5eb; }
.grid_11 div.ns1 > div.title.recommendNews a:hover { color:#85d6f5; }

body.eng div.ns2 > div.title.positiveNews { font-size:20px; }
.grid_11 div.ns1 > div.title.positiveNews a { color:#90D092; }
.grid_11 div.ns1 > div.title.positiveNews a:hover { color:#A2e0a3; }

body.eng div.ns2 > div.title.negativeNews { font-size:20px; }
.grid_11 div.ns1 > div.title.negativeNews a { color:#EBA49D; }
.grid_11 div.ns1 > div.title.negativeNews a:hover { color:#f2bdb9; }

.recommendNewsItem { position:relative; clear:both; width:300px; height:45px; margin-bottom:15px; } 
.recommendNewsItem .rniImage { position:absolute; top:0px; left:0px; width:80px; height:45px; z-index:10; background-color:#000000; }
.recommendNewsItem .rniImage img { width:100%; height:100%; z-index:0; opacity: 0.8; filter: alpha(opacity=80); }
.recommendNewsItem .rniRank { position:absolute; top:7px; left:46px; width:34px; height:38px; z-index:10; background-image: url('../images/index/iconmap_index.png?v=1.1'); background-repeat:no-repeat; background-size:34px 380px; overflow:hidden; }
.recommendNewsItem .rniRank.rniRank1 { background-position: 0px 0px; }
.recommendNewsItem .rniRank.rniRank2 { background-position: 0px -38px; }
.recommendNewsItem .rniRank.rniRank3 { background-position: 0px -76px; }
.recommendNewsItem .rniRank.rniRank4 { background-position: 0px -114px; }
.recommendNewsItem .rniRank.rniRank5 { background-position: 0px -152px; }
.recommendNewsItem .rniRank.rniRank6 { background-position: 0px -190px; }
.recommendNewsItem .rniRank.rniRank7 { background-position: 0px -228px; }
.recommendNewsItem .rniRank.rniRank8 { background-position: 0px -266px; }
.recommendNewsItem .rniRank.rniRank9 { background-position: 0px -304px; }
.recommendNewsItem .rniRank.rniRank10 { background-position: 0px -342px; }
.recommendNewsItem .rniRank img { width:100%; height:100%; }
.recommendNewsItem .rniTitle { position:absolute; top:0px; left:88px; width:145px; height:53px; line-height:20px; overflow:hidden; z-index:10;}
body.chi .recommendNewsItem .rniTitle ._headline,
body.chn .recommendNewsItem .rniTitle ._headline { max-height: 33px; line-height: 16px;letter-spacing: 0.5px;overflow: hidden;}
body.chi .recommendNewsItem .rniTitle .newshead-Source,
body.chn .recommendNewsItem .rniTitle .newshead-Source {top: -4px;}
body.eng .recommendNewsItem .rniTitle { position:absolute; top:0px; left:88px; width:145px; height:46px; line-height:23px; overflow:hidden; z-index:10;}
.recommendNewsItem .rniCount { position:absolute; top:13px; left:254px; width:60px; height:20px; white-space:nowrap; overflow:hidden; z-index:10; }
.recommendNewsItem .rniBG { position:absolute; top:0px; left:80px; width:130px; height:45px; z-index:0; }
.recommendNewsItem .rniBG .rniBGBar { position:relative; width:0%; height:100%;
background: -moz-linear-gradient(left, rgba(241,245,247, 1) 0%, rgba(234,240,241, 1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(241,245,247, 1) 0%, rgba(234,240,241, 1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(241,245,247, 1) 0%, rgba(234,240,241, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f5f7', endColorstr='#eaf0f1',GradientType=1 ); /* IE6-9 */
}
tr.firstrow .recommendNewsItem .rniBG .rniBGBar {
background: -moz-linear-gradient(left, rgba(237,250,255, 1) 0%, rgba(232, 249, 255, 1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(237,250,255, 1) 0%, rgba(232, 249, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(237,250,255, 1) 0%, rgba(232, 249, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfaff', endColorstr='#e8f9ff',GradientType=1 ); /* IE6-9 */
}
.recommendNewsItem .rniBG .rniBGBar .rniBGBarTri { position:absolute; top:0px; left:100%; width:34px; height:45px; }
.recommendNewsItem .rniBG .rniBGBar .rniBGBarTri img { width:100%; height:100%; margin-left:-2px; }

@media screen and (min-width: 1100px) {
    body.eng div.ns2 > div.title.recommendNews { font-size:25px; }
    .recommendNewsItem { width:400px; height:55px; } 
    .recommendNewsItem .rniImage { width:100px; height:55px; }
    .recommendNewsItem .rniRank { top:7px; left:57px; width:43px; height:48px; background-size:43px 480px; }
    .recommendNewsItem .rniRank.rniRank1 { background-position: 0px 0px; }
    .recommendNewsItem .rniRank.rniRank2 { background-position: 0px -48px; }
    .recommendNewsItem .rniRank.rniRank3 { background-position: 0px -96px; }
    .recommendNewsItem .rniRank.rniRank4 { background-position: 0px -144px; }
    .recommendNewsItem .rniRank.rniRank5 { background-position: 0px -192px; }
    .recommendNewsItem .rniRank.rniRank6 { background-position: 0px -240px; }
    .recommendNewsItem .rniRank.rniRank7 { background-position: 0px -288px; }
    .recommendNewsItem .rniRank.rniRank8 { background-position: 0px -336px; }
    .recommendNewsItem .rniRank.rniRank9 { background-position: 0px -384px; }
    .recommendNewsItem .rniRank.rniRank10 { background-position: 0px -432px; }
    .recommendNewsItem .rniTitle { top:0px; left:110px; width:221px; height:62px; line-height:20px; }
	body.eng .recommendNewsItem .rniTitle { top:0px; left:110px; width:221px; height:56px; line-height:26px; }
    .recommendNewsItem .rniCount { top:18px; left:352px; width:60px; height:20px; }
    .recommendNewsItem .rniBG { top:0px; left:100px; width:200px; height:55px; }
    .recommendNewsItem .rniBG .rniBGBar .rniBGBarTri { width:42px; height:55px; }
	body.chi .recommendNewsItem .rniTitle ._headline,
	body.chn .recommendNewsItem .rniTitle ._headline { max-height: 40px; line-height: 20px;}
}

#videoNewsHead { position: relative; background-color: #f2f2f2; padding-top: 10px; }
#videoNewsHead .title { background-color: #f2f2f2; padding-left: 15px; padding-right: 15px; font-size: 16px; }
#videoNewsHead .title a { color: #00a9c5; }
#videoNewsHead .title a:hover { color: #10abe4; }
#videoNewsHead .bg { top: 25px; }
#videoNewsHead .aatv_live_schedule { position: absolute; top: 0; right: 0; background-color: #f2f2f2; padding: 8px 20px 0px 15px; }
#videoNewsHead .aatv_live_schedule .aatv_live_schedule_button { position: relative; color: #00a9c5; font-size: 16px; height: 17px; line-height: 17px; padding: 7px 12px; background-color: #f2f2f2; border-radius: 4px; border: 1px solid #00a9c5; cursor: pointer; z-index: 200; }
#videoNewsHead .aatv_live_schedule .aatv_live_schedule_button.hoveron { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-color: #f2f2f2; }
#videoNewsHead .aatv_live_schedule .aatv_live_schedule_button .icon { float: left; }
#videoNewsHead .aatv_live_schedule .aatv_live_schedule_button .icon_aatv_clock_1 { width: 15px; height: 15px; background: url('../images/tophead/icon_clock_1a.png?v=1.0') no-repeat; margin-right: 6px; margin-top: 2px; }
#videoNewsHead .aatv_live_schedule_overlay { position: absolute; top: 40px; right: 0; width: 598px; height: auto; padding: 20px 10px 10px 10px; background-color: #f2f2f2; border: 1px solid #9bcad8; box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2); z-index: 199; display: none; }
#videoNewsHead .aatv_live_schedule_overlay .AATVLiveSchedule { width: 100%; height: 0px; border: 0; }

@media screen and (min-width: 1100px) {
    #videoNewsHead .aatv_live_schedule_overlay { width: 788px; padding: 20px 20px 10px 20px; }
}


#IndexChartSection .icsRegion { position: absolute; right: 0; top: 6px; padding-right:1px; background-color: #f8f8f8; min-height: 20px; line-height: 20px; }
#IndexChartSection .icsRegion .icsRegionOption { float:left; margin-left:15px; padding-bottom:3px; font-size:14px; line-height:14px; font-weight:bold; color:#199BCD; cursor:pointer; }
#IndexChartSection .icsRegion .icsRegionOption .sep { font-size:12px; }
#IndexChartSection .icsRegion .icsRegionOption.sel { border-bottom:2px solid #199BCD; }
#IndexChartSection #IndexChartHolidayNotice { margin-top:10px; }
#IndexChartSection #IndexChartHolidayNotice .icsNoticeList { display:none; background:#F2F2F2; padding:4px 10px; border-radius:12.5px; }
#IndexChartSection #IndexChartHolidayNotice .icsNoticeList.sel { display:block; }
#IndexChartSection #IndexChartHolidayNotice .icsNotice { font-size:13px; line-height:13px; padding:2px 0px; color:#888888; padding-left:20px; letter-spacing:0.5px; }
body.eng #IndexChartSection #IndexChartHolidayNotice .icsNotice { letter-spacing:0px; }
#IndexChartSection #IndexChartHolidayNotice .icsFlag { display:inline-block; margin-bottom:-1px; margin-right:8px; margin-left:-20px; }
#IndexChartSection #IndexChartContent { position:relative; margin-top:5px; border: solid 1px #f2f2f2; border-left:0px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List { position:relative; float:left; width:164px; min-height:100px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index { position:relative; background:#f2f2f2; color:#606060; height:42px; cursor:pointer; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.sel { background:#fcfcfc; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.red { color:#fe4e44; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.green { color:#2eb244; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index .bar { position:absolute; top:0px; left:0px; height:42px; width:8px; background:url('../images/stock/icon_3_colours_dotlines.png'); background-position:-3px -2px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.red .bar { background-position:-3px -91px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.green .bar { background-position:-3px -46px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index .name { position:absolute; left:10px; top:4px; color:#595961; font-size:14px; font-weight:bold; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index .change { position:absolute; left:10px; bottom:4px; font-size:14px; padding-left:8px; font-weight:bold; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index .change::after { content:""; position:absolute; left:0px; top:2px; width:0; height:0; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.red .change::after { border-left:solid 3px transparent; border-right:solid 3px transparent; border-top:solid 6px #fe4e44; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.green .change::after { border-left:solid 3px transparent; border-right:solid 3px transparent; border-bottom:solid 6px #2eb244; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index .last { position:absolute; right:0px; top:16px; height:27px; line-height:27px; font-size:17px; font-weight:bold; padding:0px 2px; border-radius:3px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index .last:empty { padding:0px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.sel .last { background:#8e8e8e; color:#fff; top:8px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.sel.red .last { background:#e87182; color:#fff; top:8px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index.sel.green .last { background:#62c882; color:#fff; top:8px; }
#IndexChartSection #IndexChartContent #IndexChartContent_List .index .logout { position:absolute; right:0px; bottom:0px; font-size:14px; line-height:20px; font-weight: 500; color: #0869a1; }
#IndexChartSection #IndexChartContent #IndexChartContent_Chart { position:relative; float:left; width:185px; height:250px; background:#fcfcfc; }
#IndexChartSection #IndexChartContent #IndexChartContent_Chart #indexChart { width:100%; height:250px; cursor:pointer; }
#IndexChartSection #IndexChartContent #IndexChartContent_Chart .clickBox {
    border:2px solid transparent; /* space for the border */
    background:
    linear-gradient(#000,#000) top left,
    linear-gradient(#000,#000) top left,
    linear-gradient(#000,#000) bottom left,
    linear-gradient(#000,#000) bottom left,
    linear-gradient(#000,#000) top right,
    linear-gradient(#000,#000) top right,
    linear-gradient(#000,#000) bottom right,
    linear-gradient(#000,#000) bottom right;
    background-size:2px 5px,5px 2px;
          
    background-origin:border-box;
    background-repeat:no-repeat;
    opacity:0.2;
    /*Irrelevant code*/  
    width:15px;
    height:15px;
    box-sizing:border-box;
    display:inline-flex;
    font-size:30px;
    justify-content:center;
    align-items:center;
    line-height:50px;
    position:absolute;
    right:5px;
    bottom:25px;
    cursor:pointer;
    display:none;
}
#IndexChartSection #IndexChartContent #IndexChartContent_Chart .clickBox:hover::after { content:""; width:19px; height:19px; position:absolute; top:-4px; left:-4px; background:#000; opacity:0.5; }
#IndexChartSection #IndexChartContent #IndexChartContent_Chart #indexChartNotSupport { position:absolute; width:100%; height:20px; top:115px; left:0px; color:#999999; font-size:12px; line-height:20px; text-align:center; display:none; }

.newshead-Source {color: #a3a3a3; font-size:13px !important;}


.BreakingNews_Item .vw980 {display:block}
.BreakingNews_Item .vw1200 {display:none}
@media screen and (min-width: 1100px) {
	.BreakingNews_Item .vw980 {display:none}
	.BreakingNews_Item .vw1200 {display:block}
}


.container1 {
  position:relative;
  height: 32px; overflow: hidden;
}

.main-text1 {
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.ai-sep { display: inline-flex; align-items: center; }


.main-text1 span.ellipsis, .eng .recommendNewsItem span.ellipsis
, .eng #RSNLocator span.ellipsis
, .eng #cp_lnkEconData span.ellipsis
, .eng #TodayFocus a .ellipsis
 {
  position: absolute;
  top: 15px;
  right: 0;
  padding: 0 3px;
  background: #F8F8F8;
  z-index:1;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0.5) 0%, rgba(248,248,248,1) 20%, rgba(248,248,248,1) 37%);
  display: inline-flex;
  align-items: center;
}
.eng #TodayFocus a .ellipsis { top:20px; background: #E2EFF5}
.container1 .main-text1 .newshead-Source-sep { vertical-align: middle;}
@media screen and (min-width: 1100px) {
	.container1 {height: 40px;}
	.main-text1 { line-height: 20px;max-height: 40px;}
	.main-text1 span.ellipsis {top:20px}
}
.container1 .sourcemask
, .eng .recommendNewsItem .sourcemask
, .eng ._ecdata #cp_lnkEconData .sourcemask
, .eng #TodayFocus a .sourcemask
, .eng #RSNLocator .sourcemask {
  display:inline-block;
  position: relative;
  vertical-align: middle;
  width:50px;
  box-shadow:
    50px 0 0 #F8F8F8,
	100px 0 0 #F8F8F8,
	150px 0 0 #F8F8F8,
	200px 0 0 #F8F8F8,
	250px 0 0 #F8F8F8,
	300px 0 0 #F8F8F8,
	350px 0 0 #F8F8F8,
	400px 0 0 #F8F8F8;
  z-index:2;
  background: #F8F8F8;
  border-collapse: separate \9;
  top:-2px;
  display: inline-flex;
  align-items: center;
}
.eng #TodayFocus a .sourcemask { background: #E2EFF5; box-shadow:50px 0 0 #E2EFF5, 100px 0 0 #E2EFF5, 150px 0 0 #E2EFF5, 200px 0 0 #E2EFF5, 250px 0 0 #E2EFF5, 300px 0 0 #E2EFF5, 350px 0 0 #E2EFF5, 400px 0 0 #E2EFF5, 0px 20px 0 #E2EFF5, 50px 20px 0 #E2EFF5, 100px 20px 0 #E2EFF5, 150px 20px 0 #E2EFF5, 200px 20px 0 #E2EFF5, 250px 20px 0 #E2EFF5, 300px 20px 0 #E2EFF5, 350px 20px 0 #E2EFF5, 400px 20px 0 #E2EFF5}
.eng #TodayFocus a .newshead-Source-sep{padding: 0 4px;}
.container1 .sourcemask .newshead-Source {line-height:18px}

._w50Vote {font-size:13px !important}
._w50Vote > div {display:inline-block;}
._w50Vote .value {font-size:13px;}

div.div_VoteTotal._withlabel > div > div.clickable > div.value {margin-left: 2px !important;}
.div_BreakingNewsLabel, .div_USLatestNewsLabel {height: auto !important;position: absolute;left: 10px;bottom: -5px;display: flex; align-items: center;}
.div_BreakingNewsLabel div.div_VoteTotal._withlabel > div > div.clickable > div.value,
.div_USLatestNewsLabel div.div_VoteTotal._withlabel > div > div.clickable > div.value {font-size:13px;}
#BreakingNews_Content #BreakingNews_NewsTitle div.div_VoteTotal._withlabel > div, 
#USLatest_Content #USLatest_NewsTitle div.div_VoteTotal._withlabel > div { min-width: 43px; max-width: 50px; padding-right:0px}
.div_BreakingNewsLabel > div, .div_USLatestNewsLabel > div {display:table-cell}


._w50Vote div.div_VoteTotal > div {width: 54px;padding-right: 0 !important;}
table.ns1 > tbody > tr > td .rf2r .container1 {height: auto;line-height: 22px; max-height:44px;}
table.ns1 > tbody > tr > td .rf2r .container1 .main-text1 {line-height: 22px; max-height:44px;}
table.ns1 > tbody > tr > td .rf2r .container1 .main-text1 .ellipsis { top: 23px;}
table.ns1 > tbody > tr > td .rf2r .container1 .sourcemask {top: -3px; }
.cp_CNAllNewsContent {height:42px !important;}
table._companyAnn .container1 {height:40px;max-height: 40px;}
table._companyAnn .container1 .sourcemask{top: -2px;}
table._companyAnn .container1 .main-text1 {line-height: 20px;max-height:40px}
table._companyAnn .container1 .main-text1 span.ellipsis{top: 20px;}
.BreakingNews_Item ._flex._newssource ,
.USLatest_Item ._flex._newssource {max-height: 32px;overflow: hidden;}
.BreakingNews_Item ._flex._newssource ._label,
.USLatest_Item ._flex._newssource ._label {align-self:flex-end;}
.div_BreakingNewsLabel .newshead-Source-sep, .div_USLatestNewsLabel .newshead-Source-sep {padding: 0 5px;}
#cp_pMostReadNewsSourceLabel .newshead-Source-sep, 
#cp_pResearchReportSourceLabel .newshead-Source-sep {padding: 0 5px;}
@media screen and (min-width: 1100px) {
	.div_BreakingNewsLabel .div_VoteTotal > div, .div_USLatestNewsLabel .div_VoteTotal > div {padding-right:0;}
	.eng .div_BreakingNewsLabel .div_VoteTotal > div, .eng .div_USLatestNewsLabel .div_VoteTotal > div {padding-right:20px;}
	.cp_CNAllNewsContent {height:56px !important;}
	.cp_CNAllNewsContent .newscontent6{line-height:18px}
	._w50Vote div.div_VoteTotal > div {width: auto;}
	#cp_pMostReadNewsSourceLabel._overTh .newshead-Source-sep, #cp_pResearchReportSourceLabel._overTh .newshead-Source-sep {padding: 0 1px;}
	.BreakingNews_Item ._flex._newssource,
	.USLatest_Item ._flex._newssource {max-height: 40px;}
	.div_TopNewsLabel .newshead-Source-sep {padding:0 20px}
    .eng .div_TopNewsLabel .newshead-Source-sep {padding:0}
	.eng table.ns1 > tbody > tr > td div.div_VoteTotal > div {padding-right: 5px !important;}
}
.eng ._ecdata .mainHead, 
#RSNLocator .newshead6 {position:relative;}
.eng ._cnNews .container1 {height: 40px;}
.eng ._cnNews .main-text1 {max-height: 40px;}
.eng ._cnNews .main-text1 span.ellipsis
, .eng #cp_lnkEconData span.ellipsis
, .eng #RSNLocator span.ellipsis { top:21px; }
table.ns1._cnNews > tbody > tr > td .rf3 a {max-height:40px;overflow: hidden;display: block;}
.rsnNewsLabel .newshead-Source {margin-bottom:3px}
._flex._newssource .newshead-Source-sep {padding: 0 5px 0 10px;}
._flex._newssource .newshead-Source-sep:after {position:relative;}
.eng .div_TopNewsLabel .icon-AINews {margin-left:5px;}
.eng .BreakingNews .icon-AINews {margin-left:5px;}
.eng #BreakingNews_NewsTitle .sourcemask,
.eng #USLatest .sourcemask { top: 0px; }
/*.eng #BreakingNews_NewsTitle .icon-AINews,
.eng #cp_pMostReadNewsReviewAI .icon-AINews { top: 2px; }
.eng #RSNLocator .newshead-Source-sep { top: -2px; }
.eng #BreakingNews_Content .BreakingNews_Item .newshead-Source-sep,
.eng #USLatest .USLatest_Item .newshead-Source-sep,
.eng .ns1[data-ref="ResearchReport"] .newshead-Source-sep,
.eng ._cnNews .mainHead .newshead-Source-sep,
.eng table._companyAnn .container1 .newshead-Source-sep { top: -4px; }*/
._flex._newssource > div:nth-child(2),
.headline1 ._flex._newssource > div:nth-child(2)  {display: inline-flex;height: 20px;align-items: center;}
.eng .cp_MostReadNews #cp_pMostReadNewsVoteTotal .last,
.eng .cp_ResearchReport #cp_pResearchReportVoteTotal .last {padding-right: 0 !important;}
.eng #cp_pMostReadNewsReviewAI .newshead-Source-sep,
.eng #cp_pResearchReportReviewAI .newshead-Source-sep {padding:0 0 0 5px;}
.eng #cp_pMostReadNewsReviewAI .sourcemask,
.eng #cp_pResearchReportReviewAI .sourcemask {width: 26px;}

.eng #RSNLocator span.ellipsis {background:#EDF1F2;}
.eng #RSNLocator .sourcemask {
    box-shadow:
    50px 0 0 #EDF1F2,
	100px 0 0 #EDF1F2,
	150px 0 0 #EDF1F2,
	200px 0 0 #EDF1F2,
	250px 0 0 #EDF1F2,
	300px 0 0 #EDF1F2,
	350px 0 0 #EDF1F2,
	400px 0 0 #EDF1F2;
    background:#EDF1F2;
}
.eng .recommendNewsItem .rniTitle:has(.icon-AINews) { overflow:visible; }
.eng .recommendNewsItem ._headline._ai { line-height: 17px; max-height: 35px; overflow: hidden; }
@media screen and (min-width: 1100px) {
.eng .recommendNewsItem ._headline._ai { line-height: 20px; max-height: 38px; }
}
.div_TopNewsLabel .div_ReviewAI { padding-left: 5px; }
.sourcemask { display: flex; align-items: center; }