.appC{
	/*font-size: 24px;*/
}

section.cd-table > div.table__wrapper {
    background-color: #ffffff;
}

section.cd-table > div.table__wrapper p {
    margin: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}

.market-hkex .slider__slide_forEdit {
    position: relative !important;
    height: auto;
    width: 100%;
    left: 0;
    top: 0;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    overflow: hidden !important;
    display: block !important;
    float: left !important;
    opacity: 1 !important;
    z-index: 2 !important;
}

.market-hkex .slider__slide_forEdit div.scLooseFrameZone {
    zoom: 1;
    overflow: hidden;
}

.market-hkex .video-img-thumbnail li div.scLooseFrameZome {
    overflow: hidden !important;
}

.market-hkex .slider__caption__over {
  display: block;
  position: absolute;
  /*background: linear-gradient(#ffffff 60%, #e5efef);*/
  background: rgba(255,255,255,0) no-repeat;
  background-size: contain;
  left: 0;
  bottom: 25px;
  /*padding: 11% 20px 0 57px;*/
  padding: 10% 8% 0 8%;
  margin: 0;
  max-width: none;
  max-height: 518px;
  max-width: 518px;
  width: 518px;
  height: 518px;
  height: 100%;
  z-index: 3;
}

@media (max-width: 1400px) {
  .market-hkex .slider__caption__over {
    padding-right: 11%;
    min-width: 381px;
    /*min-height: 381px; Edit by Henry Date: 20170808 Fix Homepage Banner Slideshow*/
    width: 100%;
    height: 100%;
    z-index: 3;
  }
}

@media (max-width: 1200px) {
  .market-hkex .slider__caption__over {
    padding-right: 18%;
    padding-top: 8%;
  }
}

@media (max-width: 1000px) {
  .market-hkex .slider__caption__over {
    /*background-image: linear-gradient(#ffffff 60%, #e5efef);*/
    background: rgba(255,255,255,0) no-repeat;
    width: 399px;
    height: 399px;
    padding-left: 60px;
    padding-top: 13%;
    padding-right: 3%;
    bottom: 18%;
    border-radius: 50% 50%;
    z-index: 3;
  }
}

@media (max-width: 767px) {
  .market-hkex .slider__caption__over {
    border-radius: 0%;
    width: 100%;
    height: auto;
    bottom: 0;
    padding-top: 20px; /*Edit by Henry Date: 20170808 Fix Homepage Banner Slideshow*/
    padding-left: 21px;
    /*min-height: 255px; Edit by Henry Date: 20170808 Fix Homepage Banner Slideshow*/
    min-width: 100%;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
            box-shadow: 0 1px 0 0 #a1b4c5;
    background-color: #ffffff;
    background-image: none;
    position: static;
    margin-top: -5px;
    z-index: 3;
  }
}

.market-hkex .slider__caption__over p {
  font-size: 20px;
  color: #10416c;
  line-height: 1.2;
  margin: 0 0 13px 0;
}

@media (max-width: 767px) {
  .market-hkex .slider__caption__over p {
    font-size: 1.125rem;
  }
}

@media (max-width: 1000px) {
  .market-hkex .slider__caption__over p {
    font-size: 22px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

@media (min-width: 767px) {
    .market-hkex .slider__caption.lv_zero {
        /*background: rgba(255, 255, 255, 0) !important;*/
        background: transparent url("../image/caption-bg.png") no-repeat 0 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        background-size: contain;
    }
    /*<Test by Billy>*/
    /*
    .market-hkex .slider__caption.lv_zero *
    {
        opacity: 1; 
    }*/

    .market-hkex .slider__caption.lv_one {
        /*background: rgba(255, 255, 255, 0.2) !important;*/
        background: transparent url("../image/caption-bg.png") no-repeat 0 0;
        filter: alpha(opacity=0.2);
        -moz-opacity: 0.2;
        -khtml-opacity: 0.2;
        opacity: 0.2; 
        background-size: contain;
    }

    .market-hkex .slider__caption.lv_two {
        /*background: rgba(255, 255, 255, 0.4) !important;*/
        background: transparent url("../image/caption-bg.png") no-repeat 0 0;
        filter: alpha(opacity=0.4);
        -moz-opacity: 0.4;
        -khtml-opacity: 0.4;
        opacity: 0.4;  
        background-size: contain;
    }

    .market-hkex .slider__caption.lv_three {
        /*background: rgba(255, 255, 255, 0.6) !important;*/
        background: transparent url("../image/caption-bg.png") no-repeat 0 0;
        filter: alpha(opacity=0.6);
        -moz-opacity: 0.6;
        -khtml-opacity: 0.6;
        opacity: 0.6;  
        background-size: contain;
    }

    .market-hkex .slider__caption.lv_four {
        /*background: rgba(255, 255, 255, 0.8) !important;*/
	    background: transparent url("../image/caption-bg.png") no-repeat 0 0;
        filter: alpha(opacity=0.8);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;  
        background-size: contain;
    }

    .market-hkex .slider__caption.lv_five {
        /*background: rgba(255, 255, 255, 1) !important;*/
	    background: transparent url("../image/caption-bg.png") no-repeat 0 0;
        filter: alpha(opacity=1);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;  
        background-size: contain;
    }
}

.market-hkex .wl-newsletter__btn-holder {
	margin-bottom: 20px;
}

.market-hkex .wl-newsletter__form .submit {
  background-color: #10416c;
  padding: 18px;
  margin-top: 1px;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

@media (max-width: 1000px) {
    .market-hkex .wl-newsletter__form .submit {
        margin-left: 0;
        margin-top: 15px;
    }
    .market-hkex .wl-newsletter__form .system-msg {
    position: relative;
    top: -4em;
  }
}
.market-hkex .wl-newsletter .wl-newsletter__form .cancel, .market-hkex .wl-newsletter .wl-newsletter__form .right {
    display: none;
}

.market-hkex .wl-advantages__list-item__img{
    max-width:40px;
    max-height:45px;
}

.market-hkex .sub-menu__level1 li.back::before {
    background-size: 6px 13px; /*edited by laam*/
}

.market-hkex .top-menu__items li.hasChildren::after {
    background-size: 6px 13px; /*edited by laam*/
}


.market-hkex .left-menu__level2 li.back::before {
    background-size: 6px 13px; /*edited by laam*/
}

.market-hkex .left-menu__level1 li.showChildren a::after{
    background-size: 8px 6px;
}

.market-hkex .left-menu__level1 li.showChildren a::before{
    background-size: 8px 6px;
}

.market-hkex .left-menu__level1 li.hasChildren::after {
    background-size: 8px 6px;
}
@media (max-width: 1000px) {
    .market-hkex .left-menu__level1 li.showChildren a::after { 
        background-size: 6px 13px; /*edited by laam*/
    }

    .market-hkex .left-menu__level1 li.hasChildren a::after  {
        background-size: 6px 13px; /*edited by laam*/
    }

    .market-hkex .left-menu__level1 li.hasChildren a::before  {
        background-size: 6px 13px; /*edited by laam*/
    }
}

.market-hkex .left-menu__level1 li.active a::before {
    background-size: 6px 8px;
}

.market-hkex .faq-all-quesitons__search-input {
    position: relative; /*edited*/
}

.market-hkex .faq-all-quesitons__search-input .btnSearch {
    position: absolute;
    top: 6px;
    left: 33px;
    padding: 15px 15px 15px 15px;
    /*background-image: url("/Images/HKEX/HKEX MARKET/search-icon-blue.png");*/
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 767px) {
    .market-hkex .slider__slides_tabs {
        bottom: 11em;
    }
}

/*
Changed by Billy
Date: 9/2/2017
Reason: Changed the icon size from 17px to 11px for all expanded icon
*/
.market-hkex .ls-process__rule-holder a[aria-expanded='false'] {
    background-size: 11px 11px;
}

.market-hkex .ls-process__rule-holder a[aria-expanded='true']
{
    background-size: 11px 11px;
}

.market-hkex .listing-committee-left-report__title{
    color : #10416c;
}

.market-hkex .quick-link-list li a i {
     background: url("../image/arrow-right.png") no-repeat 0 center;
	 /*background-size: 10px 14px;*/
}

.market-hkex .select-group .select-items > :nth-child(n){
    padding:0px;
}

.market-hkex .select-group .select-items a{
    padding:15px;
}

.market-hkex .select-group-secondList > .select-group{
	border-top:none;
}
.market-hkex .select-group {
	border-bottom: 1px solid #cbcbcb;
}
.market-hkex .select-group .select-items {
	border: none;
	border-bottom: 1px solid #cbcbcb; /*Add by Henry Date:20170731 Fix UAT log #5020*/
}

/*Add by Henry Date:20170731 Fix UAT log #5020*/
.market-hkex .select-group-secondList .select-group .select-items {
	z-index: 14; 
}

.market-hkex .select-group .select-items > .select-item{
	border: 1px solid #cbcbcb;
}
.market-hkex .select-group .select-items > .select-item:first-child{
	border-top: none;
}
.market-hkex .select-group .select-items > .select-item:not(:last-child){
    border-bottom: none ;
}
/*Add by Henry Date:20170731 Fix UAT log #5020*/
.market-hkex .select-group .select-items > .select-item:last-child{
    border-bottom: none ;
}

.market-hkex .select-group-secondList {
    display:inline;
}

@media (max-width: 1000px) {
    .market-hkex .topbar__logo img{
        width:63px;
    }

    .market-hkex .footer__logo img{
        height:auto;
    }
}
/*
.market-hkex .faq-all-quesitons__search-input input{
    background-image:none;
}
*/
@media (min-width: 1001px) {
    .market-hkex .wl-caseStudies__list li:nth-child(3n) {
        border: none;
    }
}

.market-hkex .wl-newsletter__rlinks ul{
    padding:0px;
}

.market-hkex .video-control__showreelcontainer a{
    background-repeat: no-repeat;
}
.market-hkex .show-reel__right .rightimg ,.market-hkex .show-reel__right .leftimg{
	position:relative;
}

.market-hkex .info-card .info-card-desc {
    clear: both;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 25px;
    font-size: 0.875rem;
    line-height: 20px;
}

.market-hkex .info-card img{
    max-height:32px;
}

.monthlyHighlight p img {
	padding-left:0px;
	padding-right:0px;
	width:100%;
	height: auto !important;	
}


.downloadPDF:after {
  content: url("../image/pdf.png");
    margin-left: 5px;
}
.downloadDOC:after {
  content: url("../image/doc.png");
 margin-left: 5px;
}
.downloadXLS:after {
  content: url("../image/xls.png");
  margin-left: 5px;
}
.downloadPPT:after {
  content: url("../image/ppt.png");
 margin-left: 5px;
}

.downloadZIP:after {
  content: url("../image/zip.png");
 margin-left: 5px;
}

.downloadCSV:after {
  content: url("../image/csv.svg");
 margin-left: 5px;
}

.downloadTXT:after {
  content: url("../image/txt.png");
 margin-left: 5px;
}

.contact-us-aside {
    /*margin-bottom: 0px;*/
}

.etpIssuers__whyListInHK-tab .monthlyHighlight p {
    padding: 0px !important;
}

.etpIssuers__whyListInHK-tab .monthlyHighlight h3 {
    padding: 0px !important;
}

.market-hkex .a_link_in_RichText {
	text-decoration:underline;
}

div.listing-step__desc {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.btn-disable {
    pointer-events: none;
    cursor: default;
}

div.circulars {
    margin-bottom: 40px;
}

/* Form */
.scfForm {
  font-size: 0.875rem;
  color: #10416c;
  line-height: 1.43 !important;
  background-color: #ffffff;
  margin-top: 20px;
  /*width: 32.2033898305% !important;*/
  margin-top: 20px;
}



/* Form Title*/
.scfTitleBorder {
  color: #10416c !important;
	height: 48px;
	display: table-cell;
	width: 10000px;
	vertical-align: middle;
	border-left: 4px solid #e72742;
	padding-left: 26px;
	font-weight: 700;
	color: #10416c;
	font-size: 1.125rem;
	letter-spacing: .5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Forms section*/
.scfSectionLegend {
  color: #10416c !important;
  font-size: 0.875rem !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.scfSectionBorderAsFieldSet{
	border-bottom: 0px !important;
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.scfSectionLegend {
	margin-left: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .scfSectionLegend {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 30px !important;
  }
}
/* Form Introduction*/
.scfIntroBorder {
  font-weight: bold;
}

/* Form fields */
/* Checkbox */
.scfCheckbox {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  width: 100% !important;
}

.scfCheckbox {
	border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-bottom-color: #eee;
}

.scfSectionContent > :last-child  > div  > span{
    border-width: 0px 0px 0px 0px !important;
}

.scfCheckboxBorder {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.news-feature__itv-text--blue {
  background-color: #507494;
}
.news-feature__itv-text--blue .add-ellipse span {
  background-image: none;
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #507494), color-stop(50%, rgba(255, 255, 255, 0))) !important;
  background: -webkit-linear-gradient(right, #507494 50%, rgba(255, 255, 255, 0)) !important;
  background: linear-gradient(to left, #507494 50%, rgba(255, 255, 255, 0)) !important;
}
/* Submit Button*/
.scfSubmitButtonBorder {
	text-align: center;
	padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .scfSubmitButtonBorder {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

.scfSubmitButton {
  padding: 15px 20px 15px 20px;
  text-transform: uppercase;
  border: none;
  display: inline-block;
  outline: 0;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.2px;
  font-weight: bold !important;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  background-color: #10416c;
  color: #ffffff;
  width: 170px !important;
}

.fontsize-large .scfSubmitButton {
	width: 190px !important;
}

.fontsize-small .scfSubmitButton {
	width: 150px !important;
}
/*
Added by Shaman
Date: 8/2/2016
Component: Web Form
Reason: Make the button width that can show all the word "SEND MESSAGE"
*/

@media (max-width: 1000px){
	.scfSubmitButton {
		display: block;
		margin: auto !important;
		margin-top: 60px !important;
	}
	
	.fontsize-large .scfSubmitButton {
		display: block;
		margin: auto !important;
		margin-top: 80px !important;
	}
	
	.fontsize-small .scfSubmitButton {
		display: block;
		margin: auto !important;
		margin-top: 40px !important;
	}
}

.scfSubmitButton_disable {
  padding: 15px 20px 15px 20px;
  text-transform: uppercase;
  border: none;
  display: inline-block;
  outline: 0;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.2px;
  font-weight: bold !important;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  background-color: #cbcbcb;
  color: #ffffff;
  width: 170px !important;
}

.fontsize-large .scfSubmitButton_disable {
	width: 190px !important;
}

.fontsize-small .scfSubmitButton_disable {
	width: 150px !important;
}


/*
Added by Shaman
Date: 8/2/2016
Component: Web Form
Reason: Make the button width that can show all the word "SEND MESSAGE"
*/
@media (max-width: 1000px){
	.scfSubmitButton_disable {
		display: block;
		margin: auto !important;
		margin-top: 60px !important;
	}
	
	.fontsize-large .scfSubmitButton_disable {
		display: block;
		margin: auto !important;
		margin-top: 80px !important;
	}
	
	.fontsize-small .scfSubmitButton_disable {
		display: block;
		margin: auto !important;
		margin-top: 40px !important;
	}
}

.scfSubmitButton:hover {
  text-decoration: none;
}

.scfSubmitButton:hover, .scfSubmitButton:focus, .scfSubmitButton:active {
  color: #ffffff;
}

/*Form image*/
@media (max-width: 1000px){
		.checkbox__content-img-container{
		text-align: center;
	}
}

.checkbox__content-img-container img {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1000px) {
  .checkbox__content-img-container img {
    width: 280px;
	padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px
	
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  .scfForm {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

.scfCheckBoxListGeneralPanel {
	width: 100% !important;
}

/*radio button list*/
.scfRadioButtonList {
	display: inline-block;
	padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.scfRadioButtonList td{
	display: inline-block;
    padding-bottom: 10px;
	padding-top: 10px;
	border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-bottom-color: #eee;
}

.scfRadioButtonList > tbody > :last-child > td{
    border-width: 0px 0px 0px 0px;
}



.scfRadioButtonListLabel {
	display: inline-block !important;
	width: 100% !important;
	padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
	font-weight: bold;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .scfRadioButtonListLabel {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

.scfRadioButtonListGeneralPanel{
	width: 100% !important;
}

span.doc::after {
	content:"";
 background: url("../image/doc.png");
background-size: 23px 12px;
margin-left: 5px;
  margin-right: 2px;
  width: 23px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
}
span.ppt::after {
	content:"";
	background: url("../image/ppt.png");
background-size: 23px 12px;
 margin-left: 5px;
  margin-right: 2px;
  width: 23px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
}
span.xls::after {
	content:"";
	background: url("../image/xls.png");
	background-size: 23px 12px;
 margin-left: 5px;
  margin-right: 2px;
  width: 23px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
}

span.csv::after {
	content:"";
	background: url("../image/csv.svg");
	background-size: 23px 12px;
 margin-left: 5px;
  margin-right: 2px;
  width: 23px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
}

span.txt::after {
	content:"";
	background: url("../image/txt.png");
	background-size: 23px 12px;
 margin-left: 5px;
  margin-right: 2px;
  width: 23px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
}

span.pdf::after {
		background-size: 23px 12px;
 
}

.advanced-search__main .pdf::after, .advanced-search__main .doc::after, .advanced-search__main .ppt::after, .advanced-search__main .xls::after{
    margin-left: 10px;
}

@media (max-width: 767px) {
    .advanced-search__others-content{
        text-indent:0px;
    }
}

.market-hkex .faqWidget{
	margin-top : 0px;
	margin-bottom : 20px;
}

.market-hkex .ticker__error-img:before,.market-hkex .ticker__info-img:before,.market-hkex .ticker__warn-img:before,.market-hkex .ticker__success-img:before{
    background-size: 30px 30px;
}

.btn-blue > a {
	color:#fff;
	text-decoration:none;
}

/*Content Us right side button*/
@media (min-width: 1001px) {
  .market-hkex .contact_us__right_part {
    float: right;
    width: 400px;
	/*margin-top: -3%;*/
  }
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__right_part {
    float: right;
	margin: auto;
  }
}

@media (min-width: 1001px) {
  .market-hkex .contact-us-rightaside .contact_us__right_part {
    float: right;
    width: 300px;
	margin-top: -3%;
  }
}

.market-hkex .contact_us .checkbox .btn-gray {
  padding: 15px 20px 15px 15px;
  float: right;
  background: #10416c;
  color: #ffffff;
   font-weight: bold;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us .checkbox .btn-gray {
    margin-top: 20px;
    float: right;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact_us .checkbox .btn-gray {
    float: none;
    margin: 20px auto 0 auto;
    display: block;
  }
}

.market-hkex .contact_us_form_captcha {
  float: left;
  min-width: 188px;
  max-width: 193px;
  margin-top: -8%;  
}

.market-hkex .contact-us-rightaside .contact_us_form_captcha {
  float: left;
  min-width: 188px;
  max-width: 193px;
  margin-top: -8%;
  margin-left: 0px;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us_form_captcha {
    margin: 0 auto;
    float: none !important;
    width: 100%;
  }
}
@media (max-width: 1000px) {
	.scfCaptchaLabel {
		width: 0% !important;
	}
}
/*
Changed by Shaman
Date: 13/2/2017
Component: All Web Form
Reason: Remove the border of refresh botton of Captcha
*/
.scfCaptchaGeneralPanel td input{
	margin-top: 20px;
	border: none !important;
}

/*
Added by Shaman
Date: 8/2/2017
Component: All Web Form`
Reason: Prevent the double lines of word 'Robot Check' when the page in large font size
*/
.fontsize-large .scfCaptchaGeneralPanel {
	width: 100% !important;
}
.contact_us__right_part  > input {
	/*float: right;*/
}

@media (min-width: 1000px) {
	.contact_us__right_part  > input {
		float: right;
	}
}
	
@media (min-width: 767px) and (max-width: 1000px) {
	.contact_us__right_part  > input {
		float: none;
	}
}

@media (max-width: 767px) {
	.contact_us__right_part  > input {
		display: flex; 
		justify-content: center; 
		float: none;
	}
}

@media (min-width: 1001px) {
	.contact-us-aside .contact_us__right_part  > input {
		margin-top: 10px;
		float: left;
	}
}

.contact_us__checkbox  > label{
	display: block !important;
}

.scfMultipleLineTextBox {
  width: 100%;
  height: 100%;
  border: 1px solid #cbcbcb;
  padding-top: 20px;
  margin-bottom: 10px !important;
}

.section__title-left-border {
	background-color: white;
}

.market-making__content {
	background-color: white;
}

.market-ticker__close {
  position: absolute;
  background: url("../image/cancel.png") no-repeat;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

.market-ticker__close span {
  line-height: 50px;
  font-size: 0.875rem;
  color: #fff;
}

.market-hkex .topbar__ticker:hover, .market-hkex .topbar__ticker:active,.market-hkex .topbar__ticker:focus{
	/*background:url("/Images/HKEX/HKEX MARKET/topbar_bell_hover.png") no-repeat left center;*/
    text-decoration: none;
}

/*
Changed by Henry
Date: 14/2/2017
Component: Topbar Ticker
*/
.market-hkex .topbar__ticker {
  padding : 7px;
  /*background:url("/Images/HKEX/HKEX MARKET/topbar_bell.png") no-repeat left center;*/
  background-size: 13px;
  display:inherit;
  margin-bottom: 4px;
}

.market-hkex .m-topbar__ticker span {
	padding-left: 20px;
}

.market-hkex .m-topbar__ticker, .market-hkex .topbar__ticker {
  vertical-align: middle;
  margin-left: 15px;
  /*outline: none; Comment out by Peter to fix 5013, date: 2017-07-13 */
  border: none;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__ticker {
    padding: 0px;
  }
  
  .market-hkex .m-topbar__ticker, .market-hkex .topbar__ticker {
      margin-left: 20px;
  }
}

.market-hkex .m-topbar__ticker:focus, .market-hkex .topbar__ticker:focus, .market-hkex .m-topbar__ticker:active, .market-hkex .topbar__ticker:active, .market-hkex .m-topbar__ticker:hover, .market-hkex .topbar__ticker:hover {
  /*outline: none; Comment out by Peter to fix 5013, date: 2017-07-13 */
  border-width: 0;
  border-color: rgba(0, 0, 0, 0.6);
}

.scfEmailGeneralPanel{
	width: 100% !important;
}
@media (min-width: 767px) and (max-width: 1000px) {
  .scfEmailGeneralPanel {
    width: 48.3050847458% !important;
    float: left;
    margin-right: 1.6949152542%;
    margin-right: 0;
    margin-top: 0;
  }
}

.twitter-title .hklogo-icon {
	margin-top:0px;
}
.twitter-title .twitter-name {
	width:150px;
}
.vendorInfo {
  font-size: 0.75rem;
  color: #10416c;
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}

.vendorInfo li {
  line-height: 21px;
  padding-left: 20px;
  word-wrap: break-word;
}

/*
edit by Henry
Date: 23/2/2017
Reason: all rich text editor (below classes)
.vendorHome:before
.vendorPerson:before
.vendorCall:before
.vendorPrint:before
.vendorEmail:before
*/
li.vendorHome:before {
  content: '';
  background: url("../image/ic-home.png") no-repeat center;
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: -1px;
  margin-left: -20px;
}

li.vendorPerson:before {
  content: '';
  background: url("../image/ic-person.png") no-repeat center;
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: -1px;
  margin-left: -20px;
}

li.vendorCall:before {
  content: '';
  background: url("../image/ic-call.png") no-repeat center;
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: -1px;
  margin-left: -20px;
}

li.vendorPrint:before {
  content: '';
  background: url("../image/ic-print.png") no-repeat center;
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: -1px;
  margin-left: -20px;
}

li.vendorEmail:before {
  content: '';
  background: url("../image/ic-email.png") no-repeat center;
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 5px;
  margin-bottom: -1px;
  margin-left: -20px;
}
/*.market-hkex .download[href$="pdf"]:after {
  content: '';
}*/
.market-hkex .share-group--items .share-5 {
  background: url("../image/GooglePlus.svg") no-repeat center center;
   width: 22px;
}

.market-hkex .share-group--items .share-5:hover {
  background: url("../image/GooglePlus Hover.svg") no-repeat center center;
}

.market-hkex .share-group--items .share-4 {
  background: url("../image/Sina Weibo.svg") no-repeat center center;
}

.market-hkex .share-group--items .share-4:hover {
  background: url("../image/Sina Weibo Hover.svg") no-repeat center center;
}
.market-hkex .market-making__content p{  
  color: #13426b;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
}
.market-hkex .market-making__content ul {
	padding-bottom:20px;
}

.market-hkex .equity-overview-container p {
	  color: #10416c;
  /*width: 96%;*/
  font-size: 0.875rem;
  line-height: 1.43;
  margin: 14px 0;
}

.market-hkex .equity-overview-container div {
	font-size: 0.875rem;
	line-height: 1.43;
}

/*for table header text color change to white
.market-hkex .table p {
  color: #ffffff !important;
}*/

@media (max-width: 100px) {
  
}

.scfMultipleLineTextLabel {
    width: 100% !important;
  }
  
.market-hkex .add-ellipse .a_link_in_RichText {
	text-decoration:underline;
	color:white;
}
.market-hkex .add-ellipse .a_link_in_RichText:hover {
 	text-decoration:underline;
	color:white;
}
.market-hkex .news-feature__t-text::before {
	content:'';
}

.circular__section {
    background-color: #e8eef3;;
    text-align: center;
}
/*
Changed by Kitty
Date: 7/2/2016
Component: News release (twitter)
*/
.market-hkex .twitter-title .twitter-name {
  width: 140px;
}
.market-hkex .twitter-section__title .twitter-name {
  width: 140px;
}
.market-hkex .naming-conventions__title-part  {
  border-bottom: 1px solid #d1dde6;
}
.market-hkex .naming-conventions__item {
  border-bottom: 1px solid #d1dde6;
}
.market-hkex .naming-conventions__foot-note {
  border-bottom: 1px solid #d1dde6;
}

.market-hkex .defaultBulletPoint2 {
  color: #10416c;
  font-size: 0.875rem;
  padding-left: 0;
  margin-left: 0;
}

.market-hkex .defaultBulletPoint2 li {
  list-style-type: none;
}

.market-hkex .defaultBulletPoint2 li:before {
  content: '\2022';
}

.market-hkex .defaultBulletPoint2 li p {
  padding-left: 20px;
}

/* View list item in Experience Editor */
.sc-breadcrumb-item-path {
    box-sizing: inherit;
}

/****************************************/
/* Mega Menu Highlight (hamburger part) */
/****************************************/
.market-hkex .mega-menu__highlights--ham, .market-hkex .mega-nav__highlights--ham {
    display:none; 
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu__highlights--ham {
	  display: block;
  }
	
  .market-hkex .mega-nav__highlights--ham {
      margin-right: 1.6949152542%;
      float: left;
      position: relative;
      min-height: 1px;
      width: 100%;
      display: block;
  }
}
/********************************************/
/* END Mega Menu Highlight (hamburger part) */
/********************************************/

/*************/
/* Migration */
/*************/
/*default font-color to #10416c*/
.market-hkex{
	color: #10416c;
}

/*default span style*/
/*
.market-hkex span{
	color: #10416c;
    font-size: 0.875rem;
    line-height: 1.43;
    margin: 14px 0;
}
*/
/*add scrollbar for table*/
.market-hkex .scrollDiv {
	overflow: auto;
    width: inherit;
}

/*set bg-color to white when table has rowspan*/
.market-hkex .rowspanTable tbody tr td{
	background:#fff !important;
}

.market-hkex .table_grey_border,.market-hkex .table_grey_border th,.market-hkex .table_grey_border tr,.market-hkex .table_grey_border td {
	border:solid 1px #E2E2E2;
	border-collapse: collapse;
	margin-left:-1px;
}

/*using orginal width*/
/*
Comment by Billy
Date: 6/2/2016
*/
/*
.market-hkex .table {
	table-layout:fixed;
}
*/
/*default table,tr,td style*/
/*Comment first by Shaman on 02 Feb 2017
 Reason: Dont know the purpose of these class*/
 /*
.market-hkex table ,.market-hkex tr, .market-hkex td{
	color: #10416c;
	vertical-align: top;
	border-collapse: collapse;
}
*/

/*circular table, tr, td style, by Billy*/
.market-hkex .circulars-table table ,.market-hkex .circulars-table tr, .market-hkex .circulars-table td{
	vertical-align: middle;
}

/*Find a Partner table,tr,td style*/
.market-hkex .vendor-table table ,.market-hkex .vendor-table tr, .market-hkex .vendor-table td{
	vertical-align: middle;
}

/*remove epam style 
	.table tbody td:first-child:not([data-first-col='false']){
	padding-left: 31px;
	}*/
.market-hkex .table tbody td:first-child:not([data-first-col='false']){
	padding-left: 12px;/*epam default 12px*/
}

/*remove epam style
	.table thead tr:first-child th:first-child {
	  padding-left: 31px;
	}*/
.market-hkex .table thead tr:first-child th:first-child{
	padding-left: 12px;/*epam default 12px*/
}

/*add bottom border on each table row*/
/*Comment by Billy on 03 Feb 2017
  Reason: It does not exist according to EPAM's design*/
/* 
.market-hkex .table tr{
	border-bottom:1px solid #d1dde6;
}
*/

/*remove bottom border on each table row in find a partner*/
.market-hkex .vendor-table .table tr{
	border-bottom: none !important;
}

/*handle rowspan at last column*/
.market-hkex .table tbody td:last-child{
	border-left:1px solid #d1dde6;
}

/*default some tags font-color in header when using epam table style*/
.market-hkex .table thead p,.market-hkex .table thead span,.market-hkex .table thead div,.market-hkex table thead th{
	color:#fff !important;
}

/*add padding for migration program*/
.market-hkex .padding-left-right{
	padding:0px 30px 0px 30px;
}

/*no padding if already added or in table*/
.market-hkex .padding-left-right .padding-left-right,.market-hkex table .padding-left-right{
	padding:0px 0px 0px 0px;
}

/*.market-hkex .section__panel > .fixed-freeze-tb-container{
	margin-left: -30px;
    margin-right: -30px;
} Edit by Henry Date:23/3/2017 UAT log #3806*/

/*.market-hkex .equity-overview-container > .fixed-freeze-tb-container{
	margin-left: -30px;
    margin-right: -30px;
} Edit by Henry Date:23/3/2017 UAT log #3806*/

.market-hkex .collapse-container > .equity-overview-container > .fixed-freeze-tb-container{
	margin-left: -30px;
    margin-right: -30px;
} /*Edit by Henry Date:30/3/2017*/

/* Migration Style-B like "search result.html"*/
@media (min-width: 1001px){
	.style-b .nav-side {
		width: 23.7288135593%;
	}

	.style-b .nav-content-wrap{
		width: 74.5762711864%;
	}
}
/* Migration Style-C width 1440px*/

@media (min-width: 1001px){
	div.style-c{
		max-width:1440px;
	}

	.style-c .nav-side{
		width: 322px;
	}

	.style-c .nav-content-wrap{
		width: 75.94397363468889%;
	}
}
/****************/
/* Migration End*/
/****************/
.news-feature__t-author span{
	color:white;
}

.circulars-table-fix {
	width: auto !important;
}
.market-hkex .hidden_div {
    display:none; 
}

/*****************************************
Add by Billy
Date: 6/2/2017
Component: Big Banner
Reason: Override EPam Class
*****************************************/
@media (max-width: 767px) {
    .market-hkex .slider__caption.lv_zero {
        display:none; 
    }

    .market-hkex .slider__caption.lv_one {
        display:none; 
    }

    .market-hkex .slider__caption.lv_two {
        display:none; 
    }

    .market-hkex .slider__caption.lv_three {
        display: none;
    }

    .market-hkex .slider__caption.lv_four {
         display: none;
    }

    .market-hkex .slider__caption.lv_five {
         display: none;
    }
}

@media (min-width: 767px) and (max-width: 1000px) {
    .market-hkex .slider__slide img {
        max-width: 78.5%;
    }
}


@media (max-width: 767px) {
    .market-hkex .slider__slide img {
        max-width: 100%;
    }
}

/* Added by Billy
Date: 16-2-2017 
Component: Calendar Styles ***/

/* Overall wrapper */
.monthly {
	background: #F3F3F5;
	color:#545454;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
}

/* Top bar containing title, navigation, and buttons */
.monthly-header {
	position: relative;
	text-align:center;
	padding:10px;
	background: #fff;
	height: 40px;
	box-sizing: border-box;
}
/* Center area of top bar containing title and buttons */
.monthly-header-title {
	font-size:.8em;
	text-transform: uppercase;
}

/* Buttons for reverting to "today", and closing event list */
/*
.monthly-header-title a:link,
.monthly-header-title a:visited {
	display: inline-block;
	border: 1px solid #ccc;
	color: #545454;
	text-decoration: none;
	font-size: 11px;
	height: 25px;
	padding: 1px 10px 0 10px;
	box-sizing: border-box;
	transition:background .1s;
}*/
/* Add some roundy-ness */
/*.monthly-header-title a:first-of-type {
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
}
.monthly-header-title a:last-of-type {
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
}
.monthly-header-title a:hover {
	background: #8b8b8b;
	border:1px solid #8b8b8b;
	color:#fff;
}
.monthly-header-title a:active {
	background: #222;
	border:1px solid #222;
	transition:none;
}*/

/* current month/yr block */
/*
.monthly-header-title-date,
.monthly-header-title-date:hover {
	background: #eee!important;
	border:1px solid #ccc!important;
	color:#545454!important;
	cursor: default;
}
*/

/* Button to reset to current month */
.monthly-reset {
	border-left:0!important;
}
/* Button to return to month view */
.monthly-cal {
	border-right:0!important;
}
/* wrapper for left button to make the clickable area bigger */
.monthly-prev {
	position: absolute;
	top:0;
	left:0;
	width:50px;
	height:100%;
	opacity: .5;
}
.monthly-prev:hover {
	opacity: 1;
}
/* Left Arrow */
.monthly-prev:after{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	border-left:2px solid #222;
	border-bottom:2px solid #222;
	width:5px;
	height:5px;
	margin:-3px 0 0 -5px;
	-webkit-transform:rotate(45deg) ;
		-ms-transform:rotate(45deg) ;
	        transform:rotate(45deg) ;
}
/* wrapper for right button to make the clickable area bigger */
.monthly-next {
	position: absolute;
	top:0;
	right:0;
	width:50px;
	height:100%;
	opacity: .5;
}
.monthly-next:hover {
	opacity: 1;
}
/* Right Arrow */
.monthly-next:after{
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	border-right:2px solid #222;
	border-top:2px solid #222;
	width:5px;
	height:5px;
	margin:-3px 0 0 -5px;
	-webkit-transform:rotate(45deg) ;
		-ms-transform:rotate(45deg) ;
	        transform:rotate(45deg) ;
}

/* Day of the week headings */
.monthly-day-title-wrap {
	display:table;
	table-layout:fixed;
	width:100%;
	background: #fff;
	border-bottom: 1px solid #EBEBEB;
}
.monthly-day-title-wrap div {
	width: 14.28%!important;
	display:table-cell;
	box-sizing:border-box;
	position: relative;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	font-size:11px;
}

/* Calendar days wrapper */
.monthly-day-wrap {
	display:table;
	table-layout:fixed;
	width:100%;
	overflow: hidden;
}
.monthly-week {
	display:table-row;
	width:100%;
}
/* Calendar Days */
.monthly-day, .monthly-day-blank {
	width: 14.28%!important;
	display:table-cell;
	vertical-align: top;
	box-sizing:border-box;
	position: relative;
	font-weight: bold;
	color:inherit;
	background: #fff;
	box-shadow: 0 0 0 1px #EBEBEB;
	-webkit-transition: .25s;
	transition:.25s;
	padding:0;
	text-decoration: none;
}

/* Trick to make the days' width equal their height */
.monthly-day:before {
	content: "";
	display: block;
	padding-top: 100%;
	float: left;
}

/* Hover effect for non event calendar days */
.monthly-day-wrap > a:hover {
	background: #A1C2E3;
}

/* Days that are part of previous or next month */
.monthly-day-blank {
	background:#F3F3F5;
}

/* Event calendar day number styles */
.monthly-day-event > .monthly-day-number {
	position: absolute;
	line-height: 1.1em;
	top:2px;
	left:2px;
	font-size:11px;
}

/* Non-Event calendar day number styles */
.monthly-day-pick {
}
.monthly-day-pick > .monthly-day-number {
	line-height: 1em;
	font-size:11px;
	/*padding-top:35%;*/
}

.monthly-day-pick > .monthly-indicator-wrap {
	margin:0;
}

/* Days in the past in "picker" mode */
.monthly-past-day:after{
	content: '';
	width: 150%;
	height: 2px;
	-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
	        transform-origin: left top;
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0;
	top: 0;
}
.monthly-past-day:hover {
	background: #fff!important;
}
/* Current day style - hidden by Billy */
/*.monthly-today .monthly-day-number {
	color: #FFF;
	background: #EA6565;
	border-radius: 20px;
	top: 1px;
	left: 1px;
	font-size: 10px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}
.monthly-day-pick.monthly-today .monthly-day-number {
	padding:0;
	margin:22% 22% 0 22%;
}*/

/* Wrapper around events */
.monthly-indicator-wrap {
	position: relative;
	text-align: center;
	line-height: 0;
	max-width: 20px;
	margin:0 auto;
	/*padding-top:40%;*/
}

/* Event indicator dots */
.monthly-day .monthly-event-indicator {
	display: inline-block;
	margin: 1px;
	width: 8px;
	height: 8px;
	border-radius: 6px;
	vertical-align: middle;
	border-radius: 6px;
	background:#7BA7CE;
	font-size:0;
	color:transparent;
}

.monthly-day .monthly-event-indicator:hover {
	cursor: pointer;
}
/* Listing of events under calendar */
.monthly-event-list {
	background: rgba(233, 235, 236, 0.9);
	overflow: auto;
	position: absolute;
	top: 42px;
	width: 100%;
	height: calc(100% - 42px);
	display: none;
	-webkit-transition: .25s;
	transition:.25s;
	-webkit-transform:scale(0);
		-ms-transform:scale(0);
	        transform:scale(0);
}

/* Days in Events List */
.monthly-list-item {
	position: relative;
	padding:10px 10px 5px 50px;
	display: none;
	border-top: 1px solid #D6D6D6;
	text-align: left;
}

.monthly-list-item:after{
    content:'No Events';
    padding:4px 10px;
    display:block;
    margin-bottom:5px;
 }

.monthly-event-list .monthly-today .monthly-event-list-date {
	color: #EA6565;
}

/* Events in Events List */
.monthly-event-list .listed-event {
	display: block;
	color:#fff;
	padding:4px 10px;
	border-radius:2px;
	margin-bottom: 5px;
}

.monthly-list-item a:link, .monthly-list-item a:visited {
	text-decoration: none;
}

.item-has-event {
	display: block;
}

.item-has-event:after{
    display:none!important;
}

.monthly-event-list-date {
	width:50px;
	position: absolute;
	left:0;
	top:13px;
	text-align: center;
	font-size: 12px;
    font-weight: bold;
    line-height: 1.2em;
}

.monthly-list-time-start,
.monthly-list-time-end {
	font-size:.8em;
	display: inline-block;
}
.monthly-list-time-end:not(:empty):before {
	content:'-';
	padding:0 2px;
}

/* Events List custom webkit scrollbar */

.monthly-event-list::-webkit-scrollbar {width: 9px;}

/* Track */
.monthly-event-list::-webkit-scrollbar-track {background: none;}

/* Handle */
.monthly-event-list::-webkit-scrollbar-thumb {
	background:#ccc;
	border:1px solid #E9EBEC;
	border-radius: 10px;
}
.monthly-event-list::-webkit-scrollbar-thumb:hover {background:#555;}

/* Increase font & spacing over larger size */
@media (min-width: 400px) {
	.monthly-day-number {
		top: 5px;
		left: 5px;
		font-size: 13px;
	}
}
/* Styles for large mode where text is revealed within events */
@media (min-width: 600px) {
	/*.monthly-day-event {
		padding-top: 20px;
	}
	.monthly-day-event:before {
		padding-top: 77%;
	}*/
	.monthly-day-event > .monthly-indicator-wrap {
		width:auto;
		max-width: none;
	}
	.monthly-indicator-wrap {
		padding:0;
	}
	.monthly-day .monthly-event-indicator {
		display: block;
		margin: 0 0 1px 0;
		width: auto;
		height:20px;
		font-size: 10px;
		padding: 4px;
		border-radius:0;
		overflow: hidden;
		text-overflow: ellipsis;
		color:#fff;
		text-shadow:0 0 2px rgba(0,0,0,.2);
		text-decoration: none;
		line-height: 1em;
		white-space: nowrap;
		box-sizing: border-box;
	}
}

/**** From calendar style ***/
.market-hkex .date-data-list__section--date-day {
    font-family: FSElliotPro;
    font-weight: 900;
    text-align: center;
}

.market-hkex .date-data-list__section--date-month {
    width: 3.125rem;
    padding-left: 0px;
    text-align: center;
}

.market-hkex .date-data-list__section--date-weekday {
    width: 3.125rem;
    padding-left: 0px;
    text-align: center;
    text-transform: none;
    font-size: 1.375rem;
    color: #10416c;
    letter-spacing: 1px;
}

.market-hkex .agenda__filter .filter__dateRange span {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
}

.market-hkex .agenda__filter .filter__dateRange {
    padding-top: 15px;
}

.market-hkex .agenda__filter .filter__dateRange .filter__dateRangeWrapper {
    display:block;
    width: auto;
    padding-top: 25px;
}

.market-hkex .agenda__filter .filter__dateRange .filter__dateRange-startdate {
    display:inline-block;
    margin: 2px;
    padding-right: 12px;
}

.market-hkex .agenda__filter .filter__dateRange .filter__dateRange-enddate {
    display:inline-block;
    margin: 2px;
    padding-right: 12px;
}

.market-hkex .event__frame {
    padding-top: 20px;
}

.market-hkex .date-data-list__section {
    margin-bottom: 0px;
    padding-bottom: 18px;
}

.market-hkex .cal-agenda .agenda__container {
    padding-bottom: 0px;
}

.market-hkex .fontsize-small .cal-subscribe-top {
    position: absolute;
    width: auto;
    width: 135px;
    top: -67px;
    right: 20px;
    text-align: right;
}

.market-hkex .cal-subscribe-top {
    position: absolute;
    width: 206px;
    top: -55px;
    right: 20px;
    text-align: right;
}

.market-hkex .fontsize-large .cal-subscribe-top {
    position: absolute;
    width: auto;
    width: 255px;
    top: -45px;
    right: 20px;
    text-align: right;
}

.market-hkex .cal-subscribe-top .quick-link-list li a span {
    text-align: right;
}

.agenda__loadmore {
    position: relative;
}

.market-hkex .cal-container .calendar__frame .market-close-notice {
    line-height: 1.375rem;
    font-size: 0.75rem;
    color: #6a6a6a;
}

.market-hkex .event__frame .tag-yellow, 
.market-hkex .event__frame .tag-light-blue, 
.market-hkex .event__frame .tag-gray, 
.market-hkex .event__frame .tag-red, 
.market-hkex .event__frame .tag-green {
  display: inline-flex;
  min-height: 1.1875rem;
  position: relative;
  font-size: 0.6875rem;
  color: #ffffff;
  padding: 0.375rem 0.375rem 0.375rem 0.375rem;
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
  left: 0px;
  margin-left: -11px;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.market-hkex .event__frame .tag-yellow-triangle::before, 
.market-hkex .event__frame .tag-light-blue-triangle::before, 
.market-hkex .event__frame .tag-gray-triangle::before, 
.market-hkex .event__frame .tag-red-triangle::before, 
.market-hkex .event__frame .tag-green-triangle::before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 0.625rem solid;
    border-left: 0.625rem solid transparent;
    position: absolute;
    top: -0.625rem;
    left: 0px;
}

.market-hkex .event__frame .tag-first {
    margin-left: -0.625rem !important;    
    vertical-align: baseline;
}

.market-hkex .event__frame .tag-first img, 
.market-hkex .event__frame .tag-yellow img, 
.market-hkex .event__frame .tag-light-blue img, 
.market-hkex .event__frame .tag-gray img, 
.market-hkex .event__frame .tag-red img, 
.market-hkex .event__frame .tag-green img {
    margin-left: 1px; 
    margin-right: 2px;
    vertical-align: baseline;
    display: inline-flex;
}

.market-hkex .event__frame .tag-yellow span, 
.market-hkex .event__frame .tag-light-blue span, 
.market-hkex .event__frame .tag-gray span, 
.market-hkex .event__frame .tag-red span, 
.market-hkex .event__frame .tag-green span {
    display: inline-flex;
}

.market-hkex .fontsize-large .event__frame .tag-yellow img, 
.market-hkex .fontsize-large .event__frame .tag-light-blue img, 
.market-hkex .fontsize-large .event__frame .tag-gray img, 
.market-hkex .fontsize-large .event__frame .tag-red img, 
.market-hkex .fontsize-large .event__frame .tag-green img {
    margin-left: 1px; 
    margin-right: 2px;
    margin-bottom: unset;
    vertical-align: baseline;
    display: inline-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
}

.market-hkex .agenda__events .tag-first {
    margin-left: -10px !important;
    vertical-align: baseline;
}

.market-hkex .agenda__events .tag-yellow img, 
.market-hkex .agenda__events .tag-light-blue img, 
.market-hkex .agenda__events .tag-gray img, 
.market-hkex .agenda__events .tag-red img, 
.market-hkex .agenda__events .tag-green img {
    margin-left: 1px;
    margin-right: 2px;
    vertical-align: baseline;
    display: inline;
}

.market-hkex .fontsize-large .agenda__events .tag-yellow img, 
.market-hkex .fontsize-large .agenda__events .tag-light-blue img, 
.market-hkex .fontsize-large .agenda__events .tag-gray img, 
.market-hkex .fontsize-large .agenda__events .tag-red img, 
.market-hkex .fontsize-large .agenda__events .tag-green img {
    margin-left: 1px; 
    margin-right: 2px;
    margin-bottom: unset;
    vertical-align: baseline;
    display: inline-flex;
}

.market-hkex .agenda__events .tag-yellow span, 
.market-hkex .agenda__events .tag-light-blue span, 
.market-hkex .agenda__events .tag-gray span, 
.market-hkex .agenda__events .tag-red span, 
.market-hkex .agenda__events .tag-green span {
    display: inline-flex;
}

.market-hkex .fontsize-large .cal-agenda .filter__checkBox--custom [type="checkbox"] + label:before {
    top: 2px;
    margin-top: 2px;
}

.market-hkex .agenda__events .tag-yellow, 
.market-hkex .agenda__events .tag-light-blue, 
.market-hkex .agenda__events .tag-gray, 
.market-hkex .agenda__events .tag-red, 
.market-hkex .agenda__events .tag-green {
    padding: 0.375rem 0.375rem 0.375rem 0.375rem;
    vertical-align: baseline;
    display: inline-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
}

.market-hkex  .agenda__filter .filter__dropdown-wrapper .select-group-1 {
    z-index: unset;
}

.market-hkex  .agenda__filter .filter__dropdown-wrapper .select-group-2 {
    z-index: unset;
}

.market-hkex  .event__frame .tag-yellow {
  background: #ffb205;
}

.market-hkex  .event__frame .tag-yellow-triangle::before {
  border-bottom-color: #ff8305;
}

.market-hkex  .event__frame .tag-light-blue {
  background: #899bac;
}

.market-hkex .event__frame  .tag-light-blue-triangle::before {
  border-bottom-color: #10416c;
}

.market-hkex  .event__frame  .tag-gray {
  background: #a5a5a5;
}

.market-hkex  .event__frame  .tag-gray-triangle::before {
  border-bottom-color: #7d7d7d;
}

.market-hkex  .event__frame  .tag-red {
  background: #e72742;
}

.market-hkex  .event__frame  .tag-red-triangle::before {
  border-bottom-color: #cb2424;
}

.market-hkex  .event__frame  .tag-green {
  background: #24803e;
}

.market-hkex  .event__frame  .tag-green-triangle::before {
  border-bottom-color: #0f451e;
  vertical-align: center;
}

.market-hkex .event__frame .date-data-list__section--content-brife {
    color: #10416c;
    font-size: 0.875rem;
    line-height: 1.25rem;  
    margin-left: 21px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.market-hkex .event__frame .date-data-list__section--content-brife .date-data-list__section--content-brife-gray-text{
    display: block;
}

.market-hkex .cal-agenda .date-data-list__section--content-brife {
    padding-top: 6px;
    padding-bottom: 12px;
}


.monthly-header div > a:active, .monthly-header div > a:hover, .monthly-header div > a:visited, .monthly-header div > a:focus{
    text-decoration: none !important;
}

.monthly-header-title-date .title-month  {
    font-weight: bold;
    vertical-align: middle;
    height: 32px;
}

@supports (-ms-ime-align:auto)) {
    .monthly-header-title-date .title-month  {
        line-height:30px;
    }
}

.monthly-header-title-date .title-year  {
    font-weight: normal;
    letter-spacing: 3px;
    vertical-align: middle;
    height: 32px;
}

@supports (-ms-ime-align:auto)) {
    .monthly-header-title-date .title-year  {
        line-height:30px;
    }
}

.monthly-header-title-date .title-image  {
    background: url('../image/triangle-1.svg') no-repeat right 13px center;
}

.monthly-header {
	padding: 0px;
}

.monthly {
	background: #F3F3F5;
	color:#545454;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
    margin-bottom: 18px;
}

.cal-container  {
    float: left;
    margin-left: 0;    
    width: 100%;
}

.market-hkex .cal-calendar .calendar__frame {
    display: inline-block;
}

.market-hkex .cal-calendar .event__frame {
    display: inline-block;
}

.market-hkex section.cal-agenda {
    display: block;
    background-color: #ffffff;
	margin-bottom: 1px;
}

.cal-agenda .agenda__events--all-events {
    width: auto;
}

.calendar__frame .monthly-day, .calendar__frame .monthly-day-blank {
    width: 69px !important;
    height: 48px !important;
    display:table-cell;
    vertical-align: top;
    box-sizing:border-box;
    position: relative;
    font-weight: normal !important;
    color:inherit;
    background: #ffffff;
    /*box-shadow: 0 0 0 1px #EBEBEB;*/
    box-shadow: none;
    border: #ebebeb 1px solid;
    -webkit-transition: .25s;
    transition:.25s;
    padding: 1px 1px 1px 1px;
    text-decoration: none !important;
}

.calendar__frame .monthly-day {
    color: #10416c;   
}

.calendar__frame .monthly-day:hover, .calendar__frame .monthly-day-blank:hover, 
.calendar__frame .monthly-day:visited, .calendar__frame .monthly-day-blank:visited,
.calendar__frame .monthly-day:focus, .calendar__frame .monthly-day-blank:focus,
 {
    text-decoration: none !important;
}

.monthly-day-blank {
    background: #ffffff;
}

.monthly-day-title-wrap div {
    display: table-cell;
    box-sizing: border-box;
    position: relative;
    font-weight: normal !important;
    text-align: right;
    text-transform: none;
    padding: 2px 2px 2px 2px;
    font-size: inherit;
}

.cal-agenda .filter__checkBox__tab-js img, .cal-agenda .filter__checkBox__tab-js-nocheck img {
    vertical-align: baseline;
    margin-right: 2px;
}

.font-large .cal-agenda .filter__checkBox__tab-js img, .font-large .cal-agenda .filter__checkBox__tab-js-nocheck img {
    vertical-align: baseline;
    margin-bottom: 1px;
}

@supports (-ms-ime-align:auto)) {
    .filter__checkBox__tab-js img, .filter__checkBox__tab-js-nocheck img {
        vertical-align: middle; 
    }
}

.cal-agenda .agenda__filter .filter__event-filter-group__item label {
    padding-left: 24px;
}

.cal-agenda .agenda__filter .filter__event-filter-group__item label.filter__checkBox__tab-js-nocheck {
    padding-left: 0px;
}

.pickerFrom .monthly-header, .pickerTo .monthly-header {
    max-height: 28px;
}

.pickerFrom .monthly-header-title, .pickerTo .monthly-header-title {
    font-size: 10px !important;
    text-transform: none;
    text-align: center;
    display: block;
    max-height: 28px;
}


.pickerFrom .monthly-day-title-wrap div, .pickerTo .monthly-day-title-wrap div {
    font-size: 10px;
}

.pickerFrom .monthly-prev, .pickerTo .monthly-prev {
    position: absolute;
    top: 0;
    left: 0px;
    right: unset;
    width: 20px;
    height: 20px;
    opacity: .5;
    border: gray 1px solid;
}

.pickerFrom .monthly-next, .pickerTo .monthly-next {
    position: absolute;
    top: 0;
    right: 0px;
    width: 20px;
    height: 20px;
    opacity: .5;
    border: gray 1px solid;
}

.calendar__frame .monthly-day-title-wrap div {
    width: 69px !important;
}

.market-hkex .cal-container .calendar__frame .legendtable{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2em 0;
    padding: 0;
}

.market-hkex .cal-container .calendar__frame .legendtablecell{
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 8px;
    overflow: hidden;
    list-style: none;
    border: none;
    vertical-align: baseline;
}

.market-hkex .cal-container .calendar__frame .legendrow-2col  > .legendtablecell{
    width: 49%;
}
.market-hkex .cal-container .calendar__frame .legendtablecell .imgdiv {
    width: 27px;
    height: auto;
    display: table-cell;
    text-align: right;
    padding-right:12px;;
}
@media (-webkit-min-device-pixel-ratio:0) {
    @supports (not (-ms-ime-align:auto)) {
        .market-hkex .cal-container .calendar__frame .legendtablecell .imgdiv { 
            width: 27px;
            height: auto;

            display: table-cell;
            text-align: right;
            padding-right: 0px;
        }
    }
}
.market-hkex .cal-container .calendar__frame .legendtablecell .titlediv {
    color: #10416c;
    display: table-cell;
    text-align: left;
    font-size: 0.75rem;
}

.market-hkex .cal-container .calendar__frame .legendtablecell img {
    width: auto;
    max-width: 15px;
    height: auto;
    max-height: 15px; 
    text-align: left;
}

@media (-webkit-min-device-pixel-ratio:0) {
    @supports (not (-ms-ime-align:auto)) {
        .market-hkex .cal-container .calendar__frame .legendtablecell img { 
            width: auto;
            max-width: 15px;
            height: auto;
            max-height: 15px; 
            text-align: left;
            margin-right: 7px;
        }
    }
}

.market-hkex .cal-container .calendar__frame .legendtablecell span.titletag {
    font-weight: bold;
}

.monthly-header-title {
	font-size:20px !important;
    color: #10416c;
	text-transform: uppercase;
    text-align: left;
    height: 32px;
    vertical-align: middle;
    display : flex;
    align-items : center;
}

.calendar__frame .monthly-header-title a.monthly-header-title-date {
    margin-left: 70px;
    height: 32px;
    vertical-align: middle;
}

.pickerFrom .monthly-header-title a, .pickerTo .monthly-header-title a {
    margin-left: 0px;
}

.monthly-header-title .monthlyMenu-ButtonCellLeft a, .monthly-header-title .monthlyMenu-ButtonCellRight a
{
    margin-left: 0px;
    height: auto;
}

.monthly-day-event > .monthly-day-number.hasEvent{
    font-weight: bold;
}

.monthly-day-number.nonCurrentMonth{
    color: #a5a5a5;
}

.pickerFrom .monthly-day-event > .monthly-day-number.nonCurrentMonth, .pickerTo .monthly-day-event > .monthly-day-number.nonCurrentMonth{
    font-size: 11px;
    text-align: left;
}

a.monthly-day.selected-day {
    /*box-shadow: 0 0 0 1px #EBEBEB;*/
    box-shadow: none;
    border: solid 2px #10416c; 
    text-decoration: none;
}

a.monthly-day.weekend-day {
    background-color: #f6f6f6 !important;
    color: #6a6a6a;
    /*box-shadow: 0 0 0 1px #EBEBEB;*/
    box-shadow: none;
    text-decoration: none;
}

a.monthly-day.hk_pubHoliday {
    background-color: #f6f6f6 !important;
    color: #6a6a6a;
    /*box-shadow: 0 0 0 1px #EBEBEB;*/
    box-shadow: none;
    text-decoration: none;
}

a.monthly-day.monthly-today {
    background-color: #e8eef3 !important;
    /*box-shadow: 0 0 0 1px #EBEBEB;*/
    box-shadow: none;
    text-decoration: none;
}

.monthly-day-pick > .monthly-indicator-wrap {
	margin:0;    
}

.monthly-day-pick > .monthly-holiday-wrap {
	margin:0;    
}

.monthly-indicator-wrap {
	position: relative;
    text-align: right;
	line-height: 0;
	max-width: 20px;
	margin:0 auto;
}

.monthly-indicator-wrap img, .monthly-holiday-wrap img{
    margin: 2px 1px 1px 2px;
}

.monthly-holiday-wrap {
	position: relative;
	text-align: right;
	max-width: 20px;
	margin-top: 2px;
}

.monthly-holiday-wrap > span, .monthly-holiday-wrap > div {
	font-size: 8px !important;
    height: 10px !important;
    width: 15px !important;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    margin-left: 2px;
    margin-top: 1px;
    padding: 0;
}

@media (-webkit-min-device-pixel-ratio:0) {
    @supports (not (-ms-ime-align:auto)) {
        .monthly-holiday-wrap > span, .monthly-holiday-wrap > div {
         
            transform: scale(0.666) !important;
            height: 15px !important;
            width: 23px !important;
            margin-left: -2px;
            margin-right: -2px;
            padding-top: 1px;
        }
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:0) {
    @supports (not (-ms-ime-align:auto)) {
        .monthly-holiday-wrap > span, .monthly-holiday-wrap > div {
            transform: scale(0.666) !important;
            height: 15px !important;
            width: 23px !important;
            margin-left: -2px;
            margin-right: -2px;
            padding-top: 2px;
        }
    }
}

.monthly-day > .has-event {
    font-weight:bold;
}

.monthly-day-title-wrap div.weekend{
    color: #6a6a6a
}
.monthly-day-title-wrap div.weekday{
    color: #10416c
}

.monthMenu-hidden {
    display:none;
    z-index:10;
    border: none;
    position: absolute;
    padding: 10px;
}
.monthMenu-shown {
    display:block;
    z-index:10;
    border: 1px #6a6a6a solid;
    background-color: #ffffff;
    float: left;
    position: absolute;
    padding: 10px;
    width: 80%;
}

.monthlyMenu-Table {
    display:table;
    width: 95%;
    top: 0px;
}

.monthlyMenu-TableRow{
    display:table-row;
}

.monthlyMenu-TableCell{
    display: table-cell;
    width: 13.3%;
    height: 50px;
    font-size: 16px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
}

.monthlyMenu-TableCell > a{
    text-transform: uppercase;
    margin-left: 0px;
    font-size: 14px;
}

.monthlyMenu-TableCell > a.selected{
    color: #e72742;
}

.monthlyMenu-TableCell.empty{
    border: none;
    width: 10%;
}

.monthlyMenu-TableCell.rowspanned{
    display: table-cell;
    position: relative;
    top: 0;
    bottom: 0;
    width: 10%;
}

.monthlyMenu-ButtonTable {
    display:table;
    width: 100%;
}

.monthlyMenu-ButtonCellLeft {
    display:table-cell;
    width: 50%;
    text-align: right;
    padding-right: 5px;
}

.monthlyMenu-ButtonCellRight {
    display:table-cell;
    width: 50%;
    text-align: left;
    padding-left: 5px;
}

.monthlyMenu-ButtonTable .btn-white { 
    right: 5px;   
}

.monthlyMenu-ButtonTable .btn-blue {
    left: 5px; 
}

.monthly-day-number img.moreevent {
    float: left;
    position: relative;
}

.monthly-holiday-wrap img.moreevent {
    float: left;
    position: relative;
}

.event__frame .event__frame-datediv {
    display: none;
}

.market-hkex .cal-agenda .list-panel {
    padding-bottom: 20px;
}

.pickerFrom, .pickerTo {
    z-index: 3;
    width: 25%;
    max-width: 250px;
    position: absolute;    
    background-color: #ffffff;
    border: 1px #ebebeb solid;
}

.pickerFrom .monthly-day, .pickerTo  .monthly-day {
    background-color: #ffffff;
}

.pickerFrom .monthly-header, .pickerFrom .monthly-day-title-wrap, .pickerFrom .monthly-day-wrap
.pickerTo .monthly-header, .pickerTo .monthly-day-title-wrap, .pickerTo .monthly-day-wrap {
    
    max-width: 250px !important;
}

.datePickBox {
    line-height: 30px;
    padding: 0px 0px 0px 46px;
    font-size: 14px !important;
    letter-spacing: 0.2px;
    color: #10416c;
    width: 100%;
    height: 44px;
    border: solid 1px #cbcbcb;
    background-image: url("../image/icn_calendar.svg");
    background-repeat: no-repeat;
    background-position: 12px 8px;
    min-width: 160px;
}

/* wrapper for left button to make the clickable area bigger */
.calendar__frame .monthly-prev {
    position: absolute;
    top: 0;
    left: 0px;
    width: 30px;
    height: 30px;
    opacity: .5;
    border: gray 1px solid;
}

.calendar__frame .monthly-prev.hidden {
    display:none;
}
.calendar__frame .monthly-prev:hover {
    opacity: 1;
}
/* Left Arrow */
.calendar__frame .monthly-prev:after{
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    border-left: 2px solid #222;
    border-bottom: 2px solid #222;
    width: 7px;
    height: 7px;
    margin: -3px 0 0 -5px;
    -webkit-transform:rotate(45deg) ;
        -ms-transform:rotate(45deg) ;
            transform:rotate(45deg) ;
}
/* wrapper for right button to make the clickable area bigger */
.calendar__frame .monthly-next {
    position: absolute;
    top: 0;
    left: 30px;
    right: unset;
    width: 30px;
    height: 30px;
    opacity: .5;
    border: gray 1px solid;
}
.calendar__frame .monthly-next.hidden {
    display:none;
}
.calendar__frame .monthly-next:hover {
    opacity: 1;
}
/* Right Arrow */
.calendar__frame .monthly-next:after{
    content:'';
    position: absolute;
    top: 15px;
    left: 15px;
    border-right:2px solid #222;
    border-top:2px solid #222;
    width: 7px;
    height:7px;
    margin:-3px 0 0 -5px;
    -webkit-transform:rotate(45deg) ;
        -ms-transform:rotate(45deg) ;
            transform:rotate(45deg) ;
}

@media (min-width: 1001px) and (-webkit-min-device-pixel-ratio:0) {
    @supports (not (-ms-ime-align:auto)) {
        .market-hkex .cal-container .event__frame .monthly-event-display-list {
            margin-left: 20px;
            border-left: 1px #d8d8d8 solid;
            height: calc(100% + 42px);
            min-height: 539px;
        }
    }
}

.market-hkex .cal-container .event__frame .monthly-event-display-list  div.sameActType {
    border-top: 1px solid #d8d8d8;
}

.market-hkex .agenda__events--all-events-base-info {
    margin-top: 24px;
    position: relative;
}

.market-hkex .agenda__events--all-events-base-info-load-previous {
    float: none;
    color: #10416c;
    font-size: 0.875rem;
    position: absolute;
    right: 5px;
    top: 0px;
}

@media (min-width: 1001px) {
    .market-hkex .agenda__events--all-events-base-info-date {
        padding-left: 7px;
    }
    
    .precalendar__frame {
        display:none;
        height: 0px;
        width: 0px;
    }
    
    .market-hkex .cal-container .calendar__frame {
        width: 54.0525423729% !important;
        float: left;
        /*margin-right: 1.6949152542%;*/
    }
    
    .market-hkex .cal-container .event__frame {
        width: 44.1525423729% !important;
        float: left;
        overflow: auto;
        max-height: 560px;
    }
    
    .market-hkex .cal-container .event__frame .monthly-event-display-list {
        margin-left: 20px;
        border-left: 1px #d8d8d8 solid;
        height: 100%;
        min-height: 539px;
    }
    
    .market-hkex .cal-container .calendar__frame .market-close-notice {
        display:none;
    }
    
    .calendar__frame .monthly-header-title {
        font-size: 20px;
    }
    
    .monthly {
        background: #ffffff;
        color:#545454;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        padding-right: 28px;
    }
    .calendar__frame .monthly-day-title-wrap {
        width: 490px;
    }
    .calendar__frame .monthly-day-wrap {
        width: 490px;
    }
    
    .market-hkex .cal-container .calendar__frame .legendtable{
        width: 490px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .cal-container  {
        float: left;
        margin-left: 0; 
        margin-bottom: 19px;
    }
    
    .market-hkex section.cal-calender {
        display: flex;    
        background-color: #ffffff;
        padding: 40px 0px 24px 30px;
        margin-bottom: 19px;
    }

    .cal-agenda .filter__searchPanel .filter__moreFilter__label {
        display: inline-block;
    }

    .cal-agenda .agenda__filter .filter__searchBox {
        width: auto;
    }

    .cal-agenda .agenda__filter  .filter__moreFilter__label {
        float: right;
        right: 10px;
    }
    
    .legendtable_buttonDiv {
        display: none;
    }
    
    .market-hkex .cal-container .section__left_panel {
        display: none;
    }
}

@media (min-width: 767px) and (max-width: 1000px)
{
    .precalendar__frame {
        display: block;
        z-index: 3;
        height: 48px;
        width: 1px;
        border-left: 4px solid #f4364c;
        position: absolute;
        left: 0px;
    }

    .monthly {
        background: #ffffff;
        color:#545454;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        width: 100%;
        text-align: center;
    }
    .calendar__frame .monthly-day-title-wrap {
        display:table;
        table-layout:fixed;
        width: 94%;
        background: #ffffff;
        border-bottom: 1px solid #EBEBEB;
        margin-left: 3%;
        margin-right: 3%;
    }

    .market-hkex .cal-container .calendar__frame {
        min-width: 98%;
        max-width: 98%;
        float: left;
        margin-right: 1.6949152542%;
        margin-right: 0;
        text-align: center;
    }
    
    .market-hkex .legendtable_buttonDiv {
        display:none;
        text-align: left;
    }
    
    .market-hkex .cal-container .event__frame {
        min-width: 98%;
        max-width: 98%;
        float: left;
        margin-right: 1.6949152542%;
        margin-right: 0;       
    }
    
    .calendar__frame .monthly-day-wrap {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }
    
    .calendar__frame .monthly-header-title {
        font-size: 20px;
    }
    
    .market-hkex .cal-container  .calendar__frame .market-close-notice {
        display:block;
    }
    
    .market-hkex .cal-container .calendar__frame .legendtable{
        width: 94%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 3%;
        margin-right: 3%;
    }
    
    .cal-container  {
        float: left;
        margin-left: 0; 
        display: block;
        margin-bottom: 20px;
    }
    
    .market-hkex section.cal-calender {
        display: inline-block;    
        background-color: #ffffff;
        padding: 10px 30px 24px 30px;
        margin-bottom: 19px;
        width: 100%;
    }
    
    .monthMenu-shown {
        display:block;
        z-index:10;
        border: 1px #6a6a6a solid;
        background-color: #ffffff;
        float: left;
        position: absolute;
        padding: 10px;
        width: 100%;
    }
    
    .monthlyMenu-Table {
        display:table;
        width: 100%;
    }

    .monthlyMenu-ButtonTable {
        display:table;
        width: 100%;
    }
    
    .legendtable_buttonDiv {
        display: none;
    }
    
    .monthly-header-title-date .collapsed {
        background: url('../image/icn_calendar.svg') no-repeat left 13px;
    }
    
    .market-hkex .cal-container .event__frame .monthly-event-display-list {
        margin-left: 20px;
        border-left: 1px #d8d8d8 solid;
        margin-bottom: 10px;
    }
    
    .market-hkex .cal-container .event__frame .monthly-event-display-list.empty {
        margin-left: 20px;
        border-left: none;
    }
    
    .market-hkex .cal-container .cal-subscribe-top {
        display: none;
    }
    
    .market-hkex .cal-container .section__left_panel {
        display: block;
    }
}

@media (min-width: 767px) {
    
    .monthly-header {
        border: none;
    }
    
    .monthly-day-title-wrap div.weekend{
        color: #6a6a6a
    }
    /* Event calendar day number styles */
    .monthly-day-event > .monthly-day-number {
        position: relative;
        line-height: 1em;
        /* top: 2px;
        left: unset; */
        right: 3px;
        font-size: inherit;
        height: 1.1em;
        width: 95%;
        display: block !important;
        text-align: right;
    }

    /*.monthly-day-event {
		padding-top: 0%;        
	}
    
    .monthly-day-event:before {
		padding-top: none;
	}*/
    
    .monthly-day-event > .monthly-indicator-wrap {
		width: auto;
        max-width: auto;
        display: block !important;
        position: relative;
        line-height: 1.1em;
        height: 1.25em;
	}    
	/*
    .monthly-indicator-wrap {
		padding-top: 20%;
	}*/
    
    .monthly-day-event > .monthly-holiday-wrap {
		width: auto;
        max-width: none;
        display: block !important;
        font-size: 8px;
        position: relative;
        height: 10px;
	}
    
    /*
	.monthly-holiday-wrap {
		padding-top: 20%;
	} */ 
}

@media (max-width: 767px) {
    .precalendar__frame {
        display: block;
        z-index: 3;
        height: 48px;
        width: 1px;
        border-left: 4px solid #f4364c;
        position: absolute;
        left: 0px;
    }
    
    .monthly-header {
        padding: 10px 14px 10px 14px;
    }
    
    .legendtable-collapse {
        display: none;
    }
    .legendtable-collapse.expanded {
        display: block;
    } 
      
    .legendtable-collapse > .legendtablecell {
        width: 100% !important;
    }
    
    .market-hkex .cal-container  .calendar__frame .market-close-notice {
        display:block;
        padding-bottom: 0.5rem;              
    }
    
    .calendar-frame .monthly-day-wrap {
        width: 100%;
    }
    
    .calendar__frame .monthly-day-title-wrap {
        display:table;
        table-layout:fixed;
        width: 100%;
        background: #ffffff;
        border-bottom: 1px solid #EBEBEB;
        padding-top: 7px;
    }
    
    .cal-container  {
        float: left;
        margin-left: 0; 
        display: block;
    }
    
    .market-hkex section.cal-calender {
        display: block;    
        background-color: #ffffff;
        /*padding: 24px 30px 24px 30px;*/
        margin-bottom: 0px;
    }
    
    .market-hkex .cal-container .calendar__frame .legendtable{
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
        border-bottom: 1px solid #EBEBEB; 
    }

    .market-hkex .cal-agenda .agenda__events .tag-first {
        margin-left: 0px !important;
        vertical-align: baseline;
    }
    
    .calendar__frame .monthly-header-title {
        font-size: 20px;
    }
    
    .calendar__frame .monthly-day, .calendar__frame .monthly-day-blank {
        width: 48px !important;
        height: 44px !important;
        display:table-cell;
        vertical-align: top;
        box-sizing:border-box;
        position: relative;
        font-weight: normal !important;
        color:inherit;
        background: #ffffff !important;
        /*box-shadow: 0 0 0 1px #EBEBEB;*/
        box-shadow: none;
        border: #ebebeb 1px solid;
        -webkit-transition: .25s;
        transition:.25s;
        padding: 1px 1px 1px 1px;
        text-decoration: none;
    }
    
    .calendar__frame .monthly-day-title-wrap div {
        width: 48px !important;
        display: table-cell;
        box-sizing: border-box;
        position: relative;
        font-weight: normal !important;
        text-align: right;
        text-transform: none;
        padding: 2px 2px 2px 2px;
        font-size: 0.9em;
    }
    
    .calendar__frame .monthly-day-title-wrap div.weekend {
        width: 24px !important;
    }
        
    /* Event calendar day number styles */
    .monthly-day-event > .monthly-day-number {
        position: relative;
        line-height: 1em;
        /* top: 2px;
        left: unset; */
        right: 2px;
        font-size: 12px;
        height: 1.3em;
        width: 95%;
        display: block !important;
        text-align: right;
    }
    .monthly-day-event > .monthly-indicator-wrap {
		width: auto;
        max-width: 95%;
        display: block !important;
        font-size: 10px;
        position: relative;
        line-height: 12px;
        margin: 1px;
	}    
	/*
    .monthly-indicator-wrap {
		padding-top: 20%;
	}*/
    
    .monthly-day-event > .monthly-holiday-wrap {
		width: auto;
        max-width: 95%;
        max-width: none;
        display: block !important;
        font-size: 9px;
        position: relative;
        line-height: 10px;
        margin-top: 5px;
	}
    
    a.monthly-day.weekend-day {
        width: 25px !important;
        height: 44px  !important;
    }
    
    .monthMenu-shown {
        display: block;
        z-index: 10;
        border: 0px none;
        background-color: #ffffff;
        float: left;
        padding: 20px;
        width: 100%;
        margin: 0px;
        height: 545px;
        left: 0px;
        position: absolute;
    }
    
    .monthlyMenu-Table {
        display:table;
        width: 100%;
    }

    .monthlyMenu-ButtonTable {
        display:table;
        width: 100%;
    }
    
    .market-hkex .cal-container .event__frame .monthly-event-display-list {
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .market-hkex .event__frame .tag-yellow, 
    .market-hkex .event__frame .tag-light-blue, 
    .market-hkex .event__frame .tag-gray, 
    .market-hkex .event__frame .tag-red, 
    .market-hkex .event__frame .tag-green, 
    .market-hkex .event__frame .tag-first {
        margin-left: 0px !important;
    }
    
    .market-hkex .event__frame .tag-yellow-triangle::before, 
    .market-hkex .event__frame .tag-light-blue-triangle::before, 
    .market-hkex .event__frame .tag-gray-triangle::before, 
    .market-hkex .event__frame .tag-red-triangle::before, 
    .market-hkex .event__frame .tag-green-triangle::before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: none;
        border-left: none;
        position: absolute;
        top: 0px;
        left: 0px;
        } 
    
    .legendtable_buttonDiv {
        display: block;
        margin-top: 8px;
        margin-bottom: 8px;
        padding-left: 20px;
        text-align: left;
    }
    
    .legendtable_buttonDiv .showLink:hover {
        text-decoration: none;
    }
    
    .legendtable_buttonDiv .showLink {
        display: block;
        background: url("../image/arrow-down.svg") no-repeat right center;
        width: 98%;
        text-decoration: none;
        border-top: solid 1px #ebebeb;
        padding-top: 8px;
        border-bottom: solid 1px #ebebeb;
        padding-bottom: 8px;
    }
    
    .legendtable_buttonDiv .showLink.expanded {
        display: block;
        background: url("../image/arrow-up.svg") no-repeat right center;
        width: 98%;
        text-decoration: none;
        border-top: solid 1px #ebebeb;
        padding-top: 8px;
        border-bottom: none;
        padding-bottom: 0px;
    }
    .event__frame .event__frame-datediv {
        display: block;
        height: 20px;
        color: #10416c;
    }
    
    .market-hkex .event__frame .date-data-list__section--content-brife {
        color: #10416c;
        font-size: 0.875rem;
        line-height: 1.25rem;  
        margin-left: 0px;
    }
    
    .calendar__frame .monthly-prev {
        top: 10px;
        left: 14px;
        position: absolute;
    }
    
    .calendar__frame .monthly-next {
        top: 10px;
        left: 44px;
        right: unset;
        position: absolute;
    }
    .monthlyMenu-Table {
        display:table;
        width: 100%;
        margin-top: 14px;
    }

    .monthlyMenu-TableRow{
        display:table-row;
    }
    
    .monthlyMenu-TableRow (2n + 1){
        display:table-row;
        padding-top: 21px;
    }

    .monthlyMenu-TableRow (2n + 2){
        display:table-row;
        padding-top: 21px;
        border-bottom: 1px #d5e2e8 solid;
    }


    .monthlyMenu-TableCell{
        display: table-cell;
        width: 13.3%;
        height: 34px;
        font-size: 14px;
        text-align: center;
        margin-left: 5px;
        margin-right: 5px;
    }

    .monthlyMenu-TableCell > a{
        text-transform: uppercase;
        margin-left: 0px;
    }

    .monthlyMenu-TableCell.empty{
        border: none;
        width: 10%;
    }

    .monthlyMenu-TableCell.rowspanned{
        display: table-cell;
        position: relative;
        top: 0;
        bottom: 0;
        width: 10%;
    }
    
    .market-hkex .event__frame {
        margin-bottom: 10px;
    }
    
    .market-hkex .cal-container .cal-subscribe-top {
        display: none;
    }
    
    .market-hkex .date-data-list__section {
        padding-bottom: 0px;
    }
    
    .market-hkex .cal-container .section__left_panel {
        display: block;
    }
    
    .market-hkex .date-data-list__section--date {
        padding-bottom: 0px;
    }
    
    .market-hkex .date-data-list__section--date-day.no-height{
        height: 0px;
    }
    
    .market-hkex .agenda__events .date-data-list {
        margin-top: 0px;
    }
    
    .market-hkex .cal-agenda .date-data-list__section--content-brife {
        padding-top: 0px;
    }
    
    .market-hkex .agenda__events--all-events .collapse-container {
        margin-top: 6px;
    }
    
    #featured-agenda > div.date-data-list {
        margin-top: 12px;
    }
    
    #search-result > div.date-data-list {
        margin-top: 12px;
    }
}

@media (max-width: 350px) {
    .calendar__frame .monthly-day-title-wrap div.weekend {
        width: 20px !important;
    }
        
    .calendar__frame .monthly-day, .calendar__frame .monthly-day-blank {
        width: 42px !important;
        padding: 1px 0px 1px 0px;
    }
    
    a.monthly-day.weekend-day {
        width: 20px !important;
        height: 54px !important;
    }
    
    .calendar__frame .monthly-day-title-wrap div {
        width: 42px !important;
    }
    
    
    .monthly-day-number img.moreevent {
        margin-bottom: 2px;
    }
    
}

/* Style By Peter */

.market-hkex .cal-calender:after {
    content: " ";
    display: block;
    clear: both;
}

/*.market-hkex .cal-calender .event__frame .tag-yellow img, 
.market-hkex .cal-calender .event__frame .tag-light-blue img, 
.market-hkex .cal-calender .event__frame .tag-gray img, 
.market-hkex .cal-calender .event__frame .tag-red img, 
.market-hkex .cal-calender .event__frame .tag-green img {
    display: inline;
}*/

.calendar__frame .monthly .monthly-header .toggle-calendar .monthly-header-icon {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

.toggle-calendar .monthly-header-icon.calendar-icon {
	width: 18px;
	height: 20px;
    background-image: url("../image/icn_calendar.svg");
}

.calendar__frame .monthly .monthly-header-title .monthly-header-icon.primary-calendar-icon {
    display: none;
	width: 18px;
	height: 20px;
    background-image: url("../image/icn_calendar.svg");
    position: absolute;
    top: 4px;
    left: 0;
}

.cal-collapsed .calendar__frame .monthly .monthly-header-title .monthly-header-icon.primary-calendar-icon {
    display: inline-block;
}

.toggle-calendar .monthly-header-icon.toggle-icon {
	width: 10px;
	height: 10px;
	background-image: url("../image/collapse.svg");
}

.cal-calender.cal-collapsed .calendar__frame .monthly .monthly-day-title-wrap,
.cal-calender.cal-collapsed .calendar__frame .monthly .monthly-day-wrap {
	display: none !important;
}

.market-hkex .cal-container .cal-collapsed .calendar__frame .legendtable,
.market-hkex .cal-container .cal-collapsed .calendar__frame .legendtable_buttonDiv {
	display: none !important;
}

.market-hkex .cal-container .cal-collapsed .calendar__frame .monthly-header .monthly-header-title .monthly-prev,
.market-hkex .cal-container .cal-collapsed .calendar__frame .monthly-header .monthly-header-title .monthly-next {
	display: none !important;
}

.market-hkex .cal-container .cal-collapsed .calendar__frame .monthly-header .monthly-header-title .monthly-header-title-date {
	margin-left: 29px;
}

.market-hkex .cal-container .cal-collapsed  .event__frame {
	display: none !important;
}

.cal-calender.cal-collapsed .monthly {
	margin-bottom: 0px;
}

.market-hkex section.cal-calender.cal-collapsed {
	padding-bottom: 0;
}

.market-hkex section.cal-calender.cal-collapsed {
	padding-bottom: 0;
    padding-left: 20px;
}

.calendar__frame .monthly-header .monthly-header-title {
	position: relative;
}

.calendar__frame .monthly-header .monthly-header-title .toggle-calendar {
	text-transform: none;
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	line-height: 32px;
	font-size: 0.875rem;
	color: #10416c;
}

.cal-collapsed .calendar__frame .monthly-header .monthly-header-title .calendar-icon {
	display: none;
}

.calendar__frame .monthly-header .monthly-header-title .toggle-calendar .toggle-icon {
	width: 12px;
	display: inline-block;
    background-size: 12px 10px;
	height: 10px;
	margin-left: 8px;
}

.calendar__frame .monthly-header .monthly-header-title .toggle-calendar .toggle-icon {
	background-image: url("../image/collapse.svg");
}

.cal-collapsed .calendar__frame .monthly-header .monthly-header-title .toggle-calendar .toggle-icon {
	/*background-image: url(../images/expand.svg);*/
    transform: rotate(180deg);
}

.cal-collapsed .calendar__frame #monthMenu {
}

.calendar__frame .monthly-header .monthly-header-title .toggle-calendar {
	cursor: pointer;
}

.calendar__frame .monthly-header-title a.monthly-header-title-date {
    line-height: 32px;
}

/* Desktop */
@media (min-width: 1001px)
{
	.market-hkex .cal-container .cal-calender.cal-collapsed .calendar__frame {
		width: 100% !important;
	}
	
	.market-hkex .cal-container .cal-calender.cal-collapsed {
		border-left: 4px solid #f4364c;
	}
}
/* Tablet */
@media (min-width: 767px) and (max-width: 1000px)
{
	.cal-collapsed .calendar__frame .monthly-header .monthly-header-title .toggle-calendar .calendar-icon {
		display: none;
	}

    .market-hkex .cal-collapsed.cal-calender {
        padding-top: 8px;
    }
}
/* Mobile */
@media (max-width: 767px)
{
    .cal-collapsed .calendar__frame .monthly-header .monthly-header-title .toggle-calendar .calendar-icon {
		display: none;
	}

	.calendar__frame .monthly-header .monthly-header-title .toggle-calendar .toggle-text {
		display: none;
	}
	
    .market-hkex section.cal-calender.cal-collapsed {
        padding-left: 0;
    }

	.calendar__frame .monthly-header .monthly-header-title .monthly-prev,
	.calendar__frame .monthly-header .monthly-header-title .monthly-next {
		top: 0;
	}
	
	.calendar__frame .monthly-header .monthly-header-title .monthly-header-title-date {
		margin-left: 85px;
	}
}

.calendar__frame .monthly .monthly-header a.toggle-calendar {
    display: block;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-content {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  z-index: 100;
}

#loading.hide{
  display: none;
}

.migrate td {
	vertical-align: top;
}

/*
Comment by Peter
Date: 22/2/2017
Component: HKEX Market Last Update Date
Reason: Adding right margin to last update date container in mobile layout
*/
@media (max-width: 767px) {
  .market-hkex .loadMore__timetag-container {
    margin-right: 12px; } 
	}

/*
Add by Shaman
Date: 27/2/2017
Component: HKEX Market Left Menu
Reason: inactive link of self page (#3898)
*/
.inactiveLink {
   pointer-events: none;
   cursor: default;
}

/*
Add by Shaman
Date: 7/3/2017
Component: Why List in HK Card
Reason: move li to left (#3941)
*/
.market-hkex .wl-feature__wrapper li{
  text-align: left !important;
}


.market-hkex .section__panel > :nth-child(n){
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*.market-hkex .section__panel > :nth-child(n) > :not(table){
	padding-left: 30px !important;
	padding-right: 30px !important;
}*/

.market-hkex .section__panel > div.listing-committee__brief > div.table-wrapper{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.market-hkex .section__panel > div:not(.common_panel_content):not(.section__title-left-border):not(.newsRelease-filter):not(.sticky-header-table):not(.faq-all-quesitons__section-title):not(.equityIndex-contract__content):not(.baseholder):not(.listing-committee__brief):not(.expandable-index-list-container):nth-child(n),
.market-hkex .section__panel > a:nth-child(n),
.market-hkex .section__panel > p:nth-child(n),
.market-hkex .section__panel > img:nth-child(n),
.market-hkex .section__panel > span:nth-child(n),
.market-hkex .section__panel > br:nth-child(n),
.market-hkex .section__panel > ul:nth-child(n),
.market-hkex .section__panel > ol:nth-child(n),
.market-hkex .section__panel > h1:nth-child(n),
.market-hkex .section__panel > h2:nth-child(n),
.market-hkex .section__panel > h3:nth-child(n),
.market-hkex .section__panel > h4:nth-child(n) {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.market-hkex .section__panel div.common_panel_content > :not(table), .market-hkex .section__panel div.common_panel_content span.scWebEditInput > :not(table), .market-hkex .section__panel div.listing-committee__brief > :not(table), .market-hkex .section__panel div.listing-committee__brief span.scWebEditInput > :not(table) {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.market-hkex .section__panel div.common_panel_content span.scWebEditInput, .market-hkex .section__panel div.listing-committee__brief span.scWebEditInput {
	padding-left: 0px !important;
	padding-right: 0px !important;
}


/*
Add by Henry
Date: 10/3/2017
Reason: HanWeb style
*/
.open-text{
	color: #000;
	line-height: 1.6;
	margin: 12px 0;
}

/*
Add by Henry
Date: 10/3/2017
Reason: Fixing #4035

@media (max-width: 1000px) {
  .market-hkex .mega-nav__level2-link {
	width: 90%;
  }
}
Remove by Henry
Date: 22/3/2017
Reason: Fixing UAT log #4145
*/

/*
Add by Billy
Date: 14/3/2017
Reason: Fixing #4092
*/
.market-hkex .btn-blue > a:hover, .market-hkex .btn-blue > a:focus, .market-hkex .btn-blue > a:active {
 color:#ffffff;
 text-decoration:none;
}

.market-hkex .collapse-container .btn-blue > a, .market-hkex .collapse-container .btn-blue > a:hover, .market-hkex .collapse-container .btn-blue > a:focus, .market-hkex .collapse-container .btn-blue > a:active {
 color:#ffffff;
 text-decoration:none;
}

.market-hkex .sitemap {
    font-size: 0.875em !important;
}
.sitemap ul li {
  list-style: none; }
  .sitemap ul li a {
    display: inline-block;
    margin-bottom: 12px; }
.sitemap ul.sitemap-level1 > li {
  margin-bottom: 50px;
  padding-bottom: 38px;
  font-size: 1.29em;
  font-weight: bold;
  color: #13426B;
  border-bottom: solid 1px #ccc; }
.sitemap ul.sitemap-level2:after {
  content: ' ';
  display: block;
  clear: both; }
.sitemap ul.sitemap-level2 > li {
  width: 31.3%;
  display: inline-block;
  margin-bottom: 24px;
  float: left;
  font-size: 0.833em;
  color: #F4364C;
  vertical-align: top; 
  margin-right: 10px;}
/*.sitemap ul.sitemap-level2 > li:nth-child(3n+2) {
  margin: 0 3% 24px; } Remove by Henry */
.sitemap ul.sitemap-level2 > li:nth-child(3n+4) {
  clear: both; }
.sitemap ul.sitemap-level3 > li {
  font-size: 0.933em;
  color: #000; }
.sitemap ul.sitemap-level4 > li {
  padding-left: 24px;
  font-weight: normal;
  color: #000;
  background: url("../image/arrow-right-blue.png") no-repeat left 2px; }
.sitemap ul li .sitemap-level2link{
    color:#F4364C;
}
.sitemap ul li .sitemap-level3link{
    color:#000;
}
.sitemap ul li .sitemap-level4link{
    color:#000;
}
.sitemap ul {
    padding:0px;
    margin:0px;
}
@media (max-width: 768px) {
    .sitemap ul.sitemap-level2 > li {
        width: 100%;
    }
}

/*
Add by Edward
Date: 14/3/2017
Reason: Fixing #3779
*/
.market-hkex .left-menu__level2 li.back a {
    /*background-size: 6px 13px; edited by henry */
    float:right;
    color:#ff0000;
	margin-left: 10px !important;	
	position: relative;
	background: url("../image/arrow-right-tablet.png") no-repeat left center; /*Edit by Henry*/
	padding-left: 15px; /*Edit by Henry*/
}

.pasteTable td{
	vertical-align: top;
}

/*
Add by Laam
Date: 20/3/2017
Reason: fixed icon in mobile and tablet view
*/
@media (max-width: 1000px) {
    .market-hkex .wl-advantages__list-item__img{
    max-width:25px;
    max-height:28px;
    }
}

/*
Added by Shaman
Date: 21-03-2017
expandable-index-list for Data Conversion index page
*/
.expandable-index-list-container ul li {
    position: relative;
    list-style: none;
    line-height: 1.6em;
    border-top: solid 1px #ccc;
    margin-left: 30px;  /*add on 20-8-2016*/
}


    .expandable-index-list-container ul li h2 {
        padding: 12px 20px 12px 0;
        font-size: 1em;
        color: #13426b;
		width: 100%;
    }

        .expandable-index-list-container ul li h2 span.expand-index-toogle, .expandable-index-list-container ul li h2 a {
            cursor: pointer;
            cursor: hand;
            vertical-align: top;
        }

        .expandable-index-list-container ul li h2 .expand-index-title {
            width: 95%;
            /*margin-left: 20px;*/
            display: inline-block;
        }

        .expandable-index-list-container ul li h2 span.expand-index-toogle {
            font-size: 1.125em;
            font-weight: normal;
            width: 20px;
            color: #F83950;
            display: inline-block;
        }

    .expandable-index-list-container ul li.active h2 span.expand-index-toogle {
        font-size: 1.5em;
        font-size: 1.5em\0;
        font-weight: bold;
    }

    .expandable-index-list-container div.grandchild {
        display: none;
    }

    .expandable-index-list-container ul li p {
        margin: 12px 0;
    }

    .expandable-index-list-container ul li ul li {
        margin: 12px 0 12px 10px;
        border: none;
        background: url("../image/arrow-right-blue.png") no-repeat left 3px;
    }

        .expandable-index-list-container ul li ul li:last-child {
            border-bottom: none;
        }

    .expandable-index-list-container ul li:last-child {
        border-bottom: solid 1px #ccc;
    }

.expandable-index-list-container a {
    color: #13426b !important;
}

.expandable-index-list-container ul li ul li a.pdf, .expandable-index-list-container ul li ul li a.ppt, .expandable-index-list-container ul li ul li a.doc, .expandable-index-list-container ul li ul li a.xls, .expandable-index-list-container ul li ul li a.csv, .expandable-index-list-container ul li ul li a.zip{
    padding-left:20px;
	margin-right:5px;
}

.expandable-index-list-container ul li ul li a.no-icon  {
	padding-left:20px;
	margin-left:30px;
	margin-right:5px;
}


.expandable-index-list-container ul li a {
    display:inline-block;
}

div.tableStyle {
    display: table;
}

    div.tableStyle div.tableRowStyle {
        display: table-row;
    }

        div.tableStyle div.tableRowStyle div.tableCellStyle {
            display: table-cell;
            vertical-align: top;
            min-width:55px;
        }

.grandchild .tableStyle .tableRowStyle .tableCellStyle a{
	position:relative;
	top:-4px;
}

.grandchild  ul {
	padding-left: 70px !important;
}

.expand-index-item .pdf {
	content: "";
    background: url("../image/pdf.png") no-repeat;
    margin-left: 25px;
	margin-right: 5px;
	width: 23px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: middle;
}

.expand-index-item .xls {
	content: "";
    background: url("../image/xls.png") no-repeat;
    margin-left: 25px;
	margin-right: 5px;
	width: 23px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: middle;
}

.expand-index-item .doc {
	content: "";
    background: url("../image/doc.png") no-repeat;
    margin-left: 25px;
	margin-right: 5px;
	width: 23px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: middle;
}

.expand-index-item .ppt {
	content: "";
    background: url("../image/ppt.png") no-repeat;
    margin-left: 25px;
	margin-right: 5px;
	width: 23px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: middle;
}

.expand-index-item .zip {
	content: "";
    background: url("../image/zip.png") no-repeat;
    margin-left: 25px;
	margin-right: 5px;
	width: 23px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: middle;
}
.expand-index-item .csv {
	content: "";
    background: url("../image/csv.svg") no-repeat;
    margin-left: 25px;
	margin-right: 5px;
	width: 23px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: middle;
}

.expand-index-item .txt {
	content: "";
    background: url("../image/txt.png") no-repeat;
    margin-left: 25px;
	margin-right: 5px;
	width: 23px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 1px;
	vertical-align: middle;
}

.expand-index-item span.doc::after {
	margin-left: 25px !important;
}

.expand-index-item span.xls::after {
	margin-left: 25px !important;
}

.expand-index-item span.ppt::after {
	margin-left: 25px !important;
}

.expand-index-item  span.zip::after {
	margin-left: 25px !important;
}

.expand-index-item  span.csv::after {
	margin-left: 25px !important;
}

.expand-index-item  span.txt::after {
	margin-left: 25px !important;
}
/*
Added by Chung
Date: 21-03-2017
expandable-index-list for Data Conversion index page
*/
		
.market-hkex .section__panel .naming-conventions__item .X-content-container {
  margin-bottom: 12px;
  display: inline-block;
}

.market-hkex .section__panel .naming-conventions__item .X-content-container span {
  display: inline-block;
  height: 24px;
  width: 24px;
  font-size: 13px;
  border: 1px solid #d1dde6;
  margin-right: 10px;
  font-weight: bold;
  background-color: #f2f6f8;
  text-align: center;
  line-height: 22px;
}

/*
Added by Henry 
Date: 21-03-2017
Reason: UAT log#3821
*/
.market-hkex .slider .prev .previcon {
	position: absolute;
    width: 15px;
    height: 15px;
    left: 20px;
    top: 50%;
    display: inline-block;
    border-top: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
}

.market-hkex .slider .next .nexticon {
	position: absolute;
    width: 15px;
    height: 15px;
    right: 20px;
    top: 52%;
    display: inline-block;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
}

/*
Added by Henry 
Date: 22-03-2017
Reason: UAT log #4145
*/
@media (max-width: 1000px) {
  .market-hkex .mega-nav-link_haschild {
	max-width: 85%;
  }
}

/**
 * Added By Peter
 * Date: 27-03-2017
 * Reason: Override marign-top of stock table
 */
.market-hkex .stock-table .table thead th.hideborder::after {
    margin-bottom: -12px
}

.market-hkex .table.table-full-width thead th.hideborder::after {
    margin-bottom: -12px
}

.market-hkex .hasSubHeading thead tr.subheading th.hideborder::after {
    margin-bottom: -12px
}

/**
 * Added By Peter
 * Component: Monthly Bulletin
 * Reason: Print styles
 */
@media print {
    .market-hkex body {
        margin-top: 0 !important;
        min-width: 1024px !important
    }
	/*
	.market-hkex .left-menu__level1 li.active {
        background-image: url("/Images/HKEX/HKEX MARKET/arrow-left.png");
    }
	*/
    .market-hkex .topbar {
        background-color: #f6f6f6 !important;
        height: auto !important
    }
    .market-hkex .topbar__mobile-menu {
        display: none !important
    }
    .market-hkex .topbar__mobile-search {
        display: none !important
    }
    .market-hkex .main-menu {
        height: 100% !important
    }
    .market-hkex .menu-title .nav-icon {
        display: none !important
    }
    .market-hkex .container {
        padding: 0 30px !important;
        max-width: 1440px !important;
        margin-left: auto !important;
        margin-right: auto !important
    }
    .market-hkex .topbar__container {
        padding-top: 13px !important
    }
    .market-hkex .topbar__logo {
        margin: 18px 40px 16px 0px !important;
        display: inline-block !important;
        width: 88px !important
    }
    .market-hkex .topbar__logo img {
        width: auto !important
    }
    .market-hkex .lg-topbar__side.topbar__side {
        margin: 0;
        display: block !important
    }
    .market-hkex .topbar__nav li {
        display: inline-block !important;
        margin-bottom: 0 !important
    }
    .market-hkex .topbar__font-sizes span {
        display: inline !important
    }
    .market-hkex .topbar__font-sizes a {
        margin-right: 9px !important
    }
    .market-hkex .main-menu {
        overflow: hidden !important
    }
    .market-hkex .main-menu .main-menu__wrapper {
        background-color: #10416c !important;
        left: 0 !important;
        width: 100% !important;
        position: static !important;
        display: block !important;
        padding: 0 !important
    }
    .market-hkex .m-topbar {
        display: none !important
    }
    .market-hkex .main-menu__item {
        float: left !important;
        background-image: none !important;
        border-bottom: none !important
    }
    .market-hkex .main-menu__link {
        padding-right: 35px !important;
        padding-left: 35px !important
    }
    .market-hkex .nav-side {
        width: 23.72881% !important;
        float: left !important;
        margin-right: 1.69492% !important
    }
    .market-hkex .content-container {
        top: -48px !important;
        position: relative !important
    }
    .market-hkex .nav-content-wrap {
        min-height: 700px !important;
        width: 74.5762711864% !important;
        float: right !important;
        margin-right: 0 !important
    }
    .market-hkex .banner {
        display: block !important
    }
    .market-hkex .banner__breadcrumb {
        display: block !important
    }
    .market-hkex .banner__container {
        margin-top: 0 !important
    }
    .market-hkex .banner__pageheading {
        display: block !important
    }
    .market-hkex .monthly-bulletin__title {
        display: block !important
    }
    .market-hkex .section__title-left-border {
        max-width: 100% !important
    }
    .market-hkex .left-menu__wrapper {
        display: block !important
    }
    .market-hkex .left-menu__level1 li.active {
        padding: 16px 9px 16px 21px !important
    }
    .market-hkex .topbar-sticky {
        position: static !important
    }
    .market-hkex .main-menu-sticky {
        position: static !important
    }
    .market-hkex .fixed-freeze-tb--scroller-container {
        display: none !important
    }
    .market-hkex .fixed-freeze-tb--scroll-bts {
        display: none !important
    }
    .market-hkex .topbar__ticker {
        padding: 7px !important
    }
    .market-hkex .banner__breadcrumb-tablet-mobile {
        display: none !important
    }
    .market-hkex .table-container .sticky {
        position: static !important
    }
    .market-hkex .table-container table {
        page-break-inside: auto
    }
    .market-hkex .table-container table {
        width: 100% !important
    }
    .market-hkex .table-container tr {
        page-break-inside: avoid;
        page-break-after: auto
    }
    .market-hkex .table__wrapper .fixed-freeze-tb-container .table-container {
        overflow-y: hidden !important;
    }
    .market-hkex .newsRelease-filter {
		display: none;
	}
    .market-hkex .circulars-filter {
		display: none;
	}
	.market-hkex .nav-content-wrap.news-release-right {
		width: 100% !important;
	}
	
	.market-hkex .nav-content-wrap.circulars-right {
		width: 100% !important;
	}
	/*
	Added by Shaman Tso
	Date: 13/7/2017
	Reason: UAT Log 5226
	*/
	.market-hkex .banner-light__background{
		padding-top:44px !important;
	}
	.market-hkex .banner-light__container{
		height: 218px !important;
	}
}

/*
Added by Henry
Date: 27/3/2017
Reason: Fix UAT log #4186
*/
.market-hkex .footer__social-icons li:first-child{
	margin-left: 0px;
}

/*
Added by Shaman
Date: 28/3/2017
Reason: Fix UAT log #4169
*/
.market-hkex .search-results__content-noResult{
	margin-left: 20px;
}

/*
Added by Shaman
Date: 29/3/2017
Reason: Fix the layout of New Details
*/
.news-feature__new-product {
	margin-left: 30px !important;
}

.listing-committee__brief {
	margin-top: 10px !important;
}
/*
Added by Billy
Date: 31/3/2017
Reason: Cater for full screen width rich text content
*/

.market-hkex .full-width__body {
  height: auto;
  float: left;
  padding: 20px 20px 20px 24px;
  background-color: #fff;
  margin-top: 20px;
}

/*
Added by Peter
Date: 2017-04-05
Reason: Fix dropdown covered
*/
.market-hkex .etp-education-right {
    overflow: visible;
}

/*
Added by Shaman
Date: 5/4/2017
Reason: Fix UAT log #4087
*/
.market-hkex .contactsUs__tab-content-title {
	text-transform: uppercase;
}

/*
Added by Peter
Date: 2017-04-05
Reason: Fix list step type - 2 column images
*/
.market-hkex .ls-process__step-half-clear {
    clear: left
}

.market-hkex .ls-process__step-half-clearend {
    clear: left
}

/*
Added by Laam
Date: 2017-04-05
Reason: Fix h4,h5 tag font-size
*/
.market-hkex h4{
	font-size:12px;
}
.market-hkex h5{
	font-size:12px;
}

/*
Added by Laam
Date: 2017-04-05
Reason: Fix Log#3909
*/
@media (min-width: 1001px) {
    .market-hkex nav:not(.sticky-menu) .main-menu__link {
        max-height : 41px;
    }
    .market-hkex nav:not(.sticky-menu) .main-menu__item {
        max-height : 41px;
    }
}

/*
Added by Peter
Date: 2017-04-06
Reason: Add left padding back to stock table
Change: Only apply to EPAM scroll table, date: 2017-07-12
*/
.market-hkex .stock-table .fixed-freeze-tb-container .table tbody td:first-child:not([data-first-col='false']),
.market-hkex #stockTable.table tbody td:first-child:not([data-first-col='false']),
.market-hkex .table#stockTable tbody td:first-child:not([data-first-col='false']) {
    padding-left: 31px
}

@media (max-width: 767px) and (min-width: 320px) {
	.market-hkex .stock-table .fixed-freeze-tb-container .table tbody td:first-child:not([data-first-col='false']),
    .market-hkex #stockTable.table tbody td:first-child:not([data-first-col='false']),
    .market-hkex .table#stockTable tbody td:first-child:not([data-first-col='false']) {
        padding-left: 10px
    }
}

.market-hkex .table__wrapper .table thead tr:first-child:last-child th[colspan] {
    border-bottom: none
}

/*
Added by Laam
Date: 2017-04-06
Reason: change h3.spanHeading to Red color
*/
.market-hkex h3.spanHeading{
    color:#e72742 !important;
}

/*
Added by Peter
Date: 2017-04-06
Reason: Remove padding for migrate scrollable table
*/
.market-hkex .section__panel div.common_panel_content>div.table-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important
}
.market-hkex section.stock-table>div.table-wrapper {
	padding-left: 0 !important;
    padding-right: 0 !important;
}
.market-hkex .section__panel div.common_panel_content span.scWebEditInput>div.table-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important
}

/*
Added by Peter
Date: 2017-04-11
Reason: Fix log#4257 - Make bullet more easy to click
*/
.market-hkex .slider__slides_tabs li {
    position: relative
}

.market-hkex .slider__slides_tabs li a {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px
}

/*
Added by Edward
Date: 2017-04-11
Reason: Fix log#4257
*/

@media (min-width: 767px) {
  .market-hkex .slider .prev {
    display: inline-block;
  }
}


@media (min-width: 767px) {
  .market-hkex .slider .next {
    display: inline-block;
  }
}

@media (min-width: 1000px) {
  .market-hkex .slider__slides_nav {
    display: none !important;
  }
}

@media (min-width: 767px){
.market-hkex .slider .prev .previcon {
    border-top-color: #696969;
    border-left-color: #696969;
}
}



/*
Added by Peter
Date: 2017-04-10
Reason: Fix UAT#4263, reduce padding for megamenu link item, due to minimun font size on Chrome
*/
@media (min-width: 1350px) {
    .market-hkex .fontsize-small .main-menu__link {
        padding-right: 65px;
        padding-left: 65px
    }
}

@media (max-width: 1350px) {
    .market-hkex .fontsize-small .main-menu__link {
        padding-right: 55px;
        padding-left: 55px
    }
}

@media (max-width: 1250px) {
    .market-hkex .fontsize-small .main-menu__link {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media (max-width: 1100px) {
    .market-hkex .fontsize-small .main-menu__link {
        padding-right: 35px;
        padding-left: 35px
    }
}

@media (min-width: 1350px) {
    .market-hkex .fontsize-small .sticky-menu .main-menu__link {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media (max-width: 1350px) {
    .market-hkex .fontsize-small .sticky-menu .main-menu__link {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media (max-width: 1250px) {
    .market-hkex .fontsize-small .sticky-menu .main-menu__link {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media (max-width: 1100px) {
    .market-hkex .fontsize-small .sticky-menu .main-menu__link {
        padding-right: 31px;
        padding-left: 31px
    }
}

/*
Added by Peter
Date: 2017-04-11
Reason: For UAT#4250, hide news story and twitter
*/
.market-hkex .news-releases-container.filter-applied .l-full-width .news-feature {
    display: none
}

.market-hkex .news-releases-container.filter-applied .twitter-section {
    display: none
}

@media (max-width: 1000px) {
    .market-hkex .news-releases-container.filter-applied .news-release-right {
        margin-top: 0
    }
}

/*
Added by Shaman Tso
Date: 11/4/2017
Reason: Add Zip Icon
*/
.market-hkex span.zip::after {
  content: "";
  background: url("../image/zip.png") no-repeat;
  margin-left: 5px;
  margin-right: 2px;
  width: 23px;
  height: 12px;
  display: inline-block;
  position: relative;
  top: 1px;
}

/*
Added by Peter
Reason: Fix table styles
*/
.market-hkex .table thead tr:first-child:last-child th[colspan] {
    border-bottom: none;
}

/*
Added by Peter
Reason: New table styles
*/
.market-hkex .table.table-rte-generic {
    border-collapse: separate;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .market-hkex .table.table-rte-generic {
        border-collapse: collapse;
    }
}

.market-hkex .table.table-rte-generic td {
    border-bottom: 1px solid #d1dde6;
}

.market-hkex .table.table-rte-generic tbody.no-background tr td {
    border-bottom: 1px solid #d1dde6;
    border-right: 1px solid #d1dde6;
}

.market-hkex .table.table-rte-generic tbody.no-background tr td.is-fix-col {
    border-right: none;
}

.market-hkex .table.table-rte-generic tbody.no-background tr td:last-child {
    border-right: none;
}

.market-hkex .table tbody.no-background tr:nth-child(odd) td {
    background-color: #ffffff;
}

.market-hkex .table tbody.no-background tr:nth-child(even) td {
    background-color: #ffffff;
}

.market-hkex .section__panel div.common_panel_content>div.fixed-freeze-tb-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.market-hkex .section__panel div.common_panel_content>span.scWebEditInput[scfieldtype="rich text"] {
    display: block;
}

.market-hkex .section__panel div.common_panel_content>span.scWebEditInput>div.fixed-freeze-tb-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*
Added by Henry
Date: 18/4/2017
Reason: Fix log #4276
*/
.market-hkex .slider__caption__over .slider__caption__description {
    font-size: 20px;
    color: #10416c;
    line-height: 1.2;
    margin: 0 0 13px 0;
}

.market-hkex .slider__caption__over .slider__caption__description p {
    font-size: 20px;
    color: #10416c;
    line-height: 1.2;
    margin: 0 0 13px 0;
}
/*
Added by Laam
Reason: For 10 Content
*/
.market-hkex .baseholder .twoColDiv > div 
{
    float:left;
    overflow:auto;
}
.market-hkex .baseholder .twoColDiv > .twoColDivLeft 
{
    padding-right:10px;
}
.market-hkex .baseholder .twoColDiv > .twoColDivRight 
{
    padding-left:10px;
}
.market-hkex .elementDiv{
    width:100%;
    clear:both;
}
    
.market-hkex .twoColDiv{
    float:left;
    width:100%;
    clear:both;
}
@media(max-width:1000px){
    .market-hkex .baseholder .twoColDiv > div {
        width:100% !important;
    }
    .market-hkex .baseholder .twoColDiv > .twoColDivLeft 
    {
        padding-right:0px;
    }
    .market-hkex .baseholder .twoColDiv > .twoColDivRight 
    {
        padding-left:0px;
    }
}

.market-hkex .baseholder .scWebEditInput 
{
    display:block;
}

/*
Added by Peter
Date: 19/4/2017
Reason: Fix table in special pages
*/
.market-hkex .findPartner__overview>.overview-container>div.fixed-freeze-tb-container,
.market-hkex .findPartner__overview>.overview-container>.overview-tips>div.fixed-freeze-tb-container,
.market-hkex .collapse-container>div.equity-overview-container>div.fixed-freeze-tb-container,
.market-hkex .collapse-container>div.equity-overview-container>div.table-wrapper,
.market-hkex .listing-committee__brief>div.fixed-freeze-tb-container,
.market-hkex .etpLiquidity__context>div.fixed-freeze-tb-container,
.market-hkex .section__panel.etp-overview>div>div.fixed-freeze-tb-container,
.market-hkex .etpIssuers__whyListInHK-tab>div>div.fixed-freeze-tb-container,
.market-hkex .etp-overview-detail__info--section>div>div.fixed-freeze-tb-container {
    margin-left: -30px;
    margin-right: -30px;
}

.market-hkex .findPartner__overview>.overview-container>span.scWebEditInput>div.fixed-freeze-tb-container,
.market-hkex .findPartner__overview>.overview-container>.overview-tips>span.scWebEditInput>div.fixed-freeze-tb-container,
.market-hkex .collapse-container>div.equity-overview-container>span.scWebEditInput>div.fixed-freeze-tb-container,
.market-hkex .listing-committee__brief>span.scWebEditInput>div.fixed-freeze-tb-container,
.market-hkex .etpLiquidity__context>span.scWebEditInput>div.fixed-freeze-tb-container,
.market-hkex .section__panel.etp-overview>div>span.scWebEditInput>div.fixed-freeze-tb-container,
.market-hkex .etpIssuers__whyListInHK-tab>div>span.scWebEditInput>div.fixed-freeze-tb-container,
.market-hkex .etp-overview-detail__info--section>div>span.scWebEditInput>div.fixed-freeze-tb-container {
    margin-left: -30px;
    margin-right: -30px;
}

.market-hkex .section__table>div>span.scWebEditInput[scfieldtype="rich text"] {
    display: block;
}

/*
Added by Billy
Date: 20/4/2017
Reason: Fix bullet point
*/
.market-hkex .monthly-event-display-list .noEventIndicator, .market-hkex .agenda__events .noEventIndicator {
    padding: 10px 10px 10px 10px;
}


/*
Added by Chung
Date: 20/4/2017
Reason: Update FAQ Title style
*/
.market-hkex .collapse-container a.panel-heading {
	display: block;
	text-decoration: none !important;
}

/*
Added by Chung
Date: 20/4/2017
Reason: Update migrate data content.
*/
.market-hkex .ul-migrate, ul.alignTop, ol.alignTop {
	margin-top: 0;
}
.market-hkex ul.alignBottom, ol.alignBottom {
	margin-bottom: 0;
}

.market-hkex .migrate-table__merge tbody td {
	border-bottom:1px solid #d1dde6 !important;
}

.market-hkex .migrate-table__merge tbody tr:nth-child(2n), .market-hkex .migrate-table__merge tbody tr:nth-child(2n) td {
	background-color: #ffffff !important;
}

/*
Added by Shaman
Date: 9/5/2017
Reason: Log Fix 4349
*/
.market-hkex .table tbody td:last-child {
	border-left:0px !important;
	padding-right: 15px;
}

.market-hkex .migrate-table__merge > tbody > tr > td:last-child {
    border-right: 1px solid #d1dde6 !important;
}

.market-hkex .migrate-table__leftborder > tbody > tr > td:first-child {
    border-left: 1px solid #d1dde6 !important;
}

.market-hkex table.migrate table.migrate {
	border-left: 1px solid #d1dde6;
	border-right: 1px solid #d1dde6;
	border-collapse: collapse;
    border-spacing: 0px;
}

.market-hkex .migrate-table__noheader > tbody > tr:first-child > td {
    border-top: 1px solid #d1dde6 !important;
}

.market-hkex table.table_index_list_2 tbody tr td {
	border-bottom: 0 !important;
	border-right: 0 !important;
}

.market-hkex table.migrate-table__removeBorder tbody tr td, .market-hkex table.table_no_border tbody tr td {
	border: 0 !important;
	background-color: #ffffff;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.market-hkex .table .table > thead > tr {
    background-color: #10416c;
}

.market-hkex .table .migrate-table__subHeader td {
    background-color: #10416c !important;
	border-right: 1px solid #10416c !important;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: bold;
}

.market-hkex .table .migrate-table__subHeader p {
	color: #ffffff;
}

.market-hkex .listing-committee__brief .migrate-table__border {
	border: 1px solid;
}

.market-hkex .footerNote, .market-hkex .footerNote p {
	font-size: 0.75rem !important;
}

.market-hkex table:not(.table):not(.migrate) tr td:first-child sup {
 top: 0;
}

/*
Added by Chung
Date: 20/4/2017
Reason: Mega menu in label.
*/
.market-hkex .mega-nav__level3-item span {
  font-size: 0.8125rem;
  color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__level3-item span {
    display: inline-block;
    font-size: 0.875rem;
    padding: 11px 0 12px 35px;
  }
}

.market-hkex .mega-nav__item span {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.5px;
  color: #4a4a4a;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__item span {
    padding: 7px 45px 7px 35px;
    font-size: 0.875rem;
    line-height: 1.43;
  }
}

/*
Added by Chung
Date: 20/4/2017
Reason: Special Component non table div set padding margin
*/
.market-hkex section.stock-table > div:not(.section__title-left-border):not(.fixed-freeze-tb-container):not(.sticky-header-table):not(.sticky-header-table__current-table):not(.fixed-freeze-tb--scroller-container):not(.fixed-freeze-tb--scroll-bar):not(.fixed-freeze-tb--bar):not(.table-container):not(.fixed-freeze-tb-parent):not(.monthlyHighlightTable):not(.fixed-freeze-tb--scroll-bts):not(.fixed-freeze-tb--scroll-bts-left):not(.fixed-freeze-tb--scroll-bts-right):not(.table-footer) {
	padding-left: 30px;
	padding-right: 30px;
}

.market-hkex .collapse-container div.panel table.table {
	border-left: 1px solid #d1dde6;
	border-right: 1px solid #d1dde6;
	border-collapse: collapse;
	border-spacing: 0px;
}

/*
Added by Henry
Date: 24/4/2017
Reason: Fix the log #4269
*/
@media (max-width: 1000px) {
    .market-hkex .banner-light__container {
        height: auto;
    }
    .market-hkex .banner-light__background {
        padding-top: 0;
    }
}

/*
Added by Peter
Date: 24/4/2017
Reason: Fix contact us tab icon disort
*/
@media (max-width: 767px) {
    .market-hkex .contactsUs__tab .tab-box__icon {
        width: auto;
    }
}

/*
Added by Peter
Date: 24/4/2017
Reason: Make show reel bullet more clickable
*/
.market-hkex .show-reel__tablet-mobile .carousel-indicators li::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    position: relative;
    margin-top: -12px;
    margin-left: -12px;
}

/*
Added by Peter
Date: 24/4/2017
Reason: Fix drop list covered
*/
.market-hkex .section__table {
    overflow: visible;
}

/*
Added by Peter
Date: 24/4/2017
Reason: Remove text underline in blue button
*/
.market-hkex .btn-blue>a {
    text-decoration: none !important;
}

/*
Added by Peter
Date: 25/4/2017
Reason: Fix log #3985
*/
.market-hkex .section__panel>.listing-committee__brief>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__panel>.listing-committee__brief>ol:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__table.monthlyHighlight>div>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__table.monthlyHighlight>div>ol:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__panel div.common_panel_content>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__panel div.common_panel_content>ol:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .cd-table>.table__wrapper>div>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .cd-table>.table__wrapper>div>ol:not(.defaultBulletPoint):not(.vendorInfo) {
    margin-left: 30px;
}

.market-hkex .section__panel>.listing-committee__brief>.ticker__btn,
.market-hkex .section__table.monthlyHighlight>div>.ticker__btn,
.market-hkex .section__panel div.common_panel_content>.ticker__btn,
.market-hkex .cd-table>.table__wrapper>div>.ticker__btn {
    margin-left: 30px;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.market-hkex .section__panel>.listing-committee__brief>span.scWebEditInput>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__panel>.listing-committee__brief>span.scWebEditInput>ol:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__table.monthlyHighlight>div>span.scWebEditInput>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__table.monthlyHighlight>div>span.scWebEditInput>ol:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__panel div.common_panel_content>span.scWebEditInput>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .section__panel div.common_panel_content>span.scWebEditInput>ol:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput>ul:not(.defaultBulletPoint):not(.vendorInfo),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput>ol:not(.defaultBulletPoint):not(.vendorInfo) {
    margin-left: 30px;
}

.market-hkex .section__panel>.listing-committee__brief>span.scWebEditInput>.ticker__btn,
.market-hkex .section__table.monthlyHighlight>div>span.scWebEditInput>.ticker__btn,
.market-hkex .section__panel div.common_panel_content>span.scWebEditInput>.ticker__btn,
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput>.ticker__btn {
    margin-left: 30px;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.market-hkex .etpIssuers__whyListInHK-tab ul:not(.scroll_tabs) li:first-child,
.market-hkex .etpIssuers__whyListInHK-tab ol:not(.scroll_tabs) li:first-child {
    margin-left: inherit;
}

/*
Added by Henry
Date: 25/4/2017
Reason: Fix log #3759, 4178, 4196
*/
.market-hkex .slider__slide__fullwidth{
	position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.market-hkex .slider__slide__fullwidth > a div {
    position: absolute;
    right: -1px;
    max-height: 498px;
    z-index: 1;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.market-hkex .slider__slide__fullwidth img {
    width: 100%;
    display: block;
    height: auto;
    float: right;
    position: relative;
    border: 0;
    left: 0;
    max-height: 434.813px;
}

@media (max-width: 767px){
	.market-hkex .slider__slide__fullwidth a {
	display: inline-block;
    width: 100%;
	}
}
	
@media (max-width: 1000px){
	.market-hkex .slider__slide__fullwidth > a div{
	  left: 7%;
	  height: 85%;
	  width: 724px;
	  max-width: 100%;
	  padding-right: 65px;
	}
}
@media (max-width: 767px){
	.market-hkex .slider__slide__fullwidth > a div {
		display: none;
	}
}

@media (max-width: 1000px){
	.market-hkex .slider__slide__fullwidth img {
		left: 4.5%;
		/*height: 84%; Edit by Henry Date: 20170808 Fix Homepage Banner Slideshow*/
		max-width: 100%;
	}
}
@media (max-width: 1000px) and (min-width: 767px) {
	.market-hkex .slider__slide__fullwidth img {
		max-width: 97.45%;
		padding-right: 88.5px;
		padding-bottom: 10%;
	}
}

@media (max-width: 767px) {
	.market-hkex .slider__slide__fullwidth img {
		position: inherit;
	}
}
/* Added by Edward
   Date:25-April-2017
   Reason:left-side menu three layer*/
.market-hkex .left-menu__level3 {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-left: -20px;
  margin-bottom: -10px;
  display: none;
  float: left;
  width: 120%;
}

.market-hkex .left-menu__level3 li:nth-child(odd) {
  //border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background-color:#FFFFFF;
  padding-left:34px;
}

.market-hkex .left-menu__level3 li:nth-child(even) {
  border-bottom: 1px solid #e3e3e3;
  background-color:#FFFFFF;
  padding-left:34px;
  }
/*.market-hkex .left-menu__level2 li:last-child {
	border-bottom:block;
}
*/
@media (min-width: 1001px) {
  .market-hkex .left-menu__level2 li {
    display: block !important;
	padding:10px 13px 10px 12px;
}

.market-hkex .left-menu__level2 li:last-child {
    border-bottom: none;
  }
}
@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li {
	padding:10px 13px 10px 12px;
}

  .market-hkex .left-menu__level2 li:last-child {
    border-bottom: none;
  }
}




/*
Added by Peter
Date: 26/4/2017
Reason: Add padding to special pages
*/
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>div:not(.section__title-left-border):not(.fixed-freeze-tb-container):not(.sticky-header-table):not(.sticky-header-table__current-table):not(.fixed-freeze-tb--scroller-container):not(.fixed-freeze-tb--scroll-bar):not(.fixed-freeze-tb--bar):not(.table-container):not(.fixed-freeze-tb-parent):not(.monthlyHighlightTable):not(.fixed-freeze-tb--scroll-bts):not(.fixed-freeze-tb--scroll-bts-left):not(.fixed-freeze-tb--scroll-bts-right):not(.table-footer):not(.table-wrapper):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>a:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>p:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>img:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span:not(.scWebEditInput):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>br:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>ul:not(.defaultBulletPoint):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>ol:not(.defaultBulletPoint):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>h1:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>h2:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>h3:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>h4:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>div:not(.section__title-left-border):not(.fixed-freeze-tb-container):not(.sticky-header-table):not(.sticky-header-table__current-table):not(.fixed-freeze-tb--scroller-container):not(.fixed-freeze-tb--scroll-bar):not(.fixed-freeze-tb--bar):not(.table-container):not(.fixed-freeze-tb-parent):not(.monthlyHighlightTable):not(.fixed-freeze-tb--scroll-bts):not(.fixed-freeze-tb--scroll-bts-left):not(.fixed-freeze-tb--scroll-bts-right):not(.table-footer):not(.table-wrapper):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>a:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>p:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>img:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span:not(.scWebEditInput):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>br:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>ul:not(.defaultBulletPoint):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>ol:not(.defaultBulletPoint):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>h1:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>h2:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>h3:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>h4:nth-child(n) {
    padding-left: 30px;
    padding-right: 30px;
}

.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"],
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"] {
    display: block;
}

.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>div:not(.section__title-left-border):not(.fixed-freeze-tb-container):not(.sticky-header-table):not(.sticky-header-table__current-table):not(.fixed-freeze-tb--scroller-container):not(.fixed-freeze-tb--scroll-bar):not(.fixed-freeze-tb--bar):not(.table-container):not(.fixed-freeze-tb-parent):not(.monthlyHighlightTable):not(.fixed-freeze-tb--scroll-bts):not(.fixed-freeze-tb--scroll-bts-left):not(.fixed-freeze-tb--scroll-bts-right):not(.table-footer):not(.table-wrapper):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>a:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>p:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>img:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>span:not(.scWebEditInput):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>br:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>ul:not(.defaultBulletPoint):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>ol:not(.defaultBulletPoint):nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>h1:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>h2:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>h3:nth-child(n),
.market-hkex .section__table.monthlyHighlight>.cd-dashboard__selectFilter+div>span.scWebEditInput[scfieldtype="rich text"]>h4:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>div:not(.section__title-left-border):not(.fixed-freeze-tb-container):not(.sticky-header-table):not(.sticky-header-table__current-table):not(.fixed-freeze-tb--scroller-container):not(.fixed-freeze-tb--scroll-bar):not(.fixed-freeze-tb--bar):not(.table-container):not(.fixed-freeze-tb-parent):not(.monthlyHighlightTable):not(.fixed-freeze-tb--scroll-bts):not(.fixed-freeze-tb--scroll-bts-left):not(.fixed-freeze-tb--scroll-bts-right):not(.table-footer):not(.table-wrapper):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>a:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>p:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>img:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>span:not(.scWebEditInput):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>br:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>ul:not(.defaultBulletPoint):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>ol:not(.defaultBulletPoint):nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>h1:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>h2:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>h3:nth-child(n),
.market-hkex .cd-table>.table__wrapper>div>span.scWebEditInput[scfieldtype="rich text"]>h4:nth-child(n) {
    padding-left: 30px;
    padding-right: 30px;
}

/*
Added by Chung
Date: 26/4/2017
Reason: Font size for common component and stock table component
Edited Laam at 25/5/2017 (add .market-hkex .baseholder) for 10 content
*/
.market-hkex .common_panel_content, .market-hkex .stock-table, .market-hkex .monthlyHighlight , .market-hkex .baseholder {
	font-size: 0.875rem;
	line-height: 1.43;
}

.market-hkex .m-topbar__side a, 
.market-hkex .popover__content-list a, 
.banner__breadcrumb-tablet-mobile a,
.market-hkex .panel-heading {
	color: #10416c;
}

.market-hkex .collapse-container .panel-body a {
	color: #0066cc;
}

/*
Added by Henry
Date: 27/4/2017
Reason: Fix log #4318
*/
.market-hkex .search-results__content-result {
    word-wrap: break-word;
}

/*
Added by Peter
Date: 27/4/2017
Reason: Hide sticky table header when scroll to table bottom
*/
.market-hkex div.sticky-header-table.sticky-header-hide table th.sticky,
.market-hkex div.sticky-header-table.sticky-header-hide .fixed-freeze-tb--scroller-container.sticky {
  visibility: hidden; }

.market-hkex div.sticky-header-table.sticky-header-hide .fixed-freeze-tb--scroll-bts.stickyScrollBtns {
  visibility: hidden; }

/*
Added by Peter
Date: 2017-5-9
Reason: Make all links in blue button white
*/
.market-hkex .btn-blue a,
.market-hkex .btn-blue a:link,
.market-hkex .btn-blue a:visited,
.market-hkex .btn-blue a:hover,
.market-hkex .btn-blue a:active {
    color: #fff;
    text-decoration: none !important;
}

/*Added Bt Edward
Date: 28/4/2017
Reason: left-side menu level3 Highllight
*/
.market-hkex .left-menu__level3 li:hover {
	background-color: #f7f7f7;;
}
.market-hkex .left-menu__level2 li.showChildren {
	border-bottom: 1px solid #e3e3e3;
}

/*.market-hkex .left-menu__level2 li.hasChildren {
background-position: left 8px top 14px; 
}*/
.market-hkex .left-menu__level2 li.showChildren{
/*background-position: left 8px top 14px;*/
padding: 10px 13px 10px 12px;
}
.market-hkex .left-menu__level2 li.active.showChildren {
	padding:10px 13px 10px 7px;
}
.market-hkex .left-menu__level2 li.active.hasChildren {
	padding:10px 13px 10px 7px
}

.market-hkex .leftside-menu__level2 li.hasChildren {
	background-position: left 8px top 14px; 
}
.market-hkex .leftside-menu__level2 li.showChildren {
	background-position: left 8px top 14px; 
}
.market-hkex .leftside-menu__item2 li:hover {
	background-color: #10416c;
}
@media (max-width: 1000px) {
	.market-hkex .leftside-menu__level3-text {
		color:#FFFFFF;
	}
}
.market-hkex .fontsize-large .left-menu__level2 li.hasChildren {
background-position: right 16px top 16px;
}
.market-hkex .fontsize-large .left-menu__level2 li.showChildren{
background-position: right 16px top 16px;
padding: 10px 13px 10px 0px;
}
.market-hkex .leftside-menu__level3-text {
	font-weight:400 !important;
}


	
.market-hkex .cal-agenda .date-data-list__section--date-year,
.market-hkex .news-releases__section--date-year {
  font-size: 1.375rem;
  color: #10416c;
  letter-spacing: 1px;
  padding-left: 4px;
  text-transform: uppercase;
}
@media (max-width: 1000px) {
	.market-hkex .left-menu__level2 li:nth-child(odd) {
		/*background-color:#FFFFFF*/
	}
}
	
/*
Added by Shaman
Date: 8/5/2017
Reason: New Release List add Year
*/
.market-hkex .fontsize-large .cal-agenda .date-data-list__section--date-year,
.market-hkex .fontsize-large .news-releases__section--date-year {
  font-size: 22px !important;
}

/*
Added by Shaman
Date: 8/5/2017
Reason: UAT log fix # 4349
*/
.market-hkex .table.table-full-width thead tr:first-child th:last-child {
	padding-right:15px;
}

/*
Added by Peter
Date: 11/5/2017
Reason: Display calendar year
*/
.market-hkex .cal-agenda .date-data-list__section--date-day,
.market-hkex .cal-agenda .date-data-list__section--date-month,
.market-hkex .cal-agenda .date-data-list__section--date-year {
    width: 4.45rem;
}

.market-hkex .cal-agenda .date-data-list__section--date-year {
    padding-left: 0;
    text-align: center;
}

@media (max-width: 767px) {
    .market-hkex .cal-agenda .date-data-list__section--date-day,
    .market-hkex .cal-agenda .date-data-list__section--date-month,
    .market-hkex .cal-agenda .date-data-list__section--date-year {
        text-align: left;
    }
}

/*
Added by Peter
Date: 23/5/2017
Reason: Hide p TAB if it is empty to prevent extra space added
*/
.market-hkex .loadMore__timetag-container p.loadMore__timetag:empty {
	display: none;
}

.market-hkex .section__title-and-content {
	margin-top: 20px;
}

.market-hkex .section__title-and-content.stock-table,
.market-hkex .section__title-and-content.equities-right-side {
	background: transparent;
	border-bottom: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.market-hkex section.stock-table > .section__panel {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*
Added by Shaman
Date 24/05/2017
Reason: Check browser if it is IE then amend the bottom padding of blue button (UAT# 4423)
*/
.market-hkex body.IE-btn-blue a.btn-blue, 
.market-hkex body.IE-btn-blue input.scfSubmitButton_disable,
.market-hkex body.IE-btn-blue input.scfSubmitButton_enable{
	
	padding-bottom: 11px;
}

/*
Added by Shaman
Date 24/05/2017
Reason: TAB INDEX : TAB not go through mega menu items except stock connect (UAT# 4364)
*/
.market-hkex li.main-menu__item a.main-menu__link:not(.menu_link_pointer)
{
	text-decoration: none;
	cursor: default;
}

/*
Added by Peter
Date: 26/05/2017
Reason: Show dropdown hidden when left menu download panel not height enough
*/
.market-hkex .section__left_panel.section__left_menu_download {
	overflow: visible;
}

/*
Added by Shaman
Date 29/05/2017
Reason: Add style for new attachment
*/
.market-hkex .news-releases__section--content-attachment
{
	color: #10416c;
	margin-left: 19px;
	font-size: 0.875rem;
	line-height: 1.25rem;
}
/*
Added by Shaman
Date 05/05/2017
Reason: leftmenu-link_pointer
*/
.market-hkex .left-menu__level1 .leftmenu_link_pointer {
	cursor:default;
}

/*
Added by Peter
Date 05/06/2017
Reason: Remove text indent is search result
*/

@media (max-width: 767px) {
  .market-hkex .advanced-search__others-content {
	  text-indent: 0px;
  }
}

/*
Added by Shaman
Date 07/06/2017
Reason: CSM Latest Section
*/
.market-hkex .list-panel .circulars.csmcirculars {
	margin-bottom: 0px;
}

.market-hkex .top-news.csmtopnews {
	border-bottom: 0px;
}

.market-hkex .scroll_tabs.scroll_tabs_container.scroll_tabs_side.tabs-for-sidebar.csm_scroll_tabs{
	margin-top: 0px;
}

.market-hkex .right-panel-sections.news-section .top-news.csmtopnews .right-panel-sections-label-left{
	text-align: right;
}

.market-hkex .right-panel-sections.news-section .top-news.csmtopnews .right-panel-sections-label-left .list-panel__item.csm-view-all .view-all{
	display: inline-block;
	background: url("../image/arrow-right.png") no-repeat 100% 50%;
	padding-right: 17px;
	margin-right: 23px;
}

/*
Added by Nic
Date 22/06/2017
Reason: some table require to have bigger font size & remove the alternate color
*/

/*.market-hkex table.table-reset thead, 
.market-hkex table.table-reset tbody,
.market-hkex table.table-reset p {
    font-size: 0.875rem;
}*/

    .market-hkex table.table-reset tbody tr {
        background-color: #fff !important;
    }

    .market-hkex table.table-reset tbody td {
        border-bottom: 1px solid #d1dde6 !important;
    }
	
	.market-hkex table.table-reset thead tr {
         background-color: #10416c !important;
    }


/*
Added by Laam
Date: 12/6/2017
Reason: Fix ETP Issuer
*/
.market-hkex .section__table.etpIssuers {
    overflow: auto;
}

.market-hkex .scroll_tabs_content .videos {
	margin-top:10px;
}

/*
Added by Edward
Date 22/6/2017
Reason: ETP Education Tab
*/
.market-hkex .education_tabs {

	border-bottom:none !important;
    height:auto;
	margin-top:0px;
	padding-left:22px;
}
.market-hkex .videoCtrl::-webkit-media-controls-start-playback-button {
  display: block;
}

/**
 * Added by Peter
 * Reason: Apply TD padding in THEAD
 * Date: 2017-06-28
 */
.market-hkex .table thead tr:first-child td:first-child {
  padding-left: 31px;
}

.market-hkex .table thead tr:first-child td:last-child {
  padding-right: 30px;
}

.market-hkex .table thead td {
  padding-left: 12px;
  padding-right: 12px;
}

.market-hkex .table thead td:first-child {
  padding-left: 31px;
}

/*
Added by Henry
Reason: Fix Log #4243
Date: 20170703
*/
.market-hkex .news-releases__section--attachment {
  color: #10416c;
  padding-left: 19px;
  font-size: 1rem;  
  line-height: 1.31;
  display: inline-block;
}
/*End Fix Log #4243*/

/*
Added by Henry
Reason: Fix Log #4084
Date: 20170704
*/

.market-hkex .section__panel .section__title-left-border {
	padding-left: 26px !important;
}

.market-hkex .section__left_panel .section__title-left-border {
	padding-left: 16px !important;
}

/*End Fix Log #4084*/

/*
Added by Henry
Reason: Fix Left Menu Padding In chrome and firefox
Date: 20170704
*/
/*for chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.market-hkex .menu-title h2 {
		padding: 17px 20px 14px 20px;
	}
	@media (min-width: 1000px) {
	  .market-hkex .fontsize-large .left-menu__title h2 {
		padding: 15px 20px 12px 20px;
	  }
	}

	@media (max-width: 1000px) {
	  .market-hkex .fontsize-large .left-menu__title h2 {
		padding: 18px 20px 13px 20px;   
	  }
	}
	@media (min-width: 1000px) {
	  .market-hkex .fontsize-small .left-menu__title h2 {
		padding: 20px 20px 14px 20px;
	  }
	}
}
/*for Firefox*/
@-moz-document url-prefix() {
	{
		/*Check the browser is firefox*/
	}
	.market-hkex .menu-title h2 {
		padding: 17px 20px 13px 20px;
	}
	@media (min-width: 1000px) {
	  .market-hkex .fontsize-large .left-menu__title h2 {
		padding: 15px 20px 11px 20px;
	  }
	}
	@media (max-width: 1000px) {
	  .market-hkex .fontsize-large .left-menu__title h2 {
		padding: 18px 20px 12px 20px;   
	  }
	}
}
/*End Fix Left Menu Padding In chrome and firefox*/

.market-hkex .baseholder {
	background-color:white;
}

/**
 * Added by Peter
 * Reason: New Video List
 * Date: 20170706
 */
.market-hkex .video-materials-list {
    background: #fff;
    padding-left: 30px;
    padding-right: 15px;
    padding-top: 30px;
}
.market-hkex .video-materials-list.video-img-thumbnail {
    margin-top: 0;
}

/**
 * Added by Peter
 * Reason: Make load more a tag outline in IE
 * Date: 20170711
 */
.market-hkex .IE-btn-blue .loadMore-leftPart__container a {
	display: inline-block;
}

/**
 * Added by Peter
 * Reason: Fix #5013 - Add outline to ticker when focus
 * Date: 20170711
 */
.market-hkex a.m-topbar__ticker:focus,
.market-hkex a.topbar__ticker:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

/**
 * Added by Peter
 * Reason: Fix normal tables margin in special pages
 * Date: 20170711
 */
.market-hkex .findPartner__overview>.overview-container>div.table-wrapper,
.market-hkex .findPartner__overview>.overview-container>.overview-tips>div.table-wrapper,
.market-hkex .collapse-container>div.equity-overview-container>div.table-wrapper,
.market-hkex .etpLiquidity__context>div.table-wrapper,
.market-hkex .section__panel.etp-overview>div>div.table-wrapper,
.market-hkex .section__panel.etp-overview>div>.etp-overview-sub__img>div.table-wrapper,
.market-hkex .etpIssuers__whyListInHK-tab>div>div.table-wrapper,
.market-hkex .etp-overview-detail__info--section>div>div.table-wrapper {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

.market-hkex .findPartner__overview>.overview-container>span.scWebEditInput>div.table-wrapper,
.market-hkex .findPartner__overview>.overview-container>.overview-tips>span.scWebEditInput>div.table-wrapper,
.market-hkex .collapse-container>div.equity-overview-container>span.scWebEditInput>div.table-wrapper,
.market-hkex .etpLiquidity__context>span.scWebEditInput>div.table-wrapper,
.market-hkex .section__panel.etp-overview>div>span.scWebEditInput>div.table-wrapper,
.market-hkex .section__panel.etp-overview>div>.etp-overview-sub__img>span.scWebEditInput>div.table-wrapper,
.market-hkex .etpIssuers__whyListInHK-tab>div>span.scWebEditInput>div.table-wrapper,
.market-hkex .etp-overview-detail__info--section>div>span.scWebEditInput>div.table-wrapper {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

/**
 * Added by Peter
 * Reason: 4886 - minimum height
 * Date: 20170712
 */
.market-hkex .nav-content-wrap .section__panel--min-height {
    min-height: 600px;
}


/**
 * Added by Nic
 * Reason: Solve Image in IE
 * Date: 20170719
 */
/*.market-hkex .section__panel img{
	max-width: 100%;
	height: auto;
}*/

/**
 * Added by Peter
 * Reason: Reset styles in stickysort
 * Date: 20170720
 */
.market-hkex .sticky-wrap {
    margin: 0;
}
.market-hkex .sticky-wrap table.table-full-width {
    min-width: 100%;
}
.market-hkex .sticky-wrap .sticky-thead {
    z-index: 10;
    box-shadow: none;
}
.market-hkex .sticky-wrap .sticky-thead.sticky-head-hide {
    visibility: hidden;
}
.market-hkex .sticky-wrap .sticky-intersect {
    opacity: 0;
    z-index: 20;
    background-color: #10416c;
}
.market-hkex .sticky-wrap .sticky-intersect thead th,
.market-hkex .sticky-wrap .sticky-intersect thead td {
    background-color: inherit;
    border-right: 1px solid transparent;
}
.market-hkex .sticky-wrap .sticky-intersect thead td {
    border-bottom: none;
}
.market-hkex .sticky-wrap .sticky-col {
    z-index: 15;
    /*background-color: #10416c;*/
}
.market-hkex .sticky-wrap .sticky-col thead th,
.market-hkex .sticky-wrap .sticky-col thead td {
    border-right: 1px solid transparent;
}
.market-hkex .sticky-wrap .sticky-col tbody td {
    border-right: 1px solid #d1dde6 !important;
    border-left: none;
}
.market-hkex .sticky-wrap .sticky-thead,
.market-hkex .sticky-wrap .sticky-col,
.market-hkex .sticky-wrap .sticky-intersect {
    transition: none;
    -webkit-transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 768px) {
    .market-hkex .sticky-wrap .sticky-col,
    .market-hkex .sticky-wrap .sticky-intersect {
        display: block;
    }
}
.market-hkex .sticky-wrap .sticky-thead .select-items {
    z-index: 50;
}
.market-hkex .sticky-wrap .sticky-thead.has-select-group {
    overflow: visible;
}

/**
 * Added by Peter
 * Reason: Remove underline from left download
 * Date: 20170720
 */
.market-hkex .section__left_menu_download .side-content__report--title a,
.market-hkex .section__left_menu_download .side-content__report--title a:hover,
.market-hkex .section__left_menu_download .side-content__report--title a:active,
.market-hkex .section__left_menu_download .side-content__report--title a:visited {
    text-decoration: none;
}

/**
 * Added by Laam
 * Reason: show news release filter apply button in desktop view
 * Date: 20170727
 */
 @media (min-width: 1001px) {
	 
	.market-hkex .newsRelease-filter .filter__buttonGroup {
		position: inherit;
		left: 0px;
		opacity: 1;
	}
	
	.market-hkex .newsRelease-filter .filter__buttonGroup .filter__btn-cancelFilters-js{
		position: absolute;
		left: -999px;
		opacity: 0;
	}
 }
 /****
 Added bt Edward
 Reason:control news date always show right side
 Date: 20170728
 *****************/
 .market-hkex .news-timetag-container {
	 text-align:right;
	 font-size:14px;
 }
 @media (min-width: 1001px) {
  .market-hkex .news-timetag-container {
     margin-top:-22px;
  }
  }

/****
Added bt Shaman Tso
Reason: Add bottom margin to CSM Lastest for left panel
Date: 2017-07-28
*/

.market-hkex .side-content .news-section{
	margin-bottom: 20px;
}
	 
 
/*Shaman Tso on 03-08-2017 UAT log 4886*/
.market-hkex .section__panel.news_section_panel{
	min-height:600px;
}
 
/*
Added by Laam
Reason: Handle Homepage banner silde desktop and mobile view
Date: 2017-08-07
*/
.market-hkex .slider__slide_img_mobile {
	display:none !important;
}

 @media (max-width: 767px) {
	.market-hkex .slider__slide_img_desktop {
		display:none !important;
	}
	.market-hkex .slider__slide_img_mobile {
		display:inline-block !important;
	}
	.market-hkex .slider__slide__fullwidth .slider__slide_img_mobile img {
		max-width: 100%;
		padding-right: 0;
		padding-bottom: 0;
	}
}
/*
Added by Henry
Reason: Handle Homepage banner silde desktop and mobile view
Date: 2017-08-08
*/
@media (max-width: 1000px){
	.market-hkex .slider__slide__fullwidth .slider__slide_img_mobile img {
		left: 4.5%;		
		max-width: 100%;
	}
}
@media (max-width: 1000px) and (min-width: 767px) {
	.market-hkex .slider__slide__fullwidth .slider__slide_img_mobile img {
		max-width: 97.45%;
		padding-right: 88.5px;
		padding-bottom: 10%;
	}
}

@media (max-width: 767px) {
	.market-hkex .slider__slide__fullwidth .slider__slide_img_mobile img {
		position: inherit;
	}
}

.market-hkex .footer__logo, .market-hkex .footer__logo img {
    width: 155px !important;
}

    .market-hkex .footer__logo img {
        height: inherit !important;
    }

 @media (max-width: 767px) {
  .market-hkex .footer__social-icons {
    margin: 30px 0 10px !important;
  }
}

 /****
 Added by Edward
 Reason:control news date in IE
 *******/

 @media (min-width: 1001px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .market-hkex .news-timetag-container {
   margin-top: -16px;
  }
}
/****
Added by Edward
Reason:LHS small front
***************/

.market-hkex .fontsize-small .left-menu__level2 li.hasChildren {
	background-position: right 20px top 17px;
}

.market-hkex .fontsize-small .left-menu__level2 li.showChildren {
    background-position: right 20px top 17px;
}

/**
 * Added by Peter
 * Date: 2017-09-01
 * Reason: Fix calendar subscribe link styles in Desktop
 */
.market-hkex .cal-subscribe-top {
    width: 100%;
    top: -35px;
}
.market-hkex .cal-subscribe-top .quick-link-list li a span {
    display: block;
    max-width: 100%;
    margin-right: 25px;
    float: none;
}
.market-hkex .fontsize-small .cal-subscribe-top {
    width: 100%;
    top: -27px;
}
.market-hkex .fontsize-large .cal-subscribe-top {
    width: 100%;
    top: -40px;
}

/**
 * Added by Peter
 * Date: 2017-09-05
 * Reason: Show small card description and hide News Storyboard in mobile
 */
@media (min-width: 1001px) {
    .market-hkex .news-feature__itv-content {
        display: block;
    }
}
@media (max-width: 767px) {
    .market-hkex .news-feature {
        display: none;
    }
    .market-hkex .news-release-right {
        margin-top: 0;
    }
}

/**
 * Added by Peter
 * Date: 2017-09-11
 * Reason: Special table class for fixing IE
 */
.market-hkex table.migrate-table__layout-fixed {
    table-layout: fixed;
    width: 100%;
}

/**
 * Added by Peter
 * Date: 2017-09-12
 * Reson: Update Logo Styles
 */
.market-hkex .topbar__logo {
    background: none;
}

.market-hkex .footer__logo,
.market-hkex .footer__logo img{
    width: auto !important;
}

@media (min-width: 1001px) {
    .market-hkex .topbar__logo,
    .market-hkex .topbar__logo img {
        width: auto;
        height: auto;
    }
}

@media print {
    .market-hkex .topbar__logo,
    .market-hkex .topbar__logo img {
        width: auto !important;
        height: auto !important;
    }
}

/**
 * Added by Chung
 * Date: 2017-09-13
 * Reson: Update LHS Title
 */
@media (max-width: 1000px) {
	.market-hkex .left-menu__title .data-pc-title {
		display: none;
	}
}
@media (min-width: 1001px) {
	.market-hkex .left-menu__title .data-mobile-title {
		display: none;
	}
}

/**
 * Added by Peter
 * Date: 2017-09-28
 * Reason: Remove P tag top / bottom margin in EPAM table
 */
.market-hkex section.cd-table>div.table__wrapper table.table tbody tr>td p,
.market-hkex section.cd-table>div.table__wrapper table.table tbody tr>th p,
.market-hkex table.table tbody tr>td p,
.market-hkex table.table tbody tr>th p {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/**
 * Added by Peter
 * Date: 2017-10-18
 * Reason: Booklet text alignment
 */
.market-hkex .resources__booklet--item p.resources__title,
.market-hkex .resources__booklet--item .resources__date {
    text-align: center;
}

/**
 * Added by Henry
 * Date: 2017-11-07
 * Reason: Log #5899
 */
@media (min-width: 1000px) {
  .market-hkex .footer__logo {
    height: auto;
    float: left;
  }
}

@media (min-width: 1000px) {
	.market-hkex .footer__social-icons {
		margin-bottom: 45px;
	}
}

@media (min-width: 1000px) {
	.market-hkex .footer__clearBoth {
		clear: right;
	}
}

@media (min-width: 1000px) {
	.market-hkex .footer__nav {
		text-align: right;
	}
}


/**
 * Added by Peter
 * Date: 2017-11-02
 * Reason: Fix monthly hightlight / CD table p
 * Remarks: not ready for production
 */
.market-hkex section.cd-table>div.table__wrapper table.table p,
.market-hkex .monthlyHighlight table.table p {
    padding: 0;
    margin: 0;
}

@media (max-width: 1000px) {
    .market-hkex footer {
        padding-top: 21px;
		height: auto !important; /*Add by Henry Remove fixed height of Footer*/
    }
}

/**
 * Added by Shaman
 * Date: 2017-11-20
 * Reason: CSM Statistics add search statement to right
 */
.market-hkex section.section__panel .collapse-container.csmStatTimeContainer p span
{
    float:right;
}

/**
 * Added by Chung
 * Date: 2017-11-24
 * Reason: table with scroll need to disable right side border
 */
.market-hkex .scroll-table-enabled .migrate-table__merge > tbody > tr > td:last-child {
    border-right: 0px !important;
}

/**
 * Added by Shaman
 * Date: 2017-12-12
 * Reason: stock code table in header search
 */
.market-hkex .lg-topbar__side.topbar__side.header-searchbox .header-result,
.market-hkex .mobile-search__form.headerm-searchbox .headerm-result
{
    position:absolute;
    right:19px;
    top:67px;
    background:white;
    z-index:40;
    width:300px;
    background-color: white;
    color: #224e74;
    font-size:0.875rem;
}
.market-hkex .lg-topbar__side.topbar__side.header-searchbox .header-result:lang(zh-HK),
.market-hkex .lg-topbar__side.topbar__side.header-searchbox .header-result:lang(zh-cn)
{
    right:23px;
}
.market-hkex .mobile-search__form.headerm-searchbox .headerm-result
{
    position:absolute;
    left:20px;
    top:57px;
    background:white;
    z-index:40;
    width:80%;
    background-color: white;
    color: #224e74;
    font-size:0.875rem;
}

.market-hkex .sticky-menu__search-container.sticky-menu__non-fixed.headermm-searchbox .headermm-result
{
    position:absolute;
    left:49px;
    top:44px;
    background:white;
    z-index:40;
    width:90%;
    background-color: white;
    color: #224e74;
    font-size:0.875rem;
}

.market-hkex .fontsize-large .sticky-menu__search-container.sticky-menu__non-fixed.headermm-searchbox .headermm-result
{
    top:50px;
}

.market-hkex .fontsize-small .sticky-menu__search-container.sticky-menu__non-fixed.headermm-searchbox .headermm-result
{
    top:37px;
}

@media (min-width: 767px)
{
    .market-hkex .mobile-search__form.headerm-searchbox .headerm-result
    {
        left:60px;
    }
}
.market-hkex .fontsize-small .lg-topbar__side.topbar__side.header-searchbox .header-result,
.market-hkex .fontsize-small .mobile-search__form.headerm-searchbox .headerm-result
{
    right: 6px;
}

.market-hkex .fontsize-small .lg-topbar__side.topbar__side.header-searchbox .header-result:lang(zh-HK),
.market-hkex .fontsize-small .lg-topbar__side.topbar__side.header-searchbox .header-result:lang(zh-cn)
{
    right: 9px;
}

.market-hkex .fontsize-large .lg-topbar__side.topbar__side.header-searchbox .header-result,
.market-hkex .fontsize-large .mobile-search__form.headerm-searchbox .headerm-result
{
    right: 27px;
}

.market-hkex .fontsize-large .lg-topbar__side.topbar__side.header-searchbox .header-result:lang(zh-HK),
.market-hkex .fontsize-large .lg-topbar__side.topbar__side.header-searchbox .header-result:lang(zh-cn)
{
    right: 32px;
}

.market-hkex .lg-topbar__side.topbar__side.header-searchbox .header-result table
{
    width: inherit;
}

.market-hkex .mobile-search__form.headerm-searchbox .headerm-result table,
.market-hkex .advanced-search__main-filter-searchBox.headeradv-searchbox .headeradv-result table,
.market-hkex .sticky-menu__search-container.sticky-menu__non-fixed.headermm-searchbox .headermm-result table
{
    width:100%;
}
.market-hkex .lg-topbar__side.topbar__side.header-searchbox .header-result table td,
.market-hkex .mobile-search__form.headerm-searchbox .headerm-result table td,
.market-hkex .advanced-search__main-filter-searchBox.headeradv-searchbox .headeradv-result table td,
.market-hkex .sticky-menu__search-container.sticky-menu__non-fixed.headermm-searchbox .headermm-result table td
{
    cursor: pointer;
    border-top: 1px solid #e8eef2;
    border-bottom: 1px solid #e8eef2;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    text-align:left;
}

.market-hkex .lg-topbar__side.topbar__side.header-searchbox .header-result table tr.hover ,
.market-hkex .mobile-search__form.headerm-searchbox .headerm-result table tr.hover,
.market-hkex .advanced-search__main-filter-searchBox.headeradv-searchbox .headeradv-result table tr.hover,
.market-hkex .sticky-menu__search-container.sticky-menu__non-fixed.headermm-searchbox .headermm-result table tr.hover
{
    background:#f2f6f8;
}

/**
 * Added by Shaman
 * Date: 2017-12-13
 * Reason: refined search layout fix
 */
.market-hkex .advanced-search .filter__checkBox--custom.filetypeSearch
{
    margin-top: 15px;
}

@media (min-width: 1001px)
{
    .market-hkex .filteringMobile .filetypeSearch > label, 
    .market-hkex .filteringMobile .filter__checkBox.filter__checkBox--custom > label
    {
        font-weight: 700;
    }
}

.market-hkex section.search-results .trsearch-results-container
{
    position: relative;
    display: none;
}

@media (max-width: 1000px)
{
    .market-hkex .search-results__content-criteria .filteringMobile .filetypeSearch > label,
    .market-hkex .search-results__content-criteria .filteringMobile .categorySearch > label
    {
        display: block;
        font-weight: 700;
        margin-bottom: 15px;
        font-size: .75rem;
    }
    .market-hkex .search-results__content-criteria .filteringMobile .refinedSearch input
    {
        display: inherit;
    }
}

/**
 * Added by Peter
 * Date: 2018-05-25
 * Reason: Sitemap empty link
 */
.sitemap ul li .sitemap-level-text {
  display: inline-block;
  margin-bottom: 12px;
}

/**
 * Added by Henry
 * Date: 2018-05-31
 * Reason: UAT log 6647 Print issue
 */
@media print {
	#hkex_market_topbanner {display: none !important;}
	.nav-content-wrap{min-width:100% !important; margin-top:0 !important; max-height:6in !important;}
    .news-release-right{max-height: none !important;}
	.nav-side {display: none !important;}
	#hkex_market_header {display: none !important;}
	#hkex_market_megamenu {display: none !important;}
	.market-hkex .content-container { top:0px !important; }
	#hkex_market_footer {display:none !important;}
		
	.market-hkex .table thead th,
        .market-hkex .table thead th:last-child,
        .market-hkex .table tbody td,
        .market-hkex .table tbody td:last-child {
            border: 1px solid #d1dde6;
        }
}
/**
  * Added by Edward
 * Date: 2019-1-18
 * Reason: UAT log 7356 
*/
.freeze-table-no-wrap{
    white-space: nowrap;
}

/**
    * Added by Henry
    * Date: 2019-06-25
    * Reason: log 8214
*/
.market-hkex .mobile-search .headerm-searchbox .mobile-search-button {
    display: none;
}

.market-hkex .advanced-search .advanced-search__main-filter-searchBox .button-advanced-search {
    display: none;
}

@media (max-width: 1000px)
{
    .market-hkex .mobile-search .headerm-searchbox .mobile-search-button {
        background-color: #10416c;
        color: #fff;
        text-decoration: none;
        padding: 12px 24px 12px 24px;
        border-radius: 30px;
        text-align: center;
        display: inline;
        position: relative;
        top: auto;
        right: auto;
    }
    .market-hkex .mobile-search__input {
        width: 70%;
    }
    .market-hkex .advanced-search .advanced-search__main-filter-searchBox .button-advanced-search {
        background-color: #10416c;
        color: #fff;
        text-decoration: none;
        padding: 12px 24px 12px 24px;
        border-radius: 30px;
        text-align: center;
        display: inline;
        position: relative;
        top: auto;
        right: auto;
    }

    .market-hkex .advanced-search__main-filter-searchBox .searchBox {
        width: 75%;
    }

    .market-hkex .advanced-search__main-filter-searchBox .headeradv-result {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .market-hkex .mobile-search__input {
        width: 45%;
    }
    .market-hkex .advanced-search__main-filter-searchBox .searchBox {
        width: 60%;
    }

    .market-hkex .advanced-search__main-filter-searchBox .headeradv-result {
        width: 60%;
    }
}

/**
    * Added by Henry
    * Date: 2019-12-12
    * Reason: Market Site modifications 
*/
/*.market-hkex .mega-nav__level2-link.mega-nav_nochild {
    border-bottom: 1px solid #e72742;
}

@media (max-width: 1000px) {
    .market-hkex .mega-nav__level2-link.mega-nav_nochild {
        border-bottom: 0;
    }
}*/

/**
    * Added by Henry
    * Date: 2020-04-20
    * Reason: Market Site News Release Update 
*/
@media (min-width: 1001px) {
    .filter__checkboxForm_NoCategory {
        height: 225px !important;
    }

    .filter__checkboxForm_NoCategory .select-group .select-items {
        max-height: 125px !important;
    }

    .filter__checkboxForm_NoCategory .select-group .select-items__scroll--container {
        max-height: 125px !important;
    }

    .market-hkex .filter__checkboxForm_NoCategory .filter__buttonGroup {
        position: absolute !important;
        left: 0px;
        bottom: 0px !important;
        opacity: 1;
    }
}

@media (max-width: 1000px) {
    .market-hkex .collapsing {
        height: auto !important;
        overflow: inherit !important;
    }
}

.downloadImage_image{
	padding: 20px;
    text-align: center;
}
.downloadImage_description{
	font-size: 0.875rem;
}


.fixed-freeze-blue-colour-tb-header-container {
    position: relative !important;
}

@media (min-width: 320px) and (max-width: 767px) {
    .fixed-freeze-blue-colour-tb-header-container {
        width: 100% !important;
    }
}

.fixed-freeze-blue-colour-tb-header-container table {
    width: 100%;
    border-collapse: collapse;
    letter-spacing: 0px;
}

.fixed-freeze-blue-colour-tb-header-container th {
    border-bottom: 1px solid rgba(20, 65, 104, 0.6);
    text-align: left;
}

.fixed-freeze-blue-colour-tb-header-container tr {
    border-bottom: 1px solid rgba(20, 65, 104, 0.6);
    text-align: left;
}

.fixed-freeze-blue-colour-tb-header-container td {
    border-bottom: 1px solid rgba(20, 65, 104, 0.6);
    text-align: left;
}

.fixed-freeze-blue-colour-tb-header-container .leftAlign {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fixed-freeze-blue-colour-tb-header-container .trColor {
    background-color: #10416c;
}

.fixed-freeze-blue-colour-tb-header-container .thColor {
    color: #fff !important;
}

.hkex-white-text .fixed-freeze-blue-colour-tb-header-container td {
    border-bottom: 1px solid rgb(243 245 247 / 60%) !important;
}