/* Container: Full Screen in all devices */
.container {width:100%; height:100%}
/* Container: Padding Screen in all devices */
.container_p {width:100%; height:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
/* Container: Padding Screen in Desktop & Full in Mobile */
.container_pmf {width:100%; height:100%; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.timestamp {font-size:16px; color:#93A1AD; font-weight:bold}
h1.header {height:40px; line-height:40px; font-size:25px; color:#ddb86a; font-weight:bold}
h2.header {height:35px; line-height:35px; font-size:18px; color:#ddb86a; font-weight:bold}
.separator {height:3px; background-color:#2C2C2C}
.codeInput {height:35px; line-height:35px; padding:0px 5px; border:1px solid #DADADA; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.transparencyBg{background:url(../images/world.png) no-repeat; background-size:100% auto;}
/* Pageination */
.Pagination{width:100%; padding:10px 0px; margin:0px; list-style:none; font-size:0px; border-top:1px solid #eaeaea; text-align:center; -webkit-box-shadow:none !important; box-shadow:none !important; background-color:transparent !important; }
.Pagination li{display:inline-block; height:40px; width:40px; margin-left:3px; vertical-align:middle; background-color:#FFFFFF;}
.Pagination li:first-child{margin-left:0px;}
.Pagination li.MostLeft{background-image:url(../images/pagination_image/transparent/most_left.png); border:1px solid #1A1A1A; cursor:pointer;}
.Pagination li.MostRight{background-image:url(../images/pagination_image/transparent/most_right.png); border:1px solid #1A1A1A;cursor:pointer;}
.Pagination li.Prev{background-image:url(../images/pagination_image/transparent/previous.png); border:1px solid #1A1A1A;cursor:pointer;}
.Pagination li.Next{background-image:url(../images/pagination_image/transparent/next.png); border:1px solid #1A1A1A;cursor:pointer;}
.Pagination li.JumpLeft{background-image:url(../images/pagination_image/transparent/previous10.png); border:1px solid #1A1A1A;cursor:pointer;}
.Pagination li.JumpRight{background-image:url(../images/pagination_image/transparent/next10.png); border:1px solid #1A1A1A;cursor:pointer;}
.Pagination li.MostLeft.Disabled, .Pagination li.MostRight.Disabled, .Pagination li.Prev.Disabled, .Pagination li.Next.Disabled{opacity:0.2;cursor:auto;}
.Pagination li.PageNum{width:calc(100% - 180px); max-width:200px; background-image:none;}
.Pagination li.PageNum select{width:100%; font-size:14px; height:40px; line-height:40px;}
.ipo_title{padding:5px;width:100%;border-bottom:3px solid #ddb86a; font-size:20px; font-weight:bold;}
/*Home page news*/
.box{width:calc(100% - 40px) !important;}
.ann{overflow:hidden;height:30px;width:100%; float:left; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; line-height:30px; vertical-align:middle; cursor:pointer;}
div.arrow {width:20px;height:30px; background-image:url(../images/home_arrow.png); display:inline-block; float:left;}
.arrow_up, .arrow_down{display:inline-block; height:13px; width:20px; cursor:pointer;}
div.control{width:20px;height:30px; background-image:url(../images/pause.png); display:inline-block; float:left; background-size:20px 20px; background-repeat:no-repeat; background-position:0px 5px; cursor:pointer;}
/* Highlight Color */
.hlColor {color:#ddb86a}
.hlbColor {color:#5d472e; font-weight:bold}
/* Remark Color */
.rmColor {color:#93A1AD}
.rmbColor {color:#93A1AD; font-weight:bold}
/* Table Header Background Color */
.tblHeaderBGColor {background-color:#5d5d5d; color:#FFF}
/* Table Row Alterative Background Color */
.alterColor1 {background-color:#efefef}
.alterColor2 {background-color:#FFF}
/* Normal data table */
.dataTbl th,
.dataTbl th a {background-color:#5d5d5d; color:#FFF}
.dataTbl th div {color:#FFF}
.dataTbl th,
.dataTbl td {padding:10px; border-right:1px solid #FFF; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.dataTbl th:last-child,
.dataTbl td:last-child {border-right:0px}
.dataTbl td div.visible-mb {padding-top:5px}
.home .dataTbl th,
.home .dataTbl td {height:auto; padding:5px}
.dataTbl .sectionRow {background-color:#FFF}
.dataTbl .sectionRow td {font-weight:bold; color:#000000}
/* Radio Tabs */
.RadioTab {width:100%; display:block}
.RadioTab li {text-align:left; display:inline-block; height:40px; margin-right: 15px; line-height:40px}
.RadioTab li input {margin-right:5px;}
#homeTop5 .RadioTab {width:100%; display:block}
#homeTop5 .RadioTab li {/*min-width:100px; width:15%;*/ text-align:left; display:inline-block; height:40px; line-height:40px; margin-left: 5px; margin-right: 15px;}
#homeTop5 .RadioTab li label {color: #BBB; font-weight: bold; cursor: pointer;}
#homeTop5 .RadioTab li input[type="radio"]{display: none;}
#homeTop5 .RadioTab li input[type="radio"]:checked + label{color: #FF0000;}
#homeTop5 .RadioTab li input {margin-right:5px;}
/* Cell table */
.dataCellTbl td {padding:10px; border-top:1px solid #CCCCCC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:25%;}
.dataCellTbl td:first-child {border-left:1px solid #CCCCCC;}
.dataCellTbl td:nth-child(odd) {border-left:1px solid #CCCCCC;}
.dataCellTbl td:last-child {border-right:1px solid #CCCCCC;}
.dataCellTbl tr:last-child td{border-bottom:1px solid #CCCCCC; width:25%;}
.dataCellTbl .cellTitle,
.dataCellTbl .cellValue {/*font-weight:bold*/}
.dataCellTbl .cellTitle {text-align:left; padding-right:0px;}
.dataCellTbl .cellValue {text-align:right; padding-left:0px;}
.dataCellTbl .header {background-color:#5d5d5d}
.dataCellTbl .header td {color:#FFFFFF;}
/* Quote Change Color */
.Nominal.up,.HNominal.up, .ANominal.up, .last.up, .nominal.up, .change.up,.Change.up, .percentageChange.up, .PercentageChange.up, .Accumulative.up {color: #279100;}
.Nominal.down,.HNominal.down, .ANominal.down, .last.down, .nominal.down, .change.down, .Change.down, .percentageChange.down, .PercentageChange.down, .Accumulative.down {color: #B90F0F;}
/* Quote Search Box */
#QuoteSearch{width:70%; max-width:234px; height:35px; margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float:left; padding-right:10px;}
#QuoteSearch input[type=text],
#QuoteSearch input[type=number]{float:right; width:100%; height:33px; border:1px solid #DADADA; font-size:16px; line-height:33px; padding:0px 2px 0px 25px; /*padding:0px 10px; text-indent:25px;*/ background:url(../images/searchico.png) no-repeat left center; -webkit-appearance:none; border-radius:0px; color:#545454; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#QuoteSearch input[type=text]:focus,
#QuoteSearch input[type=number]:focus {outline:none; box-shadow: 0px 0px 5px #FCB040; border:1px solid #FCB040}
#QuoteBtn{width:68px; height:33px; float:left; line-height:33px; text-align:center;}
/* Button */
.button {background-color:#ddb86a; color:#FFF; font-weight:bold; cursor:pointer; padding:10px; text-align:center}
a.button {display:block}
.NormalBtn {
padding:10px;
text-align:center;
cursor:pointer;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
background-color:#ddb86a;
color:#FFF;
font-size:14px;
}
#homeTop5 .tabsDiv .meunTabs {display:table; width:100%}
#homeTop5 .tabsDiv .meunTabs li {display:table-cell; color: #BBB; padding:5px; border-bottom:2px solid #BBB; text-align:left; vertical-align:middle; position:relative; font-weight: bold;}
#homeTop5 .tabsDiv .meunTabs li.firstChild {border-left:0px;}
#homeTop5 .tabsDiv .meunTabs li.selected {background-color:#FFF; color:#FF0000; border-bottom: 4px solid #FF0000;}
#homeTop5 .tabsDiv .meunTabs li.selected span{color:#FFFFFF}
/* Paging */
.pagingDiv {padding:10px 0}
.paging {height:30px}
.paging .previousPage,
.paging .nextPage {width:30px; height:30px; line-height:30px; background-color:#ddb86a; color:#FFF; font-weight:bold; text-align:center; vertical-align:top; display:inline-block; cursor:pointer}
.paging .pageInfo {display:inline-block; padding:0 15px; height:30px}
.paging .pageInputBox {width:30px; height:30px; padding:8px 0; border:1px solid #D8D8D8; font-size:14px; text-align:center; background-color:#F8F8F8; color:#192E40; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
/* Footer */
#Footer {/*padding:10px*/}
.container_p #Footer {/*padding:5px 0*/}
a#overlayPopupBtn {color:#3195EB}
a.etnet{color:#3195EB}
.footer_block{display: block;}
.footer_inline_block{display: inline-block;}
.footer_block, .footer_inline_block, .Footer div {font-size: 14px; color: #BBB;}
.Footer div a, .Footer div a#overlayPopupBtn{font-size: 14px;color: #3195EB;}
/* ADUI Bar */
.ADUIBar {width:90%; margin:0 auto; height:15px}
.StkRatio td {padding:0px; border-right:0px; color:#FFF; font-size:10px; text-align:center; vertical-align:middle}
.ADUIBarup {background-color:#006600}
.ADUIBardown {background-color:#cc0033}
.ADUIBarunchange {background-color:#999}
.ADUIBarnoturnover {background-color:#666}
/* Global Search */
.globalSearchDiv {float:left; width:400px;}
#divGlobalSearch {/*overflow:hidden*/}
#divGlobalSearch > div{/*height:35px; float:left; padding-right:10px;*/}
#divGlobalSearch .codeSearch div{padding-top:5px; color:blue;}
#divGlobalSearch #searchBtn {height:35px; width:100%}
#divGlobalSearch .advancedBtn {font-weight:bold; text-decoration:underline}
.autoCompDIV {background:white; display:none; width:100%; max-width:550px; top:45px; left:0}
.autoCompDIV ul{margin:0px; /*padding-left:15px; */ padding:0px;}
.autoCompDIV li{list-style:none;}
.ac_results {padding: 0; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; 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;}
#globalsearch {width:100%; color:#888888; padding-left:30px; background:#FFF url(../images/btn-search-red.png) no-repeat left center}
/* Index Bar */
.index_bar{height: 40px;}
.index_bar .index_item{display: inline-block; margin-right: 45px; padding-top: 12px; padding-bottom: 11px;}
.index_bar .index_item div{display: inline-block; font-weight: bold; padding: 0 2px;}
.index_bar .index_item img{width: 12px; vertical-align: middle;}
.index_bar .index_item .stockNameDiv{font-size: 15px;}
.index_bar .index_item .nominalDiv, .index_bar .index_item .changeDiv span{font-size: 14px;}
/* company info */ /* C1 Start */
.Info *{background-repeat:no-repeat !important; box-sizing:border-box;}
.Info h1{font-size:16px; line-height:130%; font-weight:normal;}
.Info h2{font-size:22px; font-weight:normal; line-height:30px; margin:0px; padding:5px;}
.Info h3{font-size:18px; font-weight:normal; line-height:26px; margin:0px; padding:5px; color:#000000;}
.Info h4{font-size:16px; font-weight:bold;}
.InfoHeader {padding:5px 0px; width:100%; font-size:0px;}
.InfoHeader div{display:inline-block; vertical-align:middle;}
.InfoHeader .Name{font-size:27px; font-weight:normal; width:320px; padding-left:8px; line-height:100%;}
.InfoHeader .DropdownMenu{text-align:left; width:100%;}
.Info{width:100%;font-size:0px;}
.Info ul.List{width:100%; font-size:0px; padding:10px 0px; border-bottom:solid 1px #E4E4E4;}
.Info ul.List li{display:inline-block; line-height:140%; font-size:14px; word-wrap:break-word; vertical-align:top;}
.Info ul.List > li{width:80%;}
.Info ul.List > li:first-child{width:20%; font-weight:bold;}
.Info ul.Logo li{width:50%; height:auto; display:inline-block; padding:8px 0px; vertical-align:top;}
.Info ul.Logo li.LogoImage{width:91px !important; margin-right:10px;}
.Info ul.Logo li.LogoImage img{width:100%;}
.Info ul.Logo li.CoName{width:calc(50% - 50px);}
.Info ul.Logo li.Others{width:calc(50% - 51px); word-wrap:break-word;}
.Info ul.Logo li p{line-height:150%;}
.Info h3{padding-left:8px;}
.Info ul.MajarHolder ul, .Info ul.SameHolder ul{width:100%; font-size:0px;}
.Info ul.MajarHolder ul:nth-child(even) {background-color: #F2F2F2;}
.Info ul.MajarHolder ul li{font-size:14px; padding:0px; text-align:right;}
.Info ul.MajarHolder ul li#msname_list{text-align:left; width:20%;}
.Info ul.MajarHolder ul li#amount_list{width:36%;}
.Info ul.MajarHolder ul li#fullholdpercent_list{width:19%;}
.Info ul.MajarHolder ul li#date_list{width:25%;}
.Info ul.MajarHolder ul li#special_msname_list{text-align:left; width:20%;}
.Info ul.MajarHolder ul li#special_amount_list{width:20%;}
.Info ul.MajarHolder ul li#special_sharestype_list{width:15%;}
.Info ul.MajarHolder ul li#special_fullholdpercent_list{width:15%;}
.Info ul.MajarHolder ul li#special_percent_list{width:15%;}
.Info ul.MajarHolder ul li#special_date_list{width:15%;}
.Info ul.MajarHolder ul li#special_msname_list_mb{display:none; width:44%;}
.Info ul.MajarHolder ul li#special_amount_list_mb{display:none; width:44%;}
.Info ul.MajarHolder ul li#special_date_list_mb{display:none; width:24%;}
.Info ul.MajarHolder ul li#special_sharestype_list_mb{display:none; width:24%;}
.Info ul.MajarHolder ul li#special_fullholdpercent_list_mb{display:none; width:32%;}
.Info ul.MajarHolder ul li#special_percent_list_mb{display:none; width:32%;}
.Info ul.SameHolder ul li:nth-child(even){width:calc(100% - 80px);}
.Info ul.SameHolder ul li{width:80px; padding:0px;}
.Info ul.list li.date {width:40%;}
.Info ul.CoInfoDetail ul, .Info ul.CoInfoDetail ul li{width:100%; line-height:120%;}
.Info ul.CoInfoDetail{padding:18px 0px;}
.Info ul.CoInfoDetail ul li{padding:0px 0px 12px 0px;}
.Info ul.CoInfoDetail ul li:last-child{padding-bottom:0px;}
.Info #Structure ul{width:50%; display:inline-block; vertical-align:top;}
.Info #Structure ul li:nth-child(odd){width:80%;}
.Info #Structure ul li:nth-child(even){width:20%; text-align:right}
.Info #Structure ul:nth-child(4n+1), .Info #Structure ul:nth-child(4n+2){background-color:#FFFFFF;}
.Info #Structure ul:nth-child(4n+3), .Info #Structure ul:nth-child(4n+4){background-color:#F2F2F2;}
.Info #Structure ul:nth-child(4n+1) li:last-child, .Info #Structure ul:nth-child(4n+3) li:last-child{padding-right:2%;}
.Info #Structure ul:nth-child(4n+2) li:first-child, .Info #Structure ul:nth-child(4n+4) li:first-child{padding-left:2%;}
.Info div.IncomeStatment ul li{width:16%; text-align:right;}
.Info div.IncomeStatment.cashflow ul li{width:13%; text-align:right;}
.Info div.IncomeStatment ul li:first-child {width:34%; text-align:left;}
.Info div.IncomeStatment h4{margin:20px 8px 10px 8px;}
.CAList{width:100%; margin:5px 0px;}
.CAList, .CAList ul{overflow:hidden; padding:0px; font-size:0px;}
.CAList ul.ListData, .CAList ul.ListHeader{width:100%; list-style:none; padding:5px 8px;}
.CAList li{font-size:16px; line-height:18px; min-height:18px; vertical-align:top; overflow:hidden;}
.CAList .AnnounceDateHdr,.CAList .AnnounceDate,.CAList .AnnounceData,.CAList .AnnounceDataHdr,.CAList .ExDateHdr,.CAList .ExDate,.CAList .ExpiratyHdr,.CAList .Expiraty,.CAList .DeliveryHdr,.CAList .Delivery {width:14%;}
.CAList .CodeHdr,.CAList .Code{width:7%;}
.CAList .FinancialYearHdr,.CAList .FinancialYear{width:9%;}
.CAList .ItemHdr,.CAList .Item{width:21%;}
.CAList .PeriodHdr,.CAList .Period{width:16%}
.CAList .Expiraty p{margin:0px;}
#Buyback .ItemHdr, #Buyback .Item{width:33%}
.CAList .NameHdr, .CAList .CodeHdr,.CAList .AnnounceDateHdr,.CAList .FinancialYearHdr,.CAList .ExDateHdr,.CAList .ExpiratyHdr,.CAList .DeliveryHdr,.CAList .ItemHdr,.CAList .PeriodHdr,.CAList .AnnounceDataHdr{display:none;}
.CAList .Name, .CAList .ListHeader .Name, .CAList .ListHeader .NameHdr, .CAList .ListHeader .CodeHdr,.CAList .Code,.CAList .AnnounceDate,.CAList .ListHeader .AnnounceDataHdr,.CAList .ListHeader .AnnounceDateHdr,.CAList .FinancialYear,.CAList .ListHeader .FinancialYearHdr,.CAList .ExDate,.CAList .ListHeader .ExDateHdr,.CAList .Expiraty,.CAList .ListHeader .ExpiratyHdr,.CAList .Delivery,.CAList .ListHeader .DeliveryHdr,.CAList .ListHeader .ItemHdr,.CAList .Item,.CAList .ListHeader .Period,.CAList .ListHeader .AnnounceDataHdr,.CAList .Period,.CAList .AnnounceData,.CAList .ListHeader .PeriodHdr {display:inline-block;}
/* Calendar Visual */
.CalTab{width:100%; height:30px; overflow:hidden; margin:0px; padding:0px; list-style:none; font-size:0px; display:table; border-top:1px solid #eaeaea; table-layout:fixed;}
.CalTab > li{cursor:pointer; height:50px; font-size:0px; display:table-cell; padding:8px; border-left:1px solid #eaeaea; background:-webkit-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); background:linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%); background:-ms-linear-gradient(top, #FFFFFF 0%, #F2F2F2 100%);}
ul.CalTab > li:first-child{border-left:none;}
ul.CalTab li ul{display:block; width:100%; max-width:75px; margin:auto;}
ul.CalTab li ul li{display:inline-block; vertical-align:top; color:#000000; text-align:left;}
ul.CalTab li li.year{width:100%; font-size:12px !important;}
ul.CalTab li li.day{width:50%; font-size:30px; font-weight:bold; line-height:100%;}
ul.CalTab li li.week{width:50%; font-size:12px !important;}
ul.CalTab li li.week p{margin:0px; line-height:120%; font-size:12px !important;}
ul.CalTab li.selected, .CalTab li.selected li, .CalTab li.selected li p{color:#5d472e !important;}
.tabIndicatorTab li .tabIndicator {width:15px; height:10px; margin:0 auto;}
.tabIndicatorTab li .tabIndicator img {vertical-align:top}
.tabIndicatorTab{width:100%;}
.tabIndicatorTab li {width:20%; display:inline-block;}
.CalTable{width:100%;}
.CalTable table{background-repeat:repeat-x !important;}
.Info h4.caldate{text-align:left; padding-top:10px; font-size:16px; font-weight:bold; color:#ddb86a}
.MktConference h4, .MktResult h4, .MktFigure h4{margin-top:10px 0px 5px 0px; color:#5d472e;}
.MktConference li, .MktResult li{display:inline-block;}
.MktConference li:first-child{width:100px;}
.MktConference li:last-child{width:calc(100% - 100px); font-size:14px;}
.MktResult li:first-child{width:100px;}
.MktResult li:last-child{width:calc(100% - 100px); font-size:14px;}
.MktResult li.Time, .MktResult li.PChange{width:80px;}
.MktResult li.FYear{width:65px;}
.MktResult li.Profit, .MktResult li.Dividend{width:90px;}
.MktResult li.Code{width:45px;}
.MktResult li.Name{width:120px;}
.MktResult li.Season{width:54px;}
.MktResult li.Net{width:calc(100% - 624px);}
.MktResult li.PChange, .MktResult li.Profit, .MktResult li.Dividend{text-align:right;}
.MktResult li.TimeHdr, .MktResult li.PChangeHdr, .MktResult li.FYearHdr, .MktResult li.ProfitHdr, .MktResult li.DividendHdr, .MktResult li.CodeHdr, .MktResult li.NameHdr, .MktResult li.SeasonHdr, .MktResult li.NetHdr{display:none;}
.MktFigure li.Time{width:150px;}
.MktFigure li.Period{width:230px;}
.MktFigure li.Region{width:150px;}
.MktFigure li.Estimate{width:110px; text-align:right;}
.MktFigure li.Event{width:calc(100% - 655px); padding-right:5px;}
.MktFigure li.TimeHdr, .MktFigure li.PeriodHdr, .MktFigure li.RegionHdr, .MktFigure li.EstimateHdr, .MktFigure li.EventHdr{display:none;}
.MktFigure.TableWrapper ul:nth-child(even),.MktResult.TableWrapper ul:nth-child(even){background-color:#F2F2F2;}
/*Hot List */
.HotListIpo{width:100%; font-size:0px; background-color:#F2F2F2; margin-top:20px;}
.HotListIpo h1{background: white; font-size:20px; line-height:20px; font-weight:normal; color:#5d472e; padding-bottom:5px; }
.HotListIpo div{ display:inline-block; padding:0px; margin:0px; vertical-align:top;}
.HotListIpo .Left{width:60%;}
.HotListIpo .Left{width:calc(100% - 303px);}
.HotListIpo .Right{width:293px; padding:5px 10px 0px 0px; text-align:center; background-color:#FFFFFF;}
.HotListIpo .Right img{width:100%; max-width:283px; border:0px;}
.HotListIpo ul{width:100%; font-size:0px; padding:10px 20px 10px 8px; border-bottom:solid #E4E4E4 1px; cursor:pointer;}
.HotListIpo ul li{width:25%; display:inline-block; font-size:16px; vertical-align:top;}
.HotListIpo ul li span{font-size:16px;}
.HotListIpo ul li.Name{width:100%; font-size:16px;}
.HotListIpo ul.Selected{background-color:#FFFFFF;}
.HotListIpo ul.Selected li.Name{background-color:#FFFFFF; color:#5d472e}
.HotListIpo li span.up{color:#00ab34;}
.HotListIpo li span.down{color:#ed0012;}
.HotListIpo li span.up.Arrow{background:url(../images/arrow_up.png) left no-repeat; padding-left:15px;}
.HotListIpo li span.down.Arrow{background:url(../images/arrow_down.png) left no-repeat; padding-left:15px;}
.HotListIpoHome{width:100%; font-size:0px;}
.HotListIpoHome div{ display:inline-block; padding:0px; margin:0px; vertical-align:top;}
.HotListIpoHome ul{font-size:0px; padding:10px 0px; border-bottom:solid #ed0013 1px;}
.HotListIpoHome ul li{display:inline-block; font-size:14px; vertical-align:top; margin-right:10px;}
.HotListIpoHome ul li.Name{width:100%; font-size:16px; font-weight:bold; color:#ed0013;}
.HotListIpoHome ul.Selected{background-color:#FFFFFF;}
.HotListIpoHome li span.up{color:#00ab34;}
.HotListIpoHome li span.up.Arrow{background:url(../images/arrow_up.png) left no-repeat; padding-left:15px;}
.HotListIpoHome li span.down{color:#ed0012}
.HotListIpoHome li span.down.Arrow{background:url(../images/arrow_down.png) left no-repeat; padding-left:15px;}
/* IPO News */
.IpoNews{width:100%; margin-bottom:10px;}
.IpoNews ul{width:100%; list-style:none; padding:10px 0px; margin: 0px; font-size:0px;}
.IpoNews ul:nth-child(even){background-color:#EFEFEF;}
.IpoNews ul li.Date{padding:0px; margin:0px; width:200px; vertical-align:middle; display:inline-block; vertical-align: top;}
.IpoNews ul li.Title{padding:0px; margin:0px; width:120px; vertical-align:middle; display:inline-block;}
.IpoNews h1{width:calc(100% - 200px); display:inline-block; vertical-align:middle;}
#IpoMenu ul {padding:5px;}
#IpoMenu input {border:solid #e5e5e5 2px; padding:0 2px}
#IpoMenu ul li span {margin-right:5px;}
#IpoInput{display:inline-block;width:300px; }
#IpoButton{display:inline-block;width:60px;background-color:#ddb86a; color:#FFF; line-height:32px; text-align:center; margin:0px; vertical-align:top; border:solid #e5e5e5 1px; font-weight:bold;}
.Pagination { border-top:none;}
.IpoOverall h2{font-size:24px; font-weight:bold; padding:10px; color:#ddb86a}
.IpoOverall h3{font-size:18px; font-weight:bold; padding:10px; color:#000}
.More {padding:10px 5px;}
.More a {color:#ddb86a; font-weight:bold;}
/*IPO Detail*/
.IpoDetail h2{font-size:24px; font-weight:bold; padding:10px; color:#ddb86a}
.IpoDetail h3{font-size:16px; font-weight:bold; padding:10px; color:#000}
.IPOGridA{width:100%; list-style:none; margin:10px 0px; padding:0px; font-size:0px;}
.IPOGridA li{display:inline-block; margin:0px; vertical-align:top; font-size:16px; padding:2px 0px;}
.IPOGridA{border-bottom:1px solid #eaeaea;}
.IPOGridA:last-child{border-bottom:0px;}
.IPOGridA li.StockName, .IPOGridA li.RelNews, .IPOGridA li.RelLink{width:100%;}
.IPOGridA li.StockName{padding-bottom:10px;}
.IPOGridA li.StockName h1{font-weight:bold;}
.IPOGridA li.StockName h1 a:visited {color:inherit !important;}
.IPOGridA li.IPOInfo{width:50%;}
.IPOGridA li.IPOInfo.LHS{border-right:1px solid #eaeaea; padding-right:5px;}
.IPOGridA li.IPOInfo.RHS{padding-left:5px;}
.IPOGridA li.IPOInfo > ul{width:100%; list-style:none; margin:0px; padding:0px; display:table; font-size:0px;}
.IPOGridA li.IPOInfo > ul > li{display:table-cell; font-size:14px; line-height:120%;}
.IPOGridA li.IPOInfo > ul > li:nth-child(2){text-align:right;}
.IPOGridA li.RelNews{padding:5px 0px; margin-top:5px; background-color:#eaeaea;}
.IPOGridB > ul{font-size:0px; margin:0px 8px; padding:0px; list-style:none; display:block; border-bottom:1px dotted #CCCCCC;}
.IPOGridB li{display:inline-block; margin:0px; padding:8px 0px; font-size:15px; vertical-align:top;}
.IPOGridB > ul:first-child > li{padding-top:0px;}
.IPOGridB li p{line-height:130%; margin:8px 0px;}
.IPOGridB li p:first-child{margin-top:2px;}
.IPOGridB li p:last-child{margin-bottom:2px;}
.IPOGridB > ul{width:calc(100% - 16px);}
.IPOGridB > ul.CoLogo > li{vertical-align:middle;}
.IPOGridB > ul.CoLogo > li:first-child{width:40px; margin-right:8px;}
.IPOGridB > ul.CoLogo > li:first-child img{width:100%;}
.IPOGridB > ul.CoLogo > li:nth-child(2){width:calc(100% - 48px); margin:0px;}
.IPOGridB > ul.CoLogo > li:nth-child(2) p{margin:2px 0px;}
.IPOGridB > ul.CoLogo > li:nth-child(3){width:100%; padding-top:0px;}
.IPOGridB > ul.CoLogo > li:nth-child(3) div, .IPOGridB > ul.CoLogo > li:nth-child(3) span{display:inline-block; margin-right:15px;}
.IPOGridB > ul.CoLogo > li:nth-child(3) div:last-child, .IPOGridB > ul.CoLogo > li:nth-child(3) span:last-child{margin-right:0px;}
.IPOGridB > ul.CoLogo > li:nth-child(3) span.Link{font-size:13px; border:1px solid #c2c2c2; -webkit-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); padding:0px 5px;}
.IPOGridB > ul.CoListA > li, .IPOGridB > ul.CoListB > li, .IPOGridB > ul.CoListC > li{width:100%; padding:0px; margin:0px;}
.IPOGridB > ul.CoListA > li > ul, .IPOGridB > ul.CoListB > li > ul, .IPOGridB > ul.CoListC > li > ul{list-style:none; margin:0px; padding:0px; font-size:0px;}
.IPOGridB > ul.CoListA > li > ul > li:first-child, .IPOGridB > ul.CoListB > li > ul > li:first-child{width:22%;}
.IPOGridB > ul.CoListA > li > ul > li:nth-child(2){width:calc(78% - 10px); margin-left:10px;}
.IPOGridB > ul.CoListB > li > ul > li:nth-child(2), .IPOGridB > ul.CoListB > li > ul > li:nth-child(3), .IPOGridB > ul.CoListB > li > ul > li:nth-child(4){width:calc(26% - 10px); margin-left:10px;}
.IPOGridB > ul > li > ul:nth-child(even){background-color:#f2f2f2;}
.IPOGridB > ul.CoListB > li > ul > li{text-align:right;}
.IPOGridB > ul.CoListB > li > ul > li:first-child{text-align:left;}
.IPOGridB > ul.CoListC > li > ul > li{width:100%;}
.IPOGridB > ul.CoListC > li img{width:100%; max-width:320px; display:block; margin:10px auto;}
.IPOGridB span.Remark{font-weight:normal; display:inline-block;}
.IPOGridB li.Remark{width:100% !important; font-size:13px;}
/*dividend*/
#ResultAnnounce .CodeHdr, #ResultAnnounce .Code{width:7%;}
#ResultAnnounce .NameHdr, #ResultAnnounce .Name{width:14%;}
#ResultAnnounce .ExDateHdr, #ResultAnnounce .ExDate, #ResultAnnounce .ExpiratyHdr, #ResultAnnounce .Expiraty, #ResultAnnounce .DeliveryHdr, #ResultAnnounce .Delivery{width:12%;}
#ResultAnnounce .AnnounceDateHdr, #ResultAnnounce .AnnounceDate {width:16%;}
#ResultAnnounce .ItemHdr,#ResultAnnounce .Item{width:18%;}
#ResultAnnounce .FinancialYearHdr, #ResultAnnounce .FinancialYear{width:9%;}
/* Global Theme Color */
.AH .Name{width:26%;}
.AH .HNominal, .AH .ANominal{font-weight:bold;}
.AH .Premium{width:13%;}
.AH .HCode, .AH .HNominal, .AH .ANominal{width:8%;}
.AH .PChange{width:10%;}
.AH .Premium, .AH .HNominal, .AH .PChange, .AH .ANominal, .AH .ACode{text-align:right;}
.AH .ACode{width:15%;}
.AH .ListHeader li {cursor:pointer;}
/* Common */
.ListData li {font-size:16px !important;}
div.desktopOnly, span.desktopOnly, .TableWrapper ul.desktopOnly{display:inlne-block;}
.mobileOnly, .TableWrapper ul.mobileOnly{display:none;}
.even{background-color: #f2f2f2;}
.noData, td.noData, div.noData {text-align:center; vertical-align:middle}
#screenDetector {height:0px; display:none}
.Remark{weight:100%; padding:8px 5px; color:#B0B0B0; font-size:12px;}
.Remark a{color:#B0B0B0;}
.NoData{width:calc(100%) !important; height:20% !important; padding:5% 0% !important; margin:0px !important; text-align:center; background-color:#ececec !important; font-size:14px !important; border:0px !important;}
.ListHeader{background-color:#FFFFFF !important;}
.ListHeader li{color:#666666; font-weight:bold !important; font-size:14px !important;}
.ListHeader li p{line-height:110%; margin:0px;}
.ListHeader li span.SortUp, .ListHeader li span.SortDown{width:15px; height:15px; background-repeat:no-repeat; background-size:15px; vertical-align:text-bottom; display:inline-block;}
.ListHeader li span.SortUp{background-image:url(../images/sortup.png);}
.ListHeader li span.SortDown{background-image:url(../images/sortdown.png);}
.DataGridStyleA{-webkit-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none; -ms-user-select:none; user-select:none; width:100%; padding:0px; overflow-x:hidden; position:relative; font-size:0px;}
.DataGridStyleA ul.SectionName{border-bottom:0px;}
.DataGridStyleA .SubsectionTitle{padding:0px; margin-bottom:0px;}
select::-ms-expand {
display: none;
}
select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
/* FootNote */
.FootNote{width:100%; margin:0px; }
.FootNote p{line-height:105%; margin:5px 0px; color:#666666 !important; font-size:11px !important;}
.DropdownMenu{padding:0px 0px; display:block; vertical-align:top; font-size:0px;}
.DropdownMenu select{width:140px; height:30px; line-height:30px; font-size:17px; padding-right:40px; margin-bottom:10px; background-position:right; font-family:'Noto Sans TC', sans-serif;}
.DropdownMenu select.Eng{width:220px; height:40px; line-height:40px; font-size:17px; margin-bottom:10px; background-position:right; font-family:'Noto Sans TC', sans-serif;}
/* Table */
.TableWrapper{width:100%; margin:5px 0px;}
.TableWrapper, .TableWrapper ul{overflow:hidden; padding:0px; font-size:0px; display:block;}
.TableWrapper ul{width:100%; list-style:none; padding:5px 8px;}
.TableWrapper ul:nth-child(even){background-color:#F4F4F4;}
.TableWrapper li{font-size:14px; line-height:16px; display:inline-block; min-height:16px; vertical-align:top; overflow:hidden;}
.TableWrapper li.visible-mb {display:none;}
.TableWrapper li.Arrow{width:3%; background-repeat:no-repeat; background-position:center center;}
.TableWrapper li.Arrow.Up{background-image:url(../images/up.gif);}
.TableWrapper li.Arrow.Down{background-image:url(../images/down.gif);}
.TableWrapper a{color:#000000;}
.TableWrapper h3{padding:7px;}
h2 + .TableWrapper{margin-top:-5px;}
/* C2 End */
/* Home */
.home {/*min-width:266px; min-height:372px;*/ position:relative}
/*.home * {line-height:16px}*/
.homeInner {padding:5px;}
.homeButtonDiv {/*position:absolute; left:0px; bottom:10px;*/ width:100%; padding-top:10px}
.homeButton {width:80%; max-width:200px; margin:0 auto;}
.home .Footer.visible-dt {display:none !important}
.home .Footer.visible-mb {display:block !important}
/* Home - Chart */
.homeChart .tableCellLeft {width:70%; padding-right:5%}
.homeChart .tableCellRight {width:25%}
.homeChart .topDataBar {padding:5px 0}
.homeChart .topDataBar div.changeArrow {width:18px}
.homeChart .topDataBar .nominal {width:100px; font-size:20px}
.homeChart .topDataBar .change {width:80px; font-size:12px; line-height:14px}
.homeChart .topDataBar .refreshBtn {width:30px; margin-right:5px; float:right; clear:both}
.homeChart .chartDiv img {width:100%; max-width:200px}
.homeChart .dataDiv {text-align:left; width:100%; max-width:100px}
.homeChart .dataDiv .dataCell {padding-top:5px}
.homeChart .dataDiv .dataCell.previousClose {padding-top:0}
.homeChart .dataDiv .dataCell .title,
.homeChart .dataDiv .dataCell .value {font-size:12px; line-height:14px}
.homeChart .dataDiv .dataCell .title {text-align:left; font-weight:bold; color:#000}
.homeChart .dataDiv .dataCell .value {text-align:right}
/* Home - Indexes */
.transparencyBg {}
div.homeIndexLeft h4{color: #000; font-size:16px; padding-left:3%; width:95%;}
div.homeIndexLeft {display:inline-block; float:left; width:100%; height:300px; overflow:auto;}
div.homeIndexLeft ul{width:95%; padding-left:3%;}
div.homeIndexLeft li{display:inline-block; font-size:19px;}
div.homeIndexLeft li.flag {width:10%;height:32px; vertical-align:middle; line-height:32px;}
div.homeIndexLeft li.flag img{height:20px; vertical-align:middle;}
div.homeIndexLeft li.name {text-align:left; width:48%; color: #000; height:100%;}
div.homeIndexLeft li.nominal {text-align:right; width:20%;}
div.homeIndexLeft li.change {text-align:right; width:22%;}
div.homeIndex ul li{ height:38px; vertical-align:middle;}
div.homeIndex li.name, div.homeIndex li.nominal { line-height:32px;}
div.homeIndexHeader ul li{color:#5d5d5d !important; font-size:16px; vertical-align:top !important; text-align:center; line-height:18px;}
div.homeIndexRight {border-radius:10px; margin:5px; width:100%; text-align:center; margin:0px atto;}
div.homeIndexRight ul{width:180px;}
div.homeIndexRight ul li {width:80px; display:inline-block; text-align:center; padding:5px;}
div.homeIndexRight ul li:first-child {border-radius:10px 0 0 10px;}
div.homeIndexRight ul li:nth-child(2) {border-radius:0 10px 10px 0;}
div.homeIndexRight ul li.select{background-color:#ddb86a;}
div.homeIndexRight ul li.select a{color:#FFF;}
div.homeIndexRight a{font-size:22px; line-height:100%;}
.homeIndexRight {width:calc(100% - 10px); text-align:center; float:left;}
.homeIndexRight ul{margin:auto;padding-bottom:5px;}
/* Indexes */
.Indexes .indexTbl th, .Indexes .indexTbl td, .Indexes .indexGlobalTbl th,
.Indexes .indexTbl td{min-width:60px}
.Indexes .indexTbl th{background-color: #FFF; color: #777;}
.Indexes .indexTbl .last, .Indexes .indexTbl .change, .Indexes .indexTbl .percentageChange, .Indexes .indexTbl .open, .Indexes .indexTbl .close, .Indexes .indexTbl .high, .Indexes .indexTbl .low, .Indexes .indexTbl .turnover{text-align: right;}
.Indexes .indexGlobalTbl th{background-color: #CDCDCD; color: #000;border: 0;}
.Indexes .indexGlobalTbl th.specialHeader{background-color:#FFF; color:#777;}
.Indexes .indexGlobalTbl .last, .Indexes .indexGlobalTbl .change, .Indexes .indexGlobalTbl .percentageChange, .Indexes .indexGlobalTbl .open, .Indexes .indexGlobalTbl .close, .Indexes .indexGlobalTbl .high, .Indexes .indexGlobalTbl .low{text-align: right;}
.IndexesHighlight{width:calc(100% - 6px); font-size:0px; margin:0px 3px; padding:8px; list-style:none; border:1px solid #00a1bd; background-color:#e9f2f2; -webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 2px 0px rgba(0,0,0,0.2);}
.IndexesHighlight li{font-size:0px; font-weight:normal; display:inline-block; vertical-align:top;}
.IndexesHighlight li p{margin:8px 0px;}
.IndexesHighlight li.IndexesCol{width:55%;}
.IndexesHighlight li.IndexesCol p.Nominal{font-size:28px;}
.IndexesHighlight li.IndexesCol p.Nominal span.Arrow{margin-top:10px;}
.IndexesHighlight li.IndexesCol p.Change, .IndexesHighlight li.IndexesCol p.Turnover{font-size:16px; font-weight:bold; padding-left:3px; line-height:120%;}
.IndexesHighlight li.IndexesCol p.Turnover{font-size:15px; font-weight:normal;}
.IndexesHighlight li.Others{width:45%;}
.IndexesHighlight li.Others span{display:block; width:100%; font-size:15px; line-height:140%;}
.IndexesChartArea, .IndexesChartArea li, .IndexesChartArea li img{width:100%; display:inline-block; font-size:0px; line-height:0px; padding:0px; margin:0px;}
.IndexesChartArea li{padding:0px;}
.IndexesChartArea li.ChartLink{font-size:15px; text-align:right; line-height:130%; padding-right:16px; margin-top:8px;}
.IndexesHighlight{width:calc(100% - 385px); margin:0px 10px 0px 3px; display:inline-block; vertical-align:top;}
.IndexesHighlight li.IndexesCol, .IndexesHighlight li.Others{width:100%;}
.IndexesHighlight li.IndexesCol p{ margin:15px 0px;}
.IndexesHighlight li.IndexesCol p.IndexName{font-size:20px;}
.IndexesHighlight li.IndexesCol p.Nominal{font-size:36px;}
.IndexesHighlight li.IndexesCol p.Nominal span.Arrow{margin-top:11px;}
.IndexesHighlight li.IndexesCol p.Change, .IndexesHighlight li.IndexesCol p.Turnover{font-size:18px;}
.IndexesHighlight li.Others{font-size:0px; line-height:100%; margin-top:15px;}
.IndexesHighlight li.Others span{display:inline-block; width:50% !important; line-height:120%;}
.IndexesChartArea{width:360px; vertical-align:top; overflow:hidden;}
.IndexesChartArea li{width:100%;}
.IndexesChartArea li img{width:100%; max-width:360px; position:relative; margin-left:0px;}
.IndexesChartArea li.ChartLink{margin:0px;}
.IndexesHighlight{width:calc(100% - 405px); margin:0px 10px 0px 3px; display:inline-block; vertical-align:top;}
.IndexesHighlight li.IndexesCol, .IndexesHighlight li.Others{width:100%;}
.IndexesHighlight li.IndexesCol p{ margin:15px 0px;}
.IndexesHighlight li.IndexesCol p.Nominal{font-size:36px;}
.IndexesHighlight li.IndexesCol p.Nominal span.Arrow{margin-top:11px;}
.IndexesHighlight li.IndexesCol p.Change, .IndexesHighlight li.IndexesCol p.Turnover{font-size:18px;}
.IndexesHighlight li.Others{font-size:0px; line-height:100%; margin-top:15px;}
.IndexesHighlight li.Others span{display:inline-block; width:50% !important; line-height:120%;}
.IndexesDetailList ul{padding:5px 0px; font-size:0px;}
.IndexesDetailList li {font-size:14px; display:inline-block; vertical-align:top; padding:5px 0px; list-style:outside none none; word-break: break-all; word-break: break-all;}
.IndexesDetailList .Code{width:8%; text-align:left;}
.IndexesDetailList .StockName{width:10%; text-align:left;}
.IndexesDetailList .Nominal, .IndexesDetailList .Change, .IndexesDetailList .PChange, .IndexesDetailList .Turnover{width:10%; text-align:right;}
.IndexesDetailList .Currency{width:10%; text-align:right;}
.IndexesDetailList .LatestNews {width:30%; text-align:right;}
div.IndexesDetailList ul:nth-child(2n) { background-color: #f2f2f2;}
/* Home Top5 */
#homeTop5{height: 280px; min-width: 320px;}
#homeTop5 .dataTbl td{padding: 7px; border: 0;}
.Top5 .tabsDiv {width:100%}
.Top5 .tabsDiv li.firstChild {width: 40px;}
.top5TblDiv {padding-top:10px}
.top5Tbl th{font-weight: bold;}
.top5Tbl th,
.top5Tbl td:not(.noData) {vertical-align:top}
.top5Tbl th,
.top5Tbl td {width:10%; min-width:50px; font-size: 14px;}
.top5Tbl th.ranking,
.top5Tbl td.ranking {width:40px}
.top5Tbl th.code,
.top5Tbl td.code {width:60px}
.top5Tbl th.name,
.top5Tbl td.name {width:auto}
.top5Tbl th.last,
.top5Tbl td.last {text-align: right; width: 60px;}
.top5Tbl th.change,
.top5Tbl td.change {text-align: right; width: 60px;}
.top5Tbl td.up {color: #019700;}
.top5Tbl td.down {color: #FF0000;}
.top5Tbl th.arrow,
.top5Tbl td.arrow {width: 20px; min-width: 20px; padding-left: 15px;}
/* Top 20 */
.Top20 .selectMenu{display: none;}
.Top20 .tabsDiv{width: 200px; height:100%; display: inline-block; position: relative;}
.Top20 .tabContent{vertical-align: top; display: inline-block; width: calc(100% - 280px); padding: 20px 35px; border: 1px solid #CCC; position: relative; left: -1px; z-index: 1;}
.Top20 .tabsDiv .meunTabs {list-style-type: none;}
.Top20 .tabsDiv .meunTabs li { color: #000; padding:35px 40px; background-color: #efefef; border-left:4px solid #ddb86a; border-bottom: 1px solid #CCC; text-align:left; vertical-align:middle; position:relative;}
.Top20 .tabsDiv .meunTabs li img{ width: 30px; margin-right: 15px; vertical-align:text-bottom;}
.Top20 .tabsDiv .meunTabs li.firstChild {border-top:1px solid #CCC;}
.Top20 .tabsDiv .meunTabs li.selected {background-color: #FFF; border-left: 4px solid #006C97; border-right: 1px solid #FFF; z-index: 10;}
.top20TblDiv {padding-top:10px}
.top20Tbl th,
.top20Tbl td:not(.noData) {vertical-align:top}
.top20Tbl th,
.top20Tbl td {width:10%; min-width:50px;}
.top20Tbl th.ranking,
.top20Tbl td.ranking {width:60px}
.top20Tbl th.currency,
.top20Tbl td.currency {width:35px}
.top20Tbl th.code,
.top20Tbl td.code {width:60px}
.top20Tbl .last, .top20Tbl .change, .top20Tbl .percentageChange, .top20Tbl .high, .top20Tbl .low, .top20Tbl .turnover{text-align: right;}
/*.top20Tbl td div.visible-mb {padding-top:5px}*/
/* Quote */
/*.Quote .paddingTop {padding-top:10px}*/
/* Search */
#Search{ background-color:none; font-size:0px;}
.SearchTextInput, .SearchButton{margin:0px; border:1px solid #DADADA; vertical-align:top; font-size:15px; line-height:30px; font-family:'Noto Sans TC', sans-serif; color:#1A1A1A;}
.SearchTextInput{margin-right:5px; padding-left:4px; background-repeat: no-repeat; background-size:30px; background-position:left 2px center; height:30px;}
.SearchButton{width:100px; padding:0px; background-color:#ddb86a; outline:none; cursor:pointer; text-align:center; text-decoration:none; color:#FFF;}
.QuoteHeader .stockName {font-size:20px; font-weight:bold}
.QuoteHeader .quoteHeaderHeight {color: #5d472e;float:left; height:26px; line-height:26px; margin-right:5px}
.QuoteHeader .quoteHeaderHeight.industryAdu {padding:5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.QuoteHeader{padding:5px 0px; width:100%; font-size:0px; border-bottom: 3px solid #ddb86a;}
.QuoteHeader div{display:inline-block; vertical-align:middle;}
.QuoteHeader .Name{font-size:27px; font-weight:normal; width:445px; padding-left:5px; line-height:100%;}
.QuoteHeader .DropdownMenu{text-align:right; width:calc(100% - 460px);}
.quoteup{color:#019700; font-weight:bold}
.quotedown{color:#ff0000; font-weight:bold}
.Quote .separator {height:1px; background-color:#ececec;}
.QuoteSearchBar {padding-bottom:10px; width:100%;}
#quoteDataSheet {display:inline-block; width:65%; vertical-align:top;}
.quoteData .StockNum .up {}
.quoteData .StockNum .dowm {}
.Quote .StockNum{width:36%; display:inline-block; }
.Quote .StockNum li{display:inline-block; vertical-align:top; font-size:18px; font-weight:bold; word-spacing:4px; vertical-align:middle; line-height:100%; margin-bottom:5px;}
.Quote .StockNum li.Nominal{font-size:36px; font-weight:bold; width:100%;}
.Quote .Trade{width:62%; display:inline-block; list-style:none; font-size:0px; text-align:right; vertical-align:top; margin-bottom:5px;}
.Quote .Trade li{display:inline-block; padding:10px 0px; font-size:18px; border:1px solid #ddb86a;}
.Quote .Trade li{padding-left:1%;}
.Quote .Trade li:first-child{border-right:0px}
.Quote .Trade li p{display:inline-block; margin:0px; padding:0px 1px; width:100%; text-align:left;}
.quoteMeter {float:right; height:35px; line-height:35px; font-weight:bold}
.quoteLeft {float:left; width:65%}
.quoteRight {float:right; width:33%}
.quoteData .stockName {font-size:20px; font-weight:bold}
.quoteData .ashareCodeInfo {padding:4px; margin-top:-4px; color:#000}
.quoteData .quoteExdateDays {color:red}
.quoteData .nominalDiv { padding:10px 0px 10px 0px; width:100%;}
.quoteData .tradeBtn {float:right}
.quoteData .nominalDiv .nominal {font-size:20px; font-weight:bold}
.quoteData .tradeBtn {width:80px; cursor:pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mainInfo {display:table; width:100%}
.mainInfo .quoteData,
.mainInfo .quoteChart {display:inline-block;}
.mainInfo .quoteData {width:100%}
.mainInfo .quoteData .quoteHeaderHeight {color: #5d472e; height:26px; line-height:26px; margin-right:5px}
.mainInfo .quoteData .quoteHeaderHeight.industryAdu {padding:5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mainInfo .quoteChart {width:33%; text-align:center;}
.mainInfo .quoteChart img {width:100%; max-width:280px}
.mainInfo .quoteSpace {width:2%}
.sectionTitle {color: #5d472e; font-size:16px; font-weight:bold; padding:20px 0 10px 0; border-bottom:3px solid #ddb86a}
.newsInfo{width:100%;}
.newsInfo .hkexNotice {font-size:16px; font-weight:normal; color:#3195EB}
.newsInfo ul.newsList li { padding:10px; cursor:pointer}
.newsInfo ul.newsList li:nth-child(odd){background-color:#EFEFEF;}
.newsInfo ul.newsList li .newsDate {display:inline-block;}
.newsInfo ul.newsList li .newsHeadline {display:inline-block;}
.newsInfo ul.newsList li .newsDate {width:140px}
.quoteDataCellTbl{width:100%;}
.quoteDataCellTbl td, .casDataCellTbl td {width:25%}
.quoteDataCellTbl tr.firstRow td{border-top:3px solid #EFD6D6 !important;}
/*.industryComparisonInfo .industryComparisonTbl .code {width:10px}
.industryComparisonInfo .industryComparisonTbl .last,
.industryComparisonInfo .industryComparisonTbl .change,
.industryComparisonInfo .industryComparisonTbl .percentageChange,
.industryComparisonInfo .industryComparisonTbl .pe {width:10px}
.industryComparisonInfo .industryComparisonTbl .peRange {width:10px}*/
.industryComparisonInfo .industryComparisonTbl .code {width:50px}
.industryComparisonInfo .industryComparisonTbl .peRange {width:90px}
.barOuter { line-height: 0; width: 104px; height: 18px; /*border: 1px solid #dbdbdb*/; border-radius: 12px; float: left; margin-left:5px; }
.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; }
.relatesSecuritiesInfo .noData {height:50px; line-height:50px}
.relatesSecuritiesInfo .codes a {display:inline-block; width:40px}
/* Quote - Chart */
.QuoteChart .stockCode,
.QuoteChart .stockName {font-size:20px}
.QuoteChart .chartInfo {display:table; width:100%}
.QuoteChart .chartInfo .chartCell {display:table-cell; width:68%; padding-right:2%; text-align:center;}
.QuoteChart .chartInfo .settingsPopup {display:none}
.QuoteChart .chartInfo .settingsCell {display:table-cell; width:30%; vertical-align:top}
.QuoteChart .chartInfo .chartCell .dynChartSize{max-width: 950px;}
.chartInfo .category {padding-top:15px}
.chartInfo .category.firstChild {padding-top:0}
.chartInfo .setting select {height:25px; padding:0 30px 2px 5px}
.chartInfo .setting .codeInput {height:25px; line-height:25px; width:100%}
.chartInfo .setting .title {font-weight:bold; padding:5px 0}
.chartInfo .setting .radioInput {display:table-cell; width:25%}
.drawBtnDiv {text-align:center}
.drawBtnDiv .button {width:80px; height:35px; line-height:35px; padding:0px; display:inline-block}
.settingBtn {display:none}
.settingsClose {display:none}
.NatureName {float:left; color:#00bfff; padding-left:10px;}
/* ipo.php */
/* part 1: ipo news */
.ListHeader_ipo{background-color:#FFFFFF !important;}
.ListHeader_ipo li{color:#666666; font-weight:normal !important; font-size:16px !important;}
.ListHeader_ipo li p{line-height:110%; margin:0px;}
.ListHeader_ipo li span.SortUp, .ListHeader li span.SortDown{width:15px; height:15px; background-repeat:no-repeat; background-size:15px; vertical-align:text-bottom; display:inline-block;}
.ListHeader_ipo li span.SortUp{background-image:url(../images/sortup.png);}
.ListHeader_ipo li span.SortDown{background-image:url(../images/sortdown.png);}
.IpoNews_main{width:100%; margin-bottom:10px;}
.IpoNews_main h1{font-weight: bold !important;}
.IpoNews_main ul{width:100%; list-style:none; padding:10px 0px; margin: 0px; font-size:0px;}
.IpoNews_main ul:nth-child(even){background-color:#F4F4F4;}
.IpoNews_main ul li.Date{padding:0px; margin:0px; width:200px; vertical-align:middle; display:inline-block; font-size:16px; font-weight:normal !important;}
.IpoNews_main ul li.Title{padding:0px; margin:0px; width:120px; vertical-align:middle; display:inline-block; font-size:16px; font-weight:normal !important;}
.IpoNews_main h1{width:calc(100% - 200px); display:inline-block; vertical-align:middle; font-weight:normal !important; font-size:20px; line-height:20px; color:#5d472e;}
.IpoNews_main h1 a {font-size:16px;}
/* part 3: listed ipo */
.ListIpo{width:100%; margin-top:20px;}
.ListIpo h1{font-weight:normal !important; padding-bottom:5px; font-size:20px; line-height:20px; color:#5d472e;}
.ListIpo *{background-repeat:no-repeat !important; background-size:300px; box-sizing:border-box; margin:0; padding:0;}
.ListIpo, .ListIpo ul{overflow:hidden; padding:0px; font-size:0px;}
.ListIpo ul.ListHeader{padding:0px;}
.ListIpo ul.ListHeader li{color:#000 !important; padding:5px 5px;}
.ListIpo ul.ListHeader li:last-child{border-right:0px;}
.ListIpo ul{width:100%; list-style:none;}
.ListIpo li{font-size:16px; line-height:18px; min-height:18px; vertical-align:top; overflow:hidden; padding:5px 5px; border-right:1px solid #FFF;}
.ListIpo .Code,.ListIpo .Name,.ListIpo .Prospectus,.ListIpo .ListDate,.ListIpo .Currency,.ListIpo .IssuePrice,.ListIpo .PriceDate,.ListIpo .AnnounceDate,.ListIpo .DespatchDate,.ListIpo .ListingPrice,.ListIpo .OpeningPrice,.ListIpo .Change,.ListIpo .Nominal,.ListIpo .Accumulative,.ListIpo .ListHeader .ProspectusHdr,.ListIpo .ListHeader .ListDateHdr,.ListIpo .ListHeader .CurrencyHdr,.ListIpo .ListHeader .IssuePriceHdr,.ListIpo .ListHeader .PriceDateHdr,.ListIpo .ListHeader .AnnounceDateHdr,.ListIpo .ListHeader .DespatchDateHdr,.ListIpo .ListHeader .ListingPriceHdr,.ListIpo .ListHeader .OpeningPriceHdr,.ListIpo .ListHeader .ChangeHdr,.ListIpo .ListHeader .NominalHdr,.ListIpo .ListHeader .AccumulativeHdr{display:inline-block;}
.ListIpo .ProspectusHdr,.ListIpo .ListDateHdr,.ListIpo .CurrencyHdr,.ListIpo .IssuePriceHdr,.ListIpo .PriceDateHdr,.ListIpo .AnnounceDateHdr,.ListIpo .DespatchDateHdr,.ListIpo .ListingPriceHdr,.ListIpo .OpeningPriceHdr,.ListIpo .ChangeHdr,.ListIpo .NominalHdr,.ListIpo .AccumulativeHdr{display:none;}
.ListIpo .Code{width:50px;}
.ListIpo .Code a{font-size:16px;}
.ListIpo .Name{width:20%;}
.ListIpo .Name{width:calc(28% - 50px);}
.ListIpo .Name a{font-size:16px;}
.ListIpo .IssuePriceHdr,.ListIpo .IssuePrice,.ListIpo .ListDateHdr,.ListIpo .ListDate,.ListIpo .PriceDateHdr,.ListIpo .PriceDate,.ListIpo .DespatchDateHdr,.ListIpo .DespatchDate{width:12%; text-align:right;}
.ListIpo .ProspectusHdr,.ListIpo .Prospectus{width:6%; text-align:center;}
.ListIpo .Prospectus img{width:16px; vertical-align:middle; margin:auto;}
.ListIpo .CurrencyHdr,.ListIpo .Currency{width:6%; text-align:center;}
.ListIpo .ListingPriceHdr,.ListIpo .ListingPrice,.ListIpo .OpeningPriceHdr,.ListIpo .OpeningPrice,.ListIpo .NominalHdr,.ListIpo .Nominal{width:9%; text-align:right;}
.ListIpo .ChangeHdr,.ListIpo .Change{width:10%; text-align:right;}
.ListIpo .AccumulativeHdr,.ListIpo .Accumulative{width:11%; text-align:right;}
.ListIpo .AnnounceDateHdr,.ListIpo .AnnounceDate{width:12%; text-align:right;}
.ListIpo li span.up{color:#00ab34;}
.ListIpo li span.down{color:#ed0012;}
.ListIpo li span.up.Arrow{background:url(../images/arrow_up.png) left no-repeat; padding-right:15px;}
.ListIpo li span.down.Arrow{background:url(../images/arrow_down.png) left no-repeat; padding-right:15px;}
/* Company Information */
.Info .selectMenu{display: none;}
.Info .tabsDiv{width: 200px; height:100%; display: inline-block; position: relative;}
.Info .tabContent{vertical-align: top; display: inline-block; width: calc(100% - 280px); padding: 20px 35px; border: 1px solid #CCC; position: relative; left: -1px; z-index: 1;}
.Info .tabsDiv .meunTabs {list-style-type: none;}
.Info .tabsDiv .meunTabs li { color: #000; padding:35px 30px; background-color: #efefef; border-left:4px solid #ddb86a; border-bottom: 1px solid #CCC; text-align:left; vertical-align:middle; position:relative;}
.Info .tabsDiv .meunTabs li img{ width: 30px; margin-right: 15px; vertical-align:text-bottom;}
.Info .tabsDiv .meunTabs li.firstChild {border-top:1px solid #CCC;}
.Info .tabsDiv .meunTabs li.selected {background-color: #FFF; border-left: 4px solid #006C97; border-right: 1px solid #FFF; z-index: 10;}
/* Mobile Size */
@media only screen and (max-width: 1100px) {
.QuoteChart .chartInfo .chartCell {width:100%; padding-right:0%;}
.settingBtn {float:right; font-weight:bold; text-decoration:underline; display:block;}
.QuoteChart .chartInfo .settingsPopup {position:fixed; top:0; left:0; width:100%; height:100%}
.settingsPopup .settingsPopupOuter {position:relative; top:0; left:0; width:100%; height:100%; padding:5%; z-index:10000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.settingsPopup .settingsPopupInner {position:relative; top:0; left:0; width:100%; height:100%; padding:15px; background-color:#FFFFFF; overflow:auto; z-index:10000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.settingsPopup .settingsPopupBG {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000000; opacity:0.6; z-index:1}
.settingBtn {float:right; font-weight:bold; text-decoration:underline; display:block; font-size:18px; color: #5d472e;}
.settingsClose {position:absolute; top:20px; right:20px; display:block; background-color:#ddb86a; width:20px; height:21px}
/**/
/* C3 Start */
/* common */
.company_info_subselect {float:left;width:100%;text-align:left;}
div.desktopOnly, span.desktopOnly, .TableWrapper ul.desktopOnly{display:none !important;}
div.mobileOnly, .TableWrapper ul.mobileOnly{display:inline-block;}
.CalTab.desktopOnly{display:none !important;}
.tabIndicatorTab.desltopOnly{display:none !important;}
.CalTab.mobileOnly{display:table; width:100%;}
.tabIndicatorTab.mobileOnly{display:block;}
.CalTable{display:none !important;};
.container{min-width:100% !important;}
.InfoHeader .DropdownMenu{text-align:left;}
.DropdownMenu select{width:140px !important;}
.DropdownMenu select.Eng{width:220px !important;}
.index_bar{width: 1200px;}
/*company info */
.InfoHeader .Name, .InfoHeader {width:100%;}
.InfoHeader .Name{margin:10px 0px;}
.Info ul.List li:first-child{margin-bottom:5px;}
.Info ul.Report{display:none;}
.Info ul.coInfodetail li.title{width:100%;}
.Info #Outstanding{display:none;}
.CAList .ListHeader{display:none;}
.CAList ul.ListData{background-color:transparent !important; width:calc(50% - 12px); padding:10px; border:1px solid #E4E4E4; display:inline-block; vertical-align:top;}
.CAList ul.ListData:nth-child(odd){margin:0px 8px 8px 4px;}
.CAList ul.ListData:nth-child(even){margin:0px 4px 8px 8px;}
.CAList li{display:inline-block !important;}
.CAList .CodeHdr,.CAList .NameHdr,.CAList .AnnounceDateHdr,.CAList .FinancialYearHdr,.CAList .ExDateHdr,.CAList .ExpiratyHdr,.CAList .DeliveryHdr,.CAList .ItemHdr,.CAList .PeriodHdr,.CAList .AnnounceDataHdr{width:40% !important; text-align:left;}
.CAList .Code, .CAList .Name, .CAList .AnnounceDate,.CAList .FinancialYear,.CAList .ExDate,.CAList .Expiraty,.CAList .Delivery,.CAList .Item,.CAList .Period,.CAList .AnnounceData {width:60% !important; text-align:right;}
.CAList .Expiraty p{margin:0px; display:inline-block;}
/*Market calendar*/
ul.CalTab li li.day{width:64%; font-size:24px;}
ul.CalTab li li.week{width:36%; font-size:11px;}
.MktResult.Recent li:nth-child(odd){display:inline-block; width:90px;}
.MktResult.Recent li:nth-child(odd):after{content:"︰";}
.MktResult.Recent li:nth-child(even){width:calc(100% - 90px); text-align:left;}
/* Listed & Listing */
.ListIpo .ListHeader{display:none;}
.ListIpo ul{background-color:transparent !important; width:100% !important; border:1px solid #E4E4E4; display:inline-block; vertical-align:top; border-collapse:collapse;}
.ListIpo li{display:inline-block !important; font-size:16px !important; border:0px;}
.ListIpo .Code, .ListIpo .Name{font-weight:bold; padding-bottom:8px; background-color:#E4E4E4;}
.ListIpo .Code{width:60px;}
.ListIpo .Name{width:calc(100% - 60px);}
.ListIpo .ListDateHdr,.ListIpo .CurrencyHdr,.ListIpo .IssuePriceHdr,.ListIpo .PriceDateHdr,.ListIpo .AnnounceDateHdr,.ListIpo .DespatchDateHdr,.ListIpo .ListingPriceHdr,.ListIpo .OpeningPriceHdr,.ListIpo .NominalHdr,.ListIpo .ChangeHdr,.ListIpo .AccumulativeHdr{width:50%; text-align:left;}
.ListIpo .ProspectusHdr,.ListIpo .Prospectus{display:none !important;}
.ListIpo .ListDate,.ListIpo .Currency,.ListIpo .IssuePrice,.ListIpo .PriceDate,.ListIpo .AnnounceDate,.ListIpo .DespatchDate,.ListIpo .ListingPrice,.ListIpo .OpeningPrice,.ListIpo .Nominal,.ListIpo .Change,.ListIpo .Accumulative{width:50%; text-align:right;}
/* Home Top5 */
.Top5 .tabsDiv li {width:50%}
/* Top 20 */
.Top20 .tabsDiv{display: none;}
.Top20 .tabContent{width: 100%; border: 0; padding: 0;}
.Top20 .selectMenu{display: block;}
.top20Tbl th, .top20Tbl th a{background-color: #FFF;color: #777;}
/* News */
.IpoNews ul li.Date{width: 200px;}
.IpoNews h1{width:600px;}
/* C3 End */
/* Quote */
.quoteData .ashareCodeInfo {clear:both; margin-top:5px}
/* Quote Chart */
.QuoteChart .chartInfo .settingsPopup {position:fixed; top:0; left:0; width:100%; height:100%}
.settingsPopup .settingsPopupOuter {position:relative; top:0; left:0; width:100%; height:100%; padding:5%; z-index:10000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.settingsPopup .settingsPopupInner {position:relative; top:0; left:0; width:100%; height:100%; padding:15px; background-color:#FFFFFF; overflow:auto; z-index:10000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.settingsPopup .settingsPopupBG {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000000; opacity:0.6; z-index:1}
.settingBtn {float:right; font-weight:bold; text-decoration:underline; display:block}
.settingsClose {position:absolute; top:20px; right:20px; display:block; background-color:#ddb86a; width:20px; height:21px}
/**/
/**/
.QuoteHeader .stockName {width:100%;margin-left:0px;}
.NatureName{padding-left:0px;}
.container_pmf {padding:5px 0}
#screenDetector {display:block}
h1.header {font-size:20px}
/* Global Search */
.globalSearchDiv {float:none; max-width:none; width:100%;}
/* Normal data table */
.dataTbl th,
.dataTbl td {padding:5px; width:12%;}
/* Home - Indexes */
.homeIndex .indexTblDiv {max-height:160px}
div.homeIndexLeft{width:100%}
.homeIndexLeft ul {width:100%;}
div.homeIndexLeft li{font-size:16px; }
ul.IndexesChartArea{width:calc(100% - 10px);}
ul.IndexesChartArea li{text-align:center; width:100%;}
ul.IndexesChartArea li img {width:100%; max-width:360px; display:block; margin:10px auto;}
.IndexesDetailList .Code{width:15%; text-align:left;}
.IndexesDetailList .StockName{width:25%; text-align:left;}
.IndexesDetailList .Nominal, .IndexesDetailList .Change, .IndexesDetailList .PChange{width:30%; text-align:right;}
/* Quote */
#quoteDataSheet {display:inline-block; width:100%;}
.QuoteSearchBar {padding-bottom:0px}
.QuoteHeader .Name, .QuoteHeader .DropdownMenu{width:100%; padding:3px 0px;}
.QuoteHeader .Name{margin:10px 0px;}
.QuoteHeader select{width:100%; float:left;}
.quoteLeft,
.quoteRight {float:none; width:100%}
.quoteChart {padding-top:10px}
.mainInfo {display:block; width:100%}
.mainInfo .quoteData,
.mainInfo .quoteChart {display:inline-block; width:100%;}
.mainInfo .quoteData {width:100%}
.mainInfo .quoteChart {width:100%}
.quoteData .industryAdu {/*clear:both*/}
/* Quote - Chart */
.chartInfo .setting .radioInput {width:35%}
/* C4 Start */
.SearchTextInput{width:calc(100% - 120px);}
/*company info */
.Info #Structure ul{width:100%;}
.Info #Structure ul.ListHeader:nth-child(2){display:none;}
.Info #Structure ul li{padding:0px !important;}
.Info #Structure ul:nth-child(odd){background-color:#F2F2F2;}
.Info #Structure ul:nth-child(even){background-color:#FFFFFF;}
.Info ul.List > li{width:100% !important;}
.Info ul.Logo li.CoName{width:calc(100% - 101px) !important;}
.Info ul.Logo li.Others{width:100%;}
.TabWrapper li{font-size:16px;}
.Info .IncomeStatment li{width:27% !important;}
.Info .IncomeStatment li:first-child{width:44% !important;}
.CAList ul.ListData{background-color:transparent !important; width:calc(100% - 16px); margin:0% 8px 8px 8px !important; padding:10px; border:1px solid #E4E4E4;}
/*market calendar*/
/*
.MktFigure li.TimeHdr, .MktFigure li.PeriodHdr, .MktFigure li.RegionHdr, .MktFigure li.EstimateHdr, .MktFigure li.EventHdr{display:inline-block; width:50px;}
.MktFigure li.TimeHdr:after, .MktFigure li.PeriodHdr:after, .MktFigure li.RegionHdr:after, .MktFigure li.EstimateHdr:after, .MktFigure li.EventHdr:after{content:"︰";}
.MktFigure li.Time{width:calc(60% - 50px);}
.MktFigure li.Region{width:calc(40% - 50px);}
.MktFigure li.Period, .MktFigure li.Estimate, .MktFigure li.Event{width:calc(100% - 50px); text-align:left;}
*/
.MktFigure li.Region{width:20%;}
.MktFigure li.Event{width:70%;}
/*AH*/
.AH ul {padding:5px 0px; margin:0px;}
.AH li {padding:0px; margin:0px;}
.AH .Name{width:50%; border-bottom:2px solid #ddb86a;}
.AH .Premium {width:50%; border-bottom:2px solid #ddb86a;}
.AH .HCode, .AH .ANominal, .AH .HNominal{width:25%;}
.AH .ACode{width:24%;}
.AH .HNominal{padding-right:1%;}
/* News */
.IpoNews li {display: block;}
.IpoNews ul li.Date {width:100%;}
.IpoNews ul h1{width:100%;}
.IpoNews .ListHeader{display:none;}
.IpoNews.home{width:100%; margin-bottom:10px;}
.IpoNews.home ul{width:100%; list-style:none; padding:10px 0px; margin: 0px; font-size:0px;}
.IpoNews.home ul:nth-child(even){background-color:#F4F4F4;}
.IpoNews.home ul li.Date{padding:0px; margin:0px; width:200px; vertical-align:middle; display:inline-block;}
.IpoNews.home ul li.Title{padding:0px; margin:0px; width:120px; vertical-align:middle; display:inline-block;}
.IpoNews.home h1{width:calc(100% - 200px); display:inline-block; vertical-align:middle;}
/* C4 End */
/**/
.IpoNews.home li {display: block;}
.IpoNews.home ul li.Date {width:100%;}
.IpoNews.home ul h1{width:100%;}
.IpoNews.home .ListHeader{display:none;}
/* ipo news */
.IpoNews_main ul li.Date{width: 200px;}
.IpoNews_main li {display: block;}
.IpoNews_main ul li.Date {width:100%;}
.IpoNews_main ul h1{width:100%;}
.IpoNews_main .ListHeader_ipo{display:none;}
/* hot ipo */
.HotListIpo ul {width:initial;}
.HotListIpo{background-color:transparent;}
.HotListIpo .Left{width:100%; display:block;}
.HotListIpo ul li{width:50%;}
.HotListIpo .Right{display:none;}
.HotListIpo ul.Selected li.Name{background-color:#FFFFFF; color:#2e2e2e;}
/* Company Info. */
.Info .tabsDiv{display: none;}
.Info .tabContent{width: 100%; border: 0; padding: 0;}
.Info .selectMenu{display: block; margin-top:10px;}
.Info ul.MajarHolder ul li#special_msname_list{display:none;}
.Info ul.MajarHolder ul li#special_amount_list{display:none;}
.Info ul.MajarHolder ul li#special_sharestype_list{display:none;}
.Info ul.MajarHolder ul li#special_fullholdpercent_list{display:none;}
.Info ul.MajarHolder ul li#special_percent_list{display:none;}
.Info ul.MajarHolder ul li#special_date_list{display:none;}
.Info ul.MajarHolder ul li#special_msname_list_mb{display:inline-block; text-align:left;}
.Info ul.MajarHolder ul li#special_amount_list_mb{display:inline-block; text-align:left;}
.Info ul.MajarHolder ul li#special_date_list_mb{display:inline-block;}
.Info ul.MajarHolder ul li#special_sharestype_list_mb{display:inline-block;}
.Info ul.MajarHolder ul li#special_fullholdpercent_list_mb{display:inline-block;}
.Info ul.MajarHolder ul li#special_percent_list_mb{display:inline-block;}
}