/*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
*/

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; }
.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 25px 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: 12px;
    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}
._flex._newssource .newshead-Source-sep, ._flex._newssource .newshead-Source {display: table-cell;word-break: keep-all;}


.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; }