*{ font-family: 微軟雅黑,Arial; font-size:14px; line-height:16px}
/* 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}
.container_small {width:380px; height:183px;}
.container_large {width:775px; height:620px;}

.timestamp {font-size:14px; color:#93A1AD; font-weight:bold}
h1.header {height:40px; line-height:40px; font-size:36px; color:#214c7f; font-weight:bold}
h2.header {height:35px; line-height:35px; font-size:17px; color:#214c7f; 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 #C51B22; 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;}
/* Header Title */
.headerTitle {font-size:36px; padding-bottom:10px; font-weight:bold;color: #214c7f;}
.headerTitle hr { height: 1px; border: 0; border-top: 5px solid #ccc; margin-top:15px; padding: 0; }
hr.colored {
  border: 0;   /* in order to override TWBS stylesheet */
  height: 5px;

  background: -moz-linear-gradient(left, rgba(190,24,36,1) 0%, rgba(190,24,36,1) 12%, rgba(10,74,148,1) 12%, rgba(10,74,148,1)  100%);  /* FF3.6+ */
  background: -webkit-linear-gradient(left, rgba(190,24,36,1) 0%, rgba(190,24,36,1) 12%, rgba(10,74,148,1) 12%, rgba(10,74,148,1)  100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(190,24,36,1) 0%, rgba(190,24,36,1) 12%, rgba(10,74,148,1) 12%, rgba(10,74,148,1)  100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(190,24,36,1) 0%, rgba(190,24,36,1) 12%, rgba(10,74,148,1) 12%, rgba(10,74,148,1)  100%); /* IE10+ */
  background: linear-gradient(to right, rgba(190,24,36,1) 0%, rgba(190,24,36,1) 12%, rgba(10,74,148,1) 12%, rgba(10,74,148,1)  100%); /* W3C */
}
.headerTitleMini {font-size:20px; padding-bottom:20px; padding-top:20px; font-weight:bold;}
/* Highlight Color */
.hlbColor {color:#214c7f; font-weight:bold}

/* Global title horizontal line */
//.meunTabs li:last-child span{display:none;}

/* Remark Color */
.rmColor2 {color:#FFFFFF}
.rmbColor {color:#93A1AD; font-weight:bold}

/* Table Header Background Color */
.tblHeaderBGColor, .TableWrapper ul.tblHeaderBGColor.event_header {background-color:#214c7f; color:#FFF}

/* Table Row Alterative Background Color */
.alterColor1 {background-color:#E5E5E5;}
.alterColor2 {background-color:#FFF}

/* Normal data table */
.dataTbl th, .sortableTbl th{background-color:#F16422;color:#FFF }
.sortableTbl th > a{color:#FFF }
.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}
.sortableTbl{width:100%;}
.industry_search .select, .industry_search .codeInput{height: 40px; margin-right: 10px;}
.ratio div {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 10px;
    line-height: 16px;
	color: white;
	text-align: center;
}
.adu-box-up {
	background-color: #006600;
}
.adu-box-down {
	background-color: #cc0033;
}
.adu-box-normal {
	background-color: #999;
}
.adu-box {
	background-color: #666;
}
.notice {
	background: #F2F2F2;
	padding: 10px;
}
.notice p {
	color: #333333;
}
.notice li {
	list-style: none;
	margin-right: 10px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.notice li > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;	
}
.notice li div {
	border: 1px solid #c9c9c9;
	width: 16px;
	height: 16px;
}
.notice li h2 {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	line-height: 26px;
	margin-left: 5px;
}
.align_right{text-align:right;}
.sortableTbl th,.sortableTbl td {padding:10px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.sortableTbl th.align_right,.sortableTbl td.align_right{text-align:right;}
.sortableTbl td > img {vertical-align: middle;}
.sep{vertical-align: top;}
.sortableTbl tr:nth-child(even) td, .sortableTbl tr:nth-child(even).even td, .sortableTbl tr:nth-child(odd).even td{background-color:#e0eaf4;}
.sortableTbl tr:nth-child(even).odd td{background-color:#fff;}
table.transpose tr {display: block; float: left; }
table.transpose td { display: block; }
table.transpose tr:first-child td{ width: 100px;}
table.transpose tr td{ width: 80px; padding-right:10px;}
#quote_iv table.transpose tr td{ white-space:nowrap;}
#quote_iv .sortableTbl .transpose td {padding: 0px;}
#quote_iv .sortableTbl table.transpose  tr:nth-child(even) td {text-align:right;background-color:#FFF}
#quote_iv .sortableTbl table.transpose {border: 1px solid #000;}
#quote_iv table.transpose tr:first-child td{ width: 50%;}
#quote_iv table.transpose tr td:first-child, #quote_iv table.transpose tr td:nth-child(2){ width: 50%;}
.profit_detail_wrapper{overflow: scroll;}
.profit_detail_container {border: 1px solid #000; margin: 5px; overflow:hidden;}
.sortableTbl td:last-child div{display:inline-block;}
#MkgFigures tr.remark td {vertical-align: top;}
.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}

/* Index Bar */
.index_bar {text-align: left;}
.index_bar .index_item_left{width: 123px; text-align: left; display: inline-block;}
.index_bar .index_item{display: inline-block; padding:0 5px; margin: 10px 0;}
.index_bar .index_item:first-child{display: inline-block; padding-left:10px; margin: 10px 0;}
.index_bar .index_item .stockNameDiv, .index_bar .index_item .nominalDiv, .index_bar .index_item .changeDiv{display: inline-block;}
.index_bar .index_item .changeDiv .change, .index_bar .index_item .changeDiv .percentagechange{display: block; font-size: 12px; text-align: left; padding: 0; line-height: 12px; transform:scale(0.9);}
.index_bar .index_item .changeDiv img{width: 10px;}
.index_bar .index_item .changeDiv{vertical-align: bottom;}
.index_bar .index_item .changeDiv span{color: #FFF;}
.index_bar .index_item .stockNameDiv, .index_bar .index_item .nominalDiv{padding-bottom: 2px; font-size: 14px; color: #FFF;}
.index_bar .quoteRemark, .index_bar .Footer{padding:0px 10px; display: inline-block; font-size:10px !important;}
.index_bar .quoteTime{padding:0px 0px; display: inline-block; font-size:10px !important;}
/* Radio Tabs *//*maybe no use*/ 
.RadioTab {width:100%; display:block}
.RadioTab li {/*min-width:100px; width:15%;*/ text-align:left; display:inline-block; padding-right:10%; height:40px; line-height:40px}
.RadioTab li input {margin-right:5px;}

/* Title Tabs */
.TitleTab {width:100%; display:block}
.TitleTab li {text-align: center; display: inline-block; padding-right:15px; padding-left:10px; height:15px; line-height:15px; border-right:1px solid; margin-top:0.5%}
.TitleTab li input {margin-right:5px;}

#MkgTab {
    width: 100%;
    height: 26px;
    float: left;
    clear: both;
    margin-bottom: 10px;
    border-bottom: 2px solid #214c7f;
    clear: both;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
#MkgTabName {
    float: left;
    padding: 0px 40px 5px 10px;
    border-bottom: 3px solid #214c7f;
}
/* 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:#00ab34}
.Nominal.down,.HNominal.down, .ANominal.down, .last.down, .nominal.down, .change.down, .Change.down, .percentageChange.down, .PercentageChange.down, .Accumulative.down {color:#ed0012}

/* 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:#214c7f; 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:#ED0013;
	color:#FFF;
	font-size:14px;
}
.tabsDiv .meunTabs {display:table; width:100%}
.tabsDiv .meunTabs li {    display: table-cell;
    background-color: #214c7f;
    padding: 10px;
    border-left: 1px solid #FFF;
    text-align: center;
    vertical-align: middle;
    position: relative;
    width: 50%;
    color: white;
    }
.tabsDiv .meunTabs li.firstChild {border-left:0px}
.tabsDiv .meunTabs li.selected a {color:#BE1824; border-color:black}
.tabsDiv .meunTabs li.selected {background-color:#F16422; color:#FFFFFF}
.tabsDiv .meunTabs li.selected span {color:#FFF;}
/*.tabsDiv .meunTabs li span{border-right:1px solid; color:#000000; margin-left:13.5px}*/

/* Paging */
.pagingDiv {padding:10px 0}
.paging .previousPage,
	.paging .nextPage {width:30px; height:30px; line-height:30px; background-color:#fff; color:#ccc; 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;  font-size:14px; text-align:center; 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.paddingTop{padding-top:3px !important;}
#footerLayout table{padding-top: 20px}

/* 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*/}


/* 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 10px 0px;}
.Info ul.List li{display:inline-block; line-height:140%; 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:75%;}
.Info h3{padding-left:8px;}

.Info ul.MajarHolder ul, .Info ul.SameHolder ul{width:100%; font-size:0px;}
.Info ul.MajarHolder ul li{font-size:14px; padding:0px; text-align:right;}
.Info ul.MajarHolder ul li:first-child{text-align:left; width:20%;}
.Info ul.MajarHolder ul li:nth-child(2){width:36%;}
.Info ul.MajarHolder ul li:nth-child(3){width:19%;}
.Info ul.MajarHolder ul li:nth-child(4){width:25%;}
.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:#e0eaf4;}
.Info #Structure ul.ListHeader:nth-child(4n+1), .Info #Structure ul.ListHeader:nth-child(4n+2){background-color:#214c7f;}
.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:10%; text-align:right;}
.Info div.IncomeStatment.cashflow ul li{width:12%; text-align:right;}
.Info div.IncomeStatment ul li:first-child {width:39%; text-align:left;}
.Info div.IncomeStatment h4{margin:20px 8px 10px 8px;}

.ListHeader .title{font-weight: bold; display:inline-block;}

.ci_profit.visible-dt{display:block;}
.ci_profit.visible-mb{display:none;}
.ci_profit ul li{width:12.5%;}
.ci_profit ul li:last-child{text-align:right;}
.ci_profit ul.short li{width:20%;}
.ci_profit ul.subtype li{width:11%;}
.ci_profit .broker{padding-left: 10px;}
.ci_profit ul.subtype li:nth-child(5){width:13%;}
.ci_profit ul.subtype li:first-child{width:8%;}
.ci_profit ul.subtype li:nth-child(2), .ci_profit ul.subtype li:nth-child(4),  .ci_profit ul.subtype li:nth-child(9), .ci_profit ul.subtype li:last-child{width:6%;}

#NonCurrentAssets .ListHeader li{color:#000;}
#NonCurrentAssets.TableWrapper ul, #NonCurrentAssets.TableWrapper ul:nth-child(even){background-color:#fff;}
#NonCurrentAssets.TableWrapper ul.even{background-color:#e0eaf4;}
.CAList{width:100%; margin:5px 0px;}
.CAList, .CAList ul{overflow:hidden; padding:0px;}
.CAList ul.ListData, .CAList ul.ListHeader{width:100%; list-style:none; padding:5px 8px;}
.CAList li{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%, #e0eaf4 100%); background:linear-gradient(top, #FFFFFF 0%, #e0eaf4 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; margin-top:5px; }
ul.CalTab li ul li{display:inline-block; vertical-align:top; color:#000000; text-align:left; width:10%}
ul.CalTab li li.year{width:100%; font-size:12px !important;}
ul.CalTab li li.day{width:65%; font-size:24px; 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:#214c7f !important;  /*background:-webkit-linear-gradient(top, #C51B22 0%, #C51B22 100%); 
	background:linear-gradient(top, #C51B22 0%, #C51B22 100%); background:-ms-linear-gradient(top, #C51B22 0%, #C51B22 100%)
	*/}
.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:#C51B22}*/

.MktConference h4, .MktResult h4, .MktFigure h4, .MktFigure2 h4{margin-top:10px 0px 5px 0px; color:#214c7f; padding: 1px 0px 2px 0px; font-size:16px}
.MktConference li, .MktResult li{display:inline-block;}
.MktConference li:first-child{width:100px;}
.MktConference li:last-child{width:calc(100% - 100px);}
.MktResult li:first-child, #common_econ_result_latest li:first-child{width:10%; word-break: break-all;}
.MktResult li.hasCode, #common_econ_result_latest li.hasCode{width:8%;}
.MktResult li.year, #common_econ_result_latest li.year{width:10%;}
.MktResult li.season, #common_econ_result_latest li.season{width:6%;}
.MktResult li.change, #common_econ_result_latest li.change{width:10%; text-align:right;}
.MktResult li.eps{width:10%; text-align:right;}
.MktResult li.profit{width:14%; text-align:right;}
.MktResult li.name, #common_econ_result_latest li.name{width:17%;}
.MktResult li.dividend{width:11%; text-align:right;}

//.MktResult li:last-child{width:calc(100% - 100px); font-size:16px;}

.MktResult li.Time, .MktResult li.PChange{width:80px;}
.MktResult li.FYear{width:65px;}
.MktResult li.Profit, .MktResult li.Dividend{width:120px;}
.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:80px;}
.MktFigure li.Period{width:150px;}
.MktFigure li.PreviousPeriod{width:100px; text-align: right;}
.MktFigure li.Region{width:105px;}
.MktResult li.Name, #common_econ_result_latest li.Name{width:17%;}
.MktFigure li.Estimate{width:100px; text-align:right;}
.MktFigure li.PerviousPeriod{width:100px; text-align:right;}
.MktFigure li.Event{width:calc(100% - 544px); padding-left:4px; padding-right: 4px;}
.MktFigure li.TimeHdr, .MktFigure li.PeriodHdr, .MktFigure li.RegionHdr, .MktFigure li.EstimateHdr, .MktFigure li.EventHdr, .MktFigure li.PreviousPeriodHdr{display:none;}
/*.MktFigure.TableWrapper ul:nth-child(odd),.MktResult.TableWrapper ul:nth-child(odd){background-color:#e0eaf4;}
.MktFigure.TableWrapper ul:nth-child(even),.MktResult.TableWrapper ul:nth-child(odd){background-color:#FFFFFF;}*/
.MktConference h4, .MktResult h4, .MktFigure h4, .MktFigure2 h4, #common_econ_figure_latest h4, #common_econ_result_latest h4{margin-top:10px 0px 5px 0px; color:#214c7f; padding: 13px 0px 2px 0px; font-size:20px}
.MktConference li, .MktResult li{display:inline-block;}
.MktConference li:first-child{width:100px;}
.MktConference li:last-child{width:calc(100% - 100px);}
.MktResult li:first-child, #common_econ_result_latest li:first-child{width:10%; word-break: break-all;/*margin-left: 5px;*/}
.MktResult li.season, #common_econ_result_latest li.season{width:6%;}
.MktResult li.change, #common_econ_result_latest li.change{width:10%; text-align:right;}
.MktResult li.eps{width:13%; text-align:right;}
.MktResult li.profit{width:14%; text-align:right;}
#common_econ_result_latest li.profit{width:11%; text-align:right;}
#common_econ_result_latest li.currency{width:7%; text-align:right;}
.MktResult li.dividend{width:10%; text-align:right;}
#common_econ_result_latest li.eps{width:11%; text-align: center;}
#common_econ_result_latest li.dividend{width:10%; text-align: center;}
#common_econ_result_latest li.eps table, #common_econ_result_latest li.dividend table{width:100%;margin-right:auto; margin-left: auto;}
#common_econ_result_latest li.eps table td:first-child, #common_econ_result_latest li.dividend table td:first-child{width:50%;text-align:right;}
#common_econ_result_latest li.eps table td:last-child, #common_econ_result_latest li.dividend table td:last-child{width:50%;text-align:left;}

//.MktFigure2 ul{width:95% !important;}
.MktFigure2 li.Time, #common_econ_figure_latest li.Time{width:14%; word-break: break-all;}
.MktFigure2 li.Period, #common_econ_figure_latest li.Period{width:18%;}
.MktFigure2 li.PreviousPeriod, #common_econ_figure_latest li.PreviousPeriod{width:12%; text-align: right; word-break: break-all;}
.MktFigure2 li.Region, #common_econ_figure_latest li.Region{width:10%;    padding-left: 10px;}
.MktFigure2 li.Estimate, #common_econ_figure_latest li.Estimate{width:12%; text-align:right; word-break: break-all;}
.MktFigure2 li.CurrentPeriod, #common_econ_figure_latest li.CurrentPeriod{width:12%; text-align:right; word-break: break-all;}
.MktFigure2 li.Event, #common_econ_figure_latest li.Event{width:20%; padding-right:5px;}
.MktFigure2 li.TimeHdr, .MktFigure2 li.PeriodHdr, .MktFigure2 li.RegionHdr, .MktFigure2 li.EstimateHdr, .MktFigure2 li.EventHdr, .MktFigure2 li.PreviousPeriodHdr{display:none;}
.MktFigure2.TableWrapper ul:nth-child(odd), #common_econ_figure_latest ul:nth-child(odd){background-color:#e0eaf4;}
.MktFigure2.TableWrapper ul:nth-child(even), #common_econ_figure_latest ul:nth-child(odd){background-color:#FFFFFF;}

/* Listed & Listing */
/*.ListIpo{width:100%;}*/
.ListIpo *{background-repeat:no-repeat !important; background-size:300px; box-sizing:border-box; margin:0; padding:0;}
.ListIpo{overflow:hidden; padding:0px 0px 3px 0px; font-size:0px;}
.ListIpo ul{overflow:hidden; padding:0px 0px 0px 0px; font-size:0px;}
.ListIpo ul.ListHeader{padding:0px; word-wrap:break-word;}
.ListIpo ul.ListHeader li{color:#fff; padding:5px 5px;height:100%;}
.ListIpo ul.ListHeader  li:last-child{border-right:0px;}
.ListIpo ul{width:100%; list-style:none;}
.ListIpo li{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 .Name{width:20%;}
.ListIpo .Name{width:calc(28% - 50px);}
.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) right no-repeat; padding-right:15px;}
.ListIpo li span.down.Arrow{background:url(../images/arrow_down.png) right no-repeat; padding-right:15px;}


/*memo*/
.ListMemo *{background-repeat:no-repeat !important; background-size:300px; box-sizing:border-box; margin:0; padding:0;}
.ListMemo, .ListMemo ul{overflow:hidden; padding:0px; font-size:0px;}
.ListMemo ul.ListHeader{padding:0px;}
.ListMemo ul.ListHeader li{color:#fff; /*padding:5px 5px;*/ padding:10px}
.ListMemo ul.ListHeader  li:last-child{border-right:0px;}
.ListMemo ul{width:100%; list-style:none;}
.ListMemo li{line-height:18px; min-height:18px; vertical-align:top; overflow:hidden; /*padding:5px 5px;*/ padding:10px; border-right:1px solid #FFF;}
.ListMemo li div{/*color:#000;*/ font-size:16px; margin-top:2px;}
.ListMemo .Code,.ListMemo .Name, .ListMemo .Unitsissued, .ListMemo .ListHeader .UnitsissuedHeader, .ListMemo .Entitlementratio, .ListMemo .ListHeader .EntitlementratioHeader, .ListMemo .Exerciseprice, .ListMemo .ListHeader .ExercisepriceHeader, .ListMemo .W15P, .ListMemo .ListHeader .W15PHeader, .ListMemo .W10P, .ListMemo .ListHeader .W10PHeader, .ListMemo .W20P, .ListMemo .ListHeader .W20PHeader, .ListMemo .W8P, .ListMemo .ListHeader .W8PHeader,.ListMemo .W12P, .ListMemo .ListHeader .W12PHeader{display:inline-block;}
.ListMemo .UnitsissuedHeader, .ListMemo .EntitlementratioHeader, .ListMemo .ExercisepriceHeader, .ListMemo .W15PHeader, .ListMemo .W10PHeader , .ListMemo .W20PHeader, .ListMemo .W8PHeader, .ListMemo .W12PHeader{display:none;}
.ListMemo .Code{width:10%;}
.ListMemo .Name{width:20%;}
.ListMemo .UnitsissuedHeader, .ListMemo .Unitsissued, .ListMemo .Entitlementratio, .ListMemo .EntitlementratioHeader, .ListMemo .Exerciseprice, .ListMemo .ExercisepriceHeader{width:20%;}
.ListMemo .W20P, .ListMemo .W20PHeader {width:20%;}
.ListMemo .W15P, .ListMemo .W15PHeader {width:15%;}
.ListMemo .W10P, .ListMemo .W10PHeader {width:10%;}
.ListMemo .W8P, .ListMemo .W8PHeader {width:8%;}
.ListMemo .W12P, .ListMemo .W12PHeader {width:12.5%;}


/*Hot List */
/*.HotListIpo{width:100%; font-size:0px; background-color:#F2F2F2; border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;}*/
.HotListIpo{font-size:0px; background-color: #F2F2F2; border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;}
.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:calc(100% - 30px); font-size:0px; padding:10px 20px 10px 8px; border-bottom:solid #E4E4E4 1px; cursor:pointer; }
.HotListIpo ul li{width:25%; display:inline-block; vertical-align:top;}
.HotListIpo ul li.Name{font-size: 16px; width:100%; font-weight:bold;}
.HotListIpo ul.Selected{background-color:#FFFFFF;}
.HotListIpo ul.Selected li.Name{background-color:#FFFFFF; color:#214c7f;}
.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.ListHeader {border-bottom: none;}
/* .IpoNews ul.Underline {border-bottom: 1px solid #c51b22;} */
.IpoNews ul li.Date, .IpoNewsDetail ul li.Date{padding:0px; margin:0px; width:190px; padding-left:10px;vertical-align:middle; display:inline-block; //line-height:36px;}
.IpoNews.IpoNewsDetail ul li.Date{width:200px; padding-left:0px;}
.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; font-weight:normal}
.IpoNews h1 a {line-height:16px;}
#IpoMenu ul {padding:5px;}
/* .IpoNews .secFigure li {color:#B99E55;} */
#IpoMenu input {border:solid #e5e5e5 2px; padding:0 2px; height: 30px;}
#IpoMenu ul li span {margin-right:5px;}
#IpoInput{display:inline-block;width:300px; }
#IpoButton{display:inline-block;width:60px;background-color:#214c7f; color:#FFF; line-height:32px; text-align:center; margin:0px;  vertical-align:top; border:solid #e5e5e5 1px; font-weight:bold;}
.Pagination { border-top:none;}
.Ipo_real_news_top_box {
    clear: both;
    display: block;
    padding: 15px 25px 25px 25px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    background-image: url(../images/main_content_box.jpg);
    background-repeat: repeat-x;
    /*min-height: 364px;*/
    position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	min-width: 216px;
}
.IpoNews ul:nth-child(even){background-color:#E5E5E5;}
.IpoNews.oddRow ul:nth-child(odd){background-color:#F4F4F4;}
.IpoNews.oddRow ul:nth-child(even), .IpoNews.oddRow .ListHeader {background-color:#FFF !important;}
.Ipo_real_news_top_box .dot{overflow:hidden;height:35px;/*width:100%; float:left;*/ text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space: nowrap; line-height:36px; vertical-align:middle; cursor:pointer;}
.IpoOverall h2{font-size:24px; font-weight:bold; padding:10px; color:#214c7f;}
.IpoOverall h3{font-size:18px; font-weight:bold; padding:10px; color:#000}
.More {padding:10px 5px;}
.More a {color:#214c7f; font-weight:bold;}

/*IPO News Titel*/
.IpoTitle {margin-top: 15px; font-size: 20px; font-weight: bold; margin-bottom: 10px;}

/*IPO Detail*/
.IpoDetail h2{font-size:24px; font-weight:bold; padding:10px; color:#214c7f;}
.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:#e0eaf4;}
.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;}

/* Hot Sector */
.HotSectorTitle {margin-top: 15px; font-size: 20px; font-weight: bold;}

.Hot_Sector_top_box {
    clear: both;
    display: block;
    padding: 15px 1% 50px 1%;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    background-image: url(../images/main_content_box.jpg);
    background-repeat: repeat-x;
    /*min-height: 364px;*/
    position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}


#sector_hot .hotdata{width:7.4%;}
#sector_hot .hotname{width:10%;}
#sector_hot .hotcode{width:5%;}
#sector_hot .hotpe{width:14%;}
#sector_hot ul{padding-left:5px; padding-bottom:5px; line-height:33px;}

#sector_hot .subtitle {color:#BE1824; font-weight: bold ; margin-bottom:10px; margin-top:10px;}

#sector_hot li.hotTitle{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;}

/*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%;}
#ResultAnnounce .AnnounceData, #ResultAnnounce .AnnounceDataHdr {text-align: right;}
/* 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;}


/* AdvancedSearch */
.AdvancedSearch .label,.AdvancedSearch .input, .AdvancedSearch .header, .AdvancedSearch .searchBtnDiv{padding:10px;}
.AdvancedSearch .searchBtnDiv input{padding:10px; width:15%; min-width:100px}
.AdvancedSearch #naturelist, .AdvancedSearch #indexlist{max-width:50%; min-width:200px;}
select#indexlist{padding: 0px 0px 0px 10px; line-height:35px;}
.AdvancedSearch th.code {width:18%; padding:10px; border-right:1px solid #FFF; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.AdvancedSearch th.namech {width:37%; padding:10px; border-right:1px solid #FFF; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.AdvancedSearch th.nameen {width:45%; padding:10px; border-right:1px solid #FFF; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.AdvancedSearch_top_box {
    clear: both;
    display: block;
    padding: 15px 1% 15px 1%;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    background-image: url(../images/main_content_box.jpg);
    background-repeat: repeat-x;
    /*min-height: 364px;*/
    position: relative;
	margin-top: 10px;
	//margin-bottom: 20px;
}
.AdvancedSearch table{margin-top:10px;}
.AdvancedSearch .TableWrapper{margin:0px !important;}
.AdvancedSearch .hotCenter{text-align: center; line-height: 115px;}
.AdvancedSearchTitle {margin-top: 15px; font-size: 20px; font-weight: bold;padding:10px;}
.AdvancedSearch th.code:first-child{background:#214c7f;line-height:20px; color: white;}
.AdvancedSearch th:nth-child(2),.AdvancedSearch th:nth-child(3){background:#214c7f;line-height:20px; color: white;}
/* Common */
.even{background-color: #f2f2f2;}
.noData, td.noData, div.noData {text-align:center; vertical-align:middle}
#screenDetector {height:0px; display:none}
#screenDetectorDT {height:0px; display:none}
#screenDetectorTB {height:0px; display:none}
#screenDetectorMB {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:#e0eaf4; border:0px !important;}

.ListHeader{word-break: break-word;}
/* .ListHeader li{color:#666666; font-weight:normal !important; font-size:13px !important;} */
.ListHeader li p{line-height:110%; margin:0px;}
.ListHeader li.sortup span.sortsymbol, .ListHeader li.sortdown span.sortsymbol{width:15px; height:15px; background-repeat:no-repeat; background-size:15px; vertical-align:text-bottom; display:inline-block;}
.ListHeader li.sortup span.sortsymbol{background-image:url(../images/sortup.png);}
.ListHeader li.sortdown span.sortsymbol{background-image:url(../images/sortdown.png);}

div.desktopOnly, span.desktopOnly, .TableWrapper ul.desktopOnly{display:inlne-block;}
.mobileOnly, .TableWrapper ul.mobileOnly{display:none;}
.even{background-color: #e0eaf4;}
.odd{background-color: white !important;}
.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:#E5E5E5; border:0px !important;}

.ListHeader, .IpoNews ul.ListHeader:nth-child(even){background-color:#F16422;}
/* .ListHeader li{color:#fff; font-weight:normal !important; font-size:16px !important;} */
.ListHeader li{color:#fff;}
.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:155px; height:35px; line-height:30px; padding-right:40px; margin-bottom:10px; background-position:right;}
.DropdownMenu select.Eng{width:220px; height:40px; line-height:40px; font-size:17px; margin-bottom:10px; background-position:right;}

/*Delay information*/
.delayComment,
	.greyRemarks,
	.greyRemarks * {font-size: 12px; color: #93A1AD}
.delayComment {padding-top: 10px;}

/* Table */
.TableWrapper{/*width:100%;*/ margin:5px 0px;}
.TableWrapper, .TableWrapper ul, #common_econ_figure_latest ul, #common_econ_result_latest ul{overflow:hidden; padding:0px; font-size:0px; display:block;}
.TableWrapper ul, #common_econ_figure_latest ul, #common_econ_result_latest ul, #common_econ_result_latest.TableWrapper ul{width:calc(100% - 16px); list-style:none; padding:5px 8px;}
.MktResult.TableWrapper ul{width:100%;}
.TableWrapper ul:nth-child(even), #common_econ_figure_latest ul:nth-child(even), #common_econ_result_latest ul:nth-child(even){background-color:#e0eaf4;}
.TableWrapper ul.ListHeader:nth-child(even),.TableWrapper ul.ListHeader:nth-child(odd),#common_econ_figure_latest ul.ListHeader,#common_econ_result_latest ul.ListHeader{background-color:#214c7f;}
#common_econ_figure_latest .ListTitle, #common_econ_result_latest .ListTitle{color: #214c7f; padding: 13px 0px 2px 0px; font-size: 20px;}
.TableWrapper li, #common_econ_figure_latest li, #common_econ_result_latest li{line-height:20px; display:inline-block; min-height:18px; vertical-align:top; overflow:hidden;}
.TableWrapper li.code{padding:10px; width:17.5%; }
.TableWrapper li.namech{width:36%; padding-top: 10px; }
.TableWrapper li.nameen{width:36%; padding-top: 10px; }
.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;}
h4 , #common_econ_figure_latest .ListTitle, #common_econ_result_latest .ListTitle{
    display: block;
    font-weight: bold;
}
/* C2 End */

ul.Tabs li{font-size: 18px; display:inline-block; width:auto; font-weight:bold; padding:5px 0px; cursor:pointer;}
ul.Tabs li.selected{color:#214c7f;cursor:default;}
ul.Tabs li:after{content:"|"; color: #000; margin-left:5px;}

/* 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}
.IndexTitle{display:inline-block; margin-top: 15px; font-size: 20px; font-weight: bold;}

/* 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:#C51B22;}
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;}

.home_stock_search_box {
    clear: both;
    display: block;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    border-top: 4px solid #c51b22;
    min-height: 390px;
    position: relative;
}

.home_stock_search_box_container {
    clear: both;
    display: block;
    padding: 25px 25px 25px 25px;
    border-bottom: 1px solid #e4e7ee;
    margin-bottom: 0px;
    min-height: 308px;
}

.home_stock_search_box .heading {
    clear: both;
    width: 100%;
    float: left;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}

.home_hsi_stock_select {
    clear: both;
    width: 100%;
    padding-bottom: 40px;
}

/* home news*/
.home_real_news_top_box {
    clear: both;
    display: block;
    padding: 15px 25px 15px 25px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    background-image: url(../images/main_content_box.jpg);
    background-repeat: repeat-x;
    min-height: 364px;
    position: relative;
}

.home_real_news_top_box .heading {
    clear: both;
    width: 100%;
    border-bottom: 1px solid #e4e7ee;
    padding-bottom: 10px;
    margin-bottom: 20px;
	font-size:16px;
}

.home_real_news_top_box .heading span {
    float: left;
    font-size: 24px;
    font-weight: 500;
    padding-left: 20px;
}

.table_home_real_news_list {
    width: 100%;
    padding-top: 0px;
}

.table_home_real_news_list ul {
    -webkit-transition: all 300ms ease-out 0s;
    -moz-transition: all 300ms ease-out 0s;
    -o-transition: all 300ms ease-out 0s;
    transition: all 300ms ease-out 0s;
}

/*Home indexes*/
.btn_more_info a:link, .btn_more_info a:visited {
    float: left;
    text-decoration: none;
    font-size: 14px;
    color: #000000;
    background-image: url(../images/btn_more_red.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 24px;
    font-weight: 500;
}

.table_info_home_indices {
    clear: both;
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
}

.HomeIndexes .tabsDiv ul.home_index_tads li.selected {
    background-color: #c51b22;
    color: #ffffff;
}
.HomeIndexes .tabsDiv ul.home_index_tads li {
    float: left;
    padding: 10px 35px 10px 35px;
    font-size: 24px;
    text-decoration: none;
    line-height: 100%;
}

/*.home_indices_box_tabmenucontent table tr th {
	font-size: 14px;
    font-weight: 500;
    background-color: #114f9d;
    color: #ffffff;
    padding: 10px 15px 10px 15px;
}*/

/*.home_indices_box_tabmenucontent{
    border-top: 2px solid #104e9d;
    clear: both;
    margin-top: -15px;
    padding-top: 15px;
}*/

/* Indexes */
.Indexes .tabsDiv {width:100%}
/*.Indexes .tabsDiv li {width:50%;}*/
.Indexes .indexTblDiv {padding-top:10px}
/*.Indexes .indexTbl th,
	.Indexes .indexTbl td {width:10%; min-width:75px}
.Indexes .indexTbl th.index,
	.Indexes .indexTbl td.index {width:auto; min-width:0px}*/
.Indexes .indexTbl th{font-weight:normal;}
table.indexTbl tr td.index a {text-decoration:underline !important;}
.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;}
/* Top 20 */
.Top20 .tabsDiv {width:100%}
.Top20 .tabsDiv li {width:25%}
.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:40px}
.top20Tbl th.currency,
	.top20Tbl td.currency {width:35px}
.top20Tbl th.code,
	.top20Tbl td.code {width:60px}
.top20Tbl th.name,
	.top20Tbl td.name {width:auto}
.top20HeaderPadding {padding:10px}
/*.top20Tbl td div.visible-mb {padding-top:5px}*/

/* Quote */
/* News Table */
ul.relatedNews li { padding:10px; cursor:pointer;}
ul.relatedNews { padding:0px;}
#Quote .TableWrapper{ overflow:inherit !important; }
.quote_real_news_top_box {
    clear: both;
    display: block;
    padding: 15px 25px 15px 25px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    min-height: 364px;
    position: relative;
}
.quoteData .nominalDiv .nominal {font-size:20px; font-weight:bold}
.quote_real_news_top_box_with_bar {
    clear: both;
    display: block;
    padding: 15px 25px 15px 25px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    background-image: url(../images/main_content_box.jpg);
    background-repeat: repeat-x;
    position: relative;
}
.quoteData{font-size:27px; font-weight:normal; width:445px; /*padding-left:5px;*/ line-height:100%;}
.quoteData .stockName, .QuoteChart .stockCode, .QuoteChart .stockName {font-size: 20px; font-weight: bold; display: inline;}
/*.Quote .paddingTop {padding-top:10px}*/
/* Search */
#Search{ background-color:none; font-size:0px; padding-bottom:15px}
.SearchTextInput, .SearchButton{margin:0px; border:1px solid #DADADA; vertical-align:top; font-size:17px; line-height:30px; 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:70px; padding:0px; background-color:#B99E55; outline:none; cursor:pointer; text-align:center; text-decoration:none; color:#FFF;}
.QuoteHeader .stockName {font-size:20px; font-weight:bold;}
.stockName.quoteHeaderHeight {padding-top:15px; padding-bottom:15px}
.QuoteHeader .quoteHeaderHeight {float:left; height:50px; line-height:16px; 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:30px 0px 0px 0px; width:100%; font-size:0px;}
.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:#00ab34; font-weight:bold}
.quotedown{color:#ed0012; font-weight:bold}
.Quote .separator {height:1px; background-color:#ececec;}
.QuoteSearchBar {padding-bottom:10px; width:100%;}
.QuoteSearchBar > .table {width:auto}
.QuoteSearchBar .globalSearchDiv {float:none}
.QuoteSearchBar .advancedSearch {line-height:36px; padding-left:20px; color:#214c7f; cursor:pointer; text-decoration:underline; font-weight:bold}
.QuoteSearchBar .advancedSearch > .title {line-height:36px; color:#214c7f; cursor:pointer; text-decoration:underline; font-weight:bold}

#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 #C51B22;}
.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;}
.Quote .dataTbl th,
	.Quote .dataTbl td {padding:10px 5px}

.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:17px; 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%; display: inline;}
	.quoteData .tradeBtn {float:right}
.quoteData .nominalDiv .nominal {font-size:17px; 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:table-cell}
.mainInfo .quoteData {width:65%}
.mainInfo .quoteData .quoteHeaderHeight {float:left; height:26px; line-height:26px; margin-right:5px}
.mainInfo .quoteData .quoteHeaderHeight.industryAdu  {padding:15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.mainInfo .quoteChart {width:33%; text-align:center; vertical-align:middle}
.mainInfo .quoteChart img {width:100%; max-width:280px; padding-top: 75px}
.mainInfo .quoteSpace {width:2%}
.sectionTitle {font-weight:bold; padding:20px 0 10px 0; border-bottom: 3px solid #214c7f;}
.sectionTitle a{float: right;}
.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:#F4F4F4;} */
.newsInfo ul.newsList li .table {table-layout:fixed}
.newsInfo ul.newsList li .newsDate {width:140px; text-align:left}
.newsInfo ul.newsList li .newsHeadline {display:table-cell; font-weight:normal; text-align:left}
.newsInfo ul.newsList li .newsHeadline .ellipsisTxt {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.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:105px*/}
.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:45px}
.underlyingAssetSearch .searchLabel {width:100%; max-width:120px}
/* Quote - Chart */
/*.QuoteChart .stockCode, .QuoteChart .stockName {color:white; font-size: 20px; background: url(../images/shape.png) no-repeat; background-size: 99% 46px; width: 263px; padding-left: 20px; padding-top: 3px; height: 30px;}*/
.QuoteChart .chartInfo {display:table; width:100%}
.QuoteChart .chartInfo .chartCell {display:table-cell; width:68%; padding-right:2%}
.QuoteChart .chartInfo .settingsPopup {display:none}
.QuoteChart .chartInfo .settingsCell {display:table-cell; width:30%; vertical-align:top}
.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}
/* Quote - Warrant/CBBC Search */
.warrantCBBCSearchTblDiv {padding-top:10px}
.underlyingAssetSearch .searchLabel,
	.underlyingAssetSearch .searchCriteriaDiv,
	.underlyingAssetSearch .searchBtnDiv, 
	.searchCriteriaDiv .searchDiv,
	.searchCriteriaDiv .searchDiv .label,
	.searchCriteriaDiv .searchDiv .input {float:left; height:35px; line-height:35px}
.underlyingAssetSearch .searchLabel {width:100%; max-width:140px}
.underlyingAssetSearch .searchCriteriaDiv {overflow:hidden}
.searchCriteriaDiv .searchDiv .label {padding-right:10px}
.searchCriteriaDiv .searchDiv .input {width:110px}
.searchCriteriaDiv .searchStock .input .codeInput {width:100%}
.searchCriteriaDiv .searchIndex {margin-left:20px; margin-right:20px}
.searchBtnDiv .button {width:80px; height:40px; line-height:20px; padding:0px}
.warrantCBBCSearchTbl th, 
	.warrantCBBCSearchTbl td:not(.noData) {vertical-align:top}
/*.warrantCBBCSearchTbl th, 
	.warrantCBBCSearchTbl td {width:100px}*/
.warrantCBBCSearchTbl th.type, 
	.warrantCBBCSearchTbl td.type {width:63px}
.warrantCBBCSearchTbl th.code,
	.warrantCBBCSearchTbl td.code {width:70px}
.warrantCBBCSearchTbl th.nominal,
	.warrantCBBCSearchTbl td.nominal {/*width:80px*/}
.warrantCBBCSearchTbl th.aTradingDays, 
	.warrantCBBCSearchTbl td.aTradingDays {width:112px}
.warrantCBBCSearchTbl th.name,
	.warrantCBBCSearchTbl td.name {width:auto}
.NatureName {float:left; color:#00bfff; padding-left:10px;}
.warrantCBBCSearchTbl.dataTbl th a{color:#FFF;}
.Quote_indices_box{clear:both; width:85%; margin:auto;}

.filter {
	padding: 10px;
}
.filter .row {
	padding-left: 100px;
}
.filter .row.long-label,
.filter .row.long-label .col {
	padding-left: 150px;
}
.filter .row.long-label .label {
	width: 135px;
}
.filter .row.no-label,
.filter .row.two-cols.long-label,
.filter .row .col.no-label {
	padding-left: 0;
}
.filter .row .col {
	padding-left: 100px;
}
.filter .row .label,
.filter .row .input {
	font-size: 15px;
	color: #333333;
	line-height: 31px;
}
.filter .row .label {
	position: absolute;
	left: 0;
	top: 4px;
	padding-right: 10px;
	width: 85px;
}
.filter .row .label span {
	position: absolute;
	right: 0;
	top: 0;
}
.filter .row .line-break {
	height: 8px;
}
.chart {
	padding: 10px 0;
	position: relative;
}
.chart .chart-wrapper,
.chart .chart-indicator {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.chart .chart-wrapper {
	width: 69%;
	margin-right: 1%;
}
.chart .chart-wrapper.long {
	width: 100%;
	margin-right: 0%;
}
.chart .chart-indicator {
	width: 30%;
}
.chart .chart-indicator p {
	padding: 4px 0;
}
.chart .line-break{height: 145px;}
.chart .chart-indicator p span {
	width: 15px;
	height: 15px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 10px;
}
#searchform ul {display:inline-block; width: 50%; height: 40px;     float: left;}
/* #searchform ul {display:inline-block; width: 50%; height: 40px;     float: left;} */
#searchform ul li{display: table-cell; width:300px;}
#searchform ul li.quantity_range{}
#searchform ul li.width_half{width:200px;}
#searchform ul li select{width:auto;}
#searchform ul.date_list{height: 100px;}
#searchform li.date_list {    vertical-align: middle;}
#searchform ul.adjust_top{margin-top: -40px;}
#searchform li.date_list ul{width: 100%;}
#searchform li.label {display:table-cell; height: 40px;     width: 100px;}
#searchform ul li input {display: inline-block;width: 80px;}
#searchform .search.sectionTitle {display:inline-block; height: 40px;     float: left;}
/* AH Menu Bar */
.Ah_real_news_top_box {
    clear: both;
    display: block;
    padding: 30px 10px 10px 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.3);
    background-image: url(../images/main_content_box.jpg);
    background-repeat: repeat-x;
    /*min-height: 364px;*/
    position: relative;
	/*margin-top: 20px;*/
	margin-bottom: 20px;
}

.AH .ListHeader.desktopOnly {word-wrap:break-word;}
#sector_hot .hotCodeName { width:26%; min-width:60px; word-wrap:break-word;}
#sector_hot .hotNominalRange {width:43%; min-width:60px;}
#sector_hot .hotChangePrecent {width:25%; min-width:60px;}
#sector_hot ul {line-height:0px;}
#sector_hot ul li {display:inline-block;}

.frame {
    height: 13px;      /* equals max image height */
    width: 16px;
    //border: 1px solid red;
    white-space: nowrap; 
    text-align: center; 
	margin: 1em 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#sector_hot img {
    //background: #3A6F9A;
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}

/* @media only screen and (max-width: 1024px) and (min-width: 700px) { */
/* 	#sector_hot .hotcode { width:7%; } */
/* 	#sector_hot .hotdata { width:15% } */
/* } */

@media only screen and (max-width: 700px) {
	_::-webkit-full-page-media, _:future, :root .safari_only,.TableWrapper .dot {display:none !important;}
	_::-webkit-full-page-media, _:future, :root .safari_only,.TableWrapper .dotMobile{display:inline-block !important;}
}
@media only screen and (min-width: 700px) {
	_::-webkit-full-page-media, _:future, :root .safari_only,.TableWrapper .dotMobile{display:none !important;}
}


@charset "utf-8";
/* Clear float */
.clear {
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	content:".";
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
.clearfix {
* zoom:1
}
.box {
	width:794px;
	border:solid 1px #D4D4D4;
	margin-top:15px;
	padding-left:19px;
	padding-top:20px;
	
}
.tab_box {
	width:776px;
	float:left;
	background:#fff;
	position:relative;
	margin-bottom:15px;
}
.left_tab p {
	height:29px;
	line-height:29px;
	color:#fff;
        
	background:url(../images/left_p.jpg) repeat-x;
}
.left_tab p span {
	display:block;
	float:left;
}
.left_tab p span.dwon {
	display:block;
	float:left;
	width:62px;
	text-align:center;
}
.left_tab p span.daima {
	display:block;
	float:left;
	width:110px;
	text-align:center;
}
.left_tab p span.name {
	display:block;
        width:124px;
	text-align:center;
	text-indent:15px;        
        float:left;	
}
.left_tab {
	/*float:left;*/
	//width:324px;
	background:#F0F0F0;
	/*position:absolute;*/
	z-index:100;
        left:0;
      	padding-bottom:10px;
}
.left_tab table {
	border:0px;
}
.tab1 {
	margin-top:10px;
	margin-left:10px;
	border:solid 1px #fff;
	border-collapse:collapse;
}
.tab1 tr:nth-child(odd){background-color:#f7f7f7;}
.tab1 tr:nth-child(even){background-color:#e8e8e8;}
.tab1 tr td {
	border:solid 1px #fff;
	text-align:center;
	height:27px;
	line-height:27px;
}
.right_box {
	float:left;
	width:452px;
	padding-left:323px;
	overflow-x:scroll;
	padding-bottom:10px;
	background:#F0F0F0
}
.right_box p {
	width:1052px;
	_width:1062px;
	height:29px;
	line-height:29px;
	color:#fff;
	background:url(img/left_p.jpg) repeat-x;
}
.right_box p span {
	float:left;
	padding-left:25px;
	padding-right:25px;
	display:block;
}
.tab2 {
	width:1052px;
	border-collapse:collapse;
	border:solid 1px #fff;
	margin-top: 10px;
}
.tab2 tr td {
	text-align:center;
	height:27px;
	line-height:27px;
	border:solid 1px #fff;
}
.right_box p span {
	display:block;
	float:left;
}
.right_box p span.mpan_1 {
	width:160px;
	text-indent:25px;
}
.right_box p span.mpan_4 {
	padding-left: 15px;
	padding-right: 15px;
}
.right_box p span.mpan_5 {
	padding-left: 15px;
	padding-right: 15px;
}
.right_box p span.mpan_6 {
	padding-left: 15px;
	padding-right: 15px;
}
.right_box p span.mpan_7 {
	padding-left: 15px;
	padding-right: 15px;
}
.right_box p span.mpan_2 {
	padding-left:34px;
	padding-right: 15px;
}
.t_info{
        width:776px;
	}
.t_info p {
	color:#808080;
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
.t_info p span {
	color:#387fc1;
}
.t_info strong {
	margin-top:5px;
	margin-bottom:5px;
	color:#992120;
	font-style:normal;
	font-weight:normal;
	height:22px;
	line-height:22px;
	background:#F0F0F0;
	display:block;
	padding-left:5px;
}
.left_tab1 p {
    background: url(img/left_p.jpg) repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    height: 26px;
    line-height: 26px;
}
.left_tab1 p span {
    display: block;
    float: left;
}
/*2013-06-04*/
.ret_box{
	background:#fff;
	position:relative;
	width:776px;
	float:left;
	}
.retire_cont2{
	width:750px;
	margin:0 auto;
	font-size:12px;
	color:#666666;
	padding:25px 0;
	min-height:250px;
	height:auto !important;
	height:250px;
	}
.retire_cont2 p{
	line-height:20px;
	padding-bottom:3px;
	}
.retire_cont2 p strong{
	color:#ff7200;
	}			
.count_btn{
	background:url(img/count_btn.gif) no-repeat;
	width:80px;
	height:21px;
	border:none;
	cursor:pointer;
	margin:5px auto 0;
	}
.retire_take{
	width:750px;
	margin:0 auto;
	padding-bottom:30px;
	color:#dd0000;
	}	
.risk_cont2{
	margin:0 auto;
	width:776px;
	}
.risk_cont2 h1{
	color:#015385;
	text-indent:6px;
	padding:0 0 15px 0;
	}	
.gtja_img{
	float:left !important;
	}
.gtja_tit{
	color:#666;
	font-size:12px;
	font-weight:bold;
	vertical-align:baseline;
	padding:0 0 0 5px;
	position:relative;
	left:0px;
	top:3px;
	}
.num_indent {
    padding-top: 0;
	font-weight:inherit;
}
.question {
    margin: 0px 7px 0 0;
	vertical-align:middle;
    padding: 0;
}
.textspan {
    vertical-align:middle;
}
.orange_btn {
    background:url(img/btn_orange_bg.gif) no-repeat scroll right top transparent;
    cursor: pointer;
    font-size: 12px;
    height: 21px;
	width:52px;
	vertical-align:baseline;
	border:none;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 3px 0;
}
/* 基金 2013-7-23 */
.open_account{
	padding:0px 0 0 19px;
	width:794px;
	}
.gt_cont{
	width:776px;
	padding:7px 0 7px 18px;
	font-weight:bold;
	}
.rcb_tabc .checkul {
    line-height: 26px;
    margin-top: 10px;
    padding-bottom: 10px;
	background:#fff;
}
.rcb_tabc .checkul li {
    float: left;
    width: 120px;
    list-style-type:none;
}


.account_search {
    background: url("img/account_search.jpg") no-repeat scroll 20px 0 transparent;
    clear: both;
    height: 21px;
    padding: 6px 0 7px 26px;
    width: 791px;
}

.account_tex {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    height: 21px;
    line-height: 21px;
    margin-right: 6px;
    width: 672px;
}
.account_set{
	float:left;
	width:56px;
	height:21px;
	line-height:21px;
	border:none;
	cursor:pointer;
	margin-right:6px;
	background:none;
	}
.account_sub{
	float:left;
	width:41px;
	height:21px;
	line-height:21px;
	border:none;
	cursor:pointer;
	background:none;
	}
.tabx {
	margin-top:10px;
	margin-left:10px;
	border:solid 1px #fff;
	border-collapse:collapse;
}
.rcb_tabc .jj_tab1{
	width:100%;
	}
.rcb_tabc .jj_tab1,.rcb_tabc .jj_tab1 tr td{
	border-collapse:collapse;
	border-spacing:0;
	}
.rcb_tabc .jj_tab1 thead tr td{
	font-weight:bold;
	height:30px;
	}	
.rcb_tabc .jj_tab1 tr td{
	border:1px solid #dedede;
	height:24px;
	text-align:center;
	}	
.rcb_tabc .jj_tab2,.rcb_tabc .jj_tab2 tr td{
	border-collapse:collapse;
	border-spacing:0;
	}
.rcb_tabc .jj_tab2 tr td{
	border:1px solid #dedede;
	height:24px;
	text-align:center;
	}
.rcb_tabc .jj_tab2 tr.jj_tr1 td{
	font-weight:bold;
	}	
	

/* IPO */
#turnButton {
    display: inline-block;
    background-color: #214c7f;
    color: #FFF;
    line-height: 32px;
    text-align: center;
    margin-left: 10px;
    border: solid #e5e5e5 1px;
    font-weight: bold;
        padding: 0px 8px;
}
#IpoSelectNewsList{height: 30px;
    line-height: 30px;}
 #IpoSelectNewsList > input, #IpoSelectNewsList > span{       float: left;}

 /* footer */
 .Footer.paddingTop {width:300px;}
 
 .ListHeader li a {color:#FFF;}
 
 /* Advanced Search */
.searchFields .searchItem {width:50%; float:left}
.searchItem .label {float:left; min-width:120px;}
.searchItem .input {float:left; width:60%; padding-right:3%}
.searchItem .input .codeInput {width:100%}
.searchItem .label,
	.searchItem .input,
	.searchItem .input .codeInput {height:35px; line-height:35px}
.divTitle{width:100%; height:27px; border-bottom:2px solid #214c7f; *margin-right:-3px;}
.divTtitleHdr{height:18px; padding:6px 10px 0 10px; line-height:18px; font-weight:bold; float:left; clear:both;}
.divCIResult{padding-top:5px;}
.ciResultTitle{font-weight:bold; padding-left:5px;}
.ciResultData{margin-top:5px;}
.ciResultTable{padding-top:5px;}
 

/* common_global_index --main */
#common_global_index_container #index_header_ASIA td{background-color: #214c7f;}
#common_global_index_container table  tr#index_header_ASIA td{color: #FFF; padding: 10px; text-align: right;}
#common_global_index_container .row_odd{background-color: #e0eaf4;}
#common_global_index_container #index_header_EURO, #common_global_index_container .break{display:none;}

#index_main_global_mobile, #index_main_global_mobile .fullView, #remark_china, .index_hk_time, .index_foreign_time, #remark_summer{display:none;}
#index_main_global_full_width, #index_main_global_mobile #remark_china_full.fullView{display:block;}
#index_main_global_full_width table, #index_main_global_mobile table{width:100%;}
#index_main_global_mobile #common_global_index_container table td.index_change_percent, #index_main_global_mobile #common_global_index_container table td.index_change{width:20%;vertical-align: bottom;}
#index_main_global_mobile #common_global_index_container table tr.sectionRow td:first-child{display:block;}
#common_global_index_container .index_last.color_down, #common_global_index_container .index_last.color_up{color: #2C2C2C;}
#common_global_index_container .color_down{color: #ed0012;}
#common_global_index_container .color_up{color: #00ab34;}
#index_main_global_mobile #index_header_ASIA .index_last, #index_main_global_mobile #index_header_ASIA .index_name, #index_main_global_mobile #common_global_index_container table tr#index_header_ASIA td{padding: 5px;}
#index_main_global_mobile tr.index_row div.index_last{padding-top: 5px;}
#common_global_index_container table td{padding: 10px; border-right: 1px solid #FFF; text-align: right;}
#common_global_index_container table td.index_name, #common_global_index_container table td.index_zone, #common_global_index_container table td:first-child, #common_global_index_container table  tr#index_header_ASIA td:first-child{text-align: left;}
#index_main_global_mobile #common_global_index_container table td.index_name, #index_main_global_mobile #common_global_index_container table #index_header_ASIA td.index_name{text-align: left;}
#index_main_global_mobile #common_global_index_container table td{padding: 5px; }
#common_global_index_container #remark, .local_index_remark{padding-bottom: 15px;}
#common_global_index_container #remark div, .local_index_remark div{padding-top:5px;}
#index_global_mobile .Footer.paddingTop, #index_global_full_width .Footer.paddingTop{padding: 0px 10px 10px 10px;}
#index_main_global_full_width .sectionRow td, #index_main_global_mobile #common_global_index_container table tr.sectionRow td:first-child{font-weight: bold;   color: #000000;}

#index_main_global_mobile #index_header_ASIA .index_name, #index_main_global_mobile #index_header_ASIA .index_last{padding: 0px;}
@media only screen and (max-width: 700px) {
	.globalSearchDiv {width:100%;}
	.QuoteSearchBar .globalSearchDiv {width:auto}
	#index_global_full_width{display:none;}
	#index_global_mobile{display:block;}
	#index_main_global_full_width{display:none;}
	#index_main_global_mobile{display:block;}
	.searchFields .searchItem {float:none;width:100%;}
	.searchItem .input{width:calc(97% - 10px);}
	.AdvancedSearch #naturelist, .AdvancedSearch #indexlist{max-width: 100%}
}


.indexTblDiv .indexTbl.dataTbl th, .indexTblDiv .indexTbl.dataTbl td {text-align: right;}
.indexTblDiv .indexTbl.dataTbl th:first-child , .indexTblDiv .indexTbl.dataTbl td:first-child {text-align: left;}

/** code search box **/
#autoCompQuoteDIV .globalSearchMoreBtn, #autoCompQuoteDIV li{border-left: 1px solid #666; border-right: 1px solid #666;}
#autoCompQuoteDIV{border-bottom: 1px solid #666;}
#autoCompQuoteDIV ul li:hover{cursor: pointer;}
#autoCompQuoteDIV .ac_quote_even{background-color: #e0eaf4;}
#autoCompQuoteDIV .ac_quote_odd{background-color: #fff;}

/*Global indexes main*/
.index_zone {color: #214c7f; font-weight: bold;}
#remark_china_full {line-height: 16px; font-size: 12px; color: #93A1AD}
#remark_other {line-height: 16px; font-size: 12px; color: #93A1AD}
#remark_euro {line-height: 16px; font-size: 12px; color: #93A1AD}
#index_row_10{background-color: #e0eaf4;}
#index_row_11{background-color: white!important;}

/*Industry_lead*/
.name {width: auto;}
.avgChange {width: 12%;}
.stockRatio {width: 200px;}
.turnover {width: 12%;}
.mt {width: 12%;}
.leadStock {width: 22%}

/*industry_detail*/
#industry_detail .up{color: #00ab34;}
#industry_detail .down{color: #ed0012;}

/*warrant_turnover_analysis table*/
.sortableTbl .sortableNull{width: 30%;}
.sortableTbl .sortableTurnoverB{width: 16%}
.sortableTbl .sortableTurnover_PercentT,.sortableTbl .sortableTurnover_PercentP{width: 27%;}

/*market_calendar page*/
.market_calendar_page ul.CalTab li ul li {color: black;}
.market_calendar_page .CalTab > li {background: #f4f4f4;}
.market_calendar_page .CalTab{width:100%; height:30px; overflow:hidden; margin:0px; padding:0px; list-style:none; font-size:0px; display:table; table-layout:fixed;}
.market_calendar_page .CalTab > li{cursor:pointer; height:50px; font-size:0px; display:table-cell; padding:8px; border-left:1px solid #FFF; background-color:#f4f4f4;}
.market_calendar_page .CalTab > li:first-child{border-left:none;}
.market_calendar_page .CalTab li ul{display:block; width:100%; max-width:70px; margin:auto;}
.market_calendar_page .CalTab li ul li{display:inline-block; vertical-align:top; color:#000000; text-align:left;}
.market_calendar_page .CalTab li li.Year{width:100%; font-size:18px; line-height:120%; font-weight:bold;}
.market_calendar_page .CalTab li li.Day{width:100%; font-size:30px; font-weight:bold; line-height:100% !important;}
.market_calendar_page .CalTab li li.Week{width:100%; font-size:12px;}
.market_calendar_page .CalTab li.selected, .market_calendar_page .CalTab li.selected li{ background-color:#214c7f; color:#FFF !important; border-right:1px solid #214c7f}
.market_calendar_page .CalTab li.selected, .market_calendar_page .CalTab li.selected li p{ color:#FFF !important;}
.market_calendar_page .tabIndicatorTab li .tabIndicator {width:15px; height:10px; margin:0 auto;}
.market_calendar_page .tabIndicatorTab li .tabIndicator img {vertical-align:top}
.market_calendar_page .tabIndicatorTab{width:100%;}
.market_calendar_page .MktConference li:first-child{width: 50px;}
.market_calendar_page .MktConference li:last-child{width: calc(100% - 50px);}
.market_calendar_page .MktResult li:first-child{width: 100px;}
.market_calendar_page .MktResult li:last-child{width: calc(100% - 100px);}
.market_calendar_page .tabIndicatorTab li {width:20%; display:inline-block;}
.market_calendar_page .NoData{height:20%!important;}
.market_calendar_page .TableWrapper ul, .market_calendar_page #common_econ_figure_latest ul, .market_calendar_page #common_econ_result_latest ul, .market_calendar_page #common_econ_result_latest.TableWrapper {width: 100%}
.market_calendar_page .MktConference h4, .market_calendar_page .MktResult h4, .market_calendar_page .MktFigure h4, .market_calendar_page .MktFigure2 h4{font-size: 16px! important;}