/*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 Hui, PDEV-1199*/
/*V4.9, Sam Wong, PDEV-1190*/
/*V5.0, Sam Wong, PDEV-1241*/
/*V5.1, Sam Hui, PDEV-1243*/
/*V5.2, Sam Wong, MS Font fix*/
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}
@font-face {
    font-family: '微軟正黑體修正2';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic), local(MS Gothic);
}
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 .frame_w {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; }
}

#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 */
.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; }
.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;}
.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;}
.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;}
.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;}
.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;}
.font21{font-size: 21px;}
.font22{font-size: 22px;}
.font26{font-size: 26px;}
.font31{font-size: 31px;}
.font33{font-size: 33px;}
.font40{font-size: 40px;}
.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;}
.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; }


.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.white > div.title { background-color:#FFFFFF; }
div.ns1 > a.more-lnk { background-color:#F8F8F8; background-image:url("../Images/common/icon_more.png"); background-position:right; background-repeat:no-repeat; width:11px; height:16px; position:absolute; right:0px; top: 3px; /*bottom:0px;*/ padding-left:15px; }
div.ns1.white > a.more-lnk { 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; }

@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.white > div.title { background-color:#FFFFFF; }
    div.ns1 > a.more-lnk { background-color:#F8F8F8; background-image:url("../Images/common/icon_more.png"); background-position:right; background-repeat:no-repeat; width:11px; height:16px; position:absolute; right:0px; top: 3px; /*bottom:0px;*/ padding-left:15px; }
    div.ns1.white > a.more-lnk { background-color:#FFFFFF; }
}

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; font-weight: bold; }
div.ns2 > div.title { text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; }
div.ns2 > div.title.red { color: #DDBAB8; }
div.ns2.white > div.title { background-color:#FFFFFF; }
div.ns2 > a.more-lnk { background-color:#F8F8F8; background-image:url("../Images/common/icon_more.png"); background-position:right; background-repeat:no-repeat; width:11px; height:16px; position:absolute; right:0px; top: 3px; /*bottom:0px;*/ padding-left:10px; }
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; }

@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 > div.title.red { color: #DDBAB8; }
    div.ns2 > div.title { text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; }
    div.ns2.white > div.title { background-color:#FFFFFF; }
    div.ns2 > a.more-lnk { background-color:#F8F8F8; background-image:url("../Images/common/icon_more.png"); background-position:right; background-repeat:no-repeat; width:11px; height:16px; position:absolute; right:0px; top: 3px; /*bottom:0px;*/ padding-left:10px; }
    div.ns2.white > a.more-lnk { background-color:#FFFFFF; }
}

div.newsFilter { background-color:#f2f2f2; border-radius:4px; padding:10px 0px; margin:0px; font-size:14px; }
div.newsFilter.eng { font-size:13px; }
div.newsFilter > table { width:100%; }
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; }
    div.newsFilter.eng { font-size:15px; }
    div.newsFilter > table { width:100%; }
    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; }

/* 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; }
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; }
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: 42px; line-height: 20px; 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; }

@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; }
    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; }
    table.ns1 > tbody > tr > td a:hover { color: #10abe4; }
}

/* data table */
table.ns2 > thead > tr { font-size:14px; padding-right:10px; }
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:first-child { padding-left:10px; }
.eng table.ns2 > thead > tr > td { padding:5px 3px 5px 0px; }
.eng table.ns2 > tbody > tr > td:first-child { padding-left:3px; }
table.ns2 > tbody > tr { font-size:14px; }
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 a { color: #0869a1; font-size:14px; }
table.ns2 > tbody > tr > td a:hover { color: #10abe4; }
table.ns2 > tbody > tr > td .fix2Row { max-height: 40px; overflow: hidden; }

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

    table.ns2 > tbody > tr > td a { font-size:16px; }
}

/* 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:#919199; 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 > tbody > tr { font-size:13px; }
table.ns3 > tbody > tr > td { padding:3px 5px 3px 0px; border-bottom:dotted 1px #cccccc; 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.last { border-bottom:none; }
table.ns3 > tbody > tr > td.font15 { font-size: 13px; }
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 .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; }

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

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

table.ns4 { width:100%; }
table.ns4 > thead > tr { font-size:14px; padding-right:10px; }
table.ns4 > thead > tr > td { padding:4px 5px 4px 0px; border-bottom:dotted 1px #cccccc; color:#919199; 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; }
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 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.wm80 > tbody > tr > td:first-child { max-width: 38px; }

@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; border-bottom:dotted 1px #cccccc; color:#919199; min-height:20px; line-height:20px; }
    table.ns4 > thead > tr > td:first-child { padding-left:10px; }
    table.ns4 > thead > tr > td.chg { width: 100px; }
    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 a { color: #0869a1; font-size:15px; word-break: break-word; }
    table.ns4 > tbody > tr > td a:hover { color: #10abe4; }
    table.ns4.wm80 > tbody > tr > td:first-child { max-width: 80px; }
}

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

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 > 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.btn2Right { position:relative; float:left; width:20px; height:22px; background-color:#e5e5e5; cursor:pointer; }
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.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; }
div.circle-list div.circle-list-center { color:#0869a1; font-size:20px; float:left; width:40%; text-align:center; }
div.circle-list div.circle-list-right { color:#5e666e; font-size:14px; float:left; width:30%; text-align:center; }
.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:5px 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:60%; 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:#3aa9d3; }
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.date-format { width:61px; height:41px; float:left; position:relative; line-height:41px; color:#bbb; }
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 { 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 { 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; }
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:78px; left:20px; z-index:1; }
div.videoBox div.video-icon > img { width:38px; height:33px; }
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; }
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; }
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;
}

@media screen and (min-width: 1100px) {
div.videoNewsList { height:235px; width:100%; overflow:hidden; position:relative; }
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:112px; left:20px; z-index:1; }
div.videoBox div.video-icon > img { width:44px; height:38px; }
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; }
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; }
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:190px; }
.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:78px; left:20px; }
.defPage div.videoBox div.video-icon > img { width:38px; height:33px; }
.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:30px; }

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:132px; height:40px; padding:25px 20px 30px 20px; 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:176px; height:40px; padding:25px 20px 30px 20px; 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 div.news-image { }
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 div.news-top50 { position:absolute; bottom:2px; right:8px; z-index:1; }
div.newsBox div.news-top50 img { width:28px; height:28px; }
div.newsBox.newsBoxLeftMargin { margin-left:17px; }

@media screen and (min-width: 1100px) {
    div.newsBox { width:190px; margin-top:15px; margin-bottom:3px; padding:0px; float:left; }
    div.newsBox div.news-image { }
    div.newsBox div.news-content { padding:25px 20px 30px 20px; 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.newsBoxLeftMargin { margin-left:29px; }
}

.news-icon-map { background-image:url("../images/news/news_icon_map.png"); }
.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-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-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;}
.lnk2, .lnk2:visited, .lnk2:link{font-weight:normal; font-size:14px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; color:#0869a1;}
.lnk3, .lnk3:visited, .lnk3:link{font-weight:normal; font-size:13px; font-family:Arial; color:#0869a1;}
@media screen and (min-width: 1100px) {
.lnk2, .lnk2:visited, .lnk2:link{font-weight:normal; font-size:16px; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; color:#0869a1;}
}

.lnk:hover{color:#009fff;}
.lnk-selected { color:#000 !important; }

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

.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; }
.newshead4 a:hover { color: #10abe4; }
.newshead4 a .icon_top50 { width:23px; height:23px; margin-bottom:-6px; border:0px; }
.newstime4 { color: #999; font-size: 13px; letter-spacing:0px; }
.newscontent4 { color: #666; font-size:15px; line-height:25px; max-height:75px; overflow:hidden; }
.newsImage4a > img { width:230px; height:130px; }
.newsImage4b > img { width:115px; height:65px; }

@media screen and (min-width: 1100px) {
    .newshead4 a { color:#0869a1; font-size:18px; }
    .newshead4 a:hover { color: #10abe4; }
    .newshead4 a .icon_top50 { width:26px; height:26px; margin-bottom:-7px; }
    .newstime4 { color: #999; font-size: 14px; letter-spacing:0px; }
    .newscontent4 { color: #666; font-size:16px; line-height:25px;}
    .newsImage4a > img { width:288px; height:160px; }
    .newsImage4b > img { width:150px; height:84px; }
}

.linkBar a { font-size:15px; }
.linkBar a.back { font-size:14px; }
.newshead5 { color:#00394e; font-size:31px; }
.newshead5 .icon_top50 { width:30px; height:30px; margin-bottom:-3px; margin-left:7px; }
.newstime5 { color: #919090; font-size:15px; }
.newsImage5 { margin-top:27px; }
.newsControlRow5 { margin-top:40px; height:38px; line-height:38px; }
.newscontent5 { color:#00394e; font-size:19px; line-height: 21px; }
.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 .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; }
#btnShowSS { font-size:15px }
#btnShowSP { 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; }
.quote-box2.unc:hover { border-color:#e2e2e2; background-color:#e2e2e2; }
.quote-box2.neg { border-color:#fba6a6; color:#f35e5f; }
.quote-box2.neg:hover { border-color:#ffcece; background-color:#ffcece; }
.quote-box2.pos { border-color:#86cca0; color:#22ab55; }
.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 { width:300px; height:180px; }
.rel-stock-chart > div.stock-name { position:absolute; top:140px; left:10px; font-size:24px; color:#5b5b5b; }
.eng .rel-stock-chart > div.stock-name { font-size:23px; }
.rel-stock-chart > div.stock-symbol { position:absolute; top:170px; left:10px; font-size:16px; color:#5b5b5b; }
.rel-stock-chart > div.stock-value { position:absolute; top:124px; right:10px; height:70px; width:135px; color:#fff; text-align:right; padding-right:10px; }
.rel-stock-chart > div.stock-value.pos { background: rgb(55,174,101);
background: -moz-linear-gradient(top, rgba(63,199,104,1) 0%, rgba(55,174,101,1) 100%);
background: -webkit-linear-gradient(top, rgba(63,199,104,1) 0%, rgba(55,174,101,1) 100%);
background: linear-gradient(to bottom, rgba(63,199,104,1) 0%, rgba(55,174,101,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fc768', endColorstr='#37ae65',GradientType=0 ); }
.rel-stock-chart > div.stock-value.neg { background: rgb(209,37,37);
background: -moz-linear-gradient(top, rgba(246,111,102,1) 0%, rgba(209,37,37,1) 100%);
background: -webkit-linear-gradient(top, rgba(246,111,102,1) 0%, rgba(209,37,37,1) 100%);
background: linear-gradient(to bottom, rgba(246,111,102,1) 0%, rgba(209,37,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66f66', endColorstr='#d12525',GradientType=0 ); }
.rel-stock-chart > div.stock-value.unc {
    background: rgb(29,150,202);
background: -moz-linear-gradient(top, rgba(71,184,234,1) 0%, rgba(29,150,202,1) 100%);
background: -webkit-linear-gradient(top, rgba(71,184,234,1) 0%, rgba(29,150,202,1) 100%);
background: linear-gradient(to bottom, rgba(71,184,234,1) 0%, rgba(29,150,202,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47b8ea', endColorstr='#1d96ca',GradientType=0 );
}
.rel-stock-chart div.stock-last { position:relative; top:16px; font-size:36px; line-height:30px; }
.rel-stock-chart div.stock-change { position:relative; top:16px; font-size:14px; }

@media screen and (min-width: 1100px) {
    .linkBar a { font-size:16px; }
    .linkBar a.back { font-size:15px; }
    .newshead5 { font-size:38px; }
    .newshead5 .icon_top50 { width:36px; height:36px; margin-bottom:-3px; margin-left:7px; }
    .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 .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; }
    #btnShowSS { font-size:16px }
    #btnShowSP { font-size:16px }
}

.newshead6 a { color:#0869a1 !important; font-size:15px !important; line-height: 20px; letter-spacing: 0.5px; }
.newshead6 a:hover { color: #10abe4 !important; }
.newshead6 .quote-box2 { font-size: 13px; padding-left: 1px; padding-right: 1px; }
.newscontent6 { color: #666 !important; font-size: 13px !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 .quote-box2 { font-size: 14px; padding-left: 1px; padding-right: 1px; }
    .newscontent6 { font-size: 14px !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_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;}
.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: #ccc;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: -webkit-linear-gradient(left, #21AF62 , #00D15F); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #21AF62, #00D15F); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #21AF62, #00D15F); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #21AF62 , #00D15F); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21AF62', endColorstr='#00D15F', GradientType=1);
	vertical-align:middle;
}
.ZeroToTwoPercentGradientBar{
	background: -webkit-linear-gradient(left, #C5E397 , #F4FFD8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #C5E397, #F4FFD8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #C5E397, #F4FFD8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #C5E397 , #F4FFD8); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5E397', endColorstr='#F4FFD8', GradientType=1);
	vertical-align:middle;
}
.ZeroPercentGradientBar{
	background: -webkit-linear-gradient(left, #A1A1A4 , #E0E0E6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #A1A1A4, #E0E0E6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #A1A1A4, #E0E0E6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #A1A1A4 , #E0E0E6); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A1A1A4', endColorstr='#E0E0E6', GradientType=1);
	vertical-align:middle;
}
.NegativeZeroToTwoPercentGradientBar{
	background: -webkit-linear-gradient(left, #FAC4C4 , #FFD9D9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #FAC4C4, #FFD9D9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #FAC4C4, #FFD9D9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #FAC4C4 , #FFD9D9); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAC4C4', endColorstr='#FFD9D9', GradientType=1);
	vertical-align:middle;
}
.NegativeTwoPercentGradientBar{
	background: -webkit-linear-gradient(left, #CE0E0C , #F80400); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #CE0E0C, #F80400); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #CE0E0C, #F80400); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #CE0E0C , #F80400); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CE0E0C', endColorstr='#F80400', GradientType=1);
	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;}
.RelativeLayer{position: relative;z-index:999;}
.greenTopBorder{border-top:2px solid #7FCC7F;}
.redTopBorder{border-top:2px solid #E57C7C;}
.blackTopBorder{border-top:2px solid #7D7D7D;}
.indTopGainHeader{color:#1B981A;}
.indTopLossHeader{color:#CA0000;}
.indTopTurnoverHeader{color:#010101;}
.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;}

.indTopGainIcon{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;}
.indTopGainIconMouseOver{background:url(../images/market/industry/log1_over.png)  0px 0px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.indTopLossIcon{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;}
.indTopLossIconMouseOver{background:url(../images/market/industry/log1_over.png)  0px -20px no-repeat; height:20px; width:20px;vertical-align:middle;display:block;float:left;}
.indTopTurnoverIcon{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;}
.indTopTurnoverIconMouseOver{background:url(../images/market/industry/log1_over.png)  0px -40px no-repeat; height:20px; width:20px;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;}
.indTopGainHeaderMouseOver,.indTopLossHeaderMouseOver,.indTopTurnoverHeaderMouseOver{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; }
#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;}
.NewsIcon {background:url(../images/market/industry/log1.png?v=1.0.1)  0px -60px no-repeat; height:20px; width:16px;display:block;float:left;}
.NewsIcon:hover {background:url(../images/market/industry/log1_over.png)  0px -60px no-repeat; height:20px; width:16px;display:block;float:left;}
.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; }
.eng .round-opt-box { width:180px; }
.eng .round-opt-box.aafn { width:110px; }
.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; }

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

.round-opt-box2 { color:#0C67A0; 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 #0C67A0; border-radius:3px; }
.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 #82A1A4; display:none; top:6px; left:3px; }
.round-opt-box2 .name { display:inline-block; *display: inline; zoom:1; padding:0px; }
.round-opt-box2.sel { background:#CCDBE0; color:#82A1A4; border-color:#CCDBE0; padding:0px 3px 0px 9px; }
.round-opt-box2.sel .arrow { display:inline-block; *display: inline; zoom:1; }

@media screen and (min-width: 1100px) {
    .round-opt-box2 { font-size:15px; padding:0px 12px 0px 12px; }
    .round-opt-box2.sel { padding:0px 6px 0px 18px; }
    .round-opt-box2 .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; }
.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; }
    .eng .btn-std-blue { font-size:14px; }
}
.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; }

.ind-box2.ind-box{width:auto; color: #006aaa;}
.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-ts { background:url('../images/common/icon_ts.png?v=1.0.2') 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:11px; font-size:12px; color:#FFF }
.icon-nc-hover { background-position:-38px -17px; width:18px; height:17px; line-height:11px; font-size:12px; color:#FFF }

.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-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 #e5e5e5; 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:5px; height:44px; line-height:44px; }
#sb3 .tab .tab-bg .tab-right { float:left; width:5px; 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:4px; 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:#989898; padding-right:3px; }
#sb3 .tab .tab-bg.sel .tab-line { float:left; display:none; }
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; }
}

#sb3 .quote { margin-top:2px; height:65px; border-bottom:solid 1px #e5e5e5; }
#sb3 .quote .colA { float:left; width:170px; margin-right:15px; height:30px; line-height:20px; margin-top:13px; }
#sb3 .quote .colA select { width:75px; background-color: #F0F0F0; color:#017aa7; font-size:13px; font-weight:bold; height:30px; line-height:30px; padding:0px; margin:0px; border:1px solid #DADADA; }
body.eng #sb3 .quote .colA select { font-size:12px; }
#sb3 .quote .colA input[type="text"] { background-color: #F0F0F0; color:#017aa7; font-size:16px; border: 0px; width:53px; line-height:24px; }
#sb3 .quote .colA input[type="text"].MarketUS { width:93px; }
body.eng #sb3 .quote .colA input[type="text"].MarketUS { width:89px; }
#sb3 .quote .colA .icon_search { background-position:-200px -100px; width:12px; height:12px; margin-right:8px; }

#sb3 .quote .colB { float:left; min-width:160px; margin-right:15px; height:30px; line-height:15px; margin-top:13px; }
#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:15px; 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: 95px; margin-right:5px; margin-top:13px; }
#sb3 .quote .colH { float:right; width: 190px; margin-right:5px; margin-top:13px; }

@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: 180px; margin-right:20px; margin-top:18px; }
    #sb3 .quote .colA select { width:80px; font-size:14px; padding:0px 6px; }
    #sb3 .quote .colA input[type="text"] { width: 63px; }
    
    #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: 110px; margin-right:10px; font-size:15px; }
    #sb3 .quote .colH { width: 210px; margin-right:10px; 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; }

/* Live Video Popup */
.live-icon-map { background: url("../images/livevideo/live_video_icon.png") 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") no-repeat; width:30px; height:9px; }
#liveVideoPanel .live-icon-play { background-position: -100px -50px; width: 54px; height: 54px; }

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

#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; }
#liveVideoPanel table { border-collapse: collapse; border-spacing: 0; font-family:微軟正黑體修正,微軟正黑體修正2,微軟正黑體, 'Microsoft JhengHei', Arial; }
#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; letter-spacing: 1px; }
#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; }