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

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

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

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

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

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

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

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

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

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

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

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