html, body{height:100%;}
body{margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
a{text-decoration:none; color:#000;}
a:hover{color:#666;}
a img{border:0px;}
form{margin:0px;}
select{outline:none;}
input{outline:none;}

/* Common */
.mainFrame{width:100%;}
/*.mainFrameInner{padding:5px;}*/
.frameInnerLeft{padding-left:5px;}
.fullFrame{width:100%;}
.themeColor{color:#990000;}
.up{color:green;}
.down{color:red;}
.unchange{color:#000;}
.titleImage{float:left; padding-top:3px;}
.boldTxt{font-weight:bold;}
.blueTxt{color:rgb(51,102,153);}
/*.lightBlueTxt{color:#00a1bd;}*/
.greyTxt{color:grey;}
.redTxt{color:#990000;}
.redTxt2{color:#EB1C22;}
.sortTxt{color:#990000;}
.sortTxt:hover{color:#990000;}
.clear{clear:both;}
.rowGrey{background-color:#eff0f0;}
.sectionHeader{color:rgb(51,102,153); font-weight:bold;}
.divHeader{padding-bottom:5px;}
.pageHeader{font-size:16px; float:left; padding-left:10px; font-weight:bold; line-height:21px;}
.subPageHeader{font-size:16px; float:left; font-weight:bold; line-height:21px;}
.tabHeader{color:rgb(51,102,153);}
.tabHeaderSelected{color:rgb(51,102,153); font-weight:bold;}

.tableData td{padding:5px;}
td.homeChart {padding:0px;}
.tableData .figure{padding:0px;}
.tableData .subIndex{padding-left:20px;}	/* indexes main */
.dataLeft{float:left; display:inline;}
.dataRight{float:right; display:inline;}
.dotLine{border-bottom:1px dotted #e2e2e2;}

.divSection{margin-top:20px;}
.divTop{padding-top:8px;}
.message{display:inline; font-size:12px;}

.divRemark{line-height:18px; padding-left:5px; padding-top:8px;}
.divRemarkIPONews{line-height:18px; padding-left:15px; padding-top:8px;}
.remarkEng .left{width:60px; float:left;}
.remarkEng .right{overflow:hidden;}
.remark .left{width:40px; float:left;}
.remark .right{overflow:hidden;}
.frequency .dot{float:left; width:20px; height:18px; background:url("../images/dot.bmp") no-repeat; margin-top:3px;/*background-position-y:3px;*/}
.frequency .right{overflow:hidden;}

.rowHeader{background:#ddd;}
.rowPaleGrey{background:#eff0f0;}
.rowWhite{background:#FFF;}

.greyTable{border:1px solid #e0e0e0; min-width:250px;}
.greyTableTop{border:1px solid #e0e0e0; border-collapse:collapse;/* margin-top:5px;*/}
.greyTableData{border-bottom:1px solid #e0e0e0; background:url("../images/quote_grey_bg.gif") repeat-x;}
.subMenuGreyTable{border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}

.wordBreak{word-break:break-all;}
.noPadding{padding:0px !important;}

.float-left{float:left;}
.float-right{float:right;}
.cbxIndustry .wrap-align{display:inline-block; float:left; margin-right:5px;}
.cbxIndustry .wrap-align input#code{margin-top:0px; margin-bottom:0px; height:16px;}
.cbxIndustry .wrap-align select#naturelist{margin-top:0px; margin-bottom:0px; height:20px;}
.button-wrap{display:inline-block; height:20px;}
.button-link{cursor:pointer; height:20px; display:block;}
.button-link-ci-search{cursor:pointer; height:20px; display:block;}
div.button{background-image:url("../images/button.png");background-repeat:no-repeat;width:54px;height:20px;display:inline-block;text-align:center;cursor:pointer;}
div.button-ci-search{background-image:url("../images/button-22px.png");background-repeat:no-repeat;width:59px;height:22px;display:inline-block;text-align:center;cursor:pointer;}
.search-button-wrap{margin-top:2px; overflow:hidden; display:inline-block;}
.margin-tb-0{margin-top:0px; margin-bottom:0px;}
.quoteInfoTableCellHeight{height:20px;}

/* quote */
.stockCode{font-size:16px; float:left;}
.stockName{font-size:16px; float:left; padding-left:10px;}
.stockName span{float:left;}
#clickEForm, .clickEForm {color:blue;cursor:pointer;}

.tableQuoteInfo{border:1px solid #e0e0e0; margin-bottom:10px;}
/*.borderRight{border-right:1px solid #e0e0e0;}*/
.borderBottom, .borderBottom td{border-bottom:1px solid #e0e0e0;}
.divAddInfo{width:46%; float:left; padding-bottom:5px;}
.divAddInfo2{width:100%; padding-bottom:5px;}
.quoteInfoTableHeight{height:150px;} /*sychronize to umscontent*/
.divCompanyAction{width:53%; float:right;padding-bottom:5px;}
.newsTimestamp{width:100px; /*vertical-align:top;*/}
.newsData{padding: 5px 0px 0px 0px; vertical-align: top; line-height: 20px; color:#EB1C22;}
.newsData a{color:rgb(51,102,153); text-decoration: none;}
.warrantRatioTable{width:50%;}
.warrantRatio td{line-height:5px;}
.warrantBarYellow{background-color:yellow; font-size:10px;}
.warrantBarPurple{background-color:#D7DAFE;font-size:10px;}
.stockHeader{float:left; padding-left:20px;}
.divStkRatio{display:inline; float:left; line-height:15px; margin-top:5px; width:100px;}
.divQuoteExdateDays{padding-left:5px; float:left; color:red;}
.quoteHeaderHeight{line-height:25px;}
.stkBarup{background-color:#006600;font-size:10px; color:#FFF;}
.stkBardown{background-color:#cc0033; font-size:10px; color:#FFF;}
.stkBarunchange{background-color:#999;font-size:10px; color:#FFF;}
.divStockChart{padding-bottom:15px;}
.headerLeft{float:left;}
.divHeader .iconRight{line-height:21px; vertical-align:bottom;}
.iconRight{float:right; padding-right:5px;}
.iconRight img{vertical-align:middle; padding-right:5px;}
.iconRight a{color:rgb(51,102,153);}
.iconRight2{float:right; padding-top:5px; padding-right:10px;}
.iconRight2 img{vertical-align:middle; padding-right:5px;}
.iconRight2 a{color:rgb(51,102,153);}
.peRating{font-size:16px; float:left; padding:5px 15px; border:2px solid rgb(206,165,0); text-align:center;}
.peRatingDesc{float:left; padding:10px 10px;}
.redBullet{height:25px;}
.quoteRelated{width:12%;}

/* index */
.divHomeLeft{width:75%; float:left;}
.divHomeRight{width:25%; float:right;}
.homeRank1{width:15px; text-align:center; color:#000;}
.homeRank2{width:15px; text-align:center; color:#000;}
.homeRank3{width:15px; text-align:center; color:#000;}
.homeRank4{width:15px; text-align:center; color:#000;}
.homeRank5{width:15px; text-align:center; color:#000;}
.indexNominal{line-height:20px; height:26px; font-size:20px; font-weight:bold;}
.indexPercentage{font-size:16px; text-align: right;}
td.indexPercentage{padding-right:10px;}
.homeRemarks{padding:5px;}
#divEditorChoice{height:150px;}
#divTop5{/*height:900px;*/}
.indexTabSeparator{float:left; padding-left:8px; padding-right:8px; padding-top:10px;}

.bocNewsSeparator{float:left; line-height:25px;}
.bocNewsSelected{float:left;}
.otherNewsSelcted{float:left; padding-left:10px; padding-right:10px; line-height:25px}
.bocNews{float:left; line-height:25px;}
.otherNews{float:left; padding-left:12px; padding-right:12px; line-height:25px;}

/**Added the following on 20130906 for ipo_index.php**/
.ipo-index .upperLeftContainer{width:60%; float:left;}
.ipo-index .upperRightContainer{width:40%; float:right;}
.ipo-index .innerFrame{padding-left:0px;}
.ipo-index a{color: rgb(51,102,153);}
.ipo-index .frequency a{color:#000;}
.ipo-index .innerColumn{ height:auto;/*overflow: hidden;*/}
.ipo-index div.DivArticleList > div{ padding: 5px;}
.ipo-index .greyBorder{ border:1px solid #e0e0e0; margin-left: 5px;}
.ipo-index .greyBorder-heading{ border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; width: inherit; background: url("../images/quote_grey_bg.gif") repeat-x;} /*20130913 FIX*/
.ipo-index .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130911 for ipo_listing.php**/
.ipo-listing .greyBorder{ border:1px solid #e0e0e0;}
.ipo-listing .greyBorder-heading{ border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.ipo-listing .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130911 for ipo_listed.php**/
.ipo-listed .greyBorder{ border:1px solid #e0e0e0;}
.ipo-listed .greyBorder-heading{ border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.ipo-listed .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130912 for ipo_hot.php**/
.ipo-hot .greyBorder{ border:1px solid #e0e0e0;}
.ipo-hot .greyBorder-heading{ border-bottom: 1px solid #e0e0e0; height:27px; width: inherit;}
.ipo-hot .greyTxt, a.greyTxt { color: #666; font-size: 12px;}
.ipo-hot .divFigureBox{ width:680px; margin-bottom:5px; float:left; clear:both; *display:inline;}
.ipo-hot .DivFigureContent{margin:10px 6px 5px 6px; float:left; clear:both; *display:inline; *padding-bottom:2px; width: inherit;}
.ipo-hot .StkIPOChartBorder {position:relative; float:left; width:380px; height:383px; border-top:5px solid #990000; border-bottom:5px solid #990000; border-right:5px solid #990000; float:left; background-color:#FFFFFF;}
.ipo-hot .StkIPOSpace {position:relative; float:left; background-image:url(../images/ipo_btnspace.gif); width:283px; height:3px;}
.ipo-hot .StkIPOBg {position:relative; float:left; width:282px; height:74px; border-left:1px solid #FFFFFF; background-image:url(../images/ipo_btnbg.gif);}
.ipo-hot .StkIPOBgActive {position:relative; float:left; width:282px; height:85px; border-left:1px solid #000000; background-image:url(../images/ipo_btnvbg.gif);}
.ipo-hot .TabActiveHdr, a.TabActiveHdr {font-weight:bold; color:#990000; text-decoration:none;}
.ipo-hot .divTableNGraph{display: inline-block;}
.ipo-hot .StkEngActiveTabTxt {font-size: 16px; color: white; font-weight: bold;}
.ipo-hot .QuoteChange {font-size:16px; font-weight:bold;}

/**Added the following on 20130913 for ipo_detail.php**/
.ipo-detail .ipoDetailTable{padding: 10px;}
.ipo-detail a{color: rgb(51,102,153);}
.ipo-detail .divTemplateB{width:100%; height:27px; border-bottom:1px solid #e2e2e2; float:left; background:#FFF;}
.ipo-detail .divTemplateBHdr{height:23px; padding:2px 10px 2px 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#00a1bd;}

/* market calendar */
.calendarLine{border-bottom:3px solid #900000;}

/**Added the following on 20130918 for company_calendar.php**/
.company-calendar .calendarDate{height:25px; padding-left:5px; padding-right:7px; float:left; line-height:25px; font-weight:bold;}
.company-calendar .contentTable td { padding: 5px;}
.company-calendar .greyTxt, a.greyTxt { color: #666; font-size: 12px;}

/**Added the following on 20130918 for company_calendar_result.php & company_calendar_data.php**/
.company-calendar-result .CalNum11, .company-calendar-data .CalNum11{color:#000000; font-weight:bold;}
.company-calendar-result .CalNum09, .company-calendar-data .CalNum09{color:#adadad; font-weight:bold;}
.company-calendar-result .CalNum05, .company-calendar-data .CalNum05{font-size:35px; color:#900000; font-weight:bold;line-height:35px;}
.company-calendar-result .CalNum06, .company-calendar-data .CalNum06{font-size:35px; color:#000000; font-weight:bold; text-decoration:none; line-height:35px;}
.company-calendar-result .CalNum07, .company-calendar-data .CalNum07{color:#900000; font-weight:bold;}
/*td.CalNum06:hover{font-size:35px; font-weight:bold; color:#FF0000;}*/
.company-calendar-result td.CalNum06:hover, .company-calendar-data td.CalNum06:hover{font-size:35px; font-weight:bold; color:#b80000;}
.company-calendar-result .CalNum10, .company-calendar-data .CalNum10{color:#FFFFFF; font-weight:bold; background-color:#900000; background-repeat:no-repeat;}
.company-calendar-result .CalNum12, .company-calendar-data .CalNum12{color:#FFFFFF; font-weight:bold; background-color:#828282; background-repeat:no-repeat;}
.company-calendar-result .contentTable td , .company-calendar-data .contentTable td { padding: 5px;}

/**Added the following on 20130926 for company_dividend.php**/
.company-dividend .contentTable td { padding: 5px;}
.company-dividend .greyTxt{ color: #666; font-size: 12px;}
.company-dividend tr.greyTxt a{ color: #666; font-size: 12px;}
 
/* news detail */
.tableNewsDetail{padding:10px; font-size:12px;}
.tableNewsDetail br{line-height:20px;}
.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;}
.closeWindow a:hover{color:#b80000;}

 /* disclaimer */
 .disclaimer{padding-top:10px;}
.FooterCopyright{padding:10px; font-size:12px; color:#000;}

/* quote chart */
#indexchart{margin:0px; margin-right:10px;}
.divDynChart{/*width:945px;*/ width:880px;}
.dynChartOption{padding-top:5px; text-align:right;}
.dynChartTable{width:705px; align:left; vertical-align:top;}
/*.dynChartTable table{border:1px solid #EB1C22;}*/
.dynChartSize{width:100%; height:700px;}
.chartSetting{width:170px;}
.chartSetting table td{padding:2px 0px 2px 5px;}
.chartTitle{color:#990000; font-weight:bold; padding-left:5px;}
.chartOption{width:80px;}
.tiOption{width:160px;}
.indexCodeOption{width:100px;}
.drawButton{padding-right:10px;}
#quoteName{float:left; padding-left:10px;}
#comparestockcode{width:85px;}

/* quote related news */
.divArticleList p{margin:10px;}
.divArticleBox{clear:both; padding:0px; }
.divArticleBox .date{font-size:10px; color:#666;}
.divArticleBox .articleHdr a:hover{color:#666;}
.more{color:rgb(51,102,153); padding-left:5px;}
.divArticleBox .more{color:rgb(51,102,153); padding-left:5px;}
.divArticleBox .more:hover{color:rgb(51,102,153);}
.divTemplateA{width:100%; height:27px; float:left;}
/*.divTemplateB{width:100%; height:27px; border-bottom:1px solid #e2e2e2; float:left;}
.divTemplateBHdr{height:23px; padding:2px 10px 0 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#00a1bd;}
.divTemplateCHdr{height:23px; padding:2px 10px 0 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#ff6600;}*/
.articleHdr{font-size:18px; font-weight:bold;}
.divTemplateB{width:100%; height:27px; border-bottom:1px solid #e2e2e2; float:left; background:url("../images/quote_grey_bg.gif") repeat-x;}
.divTemplateBHdr{height:23px; padding:2px 10px 0 10px; border-bottom:2px solid #666; line-height:25px; font-weight:bold; float:left; color:#00a1bd;}
.divTemplateCHdr{line-height:25px; font-weight:bold; float:left; color:rgb(51,102,153); padding-left:5px;}
.divTemplateCHdrRight a{line-height:25px; font-weight:bold; float:right; color:rgb(51,102,153); padding-right:5px;}

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

.paging2{padding:0px 10px 10px 0px; text-align:right;}
.paging2 a{color:#EB1C22;}
.paging2 a:hover{color:#666;}
.paging2 .selected{font-weight:bold; color:#EB1C22;}

.pagingWar{padding:0px 10px 10px 0px; text-align:right;}
.pagingWar a{color:#ff6600;}
.pagingWar a:hover{color:#FF0000;}
.pagingWar .selected{font-weight:bold; color:#000;}

/* 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;}
.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:#025cb0;}
div.Tab a.TabSelected{color:#FFF;}
div.Tab a.TabSelected:hover{color:#FFF;}
div.Tab a.TabNormal div:hover{border-bottom:1px solid #FFF; background-color:#025cb0; color:#FFF;}
.backgroundDot{background-image:url(../images/table_dot.gif); background-repeat:repeat-x; height:9px; width:100%; padding:0px;}

.companyHeader{font-size:16px; font-weight:bold; padding-top:8px; clear:both;}
.companyProfile{padding:10px 0px 0px 7px;}
.companyInfo{padding:10px 0px 0px 9px;}
.companyTable{padding:8px 0px 0px 4px;}

/* stock comparsion */
.stockIndustry{font-size:20px; font-weight:bold; color:#00a1bd; padding-left:10px;}

/* quote warrant */
.WarrantBackgroundrelated{background-color: #FFEA7D;}
.WarrantRowHighlight{background-color: #FFD07D;}
.WarrantWarRowOdd{background: #FFF2DF;}
.WarrantWarRowEven{background: #FFF9EF;}
.WarrantRemark_in{font-size: 8px; background-color:#FFF2DF;text-decoration: none; border: 1px solid #CCC;}
.WarrantRemark_at{font-size: 8px; background-color:#FFD07D;text-decoration: none; border: 1px solid #CCC;}
.WarrantRemark_out{font-size: 8px; background-color:white;text-decoration: none; border: 1px solid #CCC;}

/* indexes main */
.stkSpBg{background: #e9f2f2;}

/* indexes constituent */
.divMarketIndexLeft{float:left; width:347px; height:200px;}
.divMarketIndexRight{margin:0px 0px 0px 10px; float:left;}
.divMarketIndexOuter{height:55px; line-height:55px; padding-left:20px; padding-right:20px;}
.divMarketIndexInner{font-size:12px; font-weight:bold; text-align:center; vertical-align:middle; border-bottom:1px dotted #000; line-height:30px; padding-top:15px;}
.divMarketIndexInner2{text-align:center; vertical-align:middle; line-height:20px;}
.marketIndexNominal{font-size:14px; font-weight:bold; text-align:center;}
.stkIndexesChange{float:left; padding-bottom:15px; height:40px; *height:35px;}
.stkIndexesChange div{float:left; width:160px; margin-left:12px; *display:inline;}
.stkIndexesOther{float:left; clear:both; padding-left: 30px; width:320px; height:70px; *height:65px;}
.stkIndexesOther div{float:left; width:150px; *display:inline; word-spacing:10px;}
.stkIndexesOtherTitle{width:50px; display:inline-block; text-align:right; padding-top:5px;}
.stkIndexesValue{padding-left:5px;}
.stkIndexesDotLine{border-bottom:1px dotted #000; padding-top:5px;}
.divMarketIndexImg{padding:10px 0 0 10px;}
.indexChange{line-height:30px; font-size:12px; font-weight:bold;}

/* news home */
.newsHomeTimestamp{width:35px; vertical-align:top; line-height:20px;}
.tableData .newsFigure{padding:0px; /*height:250px; */vertical-align:top;}
.commentaryTable{/*height:364px;*/}	/*dynamic calculate*/

/* categorized news list */
.menu{font-size:12px;}

/* top 20 */
.divTitle{width:100%; height:27px; border-bottom:2px solid #EB1C22; *margin-right:-3px;}
.divTtitleHdr{height:18px; padding:6px 10px 0 10px; border-bottom:3px solid #EB1C22; line-height:18px; font-weight:bold; float:left; clear:both;}
.subMenu{float:right; padding-top:8px;}

/* industry */
.stkBarRatio{line-height:5px;}
.industrymenu{padding-top:8px; padding-left:5px;}
.cbxIndustry{float:right; line-height:20px;}
.cbxIndustry #code{border:1px solid rgb(169,169,169); vertical-align:bottom;}
/*.cbxIndustry #buttonsubmit{border:1px solid rgb(169,169,169); vertical-align:bottom;}*/
.naturelist{/*padding:1px 0px;*/border:1px solid rgb(169,169,169); vertical-align:bottom;}
.industryProfit{color:rgb(51,102,153); padding-left:5px; font-weight:bold; line-height:25px;}

/* etf */
.rightOption{float:right;}

/* etf detail */
.etfDetailHeader{padding:5px 5px 5px 17px;}
.etfCbxBox{height:22px; width:200px}
.DivArticleContent{width:100%; line-height: 160%; float: left; clear: both;}
.DivArticleContentInner{padding:5px;}
.ETFTextBold, a.ETFTextBold {font-size: 13px; color: #000000; font-weight: bold; text-decoration: none;}
.ETFSubHder, a.ETFSubHder {font-family:arial; font-size:13px; color:#B00000; font-weight:bold; text-decoration:none;}
a.ETFSubHder:hover {font-family:arial; color:#00a1bd; line-height: 120%;}
.ETFInfo{padding:5px 8px 5px 4px;}
.ETFTable td{padding:4px 10px 4px 10px;}

.ETFTable .figure{padding:0px;}
.ETFTable .ETFObjTitle{padding-left:10px;}
.ETFTable .ETFObj{padding-left:11px;}
.etfRemark{line-height:18px;}
.TabActiveHdr, a.TabActiveHdr {font-weight:bold; color:#00a1bd; text-decoration:none;}
.StkTableGreenBorder{background-color:#E9F2F2;}
.divBoxLeft{width:50%; padding:5px 5px 5px 0px;}
.divBoxRight{width:50%; padding:5px 0px 5px 5px;}

/* warrant overview */
.warrantHeader{font-weight:bold; float:left; padding-right:20px;}
.warrantTableHeader{height:25px; line-height:25px; *height:0px;}
.warrantTableHeader .headerLeft{padding-left:5px;}
.warrantRankOpt{vertical-align:bottom; float:left;}
.warrantRankOpt .link{color:rgb(51,102,153);}
.tablePadRight{padding-right:4px;}
.tablePadLeft{padding-left:4px;}
.warrantOverviewSearch{/*margin-top:30px;*/}
.warrantOverviewRight{margin-left:8px;}
.WarrantsRank1{color:#000; text-align:center;}
.WarrantsRank2{color:#000; text-align:center;}
.WarrantsRank3{color:#000; text-align:center;}
.WarrantsRank4{color:#000; text-align:center;}
.WarrantsRank5{color:#000; text-align:center;}
.divWarrantOveriewLeft .figure table td{vertical-align:top;}
.divWarrantOveriewRight .figure table td{vertical-align:top;}

/* warrant turnover analysis */
.WarrantCbbcRowOdd{background:#FFF2DF;}
.WarrantCbbcRowEven{background:#FFF9EF;}
.warrantMenu{padding-bottom:10px;}
.warrantMenu .selected{color:#ff6600; font-weight:bold;}

/* warrnt turnover underlying */
.warrantTurnoverRightMenu a{color:rgb(51,102,153); font-weight:bold; float:right; line-height:25px; padding-right:5px;}

/* memo newly */
.memoDate{color:rgb(51,102,153); font-size:16px; font-weight:bold;}

/* warrant news */
.divWarArticleBox{clear:both; padding:3px;}
.divWarArticleBox .more{color:rgb(51,102,153); padding-left:5px;}
.divWarArticleBox .more:hover{color:rgb(51,102,153);}
.divWarArticleBox .date{font-size:10px; color:#666;}
.divWarArticleBox .articleHdr a:hover{color:#666;}

/* company search */
.ciSearchBox{padding-left:10px;}
.ciSearchBoxBtnLeft{float:left;}
.ciSearchBoxBtnRight{float:left; padding-left:10px;}
.divCIResult{padding:15px 0px 0px 5px;}
.ciResultTitle{font-weight:bold; padding-left:5px;}
.ciResultData{margin:10px 0 0 5px;}
.ciResultTable{padding-top:10px;}

/* sector business */
.stkMouseOver{background-color: #dff9fd;}

/* mobile related news */
.mobileMainFrame{width:100%; height:100%;}
.mobileFrameInner{padding:0px; height:100%;}
.mobile .divArticleBox{clear:both; padding:8px;}
.mobile .divArticleList{height:100%;}
.mobile .divArticleList p{margin-left:0px;}
/*.mobileTimestamp{position:fixed; bottom:0; right:0; width:100%; background-color:rgb(175,31,32); color:#000; height:35px;}
.mobileTimestamp .icon{float:left; width:35px;}
.mobileTimestamp .provider{float:left; padding-top:10px; padding-left:5px;}
.mobileTimestamp .circle1{float:left; padding-top:12px; padding-left:20px;}
.mobileTimestamp .circle2{float:left; padding-top:12px; padding-left:10px;}*/

/* mobile local index */
.mobileIndex{min-height:100%; position:relative;}
.mobile .turnover{background-color:rgb(199,199,199);}
.mobile .indexTable .greyLine td{border-bottom:1px solid #eff0f0;}

#mobileContent {min-height:100%; height:100%; background-color:green;}
/*#mobilefooter .mDisclaimer div{float:left;}*/
#mobilefooter .mDisclaimer .icon img{float:left; width:20px;}
#mobilefooter .mDisclaimer .icon{float:left; width:20px;}
#mobilefooter .mDisclaimer .timestamp{float:left; width:280px;}
#mobilefooter .mDisclaimer .timestampEng{float:left; width:400px;}

#mobilefooter{height:16px; line-height:16px;width:100%;background-color:#990000;color:#FFF;font-size:12px; font-weight: bold;
text-shadow: 0 /*{c-bar-shadow-x}*/ 0px /*{c-bar-shadow-y}*/ 0px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/}

/* Warrant DLSS */
.content0 {width: 100%; float: left; display: inline; padding-bottom:5px;}
.content0StockCode { font-size:12pt; float:left; /*padding-left:5px;*/ color:#990000;font-weight:bold; /*font-family: Arial,PMingLiU;*/ /*font-family: Arial;*/ line-height:25px}
.content0StockName {font-size:12pt; float:left; padding-left:10px; color:#990000;font-weight:bold; /*font-family: Arial,PMingLiU;*/ /*font-family: Arial;*/ line-height:25px; padding-right:4px}
.headerItem{float:left; padding-left:20px; line-height:25px;}
.contentRT1 {width: 35%; float: left; display: inline;}
.quoteBody1 {width: 65%; /*height: 100%;*/ float: left; display: inline; font-size: 12px;  /*font-family: Arial;*/}
.quoteBody1 table {padding: 0; /*margin: 0;*/ cellpadding: 0; cellspacing: 0; width: 100%;}
.quoteDL { width: 100%; /*height: 100%;*/ }
.quoteDL1 { width: 100%; /*height: 100%; */}
.quoteDL1 .head1l { color: rgb(51,102,153); font-weight: bold; padding-top:5px;}
.quoteDL1 .head1r { font-size: 20px; font-weight:bold; text-align: center; }
.quoteDL .quoteDLTableTop { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; /*border-bottom: 1px solid #e0e0e0; */border-right:1px solid 1px solid #e0e0e0; }
.quoteDL .quoteDLTableTop, .quoteDL .quoteDLTableTop table { border-spacing:0px;  *border-collapse: collapse; }
.quoteDL .quoteDLTableTop td table{ border-spacing:0px; *border-collapse: collapse; }
.quoteDL .quoteDLTableTop td table td { padding: 3px; }
.quoteDL .quoteDLTableTop td table td table { border-spacing:0px; padding:0px; *border-collapse: collapse; }
.quoteDL .quoteDLTableTopl { padding: 0px; background: url("../images/quote_grey_bg.gif") repeat-x; }
.quoteDL .quoteDLTableTopr { background: url("../images/quote_grey_bg.gif") repeat-x; }
.quoteDL .quoteDLTableMTop { border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.quoteDL .quoteDLTableRTop { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.quoteDL .quoteDLTableMButton { border-left: 1px solid #e0e0e0; }
.quoteDL .quoteDLTableRButton { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
.quoteDLTableRBottom table{border-spacing:0px; *border-collapse: collapse;}
.quoteDL1rData { line-height: 20px; }
.quoteValue { font-size: 14px; font-weight: bold; }

.quoteDL2 { width: 100%; /*height: 100%;*/ padding-bottom: 5px; }
.quoteDL2 table { width:100%; padding: 0px; border-spacing:0px; }
.quoteDL2 table td table td { padding: 3px; }
.quoteDL2Table { border: 1px solid #e0e0e0; }
.quoteDL2 .quoteDL2Table td { vertical-align: top; }
.quoteDLTablel { border-left: 1px solid #e0e0e0; }
.divBid{background-color:rgb(248,232,240); text-align:center; width:50%; padding:0px; }
.divAsk{background-color:rgb(204,255,255); border-left:1px solid #e0e0e0; text-align:center; width:50%; padding:0px; }
.yellow {background-color: yellow;}
.quoteBidAskText{width:50px; float:left;}
.quoteBidAskButton{/*float:left;*/ line-height:11px;}
.quoteBidAskImage{padding-left:2px; cursor:pointer;}
.stockCodeSearch{padding-left:20px; line-height:25px;}
.stockCodeSearch a{color:rgb(51, 102, 153);}

/* RTSS */
.quoteRT1{width: 100%; text-align:center;}
.quoteRT1 .borderRight{border-right:1px solid #e0e0e0;}
.quoteRTTableTop{border-spacing:0px; *border-collapse:collapse;}
.quoteRTTableTop td{padding:0px;}
.quoteRTTableTopr{border-left:1px solid rgb(224, 224, 224);border-bottom:1px solid rgb(224, 224, 224); height:75px; line-height:36px;}
.quoteRTTable{height:100%; border-spacing:0px; *border-collapse:collapse;}
.quoteRTTable td{padding:0px}
.quoteTable{border-spacing:0px; *border-collapse:collapse; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:left;}
.quoteTable1a, .quoteTable1b{width:50%;}
.quoteTable1a table, .quoteTable1b table{border-spacing:0px; *border-collapse:collapse;}
.quoteTable1a td, .quoteTable1b td{padding:3px}
.quoteTable1a{border-right:1px solid #e0e0e0; }
.QuoteBidAsk{border-spacing:0px; *border-collapse:collapse;}
.QuoteBidAsk td{padding:0px;}
.QuoteBidAskHeadl table{border-spacing:0px; *border-collapse:collapse;}
.QuoteBidAskHeadl table td{padding:0px;}
.QuoteBidAskHeadl .colAsk {height:35px; border-left:1px solid #e0e0e0;}
.QuoteBidAskHeadl .colBid {height:35px;}
.QuoteBidAskHeadl .colAsk .box{display: inline-block; overflow: hidden; height: 100%; width: 100%; position: relative; background:url('../images/quote_grey_bg.gif') repeat-x scroll 0% 0% transparent; border-bottom:1px solid #e0e0e0;}
.QuoteBidAskHeadl .colBid .box{display:inline-block; position:relative; height: 100%; width: 100%;overflow: hidden; background:url('../images/quote_grey_bg.gif') repeat-x scroll 0% 0% transparent; border-bottom:1px solid #e0e0e0;}
.quoteRT1 .head2l{background: url("../images/quote_grey_bg.gif") repeat-x; height: 23px; vertical-align: top; padding-top: 10px; padding-bottom: 3px; text-align : center;}
.quoteRT1 .head3l{width: 50%; vertical-align: top; font-size: 12px; font-weight: bold; background: url("../images/quote_grey_bg.gif") repeat-x;  color: rgb(51,102,153); padding:0px 0px 12px 3px; height: 23px; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align:left;}
.quoteRT1 .head3r {width: 50%; vertical-align: middle; font-size: 20px; font-weight: bold; text-align: center; padding-right:5px;}
.quoteRT1 .bid{font-size: 18px; text-align: center; font-weight: bold;}
.quoteRT1 .ask{font-size: 18px; text-align: center; font-weight: bold;}
.quoteRT1 .bidRatio{background-color:rgb(0, 153, 51); color:white; text-align:left; line-height:20px; padding-left:5px;}
.quoteRT1 .bidRatio0{background-color:rgb(244, 0, 38); color:white; text-align:left; line-height:20px; padding-left:5px;}
.quoteRT1 .askRatio{background-color:rgb(244, 0, 38); color:white; text-align:right; line-height:20px; padding-right:5px;}
.quoteRT1 .Ordsl { width:50%; float:left; text-align:right; color: black; }
.quoteRT1 .Ordsr { width:50%; *width:49%; float:left; color: black; text-align:right; }
.quoteRT1 .Ordsl .line{ line-height:22px; }
.quoteRT1 .Ordsr .line{ line-height:22px; }
.collapsableContainer{display:none;}
.contentRT1 .borderTable{border:1px solid #e0e0e0;}
.contentRT1 .transTableLeft{width:5px; height:5px; float:left}
.contentRT1 .transTableRight{overflow:hidden;}
.contentRT1 .headerQueue{display:table; width:100%;}
.contentRT1 .bidvals{font-weight:bold; color:rgb(174,0,69); background-color:rgb(248,232,240); text-align: center; font-size:13px; line-height:20px; border-bottom:1px solid #e0e0e0}
.contentRT1 .askvals{font-weight:bold; color:rgb(0,64,139); background-color:rgb(204,255,255); text-align: center; font-size:13px; line-height:20px; border-bottom:1px solid #e0e0e0}
.contentRT1 .collapsableBrokerSTK{width:100%; border-top:1px solid #e0e0e0;}
.contentRT1 .brookerask {height:10%;color:rgb(0,64,139);font-size:12px; padding-left:3px; cursor:pointer;}
.contentRT1 .brookerbid {height:10%;color:rgb(174,0,69);font-size:12px; padding-left:3px; cursor:pointer;}
.contentRT1 .brookertext{height:10%;color:#000;font-size:12px; padding-left:3px;font-weight:bold;}
.contentRT1 .sectionTh{width:100%;font-size:13px; border-spacing:0px; *border-collapse:collapse; background: url("../images/quote_grey_bg.gif") repeat-x;}
.contentRT1 .sectionTh td{padding: 2px 3px 3px 3px;}
.contentRT1 .logRedtxt{font-weight:bold; color:rgb(182,44,102);}
.contentRT1 .logBluetxt{font-weight:bold; color:rgb(50,102,162);}
.contentRT1 #transactionLogFullTable{border-spacing:0px; *border-collapse:collapse;}
.contentRT1 .collapsableSTK{display:table; width:100%; height:147px;}
.contentRT1 .quoteInfoTableCellHeight{padding:0px 3px 0px 3px; height:20px;}
.contentRT1 #clickTransLogButton{text-decoration: underline; color:rgb(153, 0, 0); cursor:pointer;}
#divBeforeLogon{display:none;}
#divBeforeLogon div{line-height:25px;}
#divSuspendAcct{display:none;}
#divNoSecAcct{display:none;}
.openSectAcct{text-decoration:underline; color:blue;}

/* Ashare New */
//#ashare_news{padding-top:30px;}
.ashare_new{width:100%;}

/* Market share */
#MkgFigures{clear:both; padding:0px 0px;}
#MkgFigures div table{width:100%; font-size:12px; line-height:130%;clear: both;}
#MkgFigures div table td{padding:0px 3px;}
#MkgFigures a{color:#000;}
#MkgFigures .notice a.etnet{color:#666;}
#MkgFigures .notice a.etnet:hover{color:#666;}
#MkgFigures a:hover{color:#015CC1;}
#MkgFigures .star{font-size:9px; color:#ed1c24; vertical-align:text-top;}
#MkgFigures .RelLink a{color:#98351f; text-decoration:none;}
#MkgFigures .RelLink a:hover{color:#015CC1;}
.MkgWDate{font-weight:bold; font-size:16px; color:#98351f;}
#MkgFigures .field{font-size:12px; line-height:120%; text-decoration:none;}
#MkgFigures .selected{color:#98351f;font-weight:bold;}
#MkgFigures .selected img{border:0;}
.CalNum11{color:#000000; font-weight:bold;}
.CalNum09{color:#adadad; font-weight:bold;}
.CalNum05{font-size:35px; color:#98351f; font-weight:bold;line-height:35px;}
.CalNum06{font-size:35px; color:#000000; font-weight:bold; text-decoration:none; line-height:35px;}
.CalNum07{color:#98351f; font-weight:bold;}
/*td.CalNum06:hover{font-size:35px; font-weight:bold; color:#FF0000;}*/
td.CalNum06:hover{font-size:35px; font-weight:bold; color:#98351f;}
.CalNum10{color:#FFFFFF; font-weight:bold; background-color:#98351f; background-repeat:no-repeat;}
.CalNum12{color:#FFFFFF; font-weight:bold; background-color:#828282; background-repeat:no-repeat;}
#calendar_data .calendarWidth{width:700px;}

#MkgFigures .supTitle{color:grey;}
#MkgFigures .paging{padding:10px 0px 10px 0px !important; text-align:right;}

/* Top 20 */
.tabHeader{color:#000000;font-weight:bold;font-size:12pt;}
.tabHeaderSelected{color:#990000; font-weight:bold;font-size:12pt;}
.iconLeft a{/*color:#990000;*/font-size:12pt;font-weight:bold;}

/* FSI */
 .ui-tooltip, .fsiTooltipArrow:after {background: #353535; border: 1px solid white;}
 .ui-tooltip {  padding: 20px; color: white; border-radius: 10px; font: bold 12px, Sans-Serif; box-shadow: 0 0 7px black; width: 200px;}
 .fsiTooltipArrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
 .fsiTooltipArrow.top { top: -16px; bottom: auto; }
 .fsiTooltipArrow.left { left: 20%; }
 .fsiTooltipArrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
 .fsiTooltipArrow.top:after { bottom: -20px; top: auto; }
#fsiTooltip > u {line-height: 24px;}

/* Index */
 .chgFrameLink {cursor: pointer}
 
/* Fai@2025/04/02: Styles for us_eform_remarks */
body.eform-remark {min-width:auto; overflow:hidden}
body.eform-remark * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.eform-remark .table {display:table; width:100%}
.eform-remark .tableCell {display:table-cell}
.eform-remark #TopColorBar,
	.eform-remark #TopColorBarGrey {height:4px}
.eform-remark-header {padding:20px 20px 10px}
.eform-remark-header .header-title {font-size:16px; line-height:20px; font-weight:bold; text-decoration:underline}
.eform-remark-content {padding:10px 20px; font-size:12px}
.eform-remark-content .remarkNo {width:20px}
.eform-remark-content > .table {margin-top:10px}
.eform-remark-content > .table:first-child {margin-top:0}