/* Common */
.FootNote p {color:#93A1AD !important; font-size:12px !important}
.IpoOverall .paging {padding-top:5px; padding-bottom:5px}
.FooterMargin {margin:10px 5px}
.Footer.paddingTop {width:auto}
.Footer.paddingTop > table {width:auto}
.Footer.paddingTop .logo {padding-right:5px}
.part-header,
	.part-header-with-underline {font-weight:bold; padding:5px 0; color:#214c7f}
.part-header-with-underline {border-bottom:2px solid #214c7f}
.part-separation-margin {margin-top:20px}
.fit-content {width:1px; white-space:nowrap}
.no-data {height:150px; line-height:150px; text-align:center}
.no-data-center {height:150px; line-height:150px; text-align:center !important}
.no-data-center-border {height:150px; line-height:150px; text-align:center !important; border:1px solid #E4E4E4}
#autoCompQuoteDIV {display:none}
.Info ul.List {border-bottom:solid 1px #E4E4E4}
.txtLeft {text-align:left}
.txtRight {text-align:right}

/* Button */
.input-btn {min-width:80px}

/* Table */
.tblContainer {margin-top:15px; border-top:1px solid #E4E4E4}
.tblContainer:first-child {margin-top:0; border-top:0}
.tblHeader {padding:10px 10px 0; font-weight:bold}
.dataTbl .txtLeft {text-align:left}
.dataTbl .txtRight {text-align:right}
.dataTbl.dataTblS2 th,
	.dataTbl.dataTblS2 td {border-right:0}
.dataTbl.dataTblS2 th {background-color:#fff; color:#666; font-weight:normal}
.dataTbl.dataTblS2 tr:nth-child(odd) td {background-color:#fff}
.dataTbl.dataTblS2 tr:nth-child(even) td{background-color:#e0eaf4}

/* Listing */
.card-listing .item {padding:10px 5px; border:1px solid #E4E4E4; margin-top:5px}
.card-listing td {line-height:20px; vertical-align:top}
.card-listing td.title {text-align:left}
.card-listing td.value {text-align:right}

/* advanced_search */
.advanced_search .input-btn {margin-left:10px}

/* ci & ca */
.ListHeader_Alt_Color {background-color:white !important}
.ListHeader_Alt_Color li {color:rgb(102,102,102) !important}

/* ci & ca top basic info. */
.top-basic-ci {overflow:hidden; padding:5px 0; border-bottom:2px solid #f2f2f2}
.top-basic-ci > div {float:left; margin-right:30px; height:60px}
.top-basic-ci::after {content:''; clear:both}
.top-basic-ci .logo .company-logo {width:100%; max-width:100px; display:block}
.top-basic-ci .table {height:100%}
.top-basic-ci .tableCell {text-align:left}
.top-basic-ci .tableCell > div {padding:2px 5px}

/* ca_dividend.php */
#ResultAnnounce.ca_dividend .AnnounceDate, 
	#ResultAnnounce.ca_dividend .AnnounceDateHdr {width:100px}
#ResultAnnounce.ca_dividend .FinancialYear,
	#ResultAnnounce.ca_dividend .FinancialYearHdr {width:70px}
#ResultAnnounce.ca_dividend .ExDate,
	#ResultAnnounce.ca_dividend .ExDateHdr,
	#ResultAnnounce.ca_dividend .Delivery,
	#ResultAnnounce.ca_dividend .DeliveryHdr {width:80px}
#ResultAnnounce.ca_dividend .Expiraty,
	#ResultAnnounce.ca_dividend .ExpiratyHdr {width:112px}
#ResultAnnounce.ca_dividend .Item,
	#ResultAnnounce.ca_dividend .ItemHdr {width:16%; padding-left:5px; padding-right:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}

/* ci_cal_event.php */
.ci_cal_event .TableWrapper {padding:10px 0 5px}
.ci_cal_event .TableWrapper:first-child {padding:0}
.ci_cal_event .TableWrapper ul {width:100%; font-size:14px}

/* ci_cal_result.php */
.ci_cal_result .TableWrapper ul {width:100%}

/* indexes_main.php */
.indexes_main #index_main_global_mobile .index_header * {color:#fff}

/* industry_adu.php */
.industry_adu .QuoteSearchBar {padding-bottom:0; width:auto; float:left}
.industry_adu .aduBox {float:right}
.industry_adu .aduBox .notice {background-color:transparent}
.industry_adu .aduBox .notice ul {text-align:right}

/* industry_profit_detail.php */
.industry_profit_detail .sortableTbl th,
	.industry_profit_detail .sortableTbl td {line-height:18px; padding:5px}
.industry_profit_detail .select-box-container {width:400px; margin-bottom:15px}
.industry_profit_detail .desktop-data-table th,
	.industry_profit_detail .desktop-data-table td {text-align:right; width:12%}
.industry_profit_detail .desktop-data-table th {padding:5px; background-color:#214c7f; color:#fff}
.industry_profit_detail .desktop-data-table td {padding:5px} 
.industry_profit_detail .desktop-data-table th.name,
	.industry_profit_detail .desktop-data-table td.name {text-align:left; width:auto}
.industry_profit_detail .desktop-data-table th.years,
	.industry_profit_detail .desktop-data-table td.years {text-align:center}
.industry_profit_detail .desktop-data-table th.eps,
	.industry_profit_detail .desktop-data-table td.eps {width:14%}
.industry_profit_detail .mobile-listing .item {padding:10px 5px; border:1px solid #E4E4E4; margin-top:5px}
.industry_profit_detail .mobile-listing .item:first-child {margin-top:0}
.industry_profit_detail .mobile-listing .nameAndCode > span {margin-left:5px; margin-right:5px; font-weight:bold}
.industry_profit_detail .mobile-data-table .title,
	.industry_profit_detail .mobile-data-table .value {padding:3px 5px}
.industry_profit_detail .mobile-data-table .title {text-align:left}
.industry_profit_detail .mobile-data-table .value {width:30%; text-align:right}

/* ipo_hot.php */
.HotListIpo ul li {margin-top:5px}

/* ipo_news.php */
#IpoMenu #IpoSelectNewsList span {line-height:30px; margin-left:5px; margin-right:20px}
#IpoMenu #IpoSelectNewsList span:last-child {margin-right:0}

/* memo_turnover.php */
.memo_turnover .ListMemo .Name {width:21%}

/* news.php */
.IpoNews h1 a {color:#2C2C2C}

/* quote.php */
.Quote .dataCellTbl td {border-top:1px #fff solid}
.Quote .dataCellTbl td:nth-child(odd) {border-left:1px #fff solid}
.Quote .dataCellTbl td:last-child {border-right:1px #fff solid}
.Quote .dataCellTbl tr:last-child td {border-bottom:1px #fff solid}

/* quote_news.php */
#IpoMenu ul {padding:0; margin-bottom:10px}

/* quote_outstanding.php */
.quote_outstanding .chart .chart-wrapper {text-align:center}
.quote_outstanding #oustanding_chart {width:100%; max-width:480px}
.quote_outstanding .mobile-listing .item {padding:10px 5px; border:1px solid #E4E4E4; margin-top:5px}
.quote_outstanding .mobile-listing .item:first-child {margin-top:0}
.quote_outstanding .mobile-listing .item .date {font-weight:bold; padding:2px 0 5px}
.quote_outstanding .mobile-listing .item td {line-height:20px}
.quote_outstanding .mobile-listing .item .title {text-align:left}
.quote_outstanding .mobile-listing .item .value {text-align:right}

/* warrant_cbbc_search.php */
.warrant_cbbc_search .top-search-section * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.warrant_cbbc_search .top-search-section .btnCell .input-btn {margin-left:10px}

/* warrant_search.php & cbbc_search.php */
.warrant_cbbc_search .top-options * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.warrant_cbbc_search .options input,
	.warrant_cbbc_search .options select {width:100%}
.warrant_cbbc_search .collapse-expand-row {text-align:center; padding:10px; background-color:#e0eaf4}
.warrant_cbbc_search .advanced-options {background-color:#e0eaf4}
.warrant_cbbc_search .advanced-options > .left {width:50%}
.warrant_cbbc_search .advanced-options .tableRow > .tableCell {padding:10px 5px}
.warrant_cbbc_search .advanced-options .title {text-align:left; width:100px}
.warrant_cbbc_search .advanced-options .value {text-align:right}
.warrant_cbbc_search .top-options .btnDiv {margin-top:10px; text-align:center}
.warrant_cbbc_search .top-options .btnDiv .input-btn {margin-left:10px;}

/* warrant_search.php */
#searchform li.label {vertical-align:middle}

/* warrant_turnover_analysis.php */
.warrant_turnover_analysis .chartFrame {text-align:center}
.warrant_turnover_analysis .chartFrame > img {padding-top: 20px; width: auto;}
.warrant_turnover_analysis .sortableTbl th * {color:#fff}

/* warrant_turnover_distribution.php */
.warrant_turnover_distribution .noPaddingTopRow td {padding-top:0}

/* warrant_turnover_outstanding.php */
.warrant_turnover_outstanding .noPaddingTopRow td {padding-top:0}