@charset "utf-8";
/* CSS Document */
/*body{margin:0px; min-width: 760px; font-family:宋体,黑体,Arial, Helvetica, sans-serif; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing:antialiased;font-size-adjust: none;}*/
a{text-decoration:none;}
/*input, select{font-family:Arial, Helvetica, sans-serif;}*/
body{margin:0px; font-size:12px; font-family:Arial,PMingLiU; /*font-family:PMingLiU;*/min-width:1024px;}

/* Common */
.clear{clear:both;}
.boldTxt{font-weight:bold;}
.floatRight{float:right;}
.floatLeft{float:left;}
a { text-decoration: none; color: #000; }
a:hover { color: #666; }
.displayForSZ{ display:none ; }
#HdrTab ul li ul.displayForSZ{ display:none ;}
.menu li ul li.displayForSZ{ display:none ;}
.TableStyleA td div.displayForSZ.market-connect.boldTxt.lightBlueTxt.lightBlueBorder{display:none ;}
.TableStyleA td div.displayForSZ.market-connect.boldTxt.lightBlueTxtProfInvestor.lightBlueBorder{display:none ;}
.TableStyleA td div.displayForSZ.market-connect.boldTxt.greyTxt.greyBorder{display:none ;}
.lightBlueTxt{ color: rgb(11,102,164); }
.lightBlueTxtProfInvestor{ background-color: rgb(11,102,164); color:#ffffff; }
.exchange-display .lightBlueTxt{ color: rgb(11,102,164); }
.lightBlueBorder{ border: 1px solid rgb(11,102,164); }
.greyTxt{ color: rgb(127,127,127); }
.greyBorder{ border: 1px solid rgb(127,127,127); }

/* Header */
#TopMenu{width:100%; height:13px; margin-Top:6px; background:#FFF; border-bottom:1px solid #666; float:left; clear:both; font-family:'微軟正黑體','Microsoft JhengHei',Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333;}
#TopMenu ul{height:13px; list-style:none; margin:0px; padding:0px; display:inline-block;}
#TopMenu ul li{height:13px; margin:0px; padding:0px 8px; line-height:13px; border-left:1px solid #666; display:block; float:left; cursor:pointer;}
#TopMenu ul li a{color:#333;}
#TopMenu ul.left{float:left; margin-left:60px;}
#TopMenu ul.right{float:right;}
#TopMenu ul.right li.prev{background:url(../images/common/hdr_bulletleft.gif) 8px 2px no-repeat; padding-left:16px;}
#TopMenu ul.right li.next{background:url(../images/common/hdr_bulletright.gif) 50px 2px no-repeat; padding-right:16px;}
#TopMenu ul.right li.next_eng{background:url(../images/common/hdr_bulletright.gif) 75px 2px no-repeat; padding-right:16px;}
#TopLogo{width:100%; height:55px; float:left; clear:both;}
#TopLogoClick{width:282px; height:55px; cursor:pointer;}
#TopColorBar{width:100%; height:4px; background:#990000; clear:both;}
#TopColorBarGrey{width:5%; min-width:38px; height:6px; font-size:0px; line-height:0px; background:#999;}
#SecondMenu{width:100%; height:29px;  background-color: #E6E6E6; border-bottom: 1px solid black; float:left; clear:both;}
#Nav{/*height:25px; */float:left; clear:both; width:100%;padding:0px;margin:0px;}
.menu{margin:0px; padding:0px; list-style-type:none; position:relative;  font-weight:bold; font-size: 0px;}
.menu > li > a{margin:0px; width:100%; text-decoration:none; color:#474747; font-weight:bold;}
div.box{position:absolute; z-index:-1; background-color:#990000; left:0px; top:0px;}
li.right-menu > a{background-image:url('../images/common/hdr_bulletright.gif'); background-position:97% 45%; background-repeat:no-repeat;}
.menu li.selected{background-color:#990000;  border-bottom: 1px solid black;}
.menu li.current{ border-bottom: 1px solid black;}
.menu .selected > a{color:#FFFFFF;}
.menu.selected a{*color:#FFFFFF;}
.menu li.current{background-color:#990000;}
.menu .current > a{color:#FFFFFF;}
/*.menu li{float:left; position:relative; display:block; padding:0px 9px; border-left:1px solid #a7a7a7; border-right:1px solid #f7f7f7;}*/
.menu li{ position:relative; display:inline-block; padding: 0px 5px; border-left:1px solid #a7a7a7; font-size:10pt; line-height:27px; height:27px;}
.menu li{ *display:inline;}
.menu li ul {position:absolute; display:none; /*width:200px; *width:180px;*/ left:0px; top:15px;  padding:0px; }
.menu li ul li a{/*width:180px;*/ height:auto; float:left; color:#474747; display:block; }
.menu li ul li	{display: block; z-index:999; float:left; margin:0px;	border-bottom:1px solid grey; border-left:1px solid grey; border-right:1px solid grey; height:24px; line-height:24px; background-color:#E6E6E6; width:100%; padding:0px 0px 0px 8px; white-space: nowrap;}
.menu li ul li:hover{background-color:#990000; width:100%}
.menu li ul li:hover a{color:#FFFFFF}
.menu li ul ul{left:200px; top:-1px;}
.menu-item-selected > a{background-color:#990000;}
.menu-item-selected a{*background-color:#990000; }
.menu-item-selected > a:hover{color:#FFFFFF !important;}
.menu-item-selected a:hover{*color:#FFFFFF;}
/*IE7 menu*/
.menu li:hover ul {*left:-40px;  *width:auto; *min-width:100%; *z-index: 1000; *background-color:#E6E6E6; }
.menu li ul li { *min-width:100%;}
.menu li.shortSec ul li{*width:120px;}
.menu li.shortInd ul li{*width:90px;}
.menu li.shortEdu ul li{*width:75px;}
.menu li.en ul li{*min-width:150px;}
.menu li.en.shortInd ul li, .menu li.en.shortIndcurrent ul li{*min-width:200px;}
.menu li.en.shortEdu ul li{*min-width:180px;}
.menu li.en.shortQuo ul li{ *min-width:190px;}
.menu li.en.shortSec ul li{*width:220px;}

/* stock code search */
.webQuoteSearch { width: 100%; font-family: Arial; font-size: 14px; }
.webQuoteSearchCn { width: 100%; font-family: SimSun,SimHei; font-size: 14px; }
.webQuoteSearch div { float: left; display: inline; }
.webQuoteSearch form { margin: 0px; }
.webQuoteSearch a { color: #336699; text-decoration: none; padding-left: 5px; }
.webQuoteSearch .quotePadding {padding-top:10px; font-size:12px;}
.search .marketClose {padding-top:10px; display: inline-block;  height:45px; padding-right: 3em; font-size: 12px; font-weight: bold; color: black;}
.search .marketOpen  {padding-top:10px; display: inline-block;  height:45px; padding-right: 3em; font-size: 12px; font-weight: bold; color: black;}


#NavRight{width:12px; height:25px; float:right; background:url(../images/common/nav_right.gif) no-repeat;}
#HdrTab{width:100%; height:22px; padding-top:3px; border-bottom:2px solid #868686; float:left; clear:both; /*font-family:'微軟正黑體','Microsoft JhengHei',Arial, Helvetica, sans-serif;*/}
#HdrTab ul{height:22px; clear:both; list-style:none; margin:0px 0px 0px 10px; padding:0px; white-space: nowrap;}
#HdrTab ul li{display: block; height:22px; float:left; z-index:1;}
#HdrTab ul li ul {margin:0px;display: inline;}
#HdrTab ul li ul li{margin:0px; float:left;}
#HdrTab ul li ul li.Left{width:6px; height:22px; background:url(../images/common/tab_style1_a.gif) no-repeat;}
#HdrTab ul li ul li.Text{height:22px; line-height:24px; font-size:10pt; font-weight:bold; color:#333; background:url(../images/common/tab_style1_b.gif) repeat-x; padding:0px 4px;}
#HdrTab ul li ul li.Text a{color:#333;}
#HdrTab ul li ul li.Right{width:6px; height:22px; background:url(../images/common/tab_style1_c.gif) no-repeat; margin-right:2px;}
#HdrTab ul li ul.selected li.Left{width:6px; height:22px; background:url(../images/common/tab_style2_a.gif) no-repeat;}
#HdrTab ul li ul.selected li.Text{height:22px; line-height:24px; font-size:10pt; font-weight:bold; color:#474747; background:url(../images/common/tab_style2_b.gif) repeat-x; padding:0px 4px;}
#HdrTab ul li ul.selected li.Text a{color:#FFF;}
#HdrTab ul li ul.selected li.Right{width:6px; height:22px; background:url(../images/common/tab_style2_c.gif) no-repeat;}

/* Content */
#Master, .mainFrameInner{width:100%; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; clear:both;}
#PageHdr{width:98.9%; height:26px; line-height:26px; font-size:12pt; color:#990000; font-weight:bold; background:url(../images/common/sectionbullet.gif) center left no-repeat; text-indent:22px; margin-bottom:5px;}
#PageHdr{*position: relative;}
#PageHdr span {color:#000}
#PageHdr span {*position: absolute; *top:0px; *right:0px;}
#PageHdr a {color:#990000; text-decoration:none;}
#embed_Master{width:100%; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; clear:both;}

/* Table Style */
.TableStyleA{width:100%; float:left; clear:both;}
.TableStyleA table{width:99%; display:table; border-spacing:1px; border-collapse:collapse; border:1px solid #e0e0e0; font-size:12px; color:#000;}
.quote_industry div.inner{float:left; width:98.9%; display:table; border-spacing:1px; border-collapse:collapse; border:1px solid #e0e0e0; font-size:12px; color:#000;}
.quote_industry div.inner span{padding:6px;}
.TableStyleA td{padding:6px;}
.TableStyleA tr.item{background:url(../images/common/quote_grey_bg.gif) repeat-x;}
.TableStyleA tr.item td{border-bottom:1px solid #e0e0e0; font-weight:bold; white-space:nowrap;}
.TableStyleA td.up{color:green;}
.TableStyleA td.down{color:red;}
.TableStyleA a{color:#000;}
.TableStyleA a:hover{color:#666;}
.TableStyleA tr.GreyBg td{background:#eff0f0;}
.TableStyleA tr.WhiteBg td{background:#FFF;}
.TableStyleA .connect{color:#990000;}
.TableStyleA .connectexpired{color:#999;}
.TableStyleA a.link{color:#00a1bd; text-decoration:none;}
.TableStyleA a.link:hover{color:#666; text-decoration:none;}
a.link{color:#00a1bd; text-decoration:none;}
a.link:hover{color:#666; text-decoration:none;}
.TableStyleA .stockname{min-width:200px; *width:200px;}
.TableStyleA .rank{white-space:nowrap;}
.TableStyleA td.Hdr{color:#990000; font-weight:bold;}
.TableStyleA .sorted{color:#990000;}
.TableStyleA .sorted:hover{color:#990000;}
.TableStyleA td div.market-connect.boldTxt.lightBlueTxt.lightBlueBorder{display:inline-block; padding: 3px;}
.TableStyleA td div.market-connect.boldTxt.lightBlueTxtProfInvestor.lightBlueBorder{display:inline-block; padding: 3px;}
.TableStyleA td div.market-connect.boldTxt.greyTxt.greyBorder{display:inline-block; padding: 3px; }
.TableStyleA td div.market-connect.boldTxt.lightBlueTxt.lightBlueBorder{*display:inline;}
.TableStyleA td div.market-connect.boldTxt.lightBlueTxtProfInvestor.lightBlueBorder{*display:inline;}
.TableStyleA td div.market-connect.boldTxt.greyTxt.greyBorder{*display:inline; }
.TableStyleA td div.market-connect.boldTxt.lightBlueTxt.lightBlueBorder.ah{ margin-right: 4px;}
.TableStyleA td div.market-connect.boldTxt.lightBlueTxtProfInvestor.lightBlueBorder.ah{ margin-right: 4px;}
.TableStyleA td div.market-connect.boldTxt.greyTxt.greyBorder.ah{ margin-right: 2px; }
.TableStyleA td.remark_td {padding:0px 50px 0px 6px; white-space:nowrap;}
.TableStyleA td.remark_td > div {margin-right:12px;}
td.empty_block{white-space:nowrap;}
td.empty_block > div {visibility: hidden;}
.TableStyleA.industryTable table {*table-layout:fixed;}
.TableStyleA.industryTable table td{*width:auto;}
.remark table.AHRate td:first-child{text-align:left;}

/* Article Style */
.ArticleListA{width:100%; border:1px solid #e0e0e0;  padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; clear:both;}
.ArticleListA .HightLight{padding-bottom:8px; font-size:12px; color:#000; line-height:160%;}
.ArticleListA .HightLight a{color:#336699;}
.ArticleListA .HightLight img{vertical-align:baseline; border:0px;}
.ArticleListA .HightLight p{margin:8px 0px;}
.ArticleListA .HightLight .Lead, .ArticleListA .HightLight .Lead a{font-size:18px; font-weight:bold; color:#000;}
.ArticleListA .HightLight .Lead a:hover{color:#666;}
.ArticleListA .HightLight .Date{font-size:10px; color:#666;}
.ArticleListA .List{width:100%; float:left; clear:both;}
.ArticleListA .List ul{float:left; clear:both; list-style:none; margin:10px 0px; padding:0px;}
.ArticleListA .List ul li{float:left; line-height:160%; font-size:12px; color:#000;}
.ArticleListA .List ul li a{color:#000;}
.ArticleListA .List ul li a:hover{color:#666;}
.ArticleListA .List ul li.Date{font-size:10px; color:#666; padding-right:10px;}
.ArticleListA tr.GreyBg td{background:#eff0f0; font-size:12px;}
.Hdr.comparsion{float: left; color:#990000; font-weight:bold;}
/* Paginagion */
#Paginagion{s float:left; clear:both;}
#Paginagion ul{float:right; clear:both; list-style:none; margin:10px 0px 0px 0px; padding:0px;}
#Paginagion li{float:left; /*line-height:160%;*/ font-size:12px; color:#00a1bd; margin:0px 10px 0px 0px;}
#Paginagion li a{color:#00a1bd;}
#Paginagion .selected{color:#000;}

/* News detail */
.popUp{width:760px;}
.tableNewsDetail{padding:10px; font-size:12px;}
.tableNewsDetail br{line-height:20px;}
.tableNewsDetail tr.GreyBg td{background:#eff0f0;}
.tab_title b{font-size:16px;}
.tab_title a{text-decoration:none; color:#666;}
.tab_title a:hover{color:#b80000;}
.tab_content{border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-left:1px; margin-right:1px; background-position:bottom; background-repeat:repeat-x; /**padding:10px !important;*/}
.tab_content p{padding-left:45px;}
.mobile_tab_content{border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-left:1px; margin-right:1px; background-position:bottom; background-repeat:repeat-x; /**padding:10px !important;*/}
.mobile_tab_content p{padding-left:10px;}
.closeWindow a{text-decoration:underline;color:#369;}
.closeWindow a:hover{color:#369;}

/* Footer */
.remark > table{table-layout:fixed;} 
.remark{width:100%; float:left; clear:both; font-size:12px; margin-top:8px; margin-left:5px;}
.remark .connect{color:#990000;}
.remark .connectexpired{color:#999;}
.dot {background: url(../images/common/dot.bmp) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left;height: 18px; margin-top: 3px;width: 20px;}
.remark img{vertical-align:0%;}
#Footer{width:100%; clear:both; padding:10px; font-size:11px; color:#000; line-height:140%; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:justify; background-color:#e6e6e6; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
#Footer table td a {color:#000000;}
#Footer table td a:hover {text-decoration:underline;}

/* Tutorial */
.TutorialBlock{width:100%; border:1px solid #e0e0e0; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; float:left; clear:both;}
.TutorialList{width:100%; float:left; clear:both;}
.TutorialList ul{margin:0px; padding:0px 30px; list-style:decimal;}
.TutorialList ul li{line-height:160%; font-size:12px; color:#000; font-weight:bold; margin:10px 0px;}
.TutorialList li ul{list-style:none; margin:0px; padding:0px;}
.TutorialList li ul li{line-height:160%; font-size:12px; color:#000; font-weight:normal; margin:2px 0px;}
.TutorialList li a{color:#000;}
.TutorialList li a:hover{color:#666;}
.Tutorial{width:100%; float:left; clear:both; margin-top:30px;}
.Tutorial ul{margin:0px; padding:5px 30px; list-style:decimal;}
.Tutorial ul li{line-height:160%; font-size:16px; color:#000; font-weight:bold; margin:20px 0px;}
.Tutorial li ul{list-style:none; margin:0px; padding:0px;}
.Tutorial li ul li{line-height:160%; font-size:12px; color:#000; font-weight:normal;}
.Tutorial li ul li p.SubHdr{font-weight:bold; display:block;}
.Tutorial li ul li p{margin:10px 0px;}
.Tutorial li ul li p.Back a, .Tutorial li ul li p.Back a:hover{width:100%; display:block; text-align:right; color:#00a1bd;}
.Tutorial .GreyBg{background:#e6e6e6;}
.Tutorial table{width:100%; display:table; border-spacing:0px; border-collapse:collapse; font-size:12px; color:#000;}
.Tutorial td{padding:6px; border-collapse:collapse; border:1px solid #5b5b5b; }

/* Quote */
#QuoteSearch{width:100%; float:left; clear:both;}
#QuoteSearch form{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#QuoteSearch form input[type=text]{width:120px; border:1px solid #666; /*font-size:16px; */-webkit-appearance:none; color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#QuoteSearch select {width:120px; /*height:30px;*/ border:1px solid #666; /*line-height:30px;*/ color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#QuoteSearch ul{width:100%; list-style:none; margin:0px; padding:0px; float:left;}
#QuoteSearch ul li{margin:0px; padding:0px; float:left;}
#QuoteSearch ul li.Time{float:right; text-align:right; font-size:12px; line-height:30px;}
#QuoteSearch ul li.Submit{width:30px; height:30px; border:0; margin-left:5px; cursor:pointer; background:url(../images/common/search.gif) no-repeat;}
#QuoteSearch ul li.Submit2{width:25px; height:25px; border:0; margin-left:5px; cursor:pointer;}
#QuoteSearch ul li.simple {font-size:12px; font-weight:bold; margin-left:5px; line-height:30px;}
#QuoteSearch ul li.simple a{color:#00a1bd; text-decoration:none;}
#QuoteSearch ul li.simple a:hover{color:#666; text-decoration:none;}
#QuoteTitle{ float:left; min-height:20px;}
#QuoteTitle ul{width:100%; list-style:none; margin:10px 0px; padding:0px; float:left;}
#QuoteTitle ul li{margin:0px; padding:0px; float:left;}
#QuoteTitle ul li#QuoteUpdateTime{float:right; font-size: 12px; color: #000; height: 18px; line-height: 18px; margin: 8px 0px 0px 5px;}
#QuoteTitle ul li#QuoteUpdateTime .Refresh {float: right; width: 30px; height: 30px; border: 0; margin-left: 5px; margin-top:-8px; cursor: pointer; background: url(../images/common/refresh.gif) no-repeat;}
#QuoteTitle .Type{margin-left:3px; font-size:16px; padding:3px 0 0 0; height:30px; line-height:16px;}
#QuoteTitle .Type div{height:16px; padding:3px;}
#QuoteTitle .Code{font-size:18px; font-weight:bold; color:#990000; height:30px; line-height:30px;}
#QuoteTitle .Name{font-size:16px; font-weight:bold; color:#990000; height:29px; line-height:29px; margin-left:3px;}
#QuoteTitle .Index{font-size:16px; font-weight:bold; color:#990000; height:29px; line-height:29px; margin-left:15px;}
#QuoteTitle .QRemark{font-size:12px; color:#000; height:18px; line-height:18px; margin:8px 0px 0px 5px;}
#QuoteTitle .Industry{margin:7px 0px 0px 5px;}
#QuoteTitle .Industry span.Text{float:left; display:block; font-size:11px; color:#000; height:18px; line-height:18px;}
#QuoteTitle .Industry span.Bar{float:left; display:block; width:250px; height:15px; margin:1px 3px 0px 3px; *margin:0px 3px;}
#QuoteTitle .Industry span.Bar div{height:15px; float:left; line-height:15px; font-size:9px; color:#FFF; text-align:center;}
#QuoteTitle .Industry span.Bar div.up{background:#006600;}
#QuoteTitle .Industry span.Bar div.unchange{background:#999999;}
#QuoteTitle .Industry span.Bar div.down{background:#cc0033;}
#QuoteTitle a.link{/*color:#00a1bd;*/ text-decoration:none;}
#QuoteTitle a.link:hover{color:#666; text-decoration:none;}
#QuoteTitle .Suspend{margin:0px 0px 0px 10px;}
#QuoteTitle table#HeaderInfo{margin:10px 0px;}
#QuoteTitle table#HeaderInfo .Suspend{margin:3px 0px 3px 10px;}
#QuoteTitle .font16{font-size:16px;}
#QuoteTitle .font12{font-size:12px;}
#QuoteTitle .market-connect{/*height:18px;*/ padding:2px 3px; *width:17px;}
#QuoteTitle .market-connect-en{*width:24px;}
#QuoteTitle .market-connect2{*display:inline;zoom: 1;padding:2px 3px; }
#QuoteTitle .brick-red{color: #990000;}
#QuoteTitle table.corresponding-h{border-spacing:0px; border-collapse:collapse;/*padding:1px 5px 0px 5px;*/ height:16px;overflow:hidden; background:#eff0f0;vertical-align:middle;}
#QuoteTitle table.corresponding-h > td{vertical-align:middle;/*height:18px; line-height:18px;*/}

#QuoteInfo{width:100%; border-spacing:0px; border-collapse:collapse; clear:both; margin-bottom:15px; }
#QuoteInfoColA{min-width:350px; padding:0px; padding-right:10px; vertical-align:top;}
#QuoteInfoColB{width:325px; padding:0px; padding-right:10px; vertical-align:top;}
#QuoteInfoColC{width:285px; padding:0px; vertical-align:top;}

.barOuter { line-height: 0; width: 104px; /*height: 18px; *//*border: 1px solid #dbdbdb;*/ border-radius: 12px; float: left; margin-left:2px; }
.barInner { width: 100px; height: 16px; border-radius: 10px; overflow: hidden; }
.barInner div { height: 16px; font-size: 9px; line-height: 16px; color: #FFF; text-align: center; float: left; }
.StkBarup { background-color: #006600; font-size: 10px; }
.StkBarunchange { background-color: #999; font-size: 10px; }
.StkBardown { background-color: #cc0033; font-size: 10px; }

.quoteBidAskImage{cursor:pointer;}
.openSectAcct{text-decoration:underline; color:blue;}
/*
#QuoteInfoColA{width:50%; height:300px; padding:0px; padding-right:10px; vertical-align:top;}
#QuoteInfoColB{width:50%; height:300px; padding:0px; padding-right:10px; vertical-align:top;}
#QuoteInfoColC{width:285px; height:300px; padding:0px; vertical-align:top;}
*/
#QuoteInfo td table{width:100%; border-spacing:1px; border-collapse:collapse; border:1px solid #e0e0e0; font-size:12px; color:#000; line-height:20px;}
#QuoteInfo td td{padding:3px}
/*
#QuoteInfo td td{padding:3px 8px;}
*/
#QuoteInfo .NominalTitle{font-size:16px; color:#06C; line-height:30px; padding-top:8px;}
#QuoteInfo .NominalNumup{font-size:20px; font-weight:bold; color:#089948; line-height:30px; padding-top:8px;}
/*#QuoteInfo .NominalNumup span{width:20px; height:18px; padding:0px; display:inline-block;  background:url(../images/common/up_1.png) no-repeat;}*/
#QuoteInfo .NominalNumdown{font-size:20px; font-weight:bold; color:#FF0000; line-height:30px; padding-top:8px;}
/*#QuoteInfo .NominalNumdown span{width:20px; height:18px; padding:0px; display:inline-block;  background:url(../images/common/down_1.png) no-repeat;}*/
#QuoteInfo .NominalNumunchange{font-size:20px; font-weight:bold; line-height:30px; padding-top:8px;}
/*#QuoteInfo .NominalNumunchange span{width:20px; height:18px; padding:0px; display:inline-block;  background:url(../images/common/down_1.png) no-repeat;}*/
#QuoteTitle .HNominalNumup{font-size:12px; font-weight:bold; color:#089948; /*line-height:18px;*/ margin: 8px 0px 0px 2px;}
#QuoteTitle .HNominalNumdown{font-size:12px; font-weight:bold; color:#FF0000; /*line-height:18px;*/ margin: 8px 0px 0px 2px;}
#QuoteTitle .HNominalNumunchange{font-size:12px; font-weight:bold; /*line-height:18px;*/ margin: 8px 0px 0px 2px;}
#QuoteInfo .up{color:#089948;}
#QuoteInfo .down{color:#FF0000;}
#QuoteInfo .GreyLine{border-bottom:1px solid #e0e0e0;}
#QuoteInfo .Bid{height:30px; font-weight:bold; text-align:center;border: 1px solid #E0E0E0; background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#QuoteInfo .Ask{height:30px; font-weight:bold; text-align:center;border: 1px solid #E0E0E0; background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#QuoteInfo .connectNorthbound{font-weight:bold; text-align:center;border: 1px solid #E0E0E0; background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#QuoteInfo .BidAskPrice{font-size:20px; font-weight:bold; text-align:center; line-height:30px;}
#QuoteInfo div.BlueBar{height:20px; background:#009933; font-size:12px; line-height:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; word-spacing:5px;}
#QuoteInfo div.RedBar{height:20px; background:#F40026; font-size:12px; line-height:20px; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; *margin-right:-3px; word-spacing:5px;}
#QuoteInfo .BidPrice{text-align:center;}
#QuoteInfo .BidVolume{text-align:right;}
#QuoteInfo .AskPrice{text-align:center;}
#QuoteInfo .AskVolume{text-align:right;}
#QuoteInfo .Transaction{background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#QuoteInfo tr.item{background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#QuoteInfo tr.item td{border-bottom:1px solid #e0e0e0; font-weight:bold;}
#QuoteInfo .GreyBg{background:#eff0f0;}
#QuoteInfo.WhiteBg{background:#FFF;}
.borderLeft1{border-left: 1px solid #e0e0e0;}
.borderRight1{border-right: 1px solid #e0e0e0;}
.borderTop1{border-top: 1px solid #e0e0e0;}
.borderBottom1{border-bottom: 1px solid #e0e0e0;}


/*Embed Quote*/
#embQuoteInfo{width:100%; border-spacing:0px; border-collapse:collapse; clear:both; margin-bottom:15px;display:inline-table;width:100%; min-height:290px;min-width:900px;margin-top:2px;spacing:2px;}
#embQuoteInfoColA{width:33%; padding:0px; vertical-align:top;}
#embQuoteInfoColB{width:33%; padding:0px; vertical-align:top;}
#embQuoteInfoColC{width:33%; padding:0px; vertical-align:top;}

.barOuter { line-height: 0; width: 104px; /*height: 18px; *//*border: 1px solid #dbdbdb;*/ border-radius: 12px; float: left; margin-left:2px; }
.barInner { width: 100px; height: 16px; border-radius: 10px; overflow: hidden; }
.barInner div { height: 16px; font-size: 9px; line-height: 16px; color: #FFF; text-align: center; float: left; }
.StkBarup { background-color: #006600; font-size: 10px; }
.StkBarunchange { background-color: #999; font-size: 10px; }
.StkBardown { background-color: #cc0033; font-size: 10px; }

.quoteBidAskImage{cursor:pointer;}
.openSectAcct{text-decoration:underline; color:blue;}

#embQuoteInfoColA table{width:100%; border-collapse: collapse;border-spacing:0px; }
#embQuoteInfoColA table td{padding:3px 5px}
#embQuoteInfoColA #nominalTbl td{font-size:12px;line-height:12px;/*width:100%;*/margin:0px;border-spacing:0px;border-collapse: collapse;}
#embQuoteInfoColA #nominalTbl .nominal{vertical-align:bottom;text-align:left;width:30%;font-size:22px;line-height:22px;font-weight:bold;}
#embQuoteInfoColA #nominalTbl .perchg{vertical-align:bottom;text-align:right;width:50%;font-size:16px;line-height:16px}

#embQuoteInfoColA #quoteTbl td{font-size:12px;line-height:12px;}
/*
#embQuoteInfo td td{padding:3px 8px;}
*/
#embQuoteInfo .NominalTitle{font-size:16px; color:#06C; line-height:30px; padding-top:8px;}
#embQuoteInfo .NominalNumup{font-size:20px; font-weight:bold; color:#089948; line-height:30px; padding-top:8px;}
/*#embQuoteInfo .NominalNumup span{width:20px; height:18px; padding:0px; display:inline-block;  background:url(../images/common/up_1.png) no-repeat;}*/
#embQuoteInfo .NominalNumdown{font-size:20px; font-weight:bold; color:#FF0000; line-height:30px; padding-top:8px;}
/*#embQuoteInfo .NominalNumdown span{width:20px; height:18px; padding:0px; display:inline-block;  background:url(../images/common/down_1.png) no-repeat;}*/
#embQuoteInfo .NominalNumunchange{font-size:20px; font-weight:bold; line-height:30px; padding-top:8px;}
/*#QuoteInfo .NominalNumunchange span{width:20px; height:18px; padding:0px; display:inline-block;  background:url(../images/common/down_1.png) no-repeat;}*/
#embQuoteTitle .HNominalNumup{font-size:12px; font-weight:bold; color:#089948; /*line-height:18px;*/ margin: 8px 0px 0px 2px;}
#embQuoteTitle .HNominalNumdown{font-size:12px; font-weight:bold; color:#FF0000; /*line-height:18px;*/ margin: 8px 0px 0px 2px;}
#embQuoteTitle .HNominalNumunchange{font-size:12px; font-weight:bold; /*line-height:18px;*/ margin: 8px 0px 0px 2px;}

#embQuoteInfo .up{color:#089948;vertical-align:middle;height:22px;width:5px;}
#embQuoteInfo .down{color:#FF0000;vertical-align:middle;height:22px;width:5px;}
#embQuoteInfo .GreyLine{border-bottom:1px solid #e0e0e0;}
#embQuoteInfo .Bid{height:30px; font-weight:bold; text-align:center;border: 1px solid #E0E0E0; background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#embQuoteInfo .Ask{height:30px; font-weight:bold; text-align:center;border: 1px solid #E0E0E0; background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#embQuoteInfo .connectNorthbound{font-weight:bold; text-align:center;border: 1px solid #E0E0E0; background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#embQuoteInfo .BidAskPrice{font-size:15px; text-align:center; line-height:20px;}
#embQuoteInfo div.BlueBar{height:20px; background:#009933; font-size:12px; line-height:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; word-spacing:5px;}
#embQuoteInfo div.RedBar{height:20px; background:#F40026; font-size:12px; line-height:20px; text-align:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; *margin-right:-3px; word-spacing:5px;}
#embQuoteInfo .BidPrice{text-align:center;}
#embQuoteInfo .BidVolume{text-align:right;}
#embQuoteInfo .AskPrice{text-align:center;}
#embQuoteInfo .AskVolume{text-align:right;}
#embQuoteInfo .Transaction{background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#embQuoteInfo tr.item{background:url(../images/common/quote_grey_bg.gif) repeat-x;}
#embQuoteInfo tr.item td{border-bottom:1px solid #e0e0e0; font-weight:bold;}
#embQuoteInfo .GreyBg{background:#eff0f0;}
#embQuoteInfo.WhiteBg{background:#FFF;}
#embQuoteInfoColA #clickAskButton {padding-top:2px;cursor:pointer;font-weight: bold;margin:auto;line-height:22px;text-align:center;width: 105px;background-color: #FFF;color:#00AA7B;border: 1px solid #00AA7B;}
#embQuoteInfoColA #clickBidButton {padding-top:2px;cursor:pointer;font-weight: bold;margin:auto;line-height:22px;text-align:center;width: 105px;background-color: #FFF;color:#D42B35;border: 1px solid #D42B35;}
#embQuoteInfoColA #clickAskButton.selected {color:#FFF;background-color:#00AA7B;}
#embQuoteInfoColA #clickBidButton.selected {color:#FFF;background-color: #B51A25;}


/* Indexes */
#IndexesTable{width:700px; height:200px; border-spacing:1px; border-collapse:collapse; border:0px; clear:both;}
#IndexesTable .left{width:350px; background:#e9f2f2; font-size:13px;}
#IndexesTable .left table{width:90%; border-spacing:1px; border-collapse:collapse; border:0px; margin:auto;}
#IndexesTable .left table td{padding:5px;}
#IndexesTable .left table td.up{color:#089948; font-weight:bold; font-size:18px;}
/*#IndexesTable .left table td.up span{width:12px; height:12px; padding:0px; display:inline-block; background:url(../images/common/up_2.gif) no-repeat;}*/
#IndexesTable .left table td.down{color:#FF0000; font-weight:bold; font-size:18px;}
/*#IndexesTable .left table td.down span{width:12px; height:12px; padding:0px; display:inline-block; background:url(../images/common/down_2.gif) no-repeat;}*/
#IndexesTable .left table td.unchange{font-weight:bold; font-size:18px;}
/*#IndexesTable .left table td.unchange span{width:12px; height:12px; padding:0px; display:inline-block; background:url(../images/common/down_2.gif) no-repeat;}*/
#IndexesTable .right{width:350px; text-align:center; vertical-align:top;}
#IndexesTable .dotLine{border-bottom:1px dotted #000;}

/* CSS for Retina Display only */
@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
	/* Header */
	#TopMenu ul.right li.prev{background:url(../images/common/hdr_bulletleft_x2.gif) 8px 2px no-repeat; background-size:4px;}
	#TopMenu ul.right li.next{background:url(../images/common/hdr_bulletright_x2.gif) 50px 2px no-repeat; background-size:4px;}
	#TopMenu ul.right li.next_eng{background:url(../images/common/hdr_bulletright_x2.gif) 75px 2px no-repeat; background-size:4px;}
	#TopLogo{background:url(../images/common/hdr_logo_x2.gif) no-repeat; background-size:282px;}
	li.right-menu > a{background-image:url('../images/common/hdr_bulletright_x2.gif'); background-position: 97% 45%; background-repeat: no-repeat; background-size:4px;}
	/* Content */
	#PageHdr{background:url(../images/common/sectionbullet_x2.gif) center left no-repeat; background-size:16px;}
	/* Footer */
}

/* Industry ADU */
.Industry_ADU span.Text{float:left; display:block; font-size:11px; color:#000; height:18px; line-height:18px;}
.Industry_ADU span.Bar{float:left; display:block; width:200px; height:15px; margin:1px 3px 0px 3px; *margin:0px 3px;}
.Industry_ADU span.Bar div{height:15px; float:left; line-height:15px; font-size:9px; color:#FFF; text-align:center;}
.Industry_ADU span.Bar div.up{background:#006600;}
.Industry_ADU span.Bar div.unchange{background:#999999;}
.Industry_ADU span.Bar div.down{background:#cc0033;}

/* Company Info */
.companyTitle table{padding-top:15px;}
.companyTitle td{line-height:25px;}
.compURL a{color:#00a1bd;}
.companyMenu{padding-top:10px;}
.Tab{height:28px; width:100%; line-height:28px; float:left; clear:both; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; font-size:12px; color:#000;}
.Tab div {height: 28px; padding: 0 10px 0 10px; border-right: 1px solid #e2e2e2; float: left;}
.Tab div a:hover{color:#00bfff;}
.TabActive{font-weight: bold; border-bottom:1px solid #FFF;}
.TabActive a{color:#00a1bd;}
.TabActive a:hover{color:#00bfff;}
a.TabSelected div{font-weight: bold; border-bottom:1px solid #FFF; background-color:#900;}
div.Tab a.TabSelected{color:#FFF;}
div.Tab a.TabSelected:hover{color:#FFF;}
div.Tab a.TabNormal div{color:#000;}
div.Tab a.TabNormal div:hover{border-bottom:1px solid #FFF; background-color:#900; color:#FFF;}

/* paging */
.paging{padding:0px 10px 10px 0px; text-align:right;}
.paging a{color:#00a1bd;}
.paging a:hover{color:#666;}
.paging .selected{font-weight:bold; color:#00a1bd;}

/* autocomplete */
#autoCompDIV{background:white; display:none;}
#autoCompDIV ul{margin:0px; /*padding-left:15px; */ padding:0px;}
#autoCompDIV li{list-style:none; width:100%;}
.ac_results {padding: 0; border: 1px solid black; background-color: white; overflow: hidden; z-index: 2; filter: Alpha(opacity=90); BORDER-RIGHT: #fff 2pt outset; BORDER-BOTTOM: #fff 2pt outset;}
.ac_odd {background-color: #eee;}
.ac_over{background-color: #999; color: white;}

/* global search */
#quotesearch_submit{padding: 12px 0px 0px 10px;}
div #quotesearch_submit.dataLeft{padding-top:0px;}
.dataLeft{float:left; display:inline;}
.dataRight{float:right; display:inline;}
.button-link{cursor:pointer; display:block;}

/* code search*/
.rowHeader { background: #ddd; }
.divTitle { width: 100%; height: 27px; border-bottom: 2px solid #EB1C22; }
.divTtitleHdr { height: 18px; padding: 6px 10px 0 10px; border-bottom: 3px solid #EB1C22; line-height: 18px; font-weight: bold; float: left; clear: both; }
.divCIResult { padding: 15px 0px 0px 5px; }
.tableData td { padding: 3px; line-height: 17px; }
.ciResultTitle { font-weight: bold; padding-left: 5px; }
.ciResultData { margin: 10px 0 0 5px; }
.ciResultTable { padding-top: 10px; }
.GreyBg{background:#eff0f0;}
.WhiteBg{background:#FFF;}
.btn {cursor:pointer;}

/*bottom remark */
.remark table td{  padding: 4px 0px;}
.remark table td:first-child{text-align:center;}
.remark table td.reddot{padding-right:10px; width:10px;}
.remark table .connect {font-size:12px; height:22px; line-height:14px; float:left;}
.remark table .connect div {height:14px; padding:3px;}
.remark table .connect_remark {float:left; line-height:14px; padding-top:4px;}
.remark table .connect.spacing{margin-left:15px;}

/*news list*/
.ArticleListA .List.rowPaleGrey{padding:3px;}
.ArticleListA .List.rowWhite{padding:3px;}
.rowPaleGrey{background:#eff0f0;}
.rowWhite{background:#FFF;}