/*
convert px to rem;
height:toRem(18);
 */
/*
convert px to rem;
height:toRem(18);
*/
/*
* For title mixins
*  @extend %title;
*/
.market-hkex .market-overview__detail-title, .market-hkex .section__title-left-border, .market-hkex .right-panel-sections .right-panel-sections-label, .market-hkex .market-turnover .market-turnover_left-top, .market-hkex .whats-on .whats-on__title, .market-hkex .listing-process__title, .market-hkex .contact-us__title, .market-hkex .quick-links__title, .market-hkex .wl-caseStudies__title h2, .market-hkex .wl-advantages__title h2, .market-hkex .ls-process-ql__title, .market-hkex .equities-right-side .naming-conventions__title-part-title, .market-hkex .advanced-search__side-filter-title {
  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: 1rem;		/*Edit by Henry Update header font size*/
  letter-spacing: .5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .market-overview__detail-title h2, .market-hkex .section__title-left-border h2, .market-hkex .right-panel-sections .right-panel-sections-label h2, .market-hkex .market-turnover .market-turnover_left-top h2, .market-hkex .whats-on .whats-on__title h2, .market-hkex .listing-process__title h2, .market-hkex .contact-us__title h2, .market-hkex .quick-links__title h2, .market-hkex .wl-caseStudies__title h2 h2, .market-hkex .wl-advantages__title h2 h2, .market-hkex .ls-process-ql__title h2, .market-hkex .equities-right-side .naming-conventions__title-part-title h2, .market-hkex .advanced-search__side-filter-title h2 {
    font-size: 1rem;		/*Edit by Henry Update header font size*/
  }
}

@media (max-width: 767px) {
  .market-hkex .market-overview__detail-title, .market-hkex .section__title-left-border, .market-hkex .right-panel-sections .right-panel-sections-label, .market-hkex .market-turnover .market-turnover_left-top, .market-hkex .whats-on .whats-on__title, .market-hkex .listing-process__title, .market-hkex .contact-us__title, .market-hkex .quick-links__title, .market-hkex .wl-caseStudies__title h2, .market-hkex .wl-advantages__title h2, .market-hkex .ls-process-ql__title, .market-hkex .equities-right-side .naming-conventions__title-part-title, .market-hkex .advanced-search__side-filter-title {
    padding-left: 14px;
  }
  .market-hkex .market-overview__detail-title h2, .market-hkex .section__title-left-border h2, .market-hkex .right-panel-sections .right-panel-sections-label h2, .market-hkex .market-turnover .market-turnover_left-top h2, .market-hkex .whats-on .whats-on__title h2, .market-hkex .listing-process__title h2, .market-hkex .contact-us__title h2, .market-hkex .quick-links__title h2, .market-hkex .wl-caseStudies__title h2 h2, .market-hkex .wl-advantages__title h2 h2, .market-hkex .ls-process-ql__title h2, .market-hkex .equities-right-side .naming-conventions__title-part-title h2, .market-hkex .advanced-search__side-filter-title h2 {
    font-size: 0.875rem;
  }
}

/*
 *  vertical align center
 * eg:
 * .border_radius {
 *   @include vertical-center;   }
 *  For more infomation, pls visit here:
 *  http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
 */
/*
 *  horizontal  center
 * eg:
 * .border_radius {
 *   @include horizontal-center;   }
 *  For more infomation, pls visit here:
 *  http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
 */
/*!
 *
 * eg:
 * .border_radius {
 *   @include trigon(5px,red, bottom);   }
 *
 */
/*
* Used for creating the placeholder text of an input
* .foo {
*  @include placeholder {
*   color: green; }
* }
*/
/*
* Used for creating basic button styles
* .btn-*** {
*  @include btn;
* }
*/
/*
* Used for quicklinks
* .**-quicklinks {
*  @include link-arrow-right;
* }
*/
/**
 *  Used for Like after class
 * @param  {[type]} $file-type:'../image/pdf.png' [description]
 * @return {[type]}                                [description]
 */
/**
* Used for font type
* eg:
* body{
*   @include font-type;
* }
*/
@font-face {
  font-family: 'FSElliotPro';
  src: url("../font/FSElliotPro1.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'FSElliotPro';
  src: url("../font/FSElliotPro-Bold1.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'FSElliotPro';
  src: url("../font/FSElliotPro-Thin1.woff") format('woff');
  font-weight: 100;
  font-style: normal;
}

@font-face {
	font-family: "JhengHeiFix";
	unicode-range: U+7db0, U+78A7, U+7B75;
	font-style: normal;
    font-weight: bold;
	src: local("Yu Gothic Bold"), local("Yu Gothic"), local("MS Gothic");
}

@font-face {
	font-family: "JhengHeiFix";
	unicode-range: U+7db0, U+78A7, U+7B75;
	font-style: normal;
    font-weight: normal;
	src: local("微軟正黑體"), local("微软雅黑"), local("Microsoft JhengHei"), local("Microsoft YaHei");
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fixed-freeze-tb-container {
  /*width: 100%; Edit by Henry Date:23/3/2017  UAT log #3806*/
  position: relative;
}

/*@media (min-width: 320px) and (max-width: 767px) {
  .fixed-freeze-tb-container {
    width: 100%;
  }
} Edit by Henry Date:30/03/2017 */

.fixed-freeze-tb-container .fixed-freeze-tb--scroller-container {
  background-color: #10416c;
  height: 12px;
  overflow: hidden;
  width: 100%;
}

.fixed-freeze-tb-container table {
  empty-cells: show;
  border-collapse: collapse;
  border-spacing: 0;
}

.fixed-freeze-tb-container .fixed-freeze-tb-parent {
  width: 100%;
}

@media (min-width: 320px) and (max-width: 767px) {
  .fixed-freeze-tb-container .fixed-freeze-tb-parent {
    width: 100%;
  }
}

.fixed-freeze-tb-container .fixed-freeze-tb {
  min-width: 100% !important;
}

.fixed-freeze-tb-container tbody tr td.is-fix-col {
  border-right: none;
}

.fixed-freeze-tb-container tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

.fixed-freeze-tb-container tbody tr:nth-child(odd) td {
  background-color: #ffffff;
}

.fixed-freeze-tb-container tbody tr:nth-child(even) {
  background-color: #f2f6f8;
}

.fixed-freeze-tb-container tbody tr:nth-child(even) td {
  background-color: #f2f6f8;
}

.fixed-freeze-tb-container thead td,
.fixed-freeze-tb-container thead th {
  background: #10416c;
}

.fixed-freeze-tb-container .fixed-freeze-tb--scroll-bar {
  background: #10416c;
  float: right;
  width: 50%;
  position: relative;
  height: 12px;
}

.fixed-freeze-tb-container .fixed-freeze-tb--bar {
  background: #a1b4c5;
  height: 10px;
  width: 133px;
  position: absolute;
  z-index: 10;
  border-radius: 8px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .fixed-freeze-tb-container .fixed-freeze-tb--bar {
    width: 74px;
  }
}

.fixed-freeze-tb-container .fixed-freeze-tb--scroll-bts {
  position: absolute;
  z-index: 1;
  width: 660px;
}

.fixed-freeze-tb-container .fixed-freeze-tb--scroll-bts div {
  display: inline-block;
}

.fixed-freeze-tb-container .fixed-freeze-tb--scroll-bts-left {
  margin-left: 0.3125rem;
  position: relative;
}

.fixed-freeze-tb-container .fixed-freeze-tb--scroll-bts-right {
  float: right;
  margin-right: 0.3125rem;
}

.market-hkex {
  /*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
  /**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
  /* Document
   ========================================================================== */
  /* Sections
   ========================================================================== */
  /**
 * Remove the margin in all browsers (opinionated).
 */
  /**
 * Add the correct display in IE 9-.
 */
  /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  /* Grouping content
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
  /**
 * Add the correct margin in IE 8.
 */
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* Text-level semantics
   ========================================================================== */
  /**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
  /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
  /**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  /**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /**
 * Add the correct font style in Android 4.3-.
 */
  /**
 * Add the correct background and color in IE 9-.
 */
  /**
 * Add the correct font size in all browsers.
 */
  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  /* Embedded content
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 */
  /**
 * Add the correct display in iOS 4-7.
 */
  /**
 * Remove the border on images inside links in IE 10-.
 */
  /**
 * Hide the overflow in IE.
 */
  /* Forms
   ========================================================================== */
  /**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
  /**
 * Restore the font weight unset by the previous rule.
 */
  /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  /**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
  /**
 * Remove the inner border and padding in Firefox.
 */
  /**
 * Restore the focus styles unset by the previous rule.
 */
  /**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
  /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
  /**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  /**
 * Remove the default vertical scrollbar in IE.
 */
  /**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  /* Interactive
   ========================================================================== */
  /*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
  /*
 * Add the correct display in all browsers.
 */
  /* Scripting
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 */
  /**
 * Add the correct display in IE.
 */
  /* Hidden
   ========================================================================== */
  /**
 * Add the correct display in IE 10-.
 */
  /**
 * Set up a decent box model on the root element
 */
  /**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
  /*
* Button Styles -- colors
*/
  /*
* Set white right arrow as a background
*/
  /*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
  /*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=997101fda18076b108c242bf809e3bfc)
 * Config saved to config.json and https://gist.github.com/997101fda18076b108c242bf809e3bfc
 */
  /*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
  /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
  /* hover style just for information */
  /*
 Demo:
 base tag:.tag-yellow 
 with triangle tag: .tag-yellow-triangle
 with image tag: 
 */
  /*
 Demo: .tag-img-notification
 */
  /*-- Common sections --*/
  /*--  css for search section --*/
  /*--  css for top stocks --*/
  /*--  css for news --*/
  /*--  css for focus --*/
  /*-- MediaQuery for Tablet/iPad --*/
  /*-- MediaQuery only for Tablet/iPad --*/
  /*-- MediaQuery for Tablet/iPad 600px --*/
  /*-- MediaQuery for iPhone --*/
  /*-- MediaQuery for Large screen --*/
}

.market-hkex .container {
  padding: 0 30px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1000px) {
  .market-hkex .container {
    padding: 0;
  }
} 
/*Add by Henry 
Date: 13/3/2017
Reason: Fix UAT log#3944*/

@media (max-width: 1059px) {
	.market-hkex .main-menu > .container {
		padding: 0;
	}
}
/*Add by Henry 
Date: 13/3/2017
Reason: Fix UAT log#3944*/

.market-hkex .sticky-menu > .container {
  padding: 0 30px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
/*Add by Henry 
Date: 16/3/2017
Reason: Fix UAT log#3944*/

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

@media (max-width: 1000px) {
  .market-hkex .container {
    max-width: 660px;
    margin: 0 auto;
    position: relative;
  }
}

@media (max-width: 767px) {
  .market-hkex .container {
    max-width: 100%;
    position: static;
  }
}

.market-hkex .l-content__primary {
  width: 74.5762711864%;
  float: left;
  margin-right: 1.6949152542%;
}

@media (max-width: 1000px) {
  .market-hkex .l-content__primary {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .l-content__aside {
  width: 23.7288135593%;
  float: right;
  margin-right: 0;
}

@media (max-width: 1000px) {
  .market-hkex .l-content__aside {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .l-content__aside {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .l-content {
  margin-top: -48px;
  position: relative;
}

@media (max-width: 1000px) {
  .market-hkex .l-content {
    margin-top: -100px;
    position: relative;
  }
}

@media (max-width: 767px) {
  .market-hkex .l-content {
    margin-top: 0;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.market-hkex footer {
  margin-top: 20px;
}

@media screen and (min-width: 1001px) {
  .market-hkex .content-container {
    position: relative;
    top: -48px;
  }
}

@media screen and (max-width: 1000px) {
  .market-hkex .content-container {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .market-hkex .content-container {
    margin-top: 0px;
    padding: 0;
  }
}

.market-hkex .listing-page-content-container {
  margin-top: 20px;
}

.market-hkex .nav-side {
  width: 23.7288135593%;
  float: left;
  margin-right: 1.6949152542%;
}

/* Edit by Henry Start*/
@media (min-width: 1000px) {
	.market-hkex .nav-content-wrap {
	  min-height: 700px;
	  width: 74.5762711864%;
	  float: right;
	  margin-right: 0;
	}
}
/* Edit by Henry End*/

@media (max-width: 767px) {
  .market-hkex .nav-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .market-hkex .nav-content-wrap {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 1000px) {
  .market-hkex .nav-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .market-hkex .nav-content-wrap {
    min-height: auto;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 320px) {
  .market-hkex .nav-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .market-hkex .nav-content-wrap {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .l-full-width {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 767px) {
  .market-hkex .l-full-width {
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .nonCMS-container {
  width: 100%;
  overflow-x: auto;
}

.market-hkex html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

.market-hkex body {
  margin: 0;
}

@media screen and (max-device-width: 480px){
  .market-hkex body {
    -webkit-text-size-adjust: 100%;
  }
}

.market-hkex article,
.market-hkex aside,
.market-hkex footer,
.market-hkex header,
.market-hkex nav,
.market-hkex section {
  display: block;
}

.market-hkex h1 {
  font-size: 1.125rem;
  text-transform: uppercase;	/*Edit by Henry Update header font size*/
  margin: 0.67em 0;
}

.market-hkex figcaption,
.market-hkex figure,
.market-hkex main {
  /* 1 */
  display: block;
}

.market-hkex figure {
  margin: 1em 40px;
}

.market-hkex hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

.market-hkex pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

.market-hkex a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

.market-hkex a:active,
.market-hkex a:hover {
  outline-width: 0;
}

.market-hkex abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

.market-hkex b,
.market-hkex strong {
  font-weight: inherit;
}

.market-hkex b,
.market-hkex strong {
  font-weight: bolder;
}

.market-hkex code,
.market-hkex kbd,
.market-hkex samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

.market-hkex dfn {
  font-style: italic;
}

.market-hkex mark {
  background-color: #ff0;
  color: #000;
}

.market-hkex small {
  font-size: 80%;
}

.market-hkex sub,
.market-hkex sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.market-hkex sub {
  bottom: -0.25em;
}

.market-hkex sup {
  top: -0.5em;
}

.market-hkex audio,
.market-hkex video {
  display: inline-block;
}
.market-hkex video {
	background-color:black;
}

.market-hkex audio:not([controls]) {
  display: none;
  height: 0;
}

.market-hkex img {
  border-style: none;
}

.market-hkex svg:not(:root) {
  overflow: hidden;
}

.market-hkex button,
.market-hkex input,
.market-hkex optgroup,
.market-hkex select,
.market-hkex textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

.market-hkex optgroup {
  font-weight: bold;
}

.market-hkex button,
.market-hkex input {
  /* 1 */
  overflow: visible;
}

.market-hkex button,
.market-hkex select {
  /* 1 */
  text-transform: none;
}

.market-hkex button,
.market-hkex html [type="button"],
.market-hkex [type="reset"],
.market-hkex [type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

.market-hkex button::-moz-focus-inner,
.market-hkex [type="button"]::-moz-focus-inner,
.market-hkex [type="reset"]::-moz-focus-inner,
.market-hkex [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.market-hkex button:-moz-focusring,
.market-hkex [type="button"]:-moz-focusring,
.market-hkex [type="reset"]:-moz-focusring,
.market-hkex [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.market-hkex fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

.market-hkex legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

.market-hkex progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

.market-hkex textarea {
  overflow: auto;
}

.market-hkex [type="checkbox"],
.market-hkex [type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

.market-hkex [type="number"]::-webkit-inner-spin-button,
.market-hkex [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

.market-hkex [type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

.market-hkex [type="search"]::-webkit-search-cancel-button,
.market-hkex [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.market-hkex ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.market-hkex details,
.market-hkex menu {
  display: block;
}

.market-hkex summary {
  display: list-item;
}

.market-hkex canvas {
  display: inline-block;
}

.market-hkex template {
  display: none;
}

.market-hkex [hidden] {
  display: none;
}

.market-hkex html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.market-hkex *, .market-hkex *::before, .market-hkex *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.market-hkex html, .market-hkex body {
  height: 100%;
}

.market-hkex body {
  background: #d1dde6;
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  position: relative;
  word-break: normal;
  -ms-overflow-style: scrollbar;
}

.market-hkex a {
  text-decoration: none;
}

.market-hkex h3 {
  margin: 0;
}

.market-hkex img {
  max-width: 100%;
}

.market-hkex input[type='text'],
.market-hkex input[type='number'],
.market-hkex textarea {
  font-size: 1rem;
}

.market-hkex a {
  font-style: normal;
  font-stretch: normal;
}

.market-hkex html {
  font-size: 16px;
}

.market-hkex h1 {
  font-size: 1.125rem;
  text-transform: uppercase;	/*Edit by Henry Update header font size*/
  font-weight: 700;
  line-height: 1.22;
}

.section_container_in.banner_title h1{
  font-size:48px;
  margin-top:0;
  margin-bottom:0;
  text-transform:none;
  font-weight:lighter;
  line-height:48px;
}

.market-hkex .fontsize-small h1 {
  font-size: 1.125rem;
  text-transform: uppercase;	/*Edit by Henry Update header font size*/
}

.market-hkex h2 { 
  font-size: 1rem;		/*Edit by Henry Update header font size*/
  font-weight: 700;
  letter-spacing: 0.5px;
  display: inline-block;
  margin: 0;
}

/*Add by Henry Update header font size*/
/*.market-hkex .container h2 { 
  font-size: 0.875rem;		
}*/
/*Add by Henry Update header font size*/

.market-hkex h3 {  
  font-size: 0.875rem;
  color: #e72742;	/*Edit by Henry Update header font size*/
  font-weight: 700;
  line-height: 1.5;
}

.market-hkex h4 {  
  font-size: 0.875rem;
  color: #10416c;	/*Add by Henry Update header font size*/
}

.market-hkex h5 {  
  font-size: 0.75rem;
  color: #10416c;	/*Add by Henry Update header font size*/
}

.market-hkex .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.market-hkex .cr {
  clear: right;
}

.market-hkex .listing-step {
  color: #10416c;
}

.market-hkex .listing-step a[aria-expanded='false'] {
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .listing-step a[aria-expanded='true'] {
  background: url("../image/arrow-up.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .listing-step .collapse {
  display: none;
}

.market-hkex .listing-step__option {
  position: relative;
}

.market-hkex .listing-step__option:after {
  content: "";
  display: table;
  clear: both;
}

.market-hkex .listing-step__rule {
  margin: 30px 43px 30px 0;
}

@media (max-width: 767px) {
  .market-hkex .listing-step__rule {
    margin: 20px 19px;
  }
}

.market-hkex .listing-step__circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #10416c;
  position: absolute;
  top: -7px;
  left: 75.5px;
  color: #fff;
  text-align: center;
  line-height: 35px;
  z-index: 10;
}

@media (max-width: 1000px) {
  .market-hkex .listing-step__circle {
    width: 30px;
    height: 30px;
    left: 55.5px;
    line-height: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .listing-step__circle {
    font-size: 0.75rem;
    width: 20px;
    height: 20px;
    top: -1px;
    left: 23px;
    line-height: 20px;
  }
}

.market-hkex .listing-step__circle::before {
  content: "STEP";
  position: absolute;
  display: inline-block;
  left: -48px;
  top: 0;
  font-size: 0.875rem;
  color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .listing-step__circle::before {
    font-size: 0.875rem;
    left: -40px;
  }
}

@media (max-width: 767px) {
  .market-hkex .listing-step__circle::before {
    display: none;
  }
}

.market-hkex .listing-step__wrapper {
  margin-left: 92.5px;
  border-left: 3px solid #10416c;
  padding-left: 37px;
}

.market-hkex .listing-step__wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .listing-step__wrapper {
    margin-left: 70px;
    padding-left: 32px;
  }
}

@media (max-width: 767px) {
  .market-hkex .listing-step__wrapper {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
}

.market-hkex .listing-step__wrapper--last {
  border-left: none;
}

.market-hkex .listing-step__content {
  margin-right: 43px;
}

.market-hkex .listing-step__content:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 767px) {
  .market-hkex .listing-step__content {
    margin-left: 19px;
    margin-right: 19px;
  }
}

@media (max-width: 767px) {
  .market-hkex .listing-step__content-full {
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .listing-step__header {
  margin-right: 43px;
  font-weight: bold;
  margin-top: 0;
  display: block;
  text-decoration: none;
}

.market-hkex .listing-step__header h3 {
  font-size: 1rem;
  color: inherit;
}

@media (max-width: 767px) {
  .market-hkex .listing-step__header {
    padding-left: 33px;
    margin-left: 19px;
    margin-right: 19px;
  }
}

.market-hkex .listing-step__header:hover {
  text-decoration: none;
}

@media (min-width: 1001px) {
  .market-hkex .listing-step__header:hover {
    color: #4AB1E2;
  }
}

.market-hkex .listing-step__header:focus {
  text-decoration: none;
}

.market-hkex .listing-step__desc {
  font-size: 0.875rem;
  font-weight: normal;
  padding-right: 69px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
}

@media (max-width: 767px) {
  .market-hkex .listing-step__desc {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .listing-step__circle {
    top: -5px;
  }
}

.market-hkex .fontsize-small .listing-step__circle::before {
  left: -36px;
}

.market-hkex .fontsize-small .listing-step__desc {
  margin-top: 18px;
}

.market-hkex .fontsize-large .listing-step__circle::before {
  left: -63px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .listing-step__circle::before {
    left: -47px;
  }
}

.market-hkex .btn-red {
  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;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  background-color: #e72742;
  color: #ffffff;
}

.market-hkex .btn-red:hover {
  text-decoration: none;
}

.market-hkex .btn-red:hover, .market-hkex .btn-red:focus, .market-hkex .btn-red:active {
  color: #ffffff;
}

.market-hkex .btn-red-two-lines, .market-hkex .btn-blue-two-lines {
  max-width: 220px;
  background-color: #e72742;
  display: inline-block;
}

.market-hkex .btn-red-two-lines .btn-for-2lines, .market-hkex .btn-blue-two-lines .btn-for-2lines {
  margin: 15px 20px 15px 20px;
  text-transform: uppercase;
  border: none;
  display: inline-block;
  outline: 0;
  vertical-align: middle;
  overflow: hidden;
  text-align: left;
  cursor: pointer;
  letter-spacing: 0.2px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  line-height: 1.1rem;
  max-height: 2.2rem;
  color: #ffffff;
}

.market-hkex .btn-red-two-lines .btn-for-2lines:hover, .market-hkex .btn-red-two-lines .btn-for-2lines:focus, .market-hkex .btn-red-two-lines .btn-for-2lines:active, .market-hkex .btn-blue-two-lines .btn-for-2lines:hover, .market-hkex .btn-blue-two-lines .btn-for-2lines:focus, .market-hkex .btn-blue-two-lines .btn-for-2lines:active {
  text-decoration: none;
}

.market-hkex .btn-red-two-lines .btn-for-2lines:hover, .market-hkex .btn-red-two-lines .btn-for-2lines:focus, .market-hkex .btn-red-two-lines .btn-for-2lines:active, .market-hkex .btn-blue-two-lines .btn-for-2lines:hover, .market-hkex .btn-blue-two-lines .btn-for-2lines:focus, .market-hkex .btn-blue-two-lines .btn-for-2lines:active {
  color: #ffffff;
}

.market-hkex .btn-red-big {
  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;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  padding: 22px 28px 24px 34px;
  font-size: 1.125rem;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #e72742;
}

.market-hkex .btn-red-big:hover {
  text-decoration: none;
}

.market-hkex .btn-red-big:hover, .market-hkex .btn-red-big:visited, .market-hkex .btn-red-big:focus {
  color: #ffffff;
  text-decoration: none;
}

.market-hkex .btn-blue {
  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;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  background-color: #10416c;
  color: #ffffff;
}

.market-hkex .btn-blue:hover {
  text-decoration: none;
}

.market-hkex .btn-blue:hover, .market-hkex .btn-blue:focus, .market-hkex .btn-blue:active {
  color: #ffffff;
}

.market-hkex .btn-blue-two-lines {
  background-color: #10416c;
}

.market-hkex .btn-gray {
  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;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  background-color: #d5e2e8;
  color: #10416c;
}

.market-hkex .btn-gray:hover {
  text-decoration: none;
}

.market-hkex .btn-gray:hover, .market-hkex .btn-gray:focus, .market-hkex .btn-gray:active {
  color: #10416c;
}

.market-hkex .btn-white {
  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;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  background-color: #ffffff;
  color: #10416c;
  border: 1px solid #d3d3d3;
}

.market-hkex .btn-white:hover {
  text-decoration: none;
}

.market-hkex .btn-white:hover, .market-hkex .btn-white:focus, .market-hkex .btn-white:active {
  color: #10416c;
}

.market-hkex .btn-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;
  font-style: normal;
  font-stretch: normal;
  font-size: 0.875rem;
  background-color: #cbcbcb;
  color: #ffffff;
}

.market-hkex .btn-disable:hover {
  text-decoration: none;
}

.market-hkex .btn-disable:hover, .market-hkex .btn-disable:focus, .market-hkex .btn-disable:active {
  color: #ffffff;
}

/*Edit by Henry Log #4423*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.market-hkex .btn-arrow::before {
	  margin-top: 0px !important; 
	}
}
/*Edit by Henry Log #4423*/

.market-hkex .btn-arrow::before {
  content: "";
  width: 14.8px;
  height: 0.75rem;
  margin-left: 14.6px;
  margin-bottom: 2%;
  display: inline-block;
  vertical-align: middle;
  background: url("../image/arrow-right-white.png") no-repeat right center;
  background-size: contain;
  float: right;
  margin-top: 2px;
}

.market-hkex .btn-cross::after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 14.6px;
  margin-bottom: 2%;
  display: inline-block;
  vertical-align: middle;
  background: url("../image/multiply.png") no-repeat right center;
  background-size: contain;
}

.market-hkex button:focus {
  outline: 2px dotted #10416c;
}

.market-hkex .btn-print-preview {
  text-transform: capitalize;
  font-size: 0.875rem;
  padding: 15px 20px 15px 22px;
  background-color: #10416c;
  color: #ffffff;
  cursor: pointer;
}

.market-hkex .btn-print-preview:hover, .market-hkex .btn-print-preview:focus, .market-hkex .btn-print-preview:active {
  color: #ffffff;
  text-decoration: none;
}

.market-hkex .btn-print-preview::before {
  content: "";
  background-image: url("../image/print_preview.png");
  display: inline-block;
  height: 22px;
  width: 29px;
  position: relative;
  top: 6px;
  left: -6px;
}

.market-hkex .btn-align-middle {
  text-align: center;
}

.market-hkex .fontsize-small .btn-print-preview::before {
  top: 8px;
}

/*.market-hkex .fontsize-small .btn-red-two-lines, .market-hkex .fontsize-small .btn-blue-two-lines {
  max-width: 168px;
} Edit by Henry */

.market-hkex .fontsize-large .btn-red-two-lines, .market-hkex .fontsize-large .btn-blue-two-lines {
  max-width: 265px;
}

.market-hkex .icon-trading:after {
  content: url("/Images/HKEX/HKEX%20MARKET/calendar/trading.png");
  width: 12px;
  height: 12px;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}

.market-hkex .icon-notification-bell:after {
  content: url("../image/notification-bell.png");
  width: 12px;
  height: 12px;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}

.market-hkex .icon-clock:after {
  content: url("/Images/HKEX/HKEX%20MARKET/calendar/events.png");
  width: 12px;
  height: 12px;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
}

.market-hkex .radioButton input {
  height: 10.5px;
}

.market-hkex .radioButton label {
  height: 20px;
  font-size: 0.75rem;
  line-height: 1.67;
  color: #10416c;
}

.market-hkex .pollWidget-checkbox {
  font-size: 0.875rem;
  color: #10416c;
  line-height: 1.43;
  background-color: #ffffff;
  margin-top: 20px;
}

.market-hkex .pollWidget-checkbox__content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

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

@media (max-width: 1000px) {
  .market-hkex .pollWidget-checkbox__content-img-container {
    text-align: center;
  }
}

.market-hkex .pollWidget-checkbox__content-img-container img {
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .pollWidget-checkbox__content-img-container img {
    width: 280px;
  }
}

.market-hkex .pollWidget-checkbox__content__subtitle {
  font-weight: bold;
}

@media (max-width: 1000px) {
  .market-hkex .pollWidget-checkbox__content__subtitle {
    margin: 20px 0 10px 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .pollWidget-checkbox__content__subtitle {
    margin: 15px 0 5px 0;
  }
}

.market-hkex .checkbox-custom {
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
}

.market-hkex .checkbox-custom hr {
  margin: 0;
}

.market-hkex .checkbox-custom__wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}

.market-hkex .checkbox-custom [type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.market-hkex .checkbox-custom [type="checkbox"] + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  display: inline-block;
}

.market-hkex .checkbox-custom [type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #d3d3d3;
  background: #ffffff;
  border-radius: 2px;
}

.market-hkex .checkbox-custom [type="checkbox"] + label:after {
  background: url("../image/checked.png") no-repeat 0 center;
  background-size: 50% 50%;
  content: '';
  display: inline-block;
  position: absolute;
  left: 1px;
  top: -1px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 26px;
  height: 24px;
}

.market-hkex .checkbox-custom [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.market-hkex .checkbox-custom [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.market-hkex .fontsize-small .checkbox-custom [type="checkbox"] + label:before {
  top: -2px;
}

.market-hkex .fontsize-small .checkbox-custom [type="checkbox"] + label:after {
  top: -6px;
}

.market-hkex .fontsize-large .checkbox-custom [type="checkbox"] + label:before {
  top: 4px;
}

.market-hkex .fontsize-large .checkbox-custom [type="checkbox"] + label:after {
  top: 0;
}

.market-hkex .pollWidget-radio {
  margin-top: 20px;
  font-size: 0.875rem;
  color: #10416c;
  line-height: 1.43;
  background-color: #ffffff;
}

.market-hkex .pollWidget-radio__content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .pollWidget-radio__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.market-hkex .pollWidget-radio__content-img-container img {
  width: 100%;
}

.market-hkex .pollWidget-radio__content__subtitle {
  font-weight: bold;
}

@media (max-width: 1000px) {
  .market-hkex .pollWidget-radio__content__subtitle {
    margin: 20px 0 10px 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .pollWidget-radio__content__subtitle {
    margin: 15px 0 5px 0;
  }
}

.market-hkex .radio-custom {
  /* radio aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
}

.market-hkex .radio-custom hr {
  margin: 0;
}

.market-hkex .radio-custom__wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
}

.market-hkex .radio-custom [type="radio"] {
  position: absolute;
  left: -9999px;
}

.market-hkex .radio-custom [type="radio"] + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  display: inline-block;
}

.market-hkex .radio-custom [type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #d3d3d3;
  background: #ffffff;
  border-radius: 50%;
}

.market-hkex .radio-custom [type="radio"] + label:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 3.5px;
  top: 5.3px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 8.5px;
  height: 8.5px;
  border-radius: 50%;
  background-color: #10416c;
}

.market-hkex .radio-custom [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.market-hkex .radio-custom [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.market-hkex .fontsize-small .radio-custom [type="radio"] + label:before {
  top: -2px;
}

.market-hkex .fontsize-small .radio-custom [type="radio"] + label:after {
  top: 1px;
}

.market-hkex .fontsize-large .radio-custom [type="radio"] + label:before {
  top: 4px;
}

.market-hkex .fontsize-large .radio-custom [type="radio"] + label:after {
  top: 7px;
}

.market-hkex .faqWidget {
  margin-top: 20px;
  font-size: 0.875rem;
  color: #10416c;
  line-height: 1.43;
  background-color: #ffffff;
}

.market-hkex .faqWidget__content {
  padding-bottom: 20px;
}

.market-hkex .faqWidget__content__searchBox-container {
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .faqWidget__content__searchBox-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.market-hkex .faqWidget__content hr {
  margin-top: 0;
  margin-bottom: 0;
}

.market-hkex .faqWidget__content-container {
  padding: 10px 20px 5px 20px;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .faqWidget__content-container {
    padding: 15px 30px;
  }
}

.market-hkex .faqWidget__content-container span {
  font-weight: normal !important;
}

.market-hkex .faqWidget__content-container:nth-child(odd) {
  background-color: #f2f6f8;
}

.market-hkex .faqWidget__content-item {
  list-style-type: none;
  /*margin-left: -40px;*/
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.market-hkex .faqWidget__content-item li a {
  display: inline-block;
  line-height: 15px;
  width: 100%;
}

.market-hkex .faqWidget__content-item li a span {
  text-decoration: none;
  max-width: 95%;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #10416c;
  float: left;
}

.market-hkex .faqWidget__content-item li a em.arrow,
.market-hkex .faqWidget__content-item li a i {
  display: inline-block;
  width: 6px;
  height: 14px;
  width: 8px;
  height: 16px;
  vertical-align: middle;
  background: url("../image/arrow-right.png") no-repeat 0 center;
  float: right;
  margin-top: 4px;
  /*background-size: 88%;*/
}

@supports (-ms-ime-align: auto) {
  .market-hkex .faqWidget__content-item li a em.arrow,
  .market-hkex .faqWidget__content-item li a i {
    background-size: 100%;
  }
}

.market-hkex .faqWidget__content .view-all {
  padding-right: 20px;
  text-align: right;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .faqWidget__content .view-all {
    padding-right: 30px;
  }
}

.market-hkex .faqWidget__content .view-all a {
  background: url("../image/arrow-right.png") no-repeat 99% 15%;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0 10px 10px 0;
  text-transform: capitalize;
  text-decoration: none;
}

@supports (-ms-ime-align: auto) {
  .market-hkex .faqWidget__content .view-all a {
    background-size: 6%;
  }
}

.market-hkex .fontsize-large .faqWidget__content-item li a em.arrow,
.market-hkex .fontsize-large .faqWidget__content-item li a i {
  margin-top: 5px;
}

.market-hkex .fontsize-large .faqWidget__content .view-all a {
  background: url("../image/arrow-right.png") no-repeat 99% 25%;
}

.market-hkex .fontsize-small .faqWidget__content-container {
  padding: 15px 30px 12px 30px;
}

.market-hkex .fontsize-small .faqWidget__content-item li a em.arrow,
.market-hkex .fontsize-small .faqWidget__content-item li a i {
  margin-top: 0px;
  background: url("../image/arrow-right.png") no-repeat 0 0;
}

.market-hkex .fontsize-small .faqWidget__content .view-all {
  margin-top: 10px;
  padding-right: 30px;
}

.market-hkex .fontsize-small .faqWidget__content .view-all a {
  padding: 1px 10px 10px 0;
  background: url("../image/arrow-right.png") no-repeat 99% 0;
}

.market-hkex .searchBox {
  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/search-icon-blue.png");
  background-repeat: no-repeat;
  background-position: 14px 12px;
  -webkit-appearance: none;
  border-radius: 0;
}

.market-hkex .searchBox::-webkit-input-placeholder,
.market-hkex .searchBox:-moz-placeholder,
.market-hkex .searchBox:-ms-input-placeholder {
  line-height: 2.5;
  font-size: 0.8125rem;
  color: #9d9d9d;
}

.market-hkex .searchBox::-ms-clear {
  display: none;
}

.market-hkex .video-control {
  position: relative;
  /*for chrom and safari opera*/
  /*firefox*/
  /* IE*/
  /* IE9*/
}

.market-hkex .video-control label {
  display: none;
}

.market-hkex .video-control__embed-video, .market-hkex .video-control .video-control_container {
  width: 100%;
  top: 0;
  left: 0;
}

.market-hkex .video-control__embed-video {
  z-index: auto;
  -o-object-fit: contain;
     object-fit: contain;
  position: static;
}

.market-hkex .video-control__embed-video-fs {
  height: 100%;
  z-index: 2147483647;
  position: fixed;
  background-color: black;
}

.market-hkex .video-control__barcontainer {
  float: left;
  width: 100%;
  height: 30px;
  display: none;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, black), color-stop(5%, transparent));
  background: -webkit-linear-gradient(bottom, black 5%, transparent);
  background: linear-gradient(to top, black 5%, transparent);
  position: absolute;
  left: 0;
  bottom: 4px;
  z-index: auto;
}

.market-hkex .video-control__progressbar {
  position: relative;
}

.market-hkex .video-control__progressbar-fs {
  bottom: 20%;
}

.market-hkex .video-control__progressbar-time {
  position: absolute;
  top: 26px;
  background: red;
  height: 4px;
  z-index: 10;
  opacity: 0.7;
}

.market-hkex .video-control__progressbar-time-fs {
  top: 0;
}

.market-hkex .video-control__play-pause-button {
  float: left;
  display: block;
  width: 30%;
  height: 30%;
  background: url("../image/play.png") no-repeat;
  background-size: contain;
  top: 34%;
  margin-left: 41%;
  opacity: 0.8;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  font-size: 0.1px;
  position: absolute;
}

.market-hkex .video-control__play-pause-button:focus {
    opacity: 0.8 !important;
}

.market-hkex .video-control__play-pause-button-fs {
  position: fixed;
  width: 80px;
  height: 80px;
  bottom: 49%;
  right: 49%;
}

.market-hkex .video-control__mute-button {
  position: absolute;
  float: left;
  width: 15px;
  height: 14px;
  background: url("../image/soundFulScreen.png") no-repeat;
  background-size: contain;
  left: 10px;
  bottom: 7px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  font-size: 0.1px;
  z-index: 10;
}

.market-hkex .video-control__mute-button-fs {
  width: 2%;
  height: 48%;
  left: 11%;
  bottom: 20%;
}

.market-hkex .video-control__fullscreen-button {
  position: absolute;
  float: left;
  width: 15px;
  height: 15px;
  background: url("../image/fullScreen.png") no-repeat;
  background-size: contain;
  right: 10px;
  bottom: 7px;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  font-size: 0.1px;
  z-index: 10;
}

.market-hkex .video-control__fullscreen-button-fs {
  right: 3%;
  bottom: 20%;
  width: 2%;
  height: 50%;
  background: url("../image/cancelfullscreen.png") no-repeat;
}

.market-hkex .video-control__fullscreen-play-pause-button {
  background: url("../image/pausefullscreen.png") no-repeat;
  margin-top: 10px;
  width: 1.5%;
  height: 50%;
  left: 4%;
  bottom: 20%;
  position: absolute;
  float: left;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  font-size: 0.1px;
  display: none;
  background-size: contain;
}

.market-hkex .video-control__fullscreen-play-pause-button-fs {
  display: block;
}

.market-hkex .video-control input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
}

.market-hkex .video-control input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.market-hkex .video-control input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.market-hkex .video-control__progressbar-seekbar {
  position: absolute;
  top: 26px;
  float: left;
  background: transparent;
  cursor: pointer;
  width: 100%;
  left: 0;
}

.market-hkex .video-control__timebar {
  left: 34%;
  bottom: 20%;
  display: none;
  color: #ffffff;
  position: absolute;
}

.market-hkex .video-control__timebar span {
  font-size: 1rem;
  color: #ffffff;
}

.market-hkex .video-control__timebar-fs {
  display: block;
}

.market-hkex .video-control__volumebar {
  display: none;
  width: 10%;
  position: absolute;
  bottom: 20%;
  left: 17%;
  background-color: transparent;
}

.market-hkex .video-control__volumebar-fs {
  display: block;
}

.market-hkex .video-control__progressbar-seekbar::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  background: transparent;
  margin-top: -4px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  z-index: 10;
}

.market-hkex .video-control__progressbar-seekbar::-webkit-slider-runnable-track {
  border: 1px solid #353434;
  height: 4px;
  width: 100%;
  border-radius: 3px;
  background: transparent;
  cursor: pointer;
  bottom: 0;
  z-index: 10;
}

.market-hkex .video-control__progressbar-seekbar:hover::-webkit-slider-thumb {
  background: #e72742;
}

.market-hkex .video-control__progressbar-seekbar:focus::-webkit-slider-thumb {
  background: #e72742;
}

.market-hkex .video-control__volumebar-seekbar::-webkit-slider-thumb {
  width: 15px;
  height: 15px;
  border: none;
  border-radius: 50%;
  background: white;
  margin-top: -6px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

.market-hkex .video-control__volumebar-seekbar::-webkit-slider-runnable-track {
  border: 1px solid #000000;
  height: 5px;
  border-radius: 3px;
  background: #FF9B9B9B;
  cursor: pointer;
  opacity: 1;
  bottom: 0;
}

.market-hkex .video-control__progressbar-seekbar::-moz-range-thumb {
  width: 9px;
  height: 9px;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  margin-top: -6px;
}

.market-hkex .video-control__progressbar-seekbar::-moz-range-track {
  border: 1px solid #353434;
  height: 4px;
  width: 100%;
  border-radius: 3px;
  background: black;
  cursor: pointer;
}

.market-hkex .video-control__progressbar-seekbar::-moz-range-progress {
  background: #e72742;
  opacity: 0.8;
}

.market-hkex .video-control__progressbar-seekbar:hover::-moz-range-thumb {
  background: #e72742;
  border: 1px solid #e72742;
}

.market-hkex .video-control__progressbar-seekbar:focus::-moz-range-thumb {
  background: #e72742;
  border: 1px solid #e72742;
}

.market-hkex .video-control__volumebar-seekbar::-moz-range-thumb {
  width: 9px;
  height: 9px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  background: #ffffff;
  margin-top: -6px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  display: none;
  cursor: pointer;
}

.market-hkex .video-control__volumebar-seekbar::-moz-range-track {
  border: 1px solid #000000;
  height: 5px;
  border-radius: 3px;
  background: #FF9B9B9B;
  cursor: pointer;
  bottom: 0;
}

.market-hkex .video-control__volumebar-seekbar::-moz-range-progress {
  background: #ffffff;
}

.market-hkex .video-control__progressbar-seekbar::-ms-thumb {
  width: 7px;
  height: 7px;
  border: none;
  border-radius: 50%;
  background: transparent;
}

.market-hkex .video-control__progressbar-seekbar::-ms-track {
  border: 1px solid #353434;
  height: 4px;
  width: 100%;
  border-radius: 3px;
  background: black;
  cursor: pointer;
}

.market-hkex .video-control__progressbar-seekbar::-ms-fill-upper {
  background: black;
}

.market-hkex .video-control__progressbar-seekbar::-ms-fill-lower {
  background: #e72742;
  opacity: 0.8;
}

.market-hkex .video-control__progressbar-seekbar:hover::-ms-thumb {
  background: #e72742;
  border: 1px solid #e72742;
}

.market-hkex .video-control__progressbar-seekbar:focus::-ms-thumb {
  background: #e72742;
  border: 1px solid #e72742;
}

.market-hkex .video-control__volumebar-seekbar::-ms-thumb {
  width: 9px;
  height: 9px;
  border: none;
  border-radius: 50%;
  background: grey;
}

.market-hkex .video-control__volumebar-seekbar::-ms-track {
  border: 1px solid lightgrey;
  height: 5px;
  border-radius: 3px;
  cursor: pointer;
  opacity: 1;
  bottom: 0;
  cursor: pointer;
}

.market-hkex .video-control__volumebar-seekbar::-ms-fill-upper {
  background: lightgrey;
}

.market-hkex .video-control__volumebar-seekbar::-ms-fill-lower {
  background: #ffffff;
}

.market-hkex .video-control__progressbar-seekdiv {
  position: absolute;
  top: 23px;
  float: left;
  border: 1px solid #353434;
  height: 5px;
  width: 100%;
  border-radius: 3px;
  background: black;
  cursor: pointer;
  display: none;
}

.market-hkex .video-control__progressbar-seekdiv-fs {
  top: 0;
}

.market-hkex .video-control__progressbar-seekdivInnerbar {
  position: absolute;
  background: red;
  height: 4px;
  z-index: 10;
  opacity: 0.5;
  font-size: 0.1px;
  color: transparent;
}

.market-hkex .video-control__volumediv {
  display: none;
  width: 10%;
  position: absolute;
  bottom: 32%;
  left: 14%;
  border: 1px solid #000000;
  height: 6px;
  border-radius: 3px;
  background: gray;
  cursor: pointer;
}

.market-hkex .video-control__volumediv-fs {
  display: block;
}

.market-hkex .video-control__volumediv-innerbar {
  position: absolute;
  width: 100%;
  background: #ffffff;
  height: 4px;
  border-radius: 3px;
  font-size: 0.1px;
  color: transparent;
  z-index: 10;
}

.market-hkex .video-control__showreelcontainer {
  display: block;
  width: 80%;
  height: 40px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.market-hkex .video-control__barcontainer-fs {
  height: 7%;
  display: block;
  bottom: 0;
  z-index: 2147483648;
  width: 100%;
  position: fixed;
}

.market-hkex .video-control__showreel-progressbar {
  width: 48%;
  top: -34%;
  left: 26%;
}

@media (max-width: 1000px) {
  .market-hkex .video-control__showreel-progressbar {
    top: -43%;
  }
}

@media (max-width: 767px) {
  .market-hkex .video-control__showreel-progressbar {
    width: 63%;
    left: 9%;
  }
}

.market-hkex .video-control__showreel-seekbar::-webkit-slider-runnable-track {
  background: #5e5952;
  height: 5px;
}

.market-hkex .video-control__showreel-seekbar::-moz-range-track {
  background: #5e5952;
  height: 5px;
}

.market-hkex .video-control__showreel-seekbar::-ms-fill-upper {
  background: #5e5952;
  height: 5px;
}

.market-hkex .video-control__showreel-mute-button {
  right: 21%;
  left: auto;
  width: 3%;
  height: 60%;
  top: 10%;
}

.market-hkex .video-control__showreel-fullscreen-button {
  width: 3%;
  height: 60%;
  top: 10%;
  right: 2%;
  background: url("../image/fullScreen2.png") no-repeat;
  background-size: 90%;
}

@media (max-width: 767px) {
  .market-hkex .video-control__showreel-fullscreen-button {
    right: 1%;
  }
}

.market-hkex .video-control__showreel-play-pause-button {
  display: block;
  top: -15%;
  background: url("../image/pausefullscreen.png") no-repeat;
}

.market-hkex .video-control__showreel-middle-button {
  display: none;
  left: 6%;
  top: 40%;
  background: url("../image/pause.png") no-repeat;
}

@media (max-width: 1000px) {
  .market-hkex .video-control__showreel-middle-button {
    left: 4%;
    top: 35%;
  }
}

@media (max-width: 500px) {
  .market-hkex .video-control__showreel-middle-button {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 400px) {
  .market-hkex .video-control__showreel-middle-button {
    left: 3%;
    top: 25%;
  }
}

.market-hkex .video-control__showreel-progressbar-time {
  height: 4px;
  z-index: 11;
}

.market-hkex .video-control__showreel-timebar {
  display: block;
  top: -5%;
  left: 9%;
}

.market-hkex .video-control__showreel-timebar span {
  font-size: 12px;
}

@media (max-width: 767px) {
  .market-hkex .video-control__showreel-timebar span {
    display: none;
  }
}

.market-hkex .video-control__showreel-volumebar {
  display: block;
  right: 8%;
  left: auto;
  width: 12%;
  top: 0;
}

@media (max-width: 1000px) {
  .market-hkex .video-control__showreel-volumebar {
    top: -11%;
  }
}

.market-hkex .video-control__showreel-volumediv {
  right: 8%;
  left: auto;
  width: 12%;
  top: 15%;
}

.market-hkex .video-control__volumebar-ie {
  top: -28%;
}

.market-hkex .video-control__volumebar-fs-ie10 {
  top: 19%;
}

.market-hkex video:not(.videoTab)::-webkit-media-controls-start-playback-button {
  display: none;
}

@media (min-width: 1000px) {
  .market-hkex .market-overview__detail {
    float: left;
    margin-left: 19px;
  }
}

@media (min-width: 767px) {
  .market-hkex .market-overview__detail {
    float: left;
    margin-left: 19px;
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview__detail {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .market-overview__detail-last-update {
  margin: 11px 0;
  float: left;
}

@media (min-width: 320px) {
  .market-hkex .market-overview__detail-last-update {
    display: none;
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .market-overview__detail-last-update {
    display: block;
    word-break: normal;
  }
}

@media (min-width: 1000px) {
  .market-hkex .market-overview__detail-last-update {
    display: none;
  }
}

.market-hkex .market-overview__detail-title h1 {
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  font-size: 1.125rem;	/*Edit by Henry Update header font size*/
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .market-overview__detail-title h1 {
	font-size: 1.125rem;
	text-transform: uppercase;	/*Edit by Henry Update header font size*/
  }
}

@media (min-width: 320px) and (max-width: 1000px) {
  .market-hkex .market-overview__detail-title {
    background: #10416c;
    color: #ffffff;
  }
  .market-hkex .market-overview__detail-title .last-update {
    display: none;
  }
}

.market-hkex .last-update {
  text-transform: capitalize;
  font-size: 0.75rem;
  font-weight: 400;
  color: #4a4a4a;
  float: right;
  margin-right: 15px;
}

.market-hkex .percentage-low {
  color: #e72742;
}

.market-hkex .percentage-low i {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #e72742;
  border-bottom: 5px solid transparent;
  position: relative;
  top: 10px;
  margin-right: 4px;
}

.market-hkex .percentage-up {
  color: #24803e;
}

.market-hkex .percentage-up i {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #24803e;
  position: relative;
  top: -10px;
  margin-right: 4px;
}

.market-hkex .market-overview__detail-main-info .title {
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

@media (min-width: 320px) and (max-width: 1000px) {
  .market-hkex .market-overview__detail-main-info .title {
    margin-top: 15px;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview__detail-main-info {
    display: none;
  }
}

.market-hkex .market-overview__detail-main-data span:nth-child(1) {
  color: #10416c;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: .5px;
}

.market-hkex .market-overview__detail-main-data span:nth-child(2) {
  padding-left: 20px;
  font-size: 1rem;
  font-weight: 700;
}

.market-hkex .market-overview__detail-data-type {
  list-style: none;
  border-bottom: 1px solid #d1dde6;
  text-transform: uppercase;
}

.market-hkex .market-overview__detail-data-type .active {
  color: #10416c;
  border-bottom: 4px solid #e72742;
}

.market-hkex .market-overview__detail-data-type li {
  display: inline-block;
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .5px;
  text-align: center;
  color: #7d7d7d;
  cursor: pointer;
  width: 80px;
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
}

.market-hkex .market-overview__detail-data-type li:hover {
  color: #10416c;
}

.market-hkex .market-overview__index-type {
  border-right: 1px solid #d1dde6;
  position: relative;
}

@media (min-width: 1000px) {
  .market-hkex .market-overview__index-type {
    width: 175px;
    float: left;
  }
}

@media (min-width: 767px) {
  .market-hkex .market-overview__index-type {
    width: 175px;
    float: left;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview__index-type {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview__index-type {
    border-right: none;
  }
}

.market-hkex .market-overview {
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #AEB4C5;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview {
    margin-top: 21px;
  }
}

.market-hkex .market-overview-bts {
  position: relative;
  border-top: 1px solid #d1dde6;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview-bts {
    border-top: none;
  }
}

.market-hkex .market-overview__up-bt,
.market-hkex .market-overview__down-bt,
.market-hkex .market-overview__up-bt-disable,
.market-hkex .market-overview__down-bt-disable {
  line-height: 31px;
  display: inline-block;
  width: 50%;
  text-align: center;
  float: left;
  background: white;
  z-index: 10;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .market-overview__up-bt,
  .market-hkex .market-overview__down-bt,
  .market-hkex .market-overview__up-bt-disable,
  .market-hkex .market-overview__down-bt-disable {
    line-height: 52px;
  }
}

.market-hkex .market-overview__up-bt span {
  position: relative;
  top: 0.875rem;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid #10416c;
  border-bottom: 7px solid transparent;
}

.market-hkex .market-overview__down-bt {
  border-right: 1px solid #d1dde6;
  bottom: 0;
}

.market-hkex .market-overview__down-bt span {
  position: relative;
  top: -0.8125rem;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid #10416c;
}

.market-hkex .market-overview__up-bt-disable span {
  position: relative;
  top: 0.875rem;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid lightgrey;
  border-bottom: 7px solid transparent;
}

.market-hkex .market-overview__down-bt-disable {
  border-right: 1px solid #d1dde6;
  bottom: 0;
}

.market-hkex .market-overview__down-bt-disable span {
  position: relative;
  top: -0.8125rem;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid lightgrey;
}

.market-hkex .market-overview__bt-enable {
  cursor: pointer;
}

.market-hkex .market-overview__bt-disable {
  cursor: not-allowed;
}

.market-hkex .market-overview__index-type ul {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  height: 362px;
  overflow: hidden;
}

.market-hkex .market-overview__index-type ul li {
  position: relative;
  list-style: none;
  margin: 0;
  padding-left: 19px;
  height: 90.5px;
  line-height: 90.5px;
  border-top: 1px solid #d1dde6;
  cursor: pointer;
}

.market-hkex .market-overview__index-type ul li a {
  text-decoration: none;
}

.market-hkex .market-overview__index-type ul li .index-type {
  padding-top: 16px;
}

.market-hkex .market-overview__index-type ul li .index-type,
.market-hkex .market-overview__index-type ul li .value {
  line-height: 18px;
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  font-size: 0.75rem;
  font-weight: 700;
  color: #10416c;
}

.market-hkex .market-overview__index-type ul li .percent {
  line-height: 18px;
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding-bottom: 16px;
}

.market-hkex .market-overview__index-type ul li .target-index {
  width: 10px;
  height: 10px;
  border-top: 1px solid #d1dde6;
  border-right: 1px solid #d1dde6;
  -webkit-transform: rotate(50deg);
      -ms-transform: rotate(50deg);
          transform: rotate(50deg);
  position: absolute;
  left: -5px;
  top: 43%;
  background: white;
  display: none;
}

.market-hkex .market-overview__index-type ul li .index-last-update {
  display: none;
}

.market-hkex .market-overview__index-type ul .active {
  background: #f2f6f8;
}

.market-hkex .market-overview__index-type ul .active .target-index {
  display: none;
}

.market-hkex .market-overview__detail-data-chart img {
  height: 306px;
}

@media (min-width: 320px) {
  .market-hkex .market-overview__detail-data-chart .pc {
    display: none;
  }
  .market-hkex .market-overview__detail-data-chart .mobile {
    display: block;
    width: 100%;
    height: auto;
  }
}

@media (min-width: 767px) {
  .market-hkex .market-overview__detail-data-chart .pc {
    display: block;
    width: 98%;
  }
  .market-hkex .market-overview__detail-data-chart .mobile {
    display: none;
  }
}

@media (min-width: 1000px) {
  .market-hkex .market-overview__detail-data-chart .pc {
    display: block;
    width: 98%;
  }
  .market-hkex .market-overview__detail-data-chart .mobile {
    display: none;
  }
}

.market-hkex .market-overview__detail-futures {
  margin-top: 21px;
  text-transform: capitalize;
}

.market-hkex .market-overview__detail-futures .title {
  font-size: 0.75rem;
  font-weight: 700;
  color: #10416c;
  margin-right: 4px;
}

.market-hkex .market-overview__detail-futures .value {
  font-size: 0.75rem;
  font-weight: 400;
  color: #10416c;
}

.market-hkex .market-overview__detail-futures .left {
  width: 65.5172413793%;
  float: left;
  margin-right: 3.4482758621%;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview__detail-futures .left {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .market-overview__detail-futures .left .market-overview__table-row {
  line-height: 26px;
}

.market-hkex .market-overview__detail-futures .left .market-overview__table-row span {
  margin-right: 10px;
}

.market-hkex .market-overview__detail-futures .left .market-overview__table-row:not(:last-child) {
  border-bottom: solid 1px #d1dde6;
}

.market-hkex .market-overview__detail-futures .right {
  width: 31.0344827586%;
  float: right;
  margin-right: 0;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .market-overview__detail-futures .right {
    display: none;
  }
}

.market-hkex .market-overview__detail-futures table tr {
  line-height: 18px;
  border-bottom: 1px solid red;
}

.market-hkex .market-overview__detail-futures table tr td {
  padding-right: 12px;
}

@media (min-width: 0) and (max-width: 767px) {
  .market-hkex .market-overview__index-type {
    position: relative;
    border-top: none;
  }
  .market-hkex .market-overview__index-type ul {
    height: 133px;
    text-align: center;
    display: inline-block;
    width: 70%;
    margin-left: 15%;
  }
  .market-hkex .market-overview__index-type ul .active {
    background: none;
    border: none;
  }
  .market-hkex .market-overview__index-type ul li {
    display: inline-block;
    width: 100%;
    line-height: 0px;
  }
  .market-hkex .market-overview__index-type ul li div {
    line-height: 28px;
  }
  .market-hkex .market-overview__index-type ul li .index-last-update {
    line-height: 32px;
    display: inline-block;
    color: #10416c;
    font-size: 0.6875rem;
    font-weight: bold;
  }
  .market-hkex .market-overview__index-type ul li .value {
    height: 28px;
    font-size: 2rem;
    font-weight: 700;
    line-height: 0.88;
    letter-spacing: 3px;
  }
  .market-hkex .market-overview__index-type ul li .index-type {
    height: 28px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 2;
    margin-top: 14px;
    padding-top: 0;
  }
  .market-hkex .market-overview__index-type ul li .percent {
    height: 28px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.4px;
  }
  .market-hkex .market-overview__detail-futures .feture-title {
    font-size: 0.8125rem;
  }
  .market-hkex .market-overview__index-type ul li:first-child {
    border: none;
  }
  .market-hkex .market-overview_left-bt,
  .market-hkex .market-overview_right-bt {
    display: inline-block;
    width: 8%;
    font-size: 24px;
    font-weight: bold;
    color: gray;
    position: absolute;
    top: 50%;
  }
  .market-hkex .market-overview_left-bt {
    left: 14px;
  }
  .market-hkex .market-overview_left-bt i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #627583;
    border-left: 1px solid #627583;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .market-hkex .market-overview__left-bt-disable i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #d1dde6;
    border-left: 1px solid #d1dde6;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .market-hkex .market-overview_right-bt {
    right: 1px;
  }
  .market-hkex .market-overview_right-bt i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #627583;
    border-right: 1px solid #627583;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .market-hkex .market-overview__right-bt-disable i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-top: 1px solid #d1dde6;
    border-right: 1px solid #d1dde6;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .market-hkex .market-overview__index-type ul li:not(:first-child) {
    display: none;
  }
}

@media (min-width: 320px) {
  .market-hkex #market-overview__left-bt,
  .market-hkex #market-overview__right-bt {
    display: inline-block;
  }
  .market-hkex #market-overview__up-bt,
  .market-hkex #market-overview__down-bt {
    display: none;
  }
}

@media (min-width: 767px) {
  .market-hkex #market-overview__left-bt,
  .market-hkex #market-overview__right-bt {
    display: none;
  }
  .market-hkex #market-overview__up-bt,
  .market-hkex #market-overview__down-bt {
    display: inline-block;
  }
}

@media (min-width: 1000px) {
  .market-hkex #market-overview__left-bt,
  .market-hkex #market-overview__right-bt {
    display: none;
  }
  .market-hkex #market-overview__up-bt,
  .market-hkex #market-overview__down-bt {
    display: inline-block;
  }
}

@media screen and (max-width: 1000px) {
  .market-hkex .mrkt-ovrview {
    margin-top: 9rem;
  }
  .market-hkex .fontsize-small .mrkt-ovrview {
    margin-top: 15.5rem;
  }
  .market-hkex .fontsize-large .mrkt-ovrview {
    margin-top: 7.2rem;
  }
}

@media screen and (max-width: 767px) {
  .market-hkex .fontsize-small .mrkt-ovrview {
    margin-top: 14.2rem;
  }
}

@font-face {
  .market-hkex {
    font-family: 'Glyphicons Halflings';
    src: url("/fonts/HKEX/HKEX%20MARKET/glyphicons-halflings-regular.eot");
    src: url("/fonts/HKEX/HKEX%20MARKET/glyphicons-halflings-regular.eot?") format("embedded-opentype"), url("/fonts/HKEX/HKEX%20MARKET/glyphicons-halflings-regular.woff2") format("woff2"), url("/fonts/HKEX/HKEX%20MARKET/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/HKEX/HKEX%20MARKET/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/HKEX/HKEX%20MARKET/glyphicons-halflings-regular.png") format("svg");
  }
}

.market-hkex .glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.market-hkex .glyphicon-asterisk:before {
  content: "\002a";
}

.market-hkex .glyphicon-plus:before {
  content: "\002b";
}

.market-hkex .glyphicon-euro:before, .market-hkex .glyphicon-eur:before {
  content: "\20ac";
}

.market-hkex .glyphicon-minus:before {
  content: "\2212";
}

.market-hkex .glyphicon-cloud:before {
  content: "\2601";
}

.market-hkex .glyphicon-envelope:before {
  content: "\2709";
}

.market-hkex .glyphicon-pencil:before {
  content: "\270f";
}

.market-hkex .glyphicon-glass:before {
  content: "\e001";
}

.market-hkex .glyphicon-music:before {
  content: "\e002";
}

.market-hkex .glyphicon-search:before {
  content: "\e003";
}

.market-hkex .glyphicon-heart:before {
  content: "\e005";
}

.market-hkex .glyphicon-star:before {
  content: "\e006";
}

.market-hkex .glyphicon-star-empty:before {
  content: "\e007";
}

.market-hkex .glyphicon-user:before {
  content: "\e008";
}

.market-hkex .glyphicon-film:before {
  content: "\e009";
}

.market-hkex .glyphicon-th-large:before {
  content: "\e010";
}

.market-hkex .glyphicon-th:before {
  content: "\e011";
}

.market-hkex .glyphicon-th-list:before {
  content: "\e012";
}

.market-hkex .glyphicon-ok:before {
  content: "\e013";
}

.market-hkex .glyphicon-remove:before {
  content: "\e014";
}

.market-hkex .glyphicon-zoom-in:before {
  content: "\e015";
}

.market-hkex .glyphicon-zoom-out:before {
  content: "\e016";
}

.market-hkex .glyphicon-off:before {
  content: "\e017";
}

.market-hkex .glyphicon-signal:before {
  content: "\e018";
}

.market-hkex .glyphicon-cog:before {
  content: "\e019";
}

.market-hkex .glyphicon-trash:before {
  content: "\e020";
}

.market-hkex .glyphicon-home:before {
  content: "\e021";
}

.market-hkex .glyphicon-file:before {
  content: "\e022";
}

.market-hkex .glyphicon-time:before {
  content: "\e023";
}

.market-hkex .glyphicon-road:before {
  content: "\e024";
}

.market-hkex .glyphicon-download-alt:before {
  content: "\e025";
}

.market-hkex .glyphicon-download:before {
  content: "\e026";
}

.market-hkex .glyphicon-upload:before {
  content: "\e027";
}

.market-hkex .glyphicon-inbox:before {
  content: "\e028";
}

.market-hkex .glyphicon-play-circle:before {
  content: "\e029";
}

.market-hkex .glyphicon-repeat:before {
  content: "\e030";
}

.market-hkex .glyphicon-refresh:before {
  content: "\e031";
}

.market-hkex .glyphicon-list-alt:before {
  content: "\e032";
}

.market-hkex .glyphicon-lock:before {
  content: "\e033";
}

.market-hkex .glyphicon-flag:before {
  content: "\e034";
}

.market-hkex .glyphicon-headphones:before {
  content: "\e035";
}

.market-hkex .glyphicon-volume-off:before {
  content: "\e036";
}

.market-hkex .glyphicon-volume-down:before {
  content: "\e037";
}

.market-hkex .glyphicon-volume-up:before {
  content: "\e038";
}

.market-hkex .glyphicon-qrcode:before {
  content: "\e039";
}

.market-hkex .glyphicon-barcode:before {
  content: "\e040";
}

.market-hkex .glyphicon-tag:before {
  content: "\e041";
}

.market-hkex .glyphicon-tags:before {
  content: "\e042";
}

.market-hkex .glyphicon-book:before {
  content: "\e043";
}

.market-hkex .glyphicon-bookmark:before {
  content: "\e044";
}

.market-hkex .glyphicon-print:before {
  content: "\e045";
}

.market-hkex .glyphicon-camera:before {
  content: "\e046";
}

.market-hkex .glyphicon-font:before {
  content: "\e047";
}

.market-hkex .glyphicon-bold:before {
  content: "\e048";
}

.market-hkex .glyphicon-italic:before {
  content: "\e049";
}

.market-hkex .glyphicon-text-height:before {
  content: "\e050";
}

.market-hkex .glyphicon-text-width:before {
  content: "\e051";
}

.market-hkex .glyphicon-align-left:before {
  content: "\e052";
}

.market-hkex .glyphicon-align-center:before {
  content: "\e053";
}

.market-hkex .glyphicon-align-right:before {
  content: "\e054";
}

.market-hkex .glyphicon-align-justify:before {
  content: "\e055";
}

.market-hkex .glyphicon-list:before {
  content: "\e056";
}

.market-hkex .glyphicon-indent-left:before {
  content: "\e057";
}

.market-hkex .glyphicon-indent-right:before {
  content: "\e058";
}

.market-hkex .glyphicon-facetime-video:before {
  content: "\e059";
}

.market-hkex .glyphicon-picture:before {
  content: "\e060";
}

.market-hkex .glyphicon-map-marker:before {
  content: "\e062";
}

.market-hkex .glyphicon-adjust:before {
  content: "\e063";
}

.market-hkex .glyphicon-tint:before {
  content: "\e064";
}

.market-hkex .glyphicon-edit:before {
  content: "\e065";
}

.market-hkex .glyphicon-share:before {
  content: "\e066";
}

.market-hkex .glyphicon-check:before {
  content: "\e067";
}

.market-hkex .glyphicon-move:before {
  content: "\e068";
}

.market-hkex .glyphicon-step-backward:before {
  content: "\e069";
}

.market-hkex .glyphicon-fast-backward:before {
  content: "\e070";
}

.market-hkex .glyphicon-backward:before {
  content: "\e071";
}

.market-hkex .glyphicon-play:before {
  content: "\e072";
}

.market-hkex .glyphicon-pause:before {
  content: "\e073";
}

.market-hkex .glyphicon-stop:before {
  content: "\e074";
}

.market-hkex .glyphicon-forward:before {
  content: "\e075";
}

.market-hkex .glyphicon-fast-forward:before {
  content: "\e076";
}

.market-hkex .glyphicon-step-forward:before {
  content: "\e077";
}

.market-hkex .glyphicon-eject:before {
  content: "\e078";
}

.market-hkex .glyphicon-chevron-left:before {
  content: "\e079";
}

.market-hkex .glyphicon-chevron-right:before {
  content: "\e080";
}

.market-hkex .glyphicon-plus-sign:before {
  content: "\e081";
}

.market-hkex .glyphicon-minus-sign:before {
  content: "\e082";
}

.market-hkex .glyphicon-remove-sign:before {
  content: "\e083";
}

.market-hkex .glyphicon-ok-sign:before {
  content: "\e084";
}

.market-hkex .glyphicon-question-sign:before {
  content: "\e085";
}

.market-hkex .glyphicon-info-sign:before {
  content: "\e086";
}

.market-hkex .glyphicon-screenshot:before {
  content: "\e087";
}

.market-hkex .glyphicon-remove-circle:before {
  content: "\e088";
}

.market-hkex .glyphicon-ok-circle:before {
  content: "\e089";
}

.market-hkex .glyphicon-ban-circle:before {
  content: "\e090";
}

.market-hkex .glyphicon-arrow-left:before {
  content: "\e091";
}

.market-hkex .glyphicon-arrow-right:before {
  content: "\e092";
}

.market-hkex .glyphicon-arrow-up:before {
  content: "\e093";
}

.market-hkex .glyphicon-arrow-down:before {
  content: "\e094";
}

.market-hkex .glyphicon-share-alt:before {
  content: "\e095";
}

.market-hkex .glyphicon-resize-full:before {
  content: "\e096";
}

.market-hkex .glyphicon-resize-small:before {
  content: "\e097";
}

.market-hkex .glyphicon-exclamation-sign:before {
  content: "\e101";
}

.market-hkex .glyphicon-gift:before {
  content: "\e102";
}

.market-hkex .glyphicon-leaf:before {
  content: "\e103";
}

.market-hkex .glyphicon-fire:before {
  content: "\e104";
}

.market-hkex .glyphicon-eye-open:before {
  content: "\e105";
}

.market-hkex .glyphicon-eye-close:before {
  content: "\e106";
}

.market-hkex .glyphicon-warning-sign:before {
  content: "\e107";
}

.market-hkex .glyphicon-plane:before {
  content: "\e108";
}

.market-hkex .glyphicon-calendar:before {
  content: "\e109";
}

.market-hkex .glyphicon-random:before {
  content: "\e110";
}

.market-hkex .glyphicon-comment:before {
  content: "\e111";
}

.market-hkex .glyphicon-magnet:before {
  content: "\e112";
}

.market-hkex .glyphicon-chevron-up:before {
  content: "\e113";
}

.market-hkex .glyphicon-chevron-down:before {
  content: "\e114";
}

.market-hkex .glyphicon-retweet:before {
  content: "\e115";
}

.market-hkex .glyphicon-shopping-cart:before {
  content: "\e116";
}

.market-hkex .glyphicon-folder-close:before {
  content: "\e117";
}

.market-hkex .glyphicon-folder-open:before {
  content: "\e118";
}

.market-hkex .glyphicon-resize-vertical:before {
  content: "\e119";
}

.market-hkex .glyphicon-resize-horizontal:before {
  content: "\e120";
}

.market-hkex .glyphicon-hdd:before {
  content: "\e121";
}

.market-hkex .glyphicon-bullhorn:before {
  content: "\e122";
}

.market-hkex .glyphicon-bell:before {
  content: "\e123";
}

.market-hkex .glyphicon-certificate:before {
  content: "\e124";
}

.market-hkex .glyphicon-thumbs-up:before {
  content: "\e125";
}

.market-hkex .glyphicon-thumbs-down:before {
  content: "\e126";
}

.market-hkex .glyphicon-hand-right:before {
  content: "\e127";
}

.market-hkex .glyphicon-hand-left:before {
  content: "\e128";
}

.market-hkex .glyphicon-hand-up:before {
  content: "\e129";
}

.market-hkex .glyphicon-hand-down:before {
  content: "\e130";
}

.market-hkex .glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.market-hkex .glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.market-hkex .glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.market-hkex .glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.market-hkex .glyphicon-globe:before {
  content: "\e135";
}

.market-hkex .glyphicon-wrench:before {
  content: "\e136";
}

.market-hkex .glyphicon-tasks:before {
  content: "\e137";
}

.market-hkex .glyphicon-filter:before {
  content: "\e138";
}

.market-hkex .glyphicon-briefcase:before {
  content: "\e139";
}

.market-hkex .glyphicon-fullscreen:before {
  content: "\e140";
}

.market-hkex .glyphicon-dashboard:before {
  content: "\e141";
}

.market-hkex .glyphicon-paperclip:before {
  content: "\e142";
}

.market-hkex .glyphicon-heart-empty:before {
  content: "\e143";
}

.market-hkex .glyphicon-link:before {
  content: "\e144";
}

.market-hkex .glyphicon-phone:before {
  content: "\e145";
}

.market-hkex .glyphicon-pushpin:before {
  content: "\e146";
}

.market-hkex .glyphicon-usd:before {
  content: "\e148";
}

.market-hkex .glyphicon-gbp:before {
  content: "\e149";
}

.market-hkex .glyphicon-sort:before {
  content: "\e150";
}

.market-hkex .glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.market-hkex .glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.market-hkex .glyphicon-sort-by-order:before {
  content: "\e153";
}

.market-hkex .glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.market-hkex .glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.market-hkex .glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.market-hkex .glyphicon-unchecked:before {
  content: "\e157";
}

.market-hkex .glyphicon-expand:before {
  content: "\e158";
}

.market-hkex .glyphicon-collapse-down:before {
  content: "\e159";
}

.market-hkex .glyphicon-collapse-up:before {
  content: "\e160";
}

.market-hkex .glyphicon-log-in:before {
  content: "\e161";
}

.market-hkex .glyphicon-flash:before {
  content: "\e162";
}

.market-hkex .glyphicon-log-out:before {
  content: "\e163";
}

.market-hkex .glyphicon-new-window:before {
  content: "\e164";
}

.market-hkex .glyphicon-record:before {
  content: "\e165";
}

.market-hkex .glyphicon-save:before {
  content: "\e166";
}

.market-hkex .glyphicon-open:before {
  content: "\e167";
}

.market-hkex .glyphicon-saved:before {
  content: "\e168";
}

.market-hkex .glyphicon-import:before {
  content: "\e169";
}

.market-hkex .glyphicon-export:before {
  content: "\e170";
}

.market-hkex .glyphicon-send:before {
  content: "\e171";
}

.market-hkex .glyphicon-floppy-disk:before {
  content: "\e172";
}

.market-hkex .glyphicon-floppy-saved:before {
  content: "\e173";
}

.market-hkex .glyphicon-floppy-remove:before {
  content: "\e174";
}

.market-hkex .glyphicon-floppy-save:before {
  content: "\e175";
}

.market-hkex .glyphicon-floppy-open:before {
  content: "\e176";
}

.market-hkex .glyphicon-credit-card:before {
  content: "\e177";
}

.market-hkex .glyphicon-transfer:before {
  content: "\e178";
}

.market-hkex .glyphicon-cutlery:before {
  content: "\e179";
}

.market-hkex .glyphicon-header:before {
  content: "\e180";
}

.market-hkex .glyphicon-compressed:before {
  content: "\e181";
}

.market-hkex .glyphicon-earphone:before {
  content: "\e182";
}

.market-hkex .glyphicon-phone-alt:before {
  content: "\e183";
}

.market-hkex .glyphicon-tower:before {
  content: "\e184";
}

.market-hkex .glyphicon-stats:before {
  content: "\e185";
}

.market-hkex .glyphicon-sd-video:before {
  content: "\e186";
}

.market-hkex .glyphicon-hd-video:before {
  content: "\e187";
}

.market-hkex .glyphicon-subtitles:before {
  content: "\e188";
}

.market-hkex .glyphicon-sound-stereo:before {
  content: "\e189";
}

.market-hkex .glyphicon-sound-dolby:before {
  content: "\e190";
}

.market-hkex .glyphicon-sound-5-1:before {
  content: "\e191";
}

.market-hkex .glyphicon-sound-6-1:before {
  content: "\e192";
}

.market-hkex .glyphicon-sound-7-1:before {
  content: "\e193";
}

.market-hkex .glyphicon-copyright-mark:before {
  content: "\e194";
}

.market-hkex .glyphicon-registration-mark:before {
  content: "\e195";
}

.market-hkex .glyphicon-cloud-download:before {
  content: "\e197";
}

.market-hkex .glyphicon-cloud-upload:before {
  content: "\e198";
}

.market-hkex .glyphicon-tree-conifer:before {
  content: "\e199";
}

.market-hkex .glyphicon-tree-deciduous:before {
  content: "\e200";
}

.market-hkex .glyphicon-cd:before {
  content: "\e201";
}

.market-hkex .glyphicon-save-file:before {
  content: "\e202";
}

.market-hkex .glyphicon-open-file:before {
  content: "\e203";
}

.market-hkex .glyphicon-level-up:before {
  content: "\e204";
}

.market-hkex .glyphicon-copy:before {
  content: "\e205";
}

.market-hkex .glyphicon-paste:before {
  content: "\e206";
}

.market-hkex .glyphicon-alert:before {
  content: "\e209";
}

.market-hkex .glyphicon-equalizer:before {
  content: "\e210";
}

.market-hkex .glyphicon-king:before {
  content: "\e211";
}

.market-hkex .glyphicon-queen:before {
  content: "\e212";
}

.market-hkex .glyphicon-pawn:before {
  content: "\e213";
}

.market-hkex .glyphicon-bishop:before {
  content: "\e214";
}

.market-hkex .glyphicon-knight:before {
  content: "\e215";
}

.market-hkex .glyphicon-baby-formula:before {
  content: "\e216";
}

.market-hkex .glyphicon-tent:before {
  content: "\26fa";
}

.market-hkex .glyphicon-blackboard:before {
  content: "\e218";
}

.market-hkex .glyphicon-bed:before {
  content: "\e219";
}

.market-hkex .glyphicon-apple:before {
  content: "\f8ff";
}

.market-hkex .glyphicon-erase:before {
  content: "\e221";
}

.market-hkex .glyphicon-hourglass:before {
  content: "\231b";
}

.market-hkex .glyphicon-lamp:before {
  content: "\e223";
}

.market-hkex .glyphicon-duplicate:before {
  content: "\e224";
}

.market-hkex .glyphicon-piggy-bank:before {
  content: "\e225";
}

.market-hkex .glyphicon-scissors:before {
  content: "\e226";
}

.market-hkex .glyphicon-bitcoin:before {
  content: "\e227";
}

.market-hkex .glyphicon-btc:before {
  content: "\e227";
}

.market-hkex .glyphicon-xbt:before {
  content: "\e227";
}

.market-hkex .glyphicon-yen:before {
  content: "\00a5";
}

.market-hkex .glyphicon-jpy:before {
  content: "\00a5";
}

.market-hkex .glyphicon-ruble:before {
  content: "\20bd";
}

.market-hkex .glyphicon-rub:before {
  content: "\20bd";
}

.market-hkex .glyphicon-scale:before {
  content: "\e230";
}

.market-hkex .glyphicon-ice-lolly:before {
  content: "\e231";
}

.market-hkex .glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.market-hkex .glyphicon-education:before {
  content: "\e233";
}

.market-hkex .glyphicon-option-horizontal:before {
  content: "\e234";
}

.market-hkex .glyphicon-option-vertical:before {
  content: "\e235";
}

.market-hkex .glyphicon-menu-hamburger:before {
  content: "\e236";
}

.market-hkex .glyphicon-modal-window:before {
  content: "\e237";
}

.market-hkex .glyphicon-oil:before {
  content: "\e238";
}

.market-hkex .glyphicon-grain:before {
  content: "\e239";
}

.market-hkex .glyphicon-sunglasses:before {
  content: "\e240";
}

.market-hkex .glyphicon-text-size:before {
  content: "\e241";
}

.market-hkex .glyphicon-text-color:before {
  content: "\e242";
}

.market-hkex .glyphicon-text-background:before {
  content: "\e243";
}

.market-hkex .glyphicon-object-align-top:before {
  content: "\e244";
}

.market-hkex .glyphicon-object-align-bottom:before {
  content: "\e245";
}

.market-hkex .glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.market-hkex .glyphicon-object-align-left:before {
  content: "\e247";
}

.market-hkex .glyphicon-object-align-vertical:before {
  content: "\e248";
}

.market-hkex .glyphicon-object-align-right:before {
  content: "\e249";
}

.market-hkex .glyphicon-triangle-right:before {
  content: "\e250";
}

.market-hkex .glyphicon-triangle-left:before {
  content: "\e251";
}

.market-hkex .glyphicon-triangle-bottom:before {
  content: "\e252";
}

.market-hkex .glyphicon-triangle-top:before {
  content: "\e253";
}

.market-hkex .glyphicon-console:before {
  content: "\e254";
}

.market-hkex .glyphicon-superscript:before {
  content: "\e255";
}

.market-hkex .glyphicon-subscript:before {
  content: "\e256";
}

.market-hkex .glyphicon-menu-left:before {
  content: "\e257";
}

.market-hkex .glyphicon-menu-right:before {
  content: "\e258";
}

.market-hkex .glyphicon-menu-down:before {
  content: "\e259";
}

.market-hkex .glyphicon-menu-up:before {
  content: "\e260";
}

.market-hkex * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.market-hkex *:before, .market-hkex *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.market-hkex input, .market-hkex button, .market-hkex select, .market-hkex textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.market-hkex a {
/*color: #10416c;*/
  color: #0066cc;
  text-decoration: none;  
}

.findParter__Table-mb-box .market-hkex a {
  color: #10416c;
  text-decoration: none;  
  word-break: break-all;
}

.market-hkex a:hover, .market-hkex a:focus {
  color: #23527c;
  text-decoration: underline;
}

.market-hkex a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.market-hkex figure {
  margin: 0;
}

.market-hkex img {
  vertical-align: middle;
}

.market-hkex .img-responsive, .market-hkex .carousel-inner > .item > img, .market-hkex .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.market-hkex .img-rounded {
  border-radius: 6px;
}

.market-hkex .img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.market-hkex .img-circle {
  border-radius: 50%;
}

.market-hkex hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.market-hkex .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.market-hkex .sr-only-focusable:active, .market-hkex .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.market-hkex [role="button"] {
  cursor: pointer;
}

.market-hkex .fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.market-hkex .fade.in {
  opacity: 1;
}

.market-hkex .collapse {
  display: none;
}

.market-hkex .collapse.in {
  display: block;
}

.market-hkex tr.collapse.in {
  display: table-row;
}

.market-hkex tbody.collapse.in {
  display: table-row-group;
}

.market-hkex .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.market-hkex .carousel {
  position: relative;
}

.market-hkex .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.market-hkex .carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
}

.market-hkex .carousel-inner > .item > img, .market-hkex .carousel-inner > .item > a > img {
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .market-hkex .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .market-hkex .carousel-inner > .item.next, .market-hkex .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .market-hkex .carousel-inner > .item.prev, .market-hkex .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .market-hkex .carousel-inner > .item.next.left, .market-hkex .carousel-inner > .item.prev.right, .market-hkex .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

.market-hkex .carousel-inner > .active, .market-hkex .carousel-inner > .next, .market-hkex .carousel-inner > .prev {
  display: block;
}

.market-hkex .carousel-inner > .active {
  left: 0;
}

.market-hkex .carousel-inner > .next, .market-hkex .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.market-hkex .carousel-inner > .next {
  left: 100%;
}

.market-hkex .carousel-inner > .prev {
  left: -100%;
}

.market-hkex .carousel-inner > .next.left, .market-hkex .carousel-inner > .prev.right {
  left: 0;
}

.market-hkex .carousel-inner > .active.left {
  left: -100%;
}

.market-hkex .carousel-inner > .active.right {
  left: 100%;
}

.market-hkex .carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent;
}

.market-hkex .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), right);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.market-hkex .carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), right);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.market-hkex .carousel-control:hover, .market-hkex .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}

.market-hkex .carousel-control .icon-prev, .market-hkex .carousel-control .icon-next, .market-hkex .carousel-control .glyphicon-chevron-left, .market-hkex .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.market-hkex .carousel-control .icon-prev, .market-hkex .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.market-hkex .carousel-control .icon-next, .market-hkex .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.market-hkex .carousel-control .icon-prev, .market-hkex .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}

.market-hkex .carousel-control .icon-prev:before {
  content: '\2039';
}

.market-hkex .carousel-control .icon-next:before {
  content: '\203a';
}

.market-hkex .carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.market-hkex .carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent;
}

.market-hkex .carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.market-hkex .carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  /*text-shadow:0 1px 2px rgba(0,0,0,0.6)*/
}

.market-hkex .carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .market-hkex .carousel-control .glyphicon-chevron-left, .market-hkex .carousel-control .glyphicon-chevron-right, .market-hkex .carousel-control .icon-prev, .market-hkex .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .market-hkex .carousel-control .glyphicon-chevron-left, .market-hkex .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .market-hkex .carousel-control .glyphicon-chevron-right, .market-hkex .carousel-control .icon-next {
    margin-right: -10px;
  }
  .market-hkex .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .market-hkex .carousel-indicators {
    bottom: 20px;
  }
}

.market-hkex .clearfix:before, .market-hkex .clearfix:after {
  content: " ";
  display: table;
}

.market-hkex .clearfix:after {
  clear: both;
}

.market-hkex .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.market-hkex .pull-right {
  float: right !important;
}

.market-hkex .pull-left {
  float: left !important;
}

.market-hkex .hide {
  display: none !important;
}

.market-hkex .show {
  display: block !important;
}

.market-hkex .invisible {
  visibility: hidden;
}

.market-hkex .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.market-hkex .hidden {
  display: none !important;
}

.market-hkex .affix {
  position: fixed;
}

@-ms-viewport {
  .market-hkex {
    width: device-width;
  }
}

.market-hkex .visible-xs, .market-hkex .visible-sm, .market-hkex .visible-md, .market-hkex .visible-lg {
  display: none !important;
}

.market-hkex .visible-xs-block, .market-hkex .visible-xs-inline, .market-hkex .visible-xs-inline-block, .market-hkex .visible-sm-block, .market-hkex .visible-sm-inline, .market-hkex .visible-sm-inline-block, .market-hkex .visible-md-block, .market-hkex .visible-md-inline, .market-hkex .visible-md-inline-block, .market-hkex .visible-lg-block, .market-hkex .visible-lg-inline, .market-hkex .visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .market-hkex .visible-xs {
    display: block !important;
  }
  .market-hkex table.visible-xs {
    display: table !important;
  }
  .market-hkex tr.visible-xs {
    display: table-row !important;
  }
  .market-hkex th.visible-xs, .market-hkex td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .market-hkex .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .market-hkex .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .market-hkex .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .market-hkex .visible-sm {
    display: block !important;
  }
  .market-hkex table.visible-sm {
    display: table !important;
  }
  .market-hkex tr.visible-sm {
    display: table-row !important;
  }
  .market-hkex th.visible-sm, .market-hkex td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .market-hkex .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .market-hkex .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .market-hkex .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .market-hkex .visible-md {
    display: block !important;
  }
  .market-hkex table.visible-md {
    display: table !important;
  }
  .market-hkex tr.visible-md {
    display: table-row !important;
  }
  .market-hkex th.visible-md, .market-hkex td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .market-hkex .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .market-hkex .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .market-hkex .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .market-hkex .visible-lg {
    display: block !important;
  }
  .market-hkex table.visible-lg {
    display: table !important;
  }
  .market-hkex tr.visible-lg {
    display: table-row !important;
  }
  .market-hkex th.visible-lg, .market-hkex td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .market-hkex .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .market-hkex .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .market-hkex .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .market-hkex .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .market-hkex .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .market-hkex .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .market-hkex .hidden-lg {
    display: none !important;
  }
}

.market-hkex .visible-print {
  display: none !important;
}

@media print {
  .market-hkex .visible-print {
    display: block !important;
  }
  .market-hkex table.visible-print {
    display: table !important;
  }
  .market-hkex tr.visible-print {
    display: table-row !important;
  }
  .market-hkex th.visible-print, .market-hkex td.visible-print {
    display: table-cell !important;
  }
}

.market-hkex .visible-print-block {
  display: none !important;
}

@media print {
  .market-hkex .visible-print-block {
    display: block !important;
  }
}

.market-hkex .visible-print-inline {
  display: none !important;
}

@media print {
  .market-hkex .visible-print-inline {
    display: inline !important;
  }
}

.market-hkex .visible-print-inline-block {
  display: none !important;
}

@media print {
  .market-hkex .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .market-hkex .hidden-print {
    display: none !important;
  }
}

.market-hkex .popover {
  position: absolute;
  z-index: 999;
  display: none;
}

.market-hkex .popover__content {
  position: relative;
  top: 10px;
  background: #fff;
  border: 1px solid #d1dde6;
}

.market-hkex .popover__content:after, .market-hkex .popover__content:before {
  bottom: 100%;
  left: 21%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.market-hkex .popover__content:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.market-hkex .popover__content:before {
  border-color: rgba(209, 221, 230, 0);
  border-bottom-color: #d1dde6;
  border-width: 12px;
  margin-left: -12px;
}

.market-hkex .popover__content-list {
  padding: 0;
  margin: 0;
  width: 204px;
  background-color: #fff;
  text-align: left;
  list-style: none;
}

.market-hkex .popover__list-item {
  width: 204px;
  border-bottom: 1px solid #d1dde6;
}

.market-hkex .popover__list-item:hover {
  background-color: #f2f6f8;
}

.market-hkex .popover__link {
  font-size: 0.75rem;
  line-height: 18px;
  padding: 8px 12px;
  display: block;
}

.market-hkex .popover__link:active {
  color: #fff;
  background-color: #e72742;
}

.market-hkex .popover__link:hover {
  text-decoration: none;
}

.market-hkex .banner {
  width: 100%;
}

@media (min-width: 1001px) {
  .market-hkex .banner {
    display: block !important;
  }
}

@media (max-width: 1000px) {
  .market-hkex .banner {
    height: auto;
  }
}

.market-hkex .banner__container {
  height: 165px;
  text-align: center;
  background-color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .banner__container {
    height: auto;
  }
}

@media (min-width: 768px) {
  .market-hkex .banner__container {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .market-hkex .banner__container {
    margin: 20px auto 0 auto;
    background: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .banner__container {
    margin: 0;
  }
}

.market-hkex .banner__background {
  width: 100%;
  max-width: 1440px;
  height: 100%;
  /*background-image:url("/Images/HKEX/HKEX MARKET/inner-banner.png");*/
  background-size: 100% 100%;
  margin: 0 auto;
  padding-top: 31px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  .market-hkex .banner__background {
    background-image: none !important;
    padding-top: 0;
	height: auto; /*gti added*/
  }
}

.market-hkex .banner__breadcrumb {
  font-weight: bold;
  color: #ffffff;
  text-align: left;
}

@media (max-width: 1000px) {
  .market-hkex .banner__breadcrumb {
    display: none;
  }
}

.market-hkex .banner__breadcrumb ul {
  margin: 0;
  padding: 0;
}

.market-hkex .banner__breadcrumb ul li {
  display: inline;
  margin-right: 5px;
  font-size: 0.875rem;
}

.market-hkex .banner__breadcrumb ul li:last-child a:after {
  content: "";
}

.market-hkex .banner__breadcrumb ul li a {
  color: #FFF;
  text-decoration: none;
}

.market-hkex .banner__breadcrumb ul li a:after {
  content: '\\';
  margin-left: 6px;
}

.market-hkex .banner__breadcrumb ul li:first-child a:after {
  content: '\\';
}

.market-hkex .banner__pageheading {
  font-size: 1.875rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
  text-align: left;
  margin-top: 4px;
  text-transform: uppercase;
}

@media (max-width: 1000px) {
  .market-hkex .banner__pageheading {
    display: none;
  }
}

.market-hkex .banner__menu {
  width: 100%;
  list-style-type: none;
  position: absolute;
  bottom: 0;
  margin-bottom: 0;
  margin-top: 4.8%;
  left: 0;
  right: 0;
  padding: 0 30px;
}

.market-hkex .banner__menu li {
  float: left;
  margin-right: 69px;
  padding-bottom: 0.8125rem;
  padding-left: 7px;
  padding-right: 7px;
}

.market-hkex .banner__menu li a {
  font-size: 0.875rem;
  color: #ffffff;
}

.market-hkex .banner__menu li a:hover, .market-hkex .banner__menu li a:focus, .market-hkex .banner__menu li a:visited {
  text-decoration: none;
}

.market-hkex .banner__menu li.active {
  border-bottom: 4px solid #e72742;
}

@media (max-width: 1000px) {
  .market-hkex .banner__menu {
    margin-top: 0;
    padding: 0;
  }
}

.market-hkex .banner__breadcrumb-tablet-mobile {
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.8;
  margin-left: 18px;
  color: #10416c;
  display: none;
  padding-left: 18px;
}

.market-hkex .banner__breadcrumb-tablet-mobile ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  padding: 6px 0 7px 0;
  line-height: 1;
}

.market-hkex .banner__breadcrumb-tablet-mobile ul li {
  display: inline;
  margin-right: 5px;
}

.market-hkex .banner__breadcrumb-tablet-mobile ul li:last-child a:after {
  content: "";
}

.market-hkex .banner__breadcrumb-tablet-mobile ul li a {
  text-decoration: none;
}

.market-hkex .banner__breadcrumb-tablet-mobile ul li a:after {
  content: '\\';
  margin-left: 6px;
}

@media (max-width: 1000px) {
  .market-hkex .banner__breadcrumb-tablet-mobile {
    display: block;
    margin: 0 auto;
    max-width: 660px;
	font-size: 0.875rem; /*Edit by Henry*/
  }
}

.market-hkex .banner__breadcrumb__pageTitle {
  font-size: 0.75rem !important;
  display: inline-block;
  text-transform: uppercase;
  margin: 0;
}

.market-hkex .banner-light__container {
  height: 218px;
}

.market-hkex .banner-light__background {
  padding-top: 44px;
}

.market-hkex .backgroudColor-monthly-bulletin {
  background-color: #091f32;
}

.market-hkex .backgroudimg-monthly-bulletin {
  background-image: url("../image/banner-monthly-bulletin.png");
}

.market-hkex .fontsize-large .banner__menu {
  margin-top: 3%;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .banner__menu {
    margin-top: 0;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .banner__menu li {
    margin-right: 40px;
  }
}

.market-hkex .fontsize-small .banner__menu {
  margin-top: 7.3%;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .banner__menu {
    margin-top: 0;
  }
}

.market-hkex .section__title-left-border {
  padding-right: 20px;
  text-transform: uppercase;
   background-color: white;
}

.market-hkex .title__main, .market-hkex .title__side {
  color: #10416c;
  text-transform: uppercase;
  height: 48px;
  min-height: 48px;
  border-left: 4px solid #f4364c;
  display: table;
}

.market-hkex .title__main span, .market-hkex .title__side span {
  display: table-cell;
  vertical-align: middle;
}

.market-hkex .title__main {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0 30px 0 26px;
}

@media (max-width: 767px) {
  .market-hkex .title__main {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 16px;
    padding-right: 20px;
  }
}

.market-hkex .title__side {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 20px 0 16px;
}

@media (max-width: 1000px) {
  .market-hkex .title__side {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0 30px 0 26px;
  }
}

@media (max-width: 767px) {
  .market-hkex .title__side {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 16px;
    padding-right: 20px;
  }
}

.market-hkex .collapse-container .panel:last-child {
  border-bottom: 1px solid #e3e3e3;
}

.market-hkex .collapse-container .panel-heading {
  border-top: 1px solid #e3e3e3;
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (max-width: 1000px) {
  .market-hkex .collapse-container .panel-heading {
    padding-top: 13.5px;
    padding-bottom: 13.5px;
  }
}

.market-hkex .collapse-container .panel[data-bottom='border-bottom'] {
  border-bottom: 1px solid #e3e3e3;
}

.market-hkex .collapse-container a.panel-heading {
  display: block;
  text-decoration: none;
}

.market-hkex .collapse-container a[aria-expanded='false'].panel-heading {
  background: url("../image/triangle-1.png") no-repeat right 8px top 20px;
  background-size: 8px 6px;
  padding-right: 25px;
}

.market-hkex .collapse-container a[aria-expanded='true'].panel-heading {
  background: url("../image/arrow-up.png") no-repeat right 8px top 20px;
  background-size: 8px 6px;
  padding-right: 25px;
}

@media (min-width: 1000px) {
  .market-hkex .collapse-container a.panel-heading:hover {
    color: #4AB1E2;
  }
}

.market-hkex .collapse-container .panel-body {
  margin-bottom: 19px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.43;
  color: #10416c;
}

.market-hkex .collapse-container .panel-body a {
  color: #729ee7;
}

.market-hkex .collapse-container .panel-body a[data-file-type]:after {
  content: url("../image/pdf.png");
  width: 1.25rem;
  height: 0.6875rem;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.market-hkex .collapse-container .section-title {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  color: #e72742;
  padding-top: 47px;
  padding-bottom: 30px;
  border-top: 1px solid #e3e3e3;
  margin: 0;
}

.market-hkex .collapse-container .section-title__no-border {
  border-top: none;
}

.market-hkex .fontsize-small .collapse-container a[aria-expanded='false'].panel-heading {
  background: url("../image/triangle-1.png") no-repeat right 8px top 18px;
}

.market-hkex .fontsize-small .collapse-container a[aria-expanded='true'].panel-heading {
  background: url("../image/arrow-up.png") no-repeat right 8px top 16px;
  background-size: 6px 6px;
}

.market-hkex .section__panel {
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #AEB4C5;
}

.market-hkex .section__panel > :nth-child(n) {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .section__panel > :nth-child(n) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .section__panel .quesitons__title {
  padding-left: 26px;
}

@media (max-width: 1000px) {
  .market-hkex .section__panel .quesitons__title {
    padding-left: 16px;
  }
}

.market-hkex .section__left_panel {
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #AEB4C5;
  margin-bottom: 20px;
}

.market-hkex .section__left_panel > :nth-child(n) {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 767px) {
  .market-hkex .section__left_panel > :nth-child(n) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .section__left_panel .quesitons__title {
  padding-left: 26px;
}

@media (max-width: 1000px) {
  .market-hkex .section__left_panel .quesitons__title {
    padding-left: 16px;
  }
}

.market-hkex .popover {
  position: absolute;
  z-index: 999;
  display: none;
}

.market-hkex .popover__content {
  position: relative;
  top: 10px;
  background: #fff;
  border: 1px solid #d1dde6;
}

.market-hkex .popover__content:after, .market-hkex .popover__content:before {
  bottom: 100%;
  left: 21%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.market-hkex .popover__content:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.market-hkex .popover__content:before {
  border-color: rgba(209, 221, 230, 0);
  border-bottom-color: #d1dde6;
  border-width: 12px;
  margin-left: -12px;
}

.market-hkex .popover__content-list {
  padding: 0;
  margin: 0;
  width: 204px;
  background-color: #fff;
  text-align: left;
  list-style: none;
}

.market-hkex .popover__list-item {
  width: 204px;
  border-bottom: 1px solid #d1dde6;
}

.market-hkex .popover__list-item:hover {
  background-color: #f2f6f8;
}

.market-hkex .popover__link {
  font-size: 0.75rem;
  line-height: 18px;
  padding: 8px 12px;
  display: block;
}

.market-hkex .popover__link:active {
  color: #fff;
  background-color: #e72742;
}

.market-hkex .popover__link:hover {
  text-decoration: none;
}

.market-hkex .download {
  color: #10416c;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.875rem;
  display: block;
}

.market-hkex .download:link {
  text-decoration: none;
}

.market-hkex .download:before {
  margin-right: 8px;
  content: '';
  width: 10px;
  height: 12px;
  background: url("../image/download.png");
  display: inline-block;
  background-size: 10px 12px;
}

.market-hkex .download > span {
  color: #3c7eb8;
  text-decoration: underline;
}

/*.market-hkex .download[href$="pdf"]:after {
  content: url("../image/pdf.png");
  margin-left: 5px;
} Edit by Henry*/

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

.market-hkex .form-input-text {
  position: relative;
}

.market-hkex .form-input-text input {
  color: #10416c;
  height: 58px;
  padding-left: 20px;
  border: solid 1px #cbcbcb;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 0.875rem;
  margin-top: 20px;
  padding: 0 20px;
  display: block;
}

.market-hkex .form-input-text input + label {
  position: absolute;
  padding-left: 20px;
  margin-top: 3px;
  -webkit-transition: top 0.2s linear;
  transition: top 0.2s linear;
  opacity: 0;
  font-size: 0.625rem;
  color: #898989;
}

.market-hkex .form-input-text input:focus + label {
  color: #898989;
  opacity: 1;
  top: 3px;
}

.market-hkex .form-input-text input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.market-hkex .form-input-text input:focus:-moz-placeholder {
  opacity: 0;
}

.market-hkex .form-input-text input:focus::-moz-placeholder {
  opacity: 0;
}

.market-hkex .form-input-text input:focus:-ms-input-placeholder {
  opacity: 0;
}

.market-hkex .form-input-text input:-ms-input-placeholder {
  color: #898989;
}

.market-hkex .form-input-text input::-ms-clear {
  display: none !important;
}

.market-hkex .form-input-text .hint-label {
  color: #898989;
  opacity: 1;
  top: 3px;
}

.market-hkex .form-input-textarea {
  position: relative;
  border: 1px solid #cbcbcb;
  width: 200px;
  height: 100px;
}

.market-hkex .form-input-textarea .hint-label {
  color: #898989;
  opacity: 1;
  top: 3px;
}

.market-hkex textarea {
  margin-top: 20px;
  font-size: 0.875rem;
  color: #10416c;
  padding: 0 20px;
  height: 79%;
  display: block;
  border: none;
  outline: 0;
  resize: none;
}

.market-hkex textarea + label {
  position: absolute;
  padding-left: 20px;
  margin-top: 3px;
  -webkit-transition: top 0.2s linear;
  transition: top 0.2s linear;
  opacity: 0;
  font-size: 0.625rem;
  color: #898989;
}

.market-hkex textarea:focus + label {
  color: #898989;
  opacity: 1;
  top: 3px;
}

.market-hkex textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

.market-hkex textarea:focus:-moz-placeholde {
  opacity: 0;
}

.market-hkex textarea:focus::-moz-placeholder {
  opacity: 0;
}

.market-hkex textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

.market-hkex textarea:-ms-input-placeholder {
  color: #898989;
}

.market-hkex .quick-links__title {
  padding-left: 20px;
}

.market-hkex .quick-link-list {
  padding: 0;
  list-style: none;
  margin-top: 10px;
}

.market-hkex .quick-link-list li {
  list-style-type: none;
  line-height: 1;
  margin-top: 6px;
  vertical-align: top;
  cursor: pointer;
}

.market-hkex .quick-link-list li a {
  display: inline-block;
  line-height: 15px;
  width: 100%;
  background: url("../image/arrow-right.png") no-repeat right 10px top 5px;
}

.market-hkex .quick-link-list li a span {
  max-width: 90%;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.45;
  color: #10416c;
  float: left;
}

@media (max-width: 767px) {
  .market-hkex .quick-link-list li {
    max-width: 275px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .quick-link-3-cols li {
    display: inline-block;
    width: 29%;
    margin-right: 35px;
  }
}

.market-hkex .quick-link-3-cols li i {
  width: 6px;
}

@media (max-width: 1000px) {
  .market-hkex .quick-link-list-tablet-mobile li {
    display: inline-block;
    width: 46%;
    margin-right: 44px;
    vertical-align: top;
  }
  .market-hkex .quick-link-list-tablet-mobile li:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .quick-link-list-tablet-mobile li {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }
}

.market-hkex .fontsize-large .quick-link-list li a {
  background: url("../image/arrow-right.png") no-repeat right 10px top 8px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .quick-link-list-tablet-mobile li {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .quick-link-list-tablet-mobile li {
    width: 97%;
  }
}

.market-hkex .fontsize-small .quick-link-list li a {
  background: url("../image/arrow-right.png") no-repeat right 10px top 2px;
}

.market-hkex .fontsize-small .quick-link-list li a i {
  width: 6px;
  height: 14px;
}

.market-hkex .select-group {
  border: 1px solid #cbcbcb;
  border-bottom: none;
  color: #10416c;
  position: relative;
}

.market-hkex .select-group .select-items {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-top: none;
  z-index: 15;
  left: -1px;
  right: -1px;
  overflow: hidden;
}

.market-hkex .select-group .select-items > .select-item {
  min-height: 35px;
  line-height: 1;
  width: 100%;
  cursor: pointer;
  background: #ffffff;
  display: none;
}

.market-hkex .select-group .select-items > .select-item:hover {
  background: #f2f6f8;
}

.market-hkex .select-group .select-items > .select-item:not(:last-child) {
  border-bottom: 1px solid #cbcbcb;
}

.market-hkex .select-group .select-items > div[data-target='true'] {
  background: #f2f6f8;
}

.market-hkex .select-group .select-items a {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 15px;
  text-decoration: none;
  display: block;
}

.market-hkex .select-group .select-items__scroll--container {
  width: 6px;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  z-index: 16;
}

.market-hkex .select-group .select-items__scroll--container-bar {
  height: 60px;
  background: #a1b4c5;
  border-radius: 10px;
  position: relative;
}

.market-hkex .select-group .select-target {
  min-height: 35px;
  line-height: 1.35;
  cursor: pointer;
}

.market-hkex .select-group .select-target a {
  font-weight: bold;
  border: none;
  padding-left: 15px;
  text-align: left;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #10416c;
  display: block;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;
}

.market-hkex .select-group .select-target a[data-expend="false"] {
  background: url("../image/triangle-1.png") no-repeat right 13px center;
  background-size: 8px 6px;
  padding-right: 30px;
}

.market-hkex .select-group .select-target a[data-expend="true"] {
  background: url("../image/arrow-up.png") no-repeat right 13px center;
  background-size: 8px 6px;
  padding-right: 30px;
  border-bottom: 1px solid #cbcbcb;
}

.market-hkex .menu-title {
  color: #FFF;
  background-color: #10416c;
  width: 100%;
  border-left: 4px solid #e72742;
  min-height: 48px;
  text-align: left;
  overflow: hidden;
}

@media (max-width: 1000px) {
  .market-hkex .menu-title {
    max-width: 660px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .market-hkex .menu-title {
    float: left;
    max-width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

.market-hkex .menu-title h2 {
  /*text-transform: uppercase;*/
  font-size: 0.875rem;		/*Edit by Henry Update header font size*/
  margin: 0;
  width: 100%;
  padding: 17px 20px 15px 20px;
  padding: 18px 20px 14px 20px;
}

@media (max-width: 1000px) {
  .market-hkex .menu-title h2 {
    width: 80%;
    padding: 19px 20px 14px 20px;
  }
}

.market-hkex .menu-title .nav-icon {
  display: none;
  width: 50px;
  height: 50px;
  float: right;
  text-align: center;
  min-height: 43px;
  cursor: pointer;
}

@media (max-width: 1000px) {
  .market-hkex .menu-title .nav-icon {
    display: inline-block;
  }
}

.market-hkex .menu-title .nav-icon .nav-close {
  display: none;
  color: #FFF;
  font-size: 1.5rem;
}

.market-hkex .menu-title .nav-icon img {
  float: right;
}

@media(min-width: 1000px){
.market-hkex .left-menu__item {
  cursor: pointer;
}
}

.market-hkex .externalLink:after {
    padding-left: 5px;
    content: url(../image/icon-connect-red.png);
}

.market-hkex .left-menu__item--back-to-target {
  color: #899bac;
  padding-left: 5px;
  line-height: 1.43;
  text-transform: uppercase;
}

.market-hkex .left-menu__level1 {
  margin: 0;
  padding: 0;
}

.market-hkex .left-menu__level1 li {
  padding: 16px 35px 16px 0px;
  list-style: none;
  list-style-type: none;
  border-bottom: 1px solid #e3e3e3;
  float: left;
  width: 100%;
  background-color: #EEEFF1;
}

@media (min-width: 1001px) {
  .market-hkex .left-menu__level1 li {
    display: block !important;
  }
  .market-hkex .left-menu__level1 li:last-child {
    border-bottom: none;
  }
}
@media (max-width: 1001px) {
  .market-hkex .left-menu__level1 li {
    /*display: block !important;*/
  }
}
.market-hkex .left-menu__level1 li a {
    color: #10416c;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.38;
    display: block;
    float: left;
    text-decoration: none;
    /*text-transform: uppercase;*/
    margin-left: 20px;
    padding-right: 34px
}

.market-hkex .left-menu__level1 li a:hover, .market-hkex .left-menu__level1 li a:focus, .market-hkex .left-menu__level1 li a:visited {
  text-decoration: none;
}

@media (min-width: 1000px) {
    .market-hkex .left-menu__level1 li a {
        max-width: 90%;
        color: #333D47;
    }
}

@media (min-width: 1000px) {
    .market-hkex .left-menu__level1 li:hover {
        background-color: #dadada;
    }

    .market-hkex .left-menu__level1 li a:hover {
        text-decoration: underline;
    }
}

@media (max-width: 1000px) {
    .market-hkex .left-menu__level1 li:hover {
        background-color: #dadada;
    }

    .market-hkex .left-menu__level1 li a:hover {
        text-decoration: underline;
    }
}

.market-hkex .left-menu__level1 li.back {
  padding-left: 20px;
}

.market-hkex .left-menu__level1 li.active {
  background-color: #e8eef3;
  //background-image: url("../image/arrow-left.png"); level3 design
  background-repeat: no-repeat;
  background-position: left 20px top 20px;
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level1 li.active {
    background-image: none;
	padding-left: 27px;
  }
}

.market-hkex .left-menu__level1 li.active a {
  font-weight: 700;
  display: inline-block;
}

@media (min-width: 1001px) {
    .market-hkex .left-menu__level1 li.active {
        padding: 10px 13px 10px 7px;
    }
}

@media (max-width: 1001px) {
    .market-hkex .left-menu__level1 li.active {
        padding: 10px 13px 10px 7px;
    }
}

.market-hkex .left-menu__level1 li.hasChildren {
    padding-right: 0;
    position: relative;
    /*background-image: url("../image/arrow.svg");
  background-repeat: no-repeat;
  background-position: right 16px top 16px;
  background-color: #EEEFF1;
  background-size: 20px;
  background-position: left 8px top 20px; Edit for level3 menu*/
}

.market-hkex .left-menu__level1 li.hasChildren::before {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
    background-image: url("../image/arrow.svg");
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    content: "";
}

.market-hkex .left-menu__level2 li.hasChildren::before {
    top: 12px;
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level1 li.hasChildren {
    
  }
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level1 li.hasChildren {
    padding-bottom: 10px;
  }
}

.market-hkex .left-menu__level1 li.hasChildren a {
  display: inline;
  margin-right: 34px;
}

.market-hkex .left-menu__level1 li.hasChildren .left-menu__level2 li.active a {
  padding-left: 0;
}

.market-hkex .left-menu__level1 li.hasChildren .left-menu__level2 li a {
  /*padding-left: 0;              Removed by Henry 21/3/2017 UAT log#3779*/
  margin-right: 0;				/*Edit by Henry Date: 16/3/2017 */
}

/*@media (max-width: 1000px) {
  .market-hkex .left-menu__level1 li.hasChildren .left-menu__level2 li a {
    padding-left: 0;
  }
} Removed by Henry 21/3/2017 UAT log#3779    */

.market-hkex .left-menu__level1 li.showChildren {
    padding-right: 0;
    position: relative;
}

.market-hkex .left-menu__level1 li.showChildren::before {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
    background-image: url("../image/arrow.svg");
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    content: "";
}

.market-hkex .left-menu__level2 li.showChildren::before {
	top: 10px;
}


@media (max-width: 1001px) {
  .market-hkex .left-menu__level1 li.showChildren {
	padding-bottom: 0;
  }
}

@media (min-width: 1001px) {
  .market-hkex .left-menu__level1 li.showChildren {
    padding-bottom: 0;
  }
}

/*
.market-hkex .left-menu__level1 li.showChildren a {
  font-weight: 700;
  margin-right: 34px;
}
*/
/*.market-hkex .left-menu__level1 li.showChildren .left-menu__level2 a {
  font-weight: 400;
  /*padding-left: 0px;     Edit by Henry Date:23/3/2017 UAT log #3779 
} Edit by Edward Date:19/5/2017 LHS level3 desgin
*/
.market-hkex .left-menu__level1 li.showChildren .left-menu__level2 a::before {
  content: "";
  background-image: none;
}

@media (min-width: 1001px) {
  .market-hkex .left-menu__level1 li.showChildren .left-menu__level2 {
    display: block;
  }
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level1 li.showChildren .left-menu__level2 {
    display: none;
  }
}

.market-hkex .left-menu__level2 {
  margin: 0;
  padding: 0;
  margin-top: 16px;
  display: none;
  float: left;
  width: 100%;
}

@media (max-width: 767px) {
  .market-hkex .left-menu__level2 {
    padding-left: 0px;
  }
}
//level3 design
.market-hkex .left-menu__level2 li {
  padding: 10px 13px 10px 0px;
  border-bottom: 1px solid #e3e3e3; 
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li {
    padding: 10px 13px 10px 36px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li {
    float: left;
    border-bottom: 1px solid #e3e3e3;
    margin-right: 30px;
    margin-left: 0px;
    padding: 16px 13px 16px 0px;
  }
}

@media (max-width: 767px) {
  .market-hkex .left-menu__level2 li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e3e3e3;
    margin-left: 0px;
    padding-left: 0px;
  }
}

.market-hkex .left-menu__level2 li:nth-child(odd) {
    background-color: #F7F7F9;
    background-position: right 16px top 10px;
}

@media (max-width: 1000px) {
    .market-hkex .left-menu__level2 li:nth-child(odd) {
        /* background-color: #FFF;*/
    }
}

.market-hkex .left-menu__level2 li:nth-child(even) {
    background-color: #F7F7F9;
    background-position: right 16px top 10px;
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li:nth-child(even) {
    /*background-color: #FFF;*/
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .left-menu__level2 li:last-child {
    border-bottom: none;
  }
}

@media (min-width: 1000px) {
  .market-hkex .left-menu__level2 li:hover {
   background-color: #e8eef3;
   text-decoration:underline;
  }
}
@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li:hover {
   background-color: #e8eef3;
   text-decoration:underline;
  }
}

.market-hkex .left-menu__level2 li a {
  color: #333D47;
  margin-left: 20px;
  padding-right: 34px
}

@media (max-width: 1000px) {
  market-hkex .left-menu__level2 li a {
	color: #767676;
  }
}

.market-hkex .left-menu__level3 li a {
    color: #767676;
}

.market-hkex .left-menu__level2 li.back {
  width: 100%;
  padding-left: 0px;
  background-position: left 21px top 21px;
}

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

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li.back {
    display: block;
  }
}

/*.market-hkex .left-menu__level2 li.back a {
  color: #10416c;
  padding-left: 20px !important;
} Removed by Henry Date:16/3/2017 */

.market-hkex .left-menu__level2 li.menutitle {
  width: 100%;
  border-bottom: none;
  font-weight: 700;
  font-size: 0.875rem;
  color: #ffffff;
  text-transform: uppercase;
  display:none;
}

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

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li.menutitle {
    /*display: block;*/
    color: #10416c;
	margin-left: 21px;
  }
}

.market-hkex .left-menu__level2 li.active {
  border-left: 5px solid #E7223E;
  font-weight: 700;
  /*padding: 10px 13px 10px 20px;
  background-position: left 8px top 14px; level3 design*/
}

@media (max-width: 1000px)   {
.market-hkex .left-menu__level2 li.active {
  border-left: 5px solid #E7223E;
  font-weight: 700;
  }
}

.market-hkex .left-menu__level2 li.active a::before {
  margin-top: 0px;
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li.active a::before {
    background: none !important;
  }
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 li.active a {
    /*color: #10416c;*/
  }
}

  .market-hkex .left-menu__level2 li.active a {
    font-weight: 700;
	/*Edit by Edawrd:LHS menu Layer3 design*/
  }

@media (max-width: 1000px) {
  .market-hkex .left-menu__level2 {
    /*position: absolute;
            top: 6.6em;*/
    position: relative;
    width: 100%;
    /*right: -100%;*/
    background-color: #FFF;
    /*margin-top: 0px;*/
  }
}

.market-hkex .left-menu__wrapper {
  float: left;
  width: 100%;
  display: block;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
}

@media (max-width: 1000px) {
  .market-hkex .left-menu__wrapper {
    display: none;
  }
}

/*.market-hkex .left-menu__wrapper .back {
  padding-top: 19px;
  background-image: url("../image/arrow-right-tablet.png");
  background-repeat: no-repeat;
  background-position: left 21px top 21px;
} Removed by Henry Date:16/3/2017 */

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

@media (max-width: 1000px) {
  .market-hkex body {
    overflow-x: hidden;
  }
}

.market-hkex .fontsize-large .left-menu__wrapper .back {
  background-position: left 21px top 24px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .left-menu__title h2 {
    padding: 15px 20px 13px 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .left-menu__title h2 {
    padding: 18px 20px 14px 20px;
    padding: 22px 20px 13px 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .left-menu__title .nav-icon {
    width: 59px;
    height: 54px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .left-menu__title .nav-icon {
    padding-top: 0px;
    height: 72px;
    /*line-height:72px;*/
  }
}

.market-hkex .fontsize-large .left-menu .left-menu__level1 li.active {
  background-position: left 20px top 22px;
}

/*.market-hkex .fontsize-large .left-menu .left-menu__level1 li.showChildren {
  //background-position: right 20px top 24px;
  background-position: left 8px top 22px; //resaon:version3 desgin
}*/
.market-hkex .fontsize-large .left-menu__level1 li.showChildren {
  background-position: right 16px top 22px;
}

.market-hkex .fontsize-large .left-menu .left-menu__level1 li.showChildren a::after {
  top: 5px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .left-menu .left-menu__level1 li.showChildren a::after {
    top: 7px;
  }
}

/*.market-hkex .fontsize-large .left-menu .left-menu__level1 li.hasChildren {
  //background-position: right 20px top 24px;
  background-position: left 8px top 22px; //resaon:version3 desgin
}
*/
.market-hkex .fontsize-large .left-menu__level1 li.hasChildren {
 background-position: right 16px top 22px;
}

.market-hkex .fontsize-large .left-menu .left-menu__level1 li a {
  font-size: 0.825rem;
}

.market-hkex .fontsize-large .left-menu .left-menu__level2 li.back::before {
  margin-top: 4px;
}

.market-hkex .fontsize-large .left-menu .left-menu__level2 li.active {
  background-position: right 8px top 16px;
}
.market-hkex .fontsize-large .left-menu__level2 li.active.hasChildren {
	padding:10px 13px 10px 20px;
}
.market-hkex .fontsize-large .left-menu__level2 li.active.showChildren {
	padding:10px 13px 10px 20px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .left-menu .left-menu__level2 li.active a::before {
    margin-top: 0px;
  }
}

//reason:version3 desgin 
/*.market-hkex .fontsize-small .left-menu__level1 li.hasChildren {
  background-position: right 20px top 16px;
}
*/

.market-hkex .fontsize-small .left-menu__wrapper .back {
  background-position: left 21px top 18px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .left-menu__title {
    min-height: 43px;
  }
}

.market-hkex .fontsize-small .left-menu__title .nav-icon {
  width: 43px;
  height: 48px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .left-menu__title h2 {
    padding: 20px 20px 15px 20px;
  }
}

.market-hkex .fontsize-small .left-menu .left-menu__level1 li.active {
  background-position: left 20px top 18px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .left-menu .left-menu__level1 li.active a::before {
    height: 8px;
  }
}
//reason version3 design
/*.market-hkex .fontsize-small .left-menu .left-menu__level1 li.showChildren {
  background-position: right 20px top 20px;
}
*/

.market-hkex .fontsize-small .left-menu .left-menu__level1 li.showChildren a::before {
  top: 2px;
}

.market-hkex .fontsize-small .left-menu .left-menu__level1 .left-menu__level2 li.active {
  background-position: left 8px top 14px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .left-menu .left-menu__level1 .left-menu__level2 li.active a::before {
    height: 8px;
  }
}

.market-hkex .fontsize-small .left-menu .left-menu__level1 .left-menu__level2 li.back::before {
  margin-top: 0px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .left-menu .left-menu__level2 li.active a::before {
    margin-top: 1px;
    height: 11px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .left-menu .left-menu__level2 li.active a::before {
    margin-top: 1px;
    height: 11px;
  }
}

.market-hkex .leftside-menu_item {
  cursor: pointer;
}

@media (max-width: 1000px) {
  .market-hkex .show-left-menu__level2 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .market-hkex .show-left-menu__level2 > .left-menu__link {
    display: none !important;
  }
}

@media (min-width: 1001px) {
  .market-hkex .top-menu__title {
    display: none;
  }
}

.market-hkex .top-menu__wrapper .left-menu__wrapper {
  display: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.market-hkex .top-menu__items {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .top-menu__items li {
    width: 100%;
    text-align: left;
    padding: 16px 35px 16px 0px;
    background-color: #ffffff;
    border-bottom: 1px solid #e3e3e3;
    cursor: pointer;
  }
  .market-hkex .top-menu__items li.active {
    border-bottom: 1px solid #e3e3e3;
    background-color: #e8eef3;
    font-weight: 700;
  }
  .market-hkex .top-menu__items li.hasChildren {
    background-image: url("../image/arrow-left-tablet.png");
    background-repeat: no-repeat;
    background-position: right 20px top 20px;
  }
  .market-hkex .top-menu__items li.showChildren {
    padding: 0px;
  }
  .market-hkex .top-menu__items li.showChildren > a {
    display: none;
  }
  .market-hkex .top-menu__items li a {
    color: #10416c;
    margin-left: 21px;
  }
  .market-hkex .top-menu__items li a:hover, .market-hkex .top-menu__items li a:visited, .market-hkex .top-menu__items li a:focus {
    text-decoration: none;
  }
}

@media (max-width: 1000px) {
  .market-hkex .top-menu__items {
    width: 100%;
    position: inherit;
  }
}

@media (max-width: 767px) {
  .market-hkex .top-menu__items {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1001px) {
  .market-hkex .top-menu__items {
    display: block !important;
  }
}

.market-hkex .sub-menu__level1 {
  padding: 0;
  margin: 0;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 {
    display: none;
    padding-left: 32px;
    padding-right: 32px;
  }
}

@media (max-width: 767px) {
  .market-hkex .sub-menu__level1 {
    padding-left: 0px;
  }
}

.market-hkex .sub-menu__level1 li {
  padding: 16px 35px 16px 21px;
  list-style: none;
  list-style-type: none;
  border-bottom: 1px solid #e3e3e3;
  float: left;
  width: 100%;
  list-style-type: none;
}

@media (min-width: 1000px) {
  .market-hkex .sub-menu__level1 li:hover {
    background-color: #e8eef3;
  }
}

.market-hkex .sub-menu__level1 li.hasChildren {
  padding-left: 21px;
  padding-right: 26px;
  padding-bottom: 16px;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 li.hasChildren {
    padding-bottom: 16px;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .sub-menu__level1 li.hasChildren {
    padding-left: 23px;
  }
}

.market-hkex .sub-menu__level1 li.hasChildren::after {
  content: "";
  background-image: url("../image/arrow-down.png");
  background-repeat: no-repeat;
  width: 13px;
  height: 11px;
  float: right;
  margin-right: -13px;
  margin-top: 8px;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 li.hasChildren::after {
    display: none;
  }
}

.market-hkex .sub-menu__level1 li.hasChildren a {
  display: inline;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 li.hasChildren a {
    padding-left: 0;
  }
}

.market-hkex .sub-menu__level1 li.back {
  width: 100%;
  border-bottom: none;
  color: #10416c;
}

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

.market-hkex .sub-menu__level1 li.back::before {
  content: "";
  background: url("../image/arrow-right-tablet.png") no-repeat;
  height: 13px;
  width: 13px;
  float: left;
  display: inline-block;
  margin-top: 2px;
  margin-right: 6px;
}

.market-hkex .sub-menu__level1 li.back a {
  color: #10416c;
}

.market-hkex .sub-menu__level1 li.menutitle {
  width: 100%;
  border-bottom: none;
  color: #10416c;
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  display: none !important;
}

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

.market-hkex .sub-menu__level1 li.active {
  font-weight: 700;
}

.market-hkex .sub-menu__level1 li.active::before {
  content: "";
  background: url("../image/arrow-left.png") no-repeat;
  width: 13px;
  height: 11px;
  display: inline-block;
  padding-right: 20px;
  float: left;
  margin-top: 5px;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 li.active::before {
    display: none;
  }
}

.market-hkex .sub-menu__level1 li.active a {
  padding-left: 0;
  display: inline-block;
  width: 90%;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 li.active a {
    color: #e72742;
    width: auto;
  }
}

@media (min-width: 1000px) {
  .market-hkex .sub-menu__level1 li.active {
    background-color: #e8eef3;
  }
}

.market-hkex .sub-menu__level1 li a {
  display: inherit;
  float: left;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 li a {
    padding-left: 0;
  }
}

.market-hkex .sub-menu__level1 li a:hover, .market-hkex .sub-menu__level1 li a:focus, .market-hkex .sub-menu__level1 li a:visited {
  text-decoration: none;
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e3e3e3;
    margin-right: 30px;
    margin-left: 0px;
    padding: 16px 13px 16px 0px;
    background: #ffffff;
  }
  .market-hkex .sub-menu__level1 li a {
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    color: #7d7d7d;
  }
}

@media (max-width: 767px) {
  .market-hkex .sub-menu__level1 li {
    width: 100%;
    padding-left: 23px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .sub-menu__level1 {
    width: 100%;
    position: relative;
    margin-top: -54px;
    background: #ffffff;
    float: left;
  }
}

@media (max-width: 767px) {
  .market-hkex .sub-menu__level1 {
    margin-right: 0;
    margin-left: 0;
  }
}

.market-hkex .fontsize-large .top-menu__title .nav-icon {
  height: 54px;
}

.market-hkex .fontsize-large .sub-menu__level1 li.back a {
  margin-top: -2px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .sub-menu__level1 {
    margin-top: -58px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .top-menu__title {
    min-height: 43px;
  }
}

.market-hkex .fontsize-small .top-menu__title h2 {
  padding: 20px 20px 15px 20px;
}

.market-hkex .fontsize-small .top-menu li.hasChildren::after {
  margin-top: 3px;
}

.market-hkex .fontsize-small .sub-menu__level1 li.hasChildren::after {
  margin-top: 0px;
}

.market-hkex .fontsize-small .sub-menu__level1 li.active::before {
  margin-top: 0;
}

.market-hkex .fontsize-small .sub-menu__level1 li.back a {
  padding-top: 3px;
}

.market-hkex .fontsize-small .top-menu__items li.hasChildren {
  background-position: right 20px top 16px;
}

.market-hkex .modal-open {
  overflow: hidden;
}

.market-hkex .modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.market-hkex .modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.market-hkex .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.market-hkex .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.market-hkex .modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 1050;
}

.market-hkex .modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.market-hkex .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.market-hkex .modal-backdrop.fade {
  opacity: 0;
}

.market-hkex .modal-backdrop.in {
  opacity: 0.5;
}

.market-hkex .modal-header {
  padding: 20px;
}

.market-hkex .modal-header:after {
  content: "";
  display: table;
  clear: both;
}

.market-hkex .modal-header .close {
  position: absolute;
  right: 18px;
  border: none;
  background: transparent;
  font-size: 1px;
  font-weight: 100;
  color: transparent;
  background-image: url("../image/close.png");
  background-size: 100% 100%;
  width: 25px;
  height: 25px;
}

@media (max-width: 500px) {
  .market-hkex .modal-header .close {
    width: 20px;
    height: 20px;
  }
}

.market-hkex .modal-header .close-forIE {
  top: 0;
}

.market-hkex .modal-title {
  padding-right: 15px;
  margin: 0 auto;
  line-height: 1.25;
  font-size: 16px;
  color: #10416c;
}

.market-hkex .modal-body {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.market-hkex .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.market-hkex .modal-footer:after {
  content: "";
  display: table;
  clear: both;
}

.market-hkex .modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.market-hkex .modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.market-hkex .modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.market-hkex .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .market-hkex .modal-dialog {
    max-width: 1000px;
    margin: 30px auto;
  }
}

@media (min-width: 768px) and (max-width: 1000px) {
  .market-hkex .modal-dialog {
    max-width: 660px;
  }
}

@media (min-width: 768px) {
  .market-hkex .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .market-hkex .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .market-hkex .modal-lg {
    width: 900px;
  }
}

.market-hkex .select-group {
  border: 1px solid #cbcbcb;
  border-bottom: none;
  color: #10416c;
  position: relative;
}

.market-hkex .select-group .select-items {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #cbcbcb;
  border-top: none;
  z-index: 15;
  left: -1px;
  right: -1px;
  overflow: hidden;
}

.market-hkex .select-group .select-items > .select-item {
  min-height: 35px;
  line-height: 1;
  width: 100%;
  cursor: pointer;
  background: #ffffff;
  display: none;
}

.market-hkex .select-group .select-items > .select-item:hover {
  background: #f2f6f8;
}

.market-hkex .select-group .select-items > .select-item:not(:last-child) {
  border-bottom: 1px solid #cbcbcb;
}

.market-hkex .select-group .select-items > div[data-target='true'] {
  background: #f2f6f8;
}

.market-hkex .select-group .select-items a {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 15px;
  text-decoration: none;
  display: block;
}

.market-hkex .select-group .select-items__scroll--container {
  width: 6px;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  z-index: 16;
}

.market-hkex .select-group .select-items__scroll--container-bar {
  height: 60px;
  background: #a1b4c5;
  border-radius: 10px;
  position: relative;
}

.market-hkex .select-group .select-target {
  min-height: 35px;
  line-height: 1.35;
  cursor: pointer;
}

.market-hkex .select-group .select-target a {
  font-weight: bold;
  border: none;
  padding-left: 15px;
  text-align: left;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #10416c;
  display: block;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 14px;
}

.market-hkex .select-group .select-target a[data-expend="false"] {
  background: url("../image/triangle-1.png") no-repeat right 13px center;
  background-size: 8px 6px;
  padding-right: 30px;
}

.market-hkex .select-group .select-target a[data-expend="true"] {
  background: url("../image/arrow-up.png") no-repeat right 13px center;
  background-size: 8px 6px;
  padding-right: 30px;
  border-bottom: 1px solid #cbcbcb;
}

.market-hkex .table {
  border-spacing: 0;
}

.market-hkex .table thead {
  background-color: #10416c;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: bold;
}

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

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

.market-hkex .table thead th {
  padding-top: 10px;	/*2017-07-04 change padding to 10px; ori:21px*/
  padding-bottom: 10px;	/*2017-07-04 change padding to 10px; ori:21px*/
  padding-left: 12px;
  padding-right: 12px;
}

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

.market-hkex .table thead th.borderRight {
  border-right: 1px solid #d1dde6;
}

.market-hkex .table thead th.borderLeft {
  border-left: 1px solid #d1dde6;
}

.market-hkex .table thead th.bordertop {
  border-top: 1px solid #d1dde6;
}

.market-hkex .table thead th.borderbottom {
  border-bottom: 1px solid #d1dde6;
}

.market-hkex .table thead th[colspan] {
  text-align: center !important;
}

.market-hkex .table thead tr:first-child th[colspan] {
  border-bottom: 2px solid #899bac;
}
/*
.market-hkex .table thead tr:first-child th[rowspan] {
  border-bottom: none;
}
*/
.market-hkex .table tbody {
  color: #10416c;
  font-size: 0.75rem;
}

/*2017-07-04: update table font-size to 10px;*/
.market-hkex .table, .market-hkex .table tbody, .market-hkex table p, .market-hkex .table thead, .market-hkex .table thead p {
  font-size: 0.875rem !important;
}

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

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

@-moz-document url-prefix() {
  .market-hkex .table tbody tr:last-child .freeze-col-context {
    border-bottom: 1px solid #d1dde6;
    bottom: -1px;
  }
}

@media screen {
  .market-hkex .table tbody tr:last-child .freeze-col-context {
    border-bottom: 1px solid #d1dde6;
  }
  .market-hkex .table tbody tr:last-child .is-fix-col {
    bottom: -1px;
  }
}

@supports (-ms-accelerator: true) {
  .market-hkex .table tbody tr:last-child .freeze-col-context {
    border-bottom: 1px solid #d1dde6;
  }
  .market-hkex .table tbody tr:last-child .is-fix-col {
    bottom: -1px;
  }
}

.market-hkex .table tbody tr:last-child td {
  border-bottom: 1px solid #d1dde6;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .market-hkex .table tbody tr:last-child td:first-child {
    border-bottom: 1px solid #d1dde6;
  }
}

.market-hkex .table tbody td {
  padding-top: 10px;
  padding-bottom: 10px; /*2017-07-04: update table font-size to 10px;*/
  padding-left: 12px;
  padding-right: 12px;
  border-right: 1px solid #d1dde6;
}

.market-hkex .table tbody td:not(.table-tags__td) {
  padding-top: 10px; /*2017-07-04: update table font-size to 10px;*/
}

.market-hkex .table tbody td:first-child:not([data-first-col='false']) {
  padding-left: 31px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .table tbody td:first-child:not([data-first-col='false']) {
    padding-left: 10px;
  }
}

.market-hkex .table tbody td:last-child {
  padding-right: 30px;
  border-right: none;
}

.market-hkex .table tbody td.noborder {
  border: none;
}

.market-hkex .table tbody td.borderRight {
  border-right: 1px solid #d1dde6;
}

.market-hkex .table tbody td.borderLeft {
  border-left: 1px solid #d1dde6;
}

.market-hkex .table tbody td.bordertop {
  border-top: 1px solid #d1dde6;
}

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

.market-hkex .table tbody td a[data-file-type]:after {
  content: url("../image/pdf.png");
  width: 1.25rem;
  height: 0.6875rem;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.market-hkex .table tbody .table-tags__td {
  padding-left: 0;
}

.market-hkex .table tbody .table-tags__td span[class*='tag']:first-child {
  margin-left: -11px;
}

.market-hkex .table tbody .table-tags__td--content {
  padding-left: 12px;
}

.market-hkex .table tbody.no-background tr {
  background-color: #ffffff;
}

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

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

.market-hkex .table tbody .freeze-col-context {
  border-right: 1px solid #d1dde6;
}

.market-hkex .table tfoot {
  background: #ffffff;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  color: #10416c;
}

.market-hkex .table tfoot tr:first-child td {
  padding-top: 23px;
}

.market-hkex .table tfoot tr:first-child .freeze-col-context {
  margin-top: 20px;
}

.market-hkex .table tfoot tr:last-child td {
  padding-bottom: 23px;
}

.market-hkex .table tfoot tr:last-child .freeze-col-context {
  margin-bottom: 23px;
}

.market-hkex .table tfoot tr td {
  padding-top: 0px;
  padding-bottom: 0px;
}

.market-hkex .table tfoot tr td .freeze-col-context {
  padding: 0 0 0 0;
  min-height: 0;
}

@media (max-width: 767px) {
  .market-hkex .table tfoot tr td .freeze-col-context {
    width: 42%;
  }
}

.market-hkex .table tfoot tr td .fix-border {
  border-right: none !important;
}

.market-hkex .table tfoot .updated-date {
  font-size: 0.6875rem;
  line-height: 1.45;
  letter-spacing: 0.2px;
  text-align: right;
  color: #6a6a6a;
  padding-top: 20px;
  padding-bottom: 20px;
}

.market-hkex .table .rightAlign {
  text-align: right;
}

.market-hkex .table .leftAlign {
  text-align: left;
}

.market-hkex .table .bottomAlign {
  vertical-align: bottom;
}

.market-hkex .table .topAlign {
  vertical-align: top;
}

.market-hkex .table-text__left {
  text-align: left;
}

@supports (-ms-accelerator: true) {
  .market-hkex .table.normal-bottom-table tbody tr:last-child td:first-child {
    border-bottom: 1px solid #d1dde6 !important;
  }
}

.market-hkex table.printPreview {
  width: 100%;
}

.market-hkex .hasSubHeading thead th {
  padding-top: 44px;
  padding-bottom: 19px;
  padding-left: 12px;
  padding-right: 12px;
}

.market-hkex .hasSubHeading thead th[colspan] {
  padding-top: 26px;
  padding-bottom: 5px;
  border-bottom: 2px solid #899bac;
}

.market-hkex .hasSubHeading thead tr.subheading th {
  padding-top: 5px;
  padding-bottom: 11px;
}

.market-hkex .hasSubHeading thead tr.subheading th:first-child {
  padding-left: 12px;
}

.market-hkex .hasSubHeading thead tr.subheading th:last-child {
  padding-right: 12px;
}

.market-hkex .table-sort .tablesorter-header {
  background-repeat: no-repeat;
  background-position: center right;
  white-space: normal;
  cursor: pointer;
  background: #10416c;
}

.market-hkex .table-sort .tablesorter-header-inner {
  margin-right: 6px;
}

.market-hkex .table-sort .tablesorter-headerAsc {
  background-color: #507494;
  background-image: url("../image/sort-up.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  padding-right: 14px;
}

.market-hkex .table-sort .tablesorter-headerDesc {
  background-color: #507494;
  background-image: url("../image/sort-down.png");
  background-repeat: no-repeat;
  background-position: 97% 49%;
  padding-right: 14px;
}

.market-hkex .table-sort tr.subheading .tablesorter-headerAsc {
  background-color: #507494;
  background-image: url("../image/sort-up.png");
  background-repeat: no-repeat;
  background-position: 97% 50%;
  padding-right: 14px;
}

.market-hkex .table-sort tr.subheading .tablesorter-headerDesc {
  background-color: #507494;
  background-image: url("../image/sort-down.png");
  background-repeat: no-repeat;
  background-position: 97% 49%;
  padding-right: 14px;
}

.market-hkex .table-sort tfoot .tablesorter-headerAsc {
  background-image: none;
  background-color: #ffffff !important;
}

.market-hkex .table-sort tfoot .tablesorter-headerDesc {
  background-image: none;
  background-color: #ffffff !important;
}

.market-hkex .freeze-col-context {
  display: table;
  width: 100%;
}

.market-hkex .freeze-col-context .freeze-col-text {
  vertical-align: middle;
  display: table-cell;
  padding-left: 27px;
  padding-right: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .freeze-col-context .freeze-col-text {
    padding-left: 10px;
    padding-right: 8px;
  }
}

.market-hkex .is-fix-col .freeze-col-context {
  background: inherit;
}

.market-hkex .is-fix-col .tablesorter-header-inner {
  background: inherit;
  width: 100%;
}

.market-hkex .tablesorter-header-inner > .freeze-col-context {
  text-align: left;
}

.market-hkex .fix-border {
  border-right: 1px solid #d1dde6;
}

.market-hkex .is-fix-col {
  padding: 0 !important;
}

.market-hkex .noBorderCol {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  padding-right: 12px;
}

.market-hkex .table-footer {
  padding: 20px 28px;
}

.market-hkex .table-footer p {
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #10416c;
}

.market-hkex .table-footer .updated-date {
  font-size: 0.6875rem;
  line-height: 1.45;
  letter-spacing: 0.2px;
  text-align: right;
  color: #6a6a6a;
  padding-top: 20px;
  padding-bottom: 20px;
}

.market-hkex .sticky-header-table__current-table .sticky {
  position: relative;
  z-index: 15;
}

.market-hkex .sticky-header-table__current-table .stickyScrollBtns {
  position: fixed;
}

.market-hkex .content__footer {
  background: #ffffff;
  padding-top: 23px;
  padding-bottom: 20px;
  padding-left: 28px;
  font-size: 0.75rem;
  line-height: 1.67;
  color: #10416c;
}

.market-hkex .content__footer p {
  margin-top: 30px;
}

.market-hkex .contact_us__wrapper {
  background: #ffffff;
  float: left;
  width: 100%;
}

.market-hkex .contact_us .form-input-textarea .contact_us__form_text--error-msg {
  margin-top: 14px;
}

.market-hkex .contact_us__form {
  padding: 0 30px 30px 20px;
  float: left;
  width: 100%;
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form {
    padding: 0 20px 20px 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__form--error .checkbox {
    margin-top: 32px !important;
  }
}

.market-hkex .contact_us__form--item-error {
  border: 1px solid #e72742 !important;
}

.market-hkex .contact_us__form_subscription {
  float: left;
  width: 40%;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__form_subscription {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form_subscription {
    float: none;
    width: 100%;
  }
}

.market-hkex .contact_us__form_captcha {
  float: left;
  min-width: 188px;
  max-width: 193px;
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form_captcha {
    margin-top: 20px;
    margin: 0 auto;
    float: none;
    width: 100%;
  }
}

@media (min-width: 1001px) {
  .market-hkex .contact_us__right_part {
    float: right;
    width: 350px;
  }
}

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

@media (max-width: 767px) {
  .market-hkex .contact_us__right_part {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}

.market-hkex .contact_us__form_column input,
.market-hkex .contact_us__form_column textarea {
  width: 100%;
}

.market-hkex .contact_us__form_column .optional_text {
  color: #7d7d7d;
}

.market-hkex .contact_us__form_column:first-child {
  float: left;
  width: 35%;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__form_column:first-child {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form_column:first-child {
    width: 100%;
  }
}

.market-hkex .contact_us__form_column:nth-child(2n) {
  float: right;
  width: 62.5%;
  margin-left: 2%;
  height: 136px;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__form_column:nth-child(2n) {
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form_column:nth-child(2n) {
    width: 100%;
    margin-left: 0;
  }
}

.market-hkex .contact_us__form_column:last-child {
  margin-top: 20px;
  float: right;
  width: 60%;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__form_column:last-child {
    width: 100%;
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .contact_us__form_column:last-child {
    padding-top: 11px;
  }
}

.market-hkex .contact_us__form_text--error-msg {
  display: none;
  font-size: 0.75rem;
  color: #e72742;
  min-height: 16px;
  line-height: 1.33;
  margin-top: 6px;
}

.market-hkex .contact_us__form_text:nth-of-type(2n) {
  margin-top: 20px;
  float: right;
  float: none;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__form_text:nth-of-type(2n) {
    margin-top: 0;
    margin-left: 20px;
    float: right;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form_text:nth-of-type(2n) {
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contact_us__form_text {
    width: 48.3050847458%;
    float: left;
    margin-right: 1.6949152542%;
    margin-right: 0;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form_text {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0;
  }
}

.market-hkex .contact_us__checkbox {
  margin-top: 20px;
}

.market-hkex .contact_us__checkbox:first-child {
  margin-top: 0px;
}

.market-hkex .contact_us__checkbox .contact_us__form_text--error-msg {
  padding-left: 22px;
}

.market-hkex .contact_us__form--error .contact_us__form_captcha {
  border: 1px solid #e72742;
  padding: 6px;
}

@media (min-width: 1001px) {
  .market-hkex .contact_us__form--error .btn-gray {
    margin-top: 33px;
  }
}

.market-hkex .contact_us .checkbox {
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .contact_us .checkbox {
    padding-top: 9px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contact_us .checkbox {
    padding-top: 0;
    margin-top: 15px;
  }
}

.market-hkex .contact_us .checkbox label {
  font-size: 0.8125rem;
  color: #10416c;
  letter-spacing: 0.2px;
}

.market-hkex .contact_us .checkbox input {
  border: 1px solid #d3d3d3;
}

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

@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-input-text label {
  margin-top: 3px;
}

.market-hkex .contact_us .form-input-text input {
  margin-top: 0;
}

.market-hkex .contact_us div.checkbox input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
}

.market-hkex .contact_us div.checkbox label.subscribe {
  color: #10416c;
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  font-size: 0.875rem;
  padding-left: 22px;
}

.market-hkex .contact_us .filter__checkBox--custom [type="checkbox"] + label {
  display: inline-block;
}

.market-hkex .contact_us .filter__checkBox--custom [type="checkbox"] + label:before {
  border-radius: 0px;
}

.market-hkex .contact_us .filter__checkBox--custom [type="checkbox"] + label:hover:before {
  border: 1px solid #d3d3d3 !important;
}

.market-hkex .form-input-textarea .contact_us__form_text--error-msg {
  margin-top: 8px;
}

@media (min-width: 1001px) {
  .market-hkex .contact-us-aside .contact_us__form_subscription {
    width: 100%;
    float: none;
  }
  .market-hkex .contact-us-aside .contact_us__form_captcha {
    margin: 20px auto 0;
    float: none;
  }
  .market-hkex .contact-us-aside .contact_us__form--error .checkbox-img {
    display: block;
  }
  .market-hkex .contact-us-aside .contact_us__right_part {
    width: 100%;
  }
}

.market-hkex .contact-us-aside .filter__checkBox--custom [type="checkbox"] + label {
  display: inline-block;
}

.market-hkex .contact-us-aside .filter__checkBox--custom [type="checkbox"] + label:before {
  border-radius: 0px;
}

.market-hkex .contact-us-aside .filter__checkBox--custom [type="checkbox"] + label:hover:before {
  border: 1px solid #d3d3d3 !important;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .contact_us__form_subscription {
    width: 69%;
  }
}

@media (min-width: 767px) {
  .market-hkex .fontsize-small .contact_us__right_part {
    width: 167px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-small .contact_us__right_part {
    /*width: 285px;*/
	width: 400px;
  }
}

.market-hkex .fontsize-small .contact_us__form_captcha {
  width: 167px;
  min-width: 167px;
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-small .contact-us-aside .contact_us__right_part {
    width: 100%;
  }
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .contact_us__form_subscription {
    width: 69%;
  }
}

.market-hkex .fontsize-large .contact_us__form_captcha {
  max-width: 210px;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact_us__form_captcha {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact_us__checkbox {
    margin-top: 0;
  }
}

@media (min-width: 767px) {
  .market-hkex .fontsize-large .contact_us__right_part {
    width: 189px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .contact_us__right_part {
    width: 400px;
  }
}

.market-hkex .fontsize-large .contact_us__form--error .contact_us__form_subscription {
  width: 50%;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .contact_us__form--error .contact_us__form_subscription {
    width: 63%;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact_us__form--error .contact_us__form_subscription {
    width: 100%;
  }
}

.market-hkex .fontsize-large .contact_us__form--error .checkbox-img {
  width: 224px;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact_us__form--error .form-input-textarea {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact_us__form--error .contact_us__form_captcha {
    margin-top: 42px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .contact_us__form--error .btn-gray {
    margin-top: 55px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .contact-us-aside .contact_us__form_subscription {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact-us-aside .contact_us__form_subscription {
    width: 100%;
  }
}

.market-hkex .fontsize-large .contact-us-aside .contact_us__form_captcha {
  margin-top: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .contact-us-aside .contact_us__form_captcha {
    margin-top: 0px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact-us-aside .contact_us__form_captcha {
    margin-top: 20px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .contact-us-aside .contact_us__right_part {
    width: 100%;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .contact-us-aside .form-input-textarea {
    margin-bottom: 20px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .contact-us-aside .contact_us__form--error .btn-gray {
    margin-top: 20px;
  }
}

.market-hkex .tab-container {
  width: 100%;
  min-height: 42px;
}

.market-hkex .tab-container__item {
  width: 100%;
  list-style-type: none;
  padding-left: 0;
  position: absolute;
  margin-top: 11px;
}

.market-hkex .tab-container__item li {
  float: left;
  margin-right: 12%;
  min-height: 31px;
}

.market-hkex .tab-container__item li.selected {
  border-bottom: 4px solid #e72742;
}

.market-hkex .tab-container__item li.selected a {
  color: #10416c;
}

.market-hkex .tab-container__item li a {
  color: #636363;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.93;
}

.market-hkex .tab-container__item li a:focus, .market-hkex .tab-container__item li a:hover, .market-hkex .tab-container__item li a:visited {
  text-decoration: none;
}

.market-hkex .filter__container {
  background-color: #e8eef3;
  padding: 0 30px;
  width: 100%;
  position: relative;
}

@media (max-width: 767px) {
  .market-hkex .filter__container {
    display: inline-block;
    padding: 0 20px;
  }
}

.market-hkex .filter__searchBox {
  margin: 20px 0;
  display: inline-block;
  width: 280px;
}

@media (max-width: 767px) {
  .market-hkex .filter__searchBox {
    margin-bottom: 15px;
    display: block;
    width: 100%;
  }
}

.market-hkex .filter__moreFilter {
  float: right;
}

@media (max-width: 767px) {
  .market-hkex .filter__moreFilter--float-down {
    position: absolute;
    right: 14px;
    bottom: 0;
  }
}

.market-hkex .filter__moreFilter__label {
  padding: 30px 0px 30px 0;
  margin: 0;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #10416c;
}

@media (max-width: 767px) {
  .market-hkex .filter__moreFilter__label {
    padding: 0;
  }
}

.market-hkex .filter__moreFilter__label a {
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .filter__moreFilter h3 {
  padding: 30px 0px 30px 0;
  margin: 0;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #10416c;
}

@media (max-width: 767px) {
  .market-hkex .filter__moreFilter h3 {
    padding: 0;
  }
}

.market-hkex .filter__moreFilter h3 a {
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

@media (max-width: 767px) {
  .market-hkex .filter__moreFilter {
    padding: 0 10px 15px 0;
  }
}

.market-hkex .filter__moreFilterText {
  font-weight: normal;
}

.market-hkex .filter__checkBox {
  border-top: 1px solid #c7d6dd;
  border-bottom: 1px solid #c7d6dd;
  padding-top: 15px;
  display: inline-block;
  width: 100%;
}

.market-hkex .filter__checkBox__list {
  list-style: none;
  display: inline-block;
  width: 100%;
  padding: 15px 0 0 0;
  margin: 0;
}

.market-hkex .filter__checkBox__item {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  min-height: 38px;
  padding-bottom: 12px;
}

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

.market-hkex .filter__checkBox__item label {
  font-size: 0.75rem;
  line-height: 1.33;
  color: #13426b;
  display: block;
}

.market-hkex .filter__checkBox--custom {
  /* Base for label styling */
  /* checkbox aspect */
  /* checked mark aspect */
  /* checked mark aspect changes */
}

.market-hkex .filter__checkBox--custom [type="checkbox"] {
  position: absolute;
  left: -9999px;
}

.market-hkex .filter__checkBox--custom [type="checkbox"] + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}

.market-hkex .filter__checkBox--custom [type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #d3d3d3;
  background: #ffffff;
  border-radius: 2px;
}

.market-hkex .filter__checkBox--custom [type="checkbox"] + label:after {
  background: url("../image/checked.png") no-repeat 0 center;
  background-size: 50% 50%;
  content: '';
  display: inline-block;
  position: absolute;
  left: 1px;
  top: -4px;
  -webkit-transition: all .2s;
  transition: all .2s;
  width: 26px;
  height: 24px;
}

.market-hkex .filter__checkBox--custom [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.market-hkex .filter__checkBox--custom [type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.market-hkex .filter__checkBox__title {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.17;
  color: #10416c;
  text-transform: uppercase;
  vertical-align: top;
}

.market-hkex .filter__checkBox__text {
  display: inline-block;
  margin: 0;
  max-width: 120px;
}

.market-hkex .filter__buttonGroup {
  padding: 20px 0;
  display: inline-block;
  width: 100%;
}

.market-hkex .filter__buttonGroup a {
  float: right;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .market-hkex .filter__buttonGroup a:last-child {
    margin-left: 0;
  }
}

.market-hkex .filter__buttonGroup .filter__btn-cancelFilters-js {
  color: #6a6a6a;
}

@media (max-width: 767px) {
  .market-hkex .filter__buttonGroup .filter__btn-cancelFilters-js {    
 float: left;
 }
}

.market-hkex .filter__selectedItem {
  padding-bottom: 10px;
  display: inline-block;
  display: none;
  width: 100%;
}

@media (max-width: 767px) {
  .market-hkex .filter__selectedItem--stretched {
    margin-bottom: 30px;
  }
}

.market-hkex .filter__selectedItem__button {
  padding: 10px 27px 10px 10px;
  text-transform: none;
  font-size: 0.75rem;
  margin-right: 10px;
  margin-bottom: 10px;  
  text-overflow: ellipsis;
  position: relative;
  text-align: left;
}

@media (max-width: 767px){
	.market-hkex .filter__selectedItem__button {
	  /* width: 100%; */ /* epam 13012017 ver */
	  padding: 10px 27px 10px 10px;
	  text-transform: none;
	  font-size: 0.75rem;
	  margin-right: 10px;
	  margin-bottom: 10px;  
	  text-overflow: ellipsis;
	  position: relative;
	  text-align: left;
	}
}

.market-hkex .filter__selectedItem__button:hover {
  background-color: #f0f0f0;
}

.market-hkex .filter__selectedItem__button::after {
  margin-left: 10px;
  position: absolute;
  right: 10px;
  top: 11px;
}

.market-hkex label:hover:before {
  border: 1px solid #4778d9 !important;
}

.market-hkex .fontsize-large .btn-white, .market-hkex .fontsize-large .btn-disable, .market-hkex .fontsize-large .btn-blue {
  padding: 10px 15px;
}

.market-hkex .fontsize-large .filter__selectedItem__button {
  padding-right: 25px;
}

.market-hkex .fontsize-large .filter__selectedItem__button::after {
  top: 13px;
}

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

.market-hkex .fontsize-small .filter__checkBox__text {
  padding-top: 7px;
}

.market-hkex .fontsize-small .filter__checkBox--custom [type="checkbox"] + label:before {
  top: -3px;
}

.market-hkex .fontsize-small .filter__checkBox--custom [type="checkbox"] + label:after {
  top: -7px;
}

.market-hkex .fontsize-small .filter__selectedItem__button::after {
  top: 9px;
}

.market-hkex .side-content {
  margin-top: 20px;
  float: left;
}

.market-hkex .side-content__dropdown {
  padding: 10px 0 20px;
}

.market-hkex .side-content__dropdown .select-group {
  display: inline-block;
}

.market-hkex .side-content__report {
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  margin-left: 20px;
  margin-right: 20px;
}

.market-hkex .side-content__report--title {
  padding-top: 20px;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.5px;
}

.market-hkex .side-content__report--title a {
  color: #6a6a6a;
}

.market-hkex .side-content__report--title-sub-title {
  font-weight: normal;
  letter-spacing: 0.6px;
  text-transform: none;
}

.market-hkex .side-content__report--image {
  margin-top: 17px;
  margin-bottom: 22px;
  text-align: center;
}

.market-hkex .side-content__report > div:not([data-target-report="true"]) {
  display: none;
}

.market-hkex .side-content__download {
  margin: 20px auto;
  text-align: center;
}

.market-hkex .side-content__download a {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  vertical-align: sub;
  display: inline-block;
  padding: 20px;
  min-height: 50px;
  background: #10416c;
}

.market-hkex .side-content__download a:active,
.market-hkex .side-content__download a:focus,
.market-hkex .side-content__download a:hover,
.market-hkex .side-content__download a:visited {
  text-decoration: none;
}

.market-hkex .info-cards:after {
  content: '';
  display: block;
  clear: both;
}

.market-hkex .info-card {
  width: 48.5%;
  height: auto;
  padding: 20px 21px;
  color: #10416c;
  background-color: #eaf0f3;
  float: left;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .market-hkex .info-card {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.market-hkex .info-card > div {
  display: block;
}

.market-hkex .info-card > div div:first-child {
  float: left;
}

.market-hkex .info-card > div div:last-child {
  margin-left: 40px;
}

.market-hkex .info-card > div img {
  width: 25px;
  float: left;
}

.market-hkex .info-card > div span {
  vertical-align: top;
  font-weight: bold;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .market-hkex .info-card > div span {
    float: none;
  }
}

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

.market-hkex .info-card:nth-child(odd) {
  margin-right: 3%;
}

@media (max-width: 767px) {
  .market-hkex .info-card:nth-child(odd) {
    margin-right: auto;
  }
}

.market-hkex .tab-content__pane {
  display: none;
  color: #10416c;
  text-transform: uppercase;
}

.market-hkex .tab-pane {
  display: none;
}

.market-hkex .tab-content > .active {
  display: block;
}

.market-hkex .hkex-nav-tabs {
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: block;
}

.market-hkex .hkex-nav-tabs li {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin-bottom: -1px;
}

.market-hkex .hkex-nav-tabs li a,
.market-hkex .hkex-nav-tabs li a:hover,
.market-hkex .hkex-nav-tabs li a:focus {
  background-color: transparent;
  border: 0px solid transparent;
  color: #9d9d9d;
  text-decoration: none;
  padding: 0 9px 7px 9px;
  margin-right: 10px;
  display: block;
}

.market-hkex .hkex-nav-tabs li.active a,
.market-hkex .hkex-nav-tabs li.active a:hover,
.market-hkex .hkex-nav-tabs li.active a:focus {
  border: 0px solid transparent;
  border-bottom: 3px solid #e72742;
  color: #10416c;
}

.market-hkex .tabs-for-sidebar {
  border-bottom: 2px solid #e3e3e3;
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .tabs-for-sidebar {
    padding-left: 0;
    text-align: center;
  }
}

@media (max-width: 1000px) {
  .market-hkex .tabs-for-sidebar {
    text-align: center !important;
  }
}

.market-hkex .data-list {
  font-size: 12px;
  color: #10416c;
}

.market-hkex .data-list dl {
  width: 100%;
  display: table;
  margin-top: 0;
  margin-bottom: 0;
}

.market-hkex .data-list dl:nth-of-type(odd) {
  background-color: #f2f6f8;
}

.market-hkex .data-list dl:nth-of-type(even) {
  background-color: #ffffff;
}

.market-hkex .data-list dt, .market-hkex .data-list dd {
  padding: 14px 0 14px 30px;
}

.market-hkex .data-list dt {
  display: table-cell;
  width: 30%;
  font-weight: bold;
}

@media (max-width: 767px) {
  .market-hkex .data-list dt {
    display: block;
    width: 100%;
  }
}

.market-hkex .data-list dd {
  width: 100%;
  margin-left: 0;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .data-list dd {
    width: 100%;
    padding-top: 0;
  }
}

.market-hkex .tab-container {
  width: 100%;
  min-height: 42px;
}

.market-hkex .tab-container__item {
  width: 100%;
  list-style-type: none;
  padding-left: 0;
  position: absolute;
  margin-top: 11px;
}

.market-hkex .tab-container__item li {
  float: left;
  margin-right: 12%;
  min-height: 31px;
}

.market-hkex .tab-container__item li.selected {
  border-bottom: 4px solid #e72742;
}

.market-hkex .tab-container__item li.selected a {
  color: #10416c;
}

.market-hkex .tab-container__item li a {
  color: #636363;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.93;
}

.market-hkex .tab-container__item li a:focus, .market-hkex .tab-container__item li a:hover, .market-hkex .tab-container__item li a:visited {
  text-decoration: none;
}

.market-hkex .newsletter {
  color: #10416c;
}

.market-hkex .newsletter input {
  padding: 14px 20px;
  border: 1px solid #cbcbcb;
  width: 100%;
}

.market-hkex .newsletter button {
  background-color: #10416c;
  padding: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  color: #ffffff;
  border: none;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  font-size: 0.875rem;
}

.market-hkex .newsletter__email::-ms-clear {
  display: none;
}

.market-hkex .newsletter__btn-holder {
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

.market-hkex .newsletter form .cancel, .market-hkex .newsletter form .right {
  display: none;
}

.market-hkex .list-panel {
  width: 100%;
}

.market-hkex .list-panel__item {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-size: 5px 11px;
  width: 100%;
}

.market-hkex .list-panel__item:nth-child(even) {
  background-color: #f2f6f8;
}

.market-hkex .list-panel__item:nth-child(even) .add-ellipse span {
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #f2f6f8 75%, rgba(242, 246, 248, 0));
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, color-stop(75%, #f2f6f8), color-stop(75%, rgba(242, 246, 248, 0)));
  background: linear-gradient(to left, #f2f6f8 75%, rgba(242, 246, 248, 0));
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f2f6f8', endColorstr='#fff2f6f8',GradientType=1 );
  /* IE6-9 */
}

.market-hkex .list-panel__item-heading {
  width: 100%;
  padding-right: 20px;
}

.market-hkex .list-panel__item-heading::before {
  content: "";
  width: 10px;
  height: 10px;
  background: url("../image/arrow-right.png") no-repeat;
  float: right;
  position: relative;
  top: 4px;
}

.market-hkex .list-panel__item-heading-title {
  padding-right: 10px;
  line-height: 1.2rem;
  font-size: 0.875rem;
  overflow-y: hidden;
}

.market-hkex .list-panel__item__topbar {
  float: right;
  padding-right: 23px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.14;
}

.market-hkex .list-panel-popover {
  right: 10px;
}

.market-hkex .list-panel__popover__content:before, .market-hkex .list-panel__popover__content:after {
  left: 84%;
}

.market-hkex .list-panel__content-list {
  width: 106px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 6px;
}

.market-hkex .list-panel__list-item {
  width: 106px;
  margin-top: 0px !important;
}

.market-hkex .list-panel__list-item a {
  padding-top: 7px;
  padding-bottom: 3px;
}

.market-hkex .list-panel__item-heading-date {
  font-size: 0.6875rem;
  color: #7d7d7d;
  padding-top: 5px;
}

.market-hkex .list-panel__item-heading-category {
  font-size: 0.6875rem;
  color: #ffb205;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.2px;
}

.market-hkex .fontsize-large .list-panel__item-heading::before {
  top: 6px;
}

.market-hkex .fontsize-large .add-ellipse span {
  right: 0;
}

.market-hkex .add-ellipse {
  overflow: hidden;
}

.market-hkex .add-ellipse span {
  display: none;
  float: right;
  position: relative;
  right: 0;
  width: 30px;
  text-align: right;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, white 75%, rgba(255, 255, 255, 0));
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, color-stop(75%, white), color-stop(75%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, white 75%, rgba(255, 255, 255, 0));
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffffff',GradientType=1 );
  /* IE6-9 */
}

.market-hkex .scroll_tabs {
  display: none;
}

.market-hkex .scroll_tabs_container {
  padding-left: 0;
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  text-align: left;
  height: 43px;
  margin-bottom: 0;
  list-style: none;
  color: #10416c;
  background-color: #ffffff;
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  border-bottom: 1px solid #d1dde6;
  /*white-space: nowrap;*/
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner li {
  line-height: 40px;
  font-size: 0.875rem;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  color: #636363;
  font-weight: bold;
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner li a, .market-hkex .scroll_tabs_container div.scroll_tab_inner li a:hover, .market-hkex .scroll_tabs_container div.scroll_tab_inner li a:focus {
  padding-left: 9px;
  padding-right: 9px;
  display: block;
  text-decoration: none;
  color: #636363;
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner li:last-child {
  margin-right: 0;
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner li:hover {
  border-bottom: 4px solid #b5c7d8;
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner li.tab_selected {
  color: #10416c;
  border-bottom: 4px solid #e72742;
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner li.tab_selected a, .market-hkex .scroll_tabs_container div.scroll_tab_inner li.tab_selected a:hover, .market-hkex .scroll_tabs_container div.scroll_tab_inner li.tab_selected a:focus {
  color: #10416c;
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher {
  padding: 0px;
  width: 0px;
}

.market-hkex .scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher {
  padding: 0px;
  width: 0px;
}

.market-hkex .scroll_tabs_container .scroll_tab_left_button {
  z-index: 1;
  height: 44px;
  background: url("../image/left-arrow-bg.png") no-repeat center;
}

.market-hkex .scroll_tabs_container .scroll_tab_left_button img.scroll_arrow_left {
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;
}

.market-hkex .scroll_tabs_container .scroll_tab_right_button {
  height: 44px;
  background: url("../image/right-arrow-bg.png") no-repeat center;
}

.market-hkex .scroll_tabs_container .scroll_tab_right_button img.scroll_arrow_right {
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;
}

.market-hkex .scroll_tabs_content > div {
  display: none;
}

.market-hkex .scroll_tabs_content > div:first-child {
  display: block;
}

.market-hkex ul.scroll_tabs_side div.scroll_tab_inner li:first-child {
  margin-left: 20px;
}

.market-hkex ul.scroll_tabs_side div.scroll_tab_inner li:last-child {
  margin-right: 20px;
}

.market-hkex ul.scroll_tabs_side .scroll_tab_left_button img.scroll_arrow_left {
  margin-left: 10px;
}

.market-hkex ul.scroll_tabs_side .scroll_tab_right_button img.scroll_arrow_right {
  margin-left: -10px;
}

.market-hkex .loadMore__container {
  float: left;
  width: 100%;
  min-height: 55px;
  background-color: #ffffff;
  text-align: center;
  position: relative;
}

.market-hkex .loadMore__container a:active, .market-hkex .loadMore__container a:focus, .market-hkex .loadMore__container a:hover, .market-hkex .loadMore__container a:visited {
  text-decoration: none;
}

.market-hkex .loadMore-leftPart__container {
  display: inline-block;
}

.market-hkex .loadMore__wrapper {
  margin-top: 10px;
  display: inline-block;
  font-size: 0.875rem;
  color: #10416c;
  margin: 0;
}

.market-hkex .loadMore__wrapper-container {
  padding-top: 17px;
}

.market-hkex .loadMore__icon {
  display: inline-block;
  width: 17px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
  background: url("../image/loadmore-img.png") no-repeat right center;
  background-size: 15.8px 14.4px;
}

.market-hkex .loadMore__timetag {
  color: #10416c;
  margin-top: 10px;
  margin-bottom: 0;
  display: inline-block;
  font-size: 0.6875rem;
  line-height: 1.36;
}

.market-hkex .loadMore__timetag-container {
  text-align: right;
  margin-bottom: 20px;
}

.market-hkex .loadMore__timetag-icon {
  background: url("../image/time-tag-clock.png") no-repeat right center;
  display: inline-block;
  width: 17px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
}

.market-hkex .loadMore__dropdown-container {
  float: right;
  width: 120px;
  font-size: 0.75rem;
}

.market-hkex .loadMore__dropdown-container .select-group {
  border-left: 1px solid #d5e2e8;
  border-top: none;
  border-right: 1px solid #d5e2e8;
  border-bottom: none;
}

.market-hkex .loadMore__dropdown-container .select-target {
  line-height: 27px;
}

.market-hkex .loadMore__dropdown-container .select-target a {
  font-weight: normal;
}

.market-hkex .loadMore__dropdown-container .select-items {
  text-align: left;
}

.market-hkex .fontsize-large .loadMore__dropdown-container .select-target {
  line-height: 30px;
}

.market-hkex .video-img-thumbnail {
  float: left;
  width: 100%;
}

.market-hkex .video-img-thumbnail img {
  width: 100%;
}

.market-hkex .video-img-thumbnail ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.market-hkex .video-img-thumbnail li {
  padding-right: 15px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .market-hkex .video-img-thumbnail li {
    width: 48.7179487179%;
    float: left;
  }
  .market-hkex .video-img-thumbnail li:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .market-hkex .video-img-thumbnail li:nth-child(2n + 2) {
    margin-left: 51.2820512821%;
    margin-right: -100%;
    clear: none;
  }
}

.market-hkex .video-img-thumbnail .video-title {
  margin: 0;
  color: #10416c;
  margin-top: 1.125rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  .market-hkex .video-img-thumbnail .video-title {
    font-size: 0.8125rem;
    line-height: 1.5;
  }
}

.market-hkex .video-img-thumbnail a {
  color: #10416c;
  margin-top: 0.375rem;
}

.market-hkex .video-img-thumbnail a:link {
  text-decoration: none;
}

.market-hkex .video-img-thumbnail a:hover, .market-hkex .video-img-thumbnail a:active {
  text-decoration: underline;
}

.market-hkex .video-img-thumbnail span {
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 2.45;
  letter-spacing: 0.0125rem;
  text-align: right;
  color: #6a6a6a;
}

@media (max-width: 767px) {
  .market-hkex .video-img-thumbnail span {
    vertical-align: bottom;
  }
}

.market-hkex .video-img-thumbnail p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.43rem;
  color: #10416c;
  margin: 0;
}

@media (max-width: 767px) {
  .market-hkex .video-img-thumbnail p {
    display: none;
  }
}

.market-hkex .tab-box {
  width: 100%;
  padding-right: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .market-hkex .tab-box {
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
    border-bottom: solid 1px #a1b4c5;
  }
}

.market-hkex .tab-box__title {
  height: 100px;
  vertical-align: middle;
}

@media (max-width: 1000px) {
  .market-hkex .tab-box__title {
    height: 90px;
  }
}

@media (max-width: 767px) {
  .market-hkex .tab-box__title {
    min-height: 60px;
    height: auto;
  }
}

.market-hkex .tab-box__title a {
  height: 100%;
  width: 100%;
  display: block;
  text-decoration: none;
  padding: 20px 12% 20px 0;
  line-height: 1.31;
}

.market-hkex .tab-box__title a:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 767px) {
  .market-hkex .tab-box__title a {
    padding: 18px 12% 18px 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .tab-box__title a {
    padding: 5px 12% 5px 0;
  }
}

.market-hkex .tab-box__title a[aria-expanded='false'] {
  background: url("../image/triangle-1.png") no-repeat 92%;
  background-size: 8px 6px;
  color: #ffffff;
  background-color: #10416c;
}

.market-hkex .tab-box__title a[aria-expanded='true'] {
  background: url("../image/arrow-up.png") no-repeat 92%;
  background-size: 8px 6px;
  color: #10416c;
  background-color: #e8eef3;
  border-bottom: 4px solid #e72742;
}

.market-hkex .tab-box__title--text {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: bold;
  display: inline-block;
  width: 60%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

@media (max-width: 1000px) {
  .market-hkex .tab-box__title--text {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .market-hkex .tab-box__title--text {
    width: 65%;
  }
}

.market-hkex .tab-box__icon {
  display: inline-block;
  padding: 0 13px 0 20px;
}

@media (max-width: 767px) {
  .market-hkex .tab-box__icon {
    width: 80px;
    height: 50px;
  }
}

.market-hkex .fontsize-large .tab-box__title--text {
  font-size: 18px;
}

.market-hkex .tab-container {
  width: 100%;
  min-height: 42px;
}

.market-hkex .tab-container__item {
  width: 100%;
  list-style-type: none;
  padding-left: 0;
  position: absolute;
  margin-top: 11px;
}

.market-hkex .tab-container__item li {
  float: left;
  margin-right: 12%;
  min-height: 31px;
}

.market-hkex .tab-container__item li.selected {
  border-bottom: 4px solid #e72742;
}

.market-hkex .tab-container__item li.selected a {
  color: #10416c;
}

.market-hkex .tab-container__item li a {
  color: #636363;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.93;
}

.market-hkex .tab-container__item li a:focus, .market-hkex .tab-container__item li a:hover, .market-hkex .tab-container__item li a:visited {
  text-decoration: none;
}

.market-hkex .share-group {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 200px;
}

.market-hkex .share-group--show__icon {
  position: absolute;
  top: 0;
  right: 0;
}

.market-hkex .share-group--items {
  height: 24px;
  border: solid 1px #d1dde6;
  line-height: 20px;
  background: #ffffff;
  display: inline-block;
  padding-left: 12px;
  border-radius: 11px;
  display: none;
  position: absolute;
  top: -1px;
  right: -2px;
}

.market-hkex .share-group--items__item {
  display: inline-block;
  height: 14px;
  width: 18px;
  margin-right: 6px;
  vertical-align: middle;
}

.market-hkex .share-group--items .share-1 {
  background: url("../image/share-1.png") no-repeat center center;
}

.market-hkex .share-group--items .share-1:hover {
  background: url("../image/share-1-hover.png") no-repeat center center;
}

.market-hkex .share-group--items .share-2 {
  background: url("../image/share-2.png") no-repeat center center;
}

.market-hkex .share-group--items .share-2:hover {
  background: url("../image/share-2-hover.png") no-repeat center center;
}

.market-hkex .share-group--items .share-3 {
  background: url("../image/share-3.png") no-repeat center center;
}

.market-hkex .share-group--items .share-3:hover {
  background: url("../image/share-3-hover.png") no-repeat center center;
}

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

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

.market-hkex .share-group--items__close {
  position: relative;
  top: 0px;
  right: -2px;
}

.market-hkex .fontsize-large .share-group--items {
  top: 0px;
  right: -3px;
}

.market-hkex .fontsize-small .share-group--items {
  top: -4px;
}

.market-hkex .tag-yellow, .market-hkex .tag-light-blue, .market-hkex .tag-gray, .market-hkex .tag-red, .market-hkex .tag-green {
  display: inline-block;
  min-height: 1.1875rem;
  position: relative;
  font-size: 0.6875rem;
  color: #ffffff;
  padding: 0.375rem 0.375rem 0.25rem 0.375rem;
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.market-hkex .tag-yellow-triangle::before, .market-hkex .tag-light-blue-triangle::before, .market-hkex .tag-gray-triangle::before, .market-hkex .tag-red-triangle::before, .market-hkex .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 .tag-img-clock::after, .market-hkex .tag-img-notification::after, .market-hkex .tag-img-trading::after {
  content: '';
  width: 0.75rem;
  height: 100%;
  position: absolute;
  left: 0.375rem;
  top: 0.1875rem;
  background: no-repeat top;
}

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

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

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

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

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

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

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

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

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

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

.market-hkex .tag-img-clock {
  padding-left: 1.375rem;
}

.market-hkex .tag-img-clock::after {
  background-image: url("/Images/HKEX/HKEX%20MARKET/tagIcons/clock.png");
}

.market-hkex .tag-img-notification {
  padding-left: 1.375rem;
}

.market-hkex .tag-img-notification::after {
  background-image: url("/Images/HKEX/HKEX%20MARKET/tagIcons/notification-bell.png");
}

.market-hkex .tag-img-trading {
  padding-left: 1.375rem;
}

.market-hkex .tag-img-trading::after {
  background-image: url("/Images/HKEX/HKEX%20MARKET/tagIcons/trading.png");
}

.market-hkex .fontsize-large .tag-img-clock::after {
  top: 0.3125rem;
}

.market-hkex .fontsize-large .tag-img-notification::after {
  top: 0.3125rem;
}

.market-hkex .fontsize-large .tag-img-trading::after {
  top: 0.3125rem;
}

.market-hkex .ticker {
  color: #10416c;
  position: relative;
  font-style: normal;
  font-stretch: normal;
}

.market-hkex .ticker__header, .market-hkex .ticker__body {
  margin: 0;
  padding: 0;
}

.market-hkex .ticker__wrapper {
  padding: 30px 30px 30px 80px;
  position: relative;
}

@media (max-width: 767px) {
  .market-hkex .ticker__wrapper {
    padding: 20px 60px 20px 70px;
  }
}

.market-hkex .ticker__header {
  margin-bottom: 10px;
  line-height: 0.89;
}

.market-hkex .ticker__body {
  line-height: 1.14;
}

.market-hkex .ticker--error {
  background-color: #f9dede;
}

.market-hkex .ticker--success {
  background-color: #e7f4e4;
}

.market-hkex .ticker--info {
  background-color: #d5e2e8;
}

.market-hkex .ticker--warn {
  background-color: #fff1d2;
}

.market-hkex .ticker__error-img:before, .market-hkex .ticker__success-img:before, .market-hkex .ticker__info-img:before, .market-hkex .ticker__warn-img:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  left: 30px;
}

.market-hkex .ticker__error-img:before {
  background: url("../image/icon-error-ticker.png") no-repeat;
}

.market-hkex .ticker__success-img:before {
  background: url("../image/icon-success-ticker.png") no-repeat;
}

.market-hkex .ticker__info-img:before {
  background: url("../image/icon-info-ticker.png") no-repeat;
}

.market-hkex .ticker__warn-img:before {
  background: url("../image/icon-warning-ticker.png") no-repeat;
}

.market-hkex .ticker__highlight {
  text-decoration: underline;
  font-weight: bold;
}

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

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

.market-hkex .ticker__btn {
  margin-top: 15px;
  padding: 10px 20px;
  text-transform: uppercase;
}

.market-hkex .section-side {
  background-color: #ffffff;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .market-hkex .section-side {
    width: 32.2033898305%;
    float: left;
    margin-right: 1.6949152542%;
  }
}

@media (max-width: 1000px) {
  .market-hkex .section-side {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .market-hkex .content-wrapper {
    padding: 0 30px 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .content-wrapper {
    padding: 0 20px 20px;
  }
}

.market-hkex .defaultParagraph {
  color: #10416c;
  font-size: 0.875rem;
  line-height: 20px;
}

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

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

.market-hkex .defaultBulletPoint li:before {
  content: '\2022';
  position: absolute;
}

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

.market-hkex .twitter-title {
  width: 100%;
  float: left;
}

.market-hkex .twitter-title .hklogo-icon {
  float: left;
  width: 33px;
  margin-top: 4px;
}

.market-hkex .twitter-title .twitter-name {
  float: left;
  width: 100px;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.5px;
  color: #13426b;
}

.market-hkex .twitter-title .twitter-name h6 {
  font-size: 0.8125rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
  float: left;
}

.market-hkex .twitter-title .twitter-name span {
  font-size: 12px;
  float: left;
}

.market-hkex .twitter-title .twitter-icon {
  float: right;
  width: 15px;
}

.market-hkex .twitter-text {
  color: #13426b;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  width: 100%;
  padding-top: 0px;
  margin-bottom: 10px;
  overflow-y: auto;
  float: left;
}

.market-hkex .twitter-date {
  font-size: 0.75rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  color: #a5a5a5;
  width: 100%;
  margin-top: 11px;
  margin-bottom: 11px;
  float: left;
}

.market-hkex .twitter-sharing-icons {
  padding: 11px 0 11px 0;
  border-top: 1px solid #d1dde6;
  width: 100%;
  float: left;
}

.market-hkex .twitter-sharing-icons .share {
  margin-right: 32.7px;
}

.market-hkex .twitter-sharing-icons .retweet {
  margin-right: 4.7px;
}

.market-hkex .twitter-sharing-icons .retweet-count {
  margin-right: 21px;
  font-size: 0.75rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  color: #444444;
}

.market-hkex .fontsize-large .twitter-title .hklogo-icon {
  margin-top: 5px;
}

.market-hkex .fontsize-small .twitter-title .hklogo-icon {
  margin-top: 2px;
}

.market-hkex .blueBannerWithBtn {
  position: relative;
  padding: 0 30px;
  float: left;
  min-height: 100px;
  width: 100%;
  background-image: url("../image/etpIssuer-background.png");
}

.market-hkex .blueBannerWithBtn-text {
  float: left;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #ffffff;
  width: 65%;
}

@media (max-width: 1000px) {
  .market-hkex .blueBannerWithBtn-text {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .market-hkex .blueBannerWithBtn-text {
    text-align: center;
    float: none;
    position: relative;
    width: 100%;
    margin: 20px 0;
  }
}

@media (min-width: 768px) {
  .market-hkex .blueBannerWithBtn-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
  }
}

.market-hkex .blueBannerWithBtn-btn {
  float: right;
}

@media (max-width: 767px) {
  .market-hkex .blueBannerWithBtn-btn {
    float: none;
    text-align: center;
    position: relative;
    right: 0;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .market-hkex .blueBannerWithBtn-btn {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    right: 30px;
  }
}

.market-hkex .date-data-list__section {
  margin-bottom: 23px;
  padding-left: 20px;
  position: relative;
}

@media (max-width: 767px) {
  .market-hkex .date-data-list__section {
    padding-right: 15px;
  }
}

.market-hkex .date-data-list__section--base-info {
  color: #10416c;
  font-size: 0.75rem;
  font-weight: bold;
  min-height: 23px;
  line-height: 1.92;
  margin-bottom: 9px;
}

.market-hkex .date-data-list__section--base-info span:not(:last-child) {
  border-right: 1px solid;
}

.market-hkex .date-data-list__section--base-info span:not(:first-child) {
  padding-left: 10px;
  padding-right: 10px;
}

.market-hkex .date-data-list__section--base-info span:first-child {
  padding-right: 10px;
}

.market-hkex .date-data-list__section--date {
  width: 16%;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 767px) {
  .market-hkex .date-data-list__section--date {
    width: 141px;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

.market-hkex .date-data-list__section--date-day {
  font-size: 2.6875rem;
  font-weight: 900;
  color: #d5e2e8;
  height: 3.125rem;
  width: 3.125rem;
}

.market-hkex .date-data-list__section--date-month {
  font-size: 1.375rem;
  color: #10416c;
  letter-spacing: 1px;
  padding-left: 4px;
  text-transform: uppercase;
}

.market-hkex .date-data-list__section--content {
  width: 83%;
  display: inline-block;
  border-left: solid 1px #ebebeb;
}

.market-hkex .date-data-list__section--content > :nth-child(n) {
  margin-left: 19px;
}

@media (max-width: 767px) {
  .market-hkex .date-data-list__section--content > :nth-child(n) {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  .market-hkex .date-data-list__section--content {
    width: 100%;
    display: block;
    border-left: none;
    padding-left: 0px;
  }
}

.market-hkex .date-data-list__section--content-type {
  color: #ffb205;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: capitalize;
  height: 23px;
}

.market-hkex .date-data-list__section--content-title {
  color: #10416c;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.31;
}

.market-hkex .date-data-list__section--content-title[data-file-type]:after {
  content: url("../image/pdf.png");
  width: 1.25rem;
  height: 0.6875rem;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.market-hkex .date-data-list__section--content-brife {
  color: #10416c;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.market-hkex .date-data-list__section--content-brife-gray-text {
  color: #777777;
}

.market-hkex .video-container {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}

.market-hkex .video-container .video-js {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.market-hkex .video-container .vjs-tech {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.market-hkex .video-container .vjs-poster {
  background-size: cover;
}

@media (max-width: 767px) {
  .market-hkex .video-container .vjs-volume-menu-button {
    display: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .video-container .vjs-remaining-time {
    display: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .video-container .vjs-error-display:before {
    display: none;
  }
}

@media (max-width: 550px) {
  .market-hkex .video-container .vjs-modal-dialog-content {
    font-size: 1.1em !important;
    padding: 10px;
  }
}

@media (max-width: 450px) {
  .market-hkex .video-container .vjs-modal-dialog-content {
    font-size: 0.9em !important;
    padding: 10px;
  }
}

@media (max-width: 370px) {
  .market-hkex .video-container .vjs-modal-dialog-content {
    font-size: 0.9em !important;
    padding: 5px;
  }
}

.market-hkex .video-container button:focus {
  outline: none;
}

.market-hkex .video-container .example_video_1-dimensions {
  height: 100%;
  width: 100%;
}

.market-hkex .video-container .vjs-big-play-button {
  border-radius: 50%;
  width: 47px;
  height: 47px;
  background-color: #f4364c;
  line-height: 47px;
  font-size: 35px;
  left: 50%;
  opacity: 0.8;
  border: none;
  margin-left: -1.5rem;
}

.market-hkex .video-container .vjs-big-play-button:focus, .market-hkex .video-container .vjs-big-play-button:hover {
  opacity: 0.4;
}

.market-hkex .video-container .vjs-paused .vjs-big-play-button {
  display: block !important;
}

.market-hkex .video-container .vjs-paused .vjs-control-bar {
  visibility: collapse;
  -webkit-transition: visibility 1s;
  transition: visibility 1s;
}

.market-hkex .video-container .vjs-paused .vjs-control-bar div {
  -webkit-transition: none;
  transition: none;
}

.market-hkex .video-container .video-js:hover .vjs-big-play-button,
.market-hkex .video-container .video-js .vjs-big-play-button:focus {
  background-color: #f4364c;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .vjs-big-play-button {
    left: 52%;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .vjs-big-play-button {
    left: 42%;
  }
}

.market-hkex .lg-topbar__side.topbar__side {
  float: right;
}

@media (max-width: 1000px) {
  .market-hkex .lg-topbar__side.topbar__side {
    display: none;
  }
}

.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;
  background-color: #f6f6f6;
  cursor: pointer;
}

.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);
}

.market-hkex .m-topbar__ticker:focus svg, .market-hkex .topbar__ticker:focus svg, .market-hkex .m-topbar__ticker:active svg, .market-hkex .topbar__ticker:active svg, .market-hkex .m-topbar__ticker:hover svg, .market-hkex .topbar__ticker:hover svg {
  fill: #4AB1E2;
}

.market-hkex .m-topbar {
  margin: 24px 0 0 0;
}

@media (min-width: 1000px) {
  .market-hkex .m-topbar {
    display: none;
  }
}

.market-hkex .m-topbar .popover {
  position: relative;
  top: auto;
  left: 0;
  width: 100%;
}

.market-hkex .m-topbar .popover__content-list {
  width: 100%;
}

.market-hkex .m-topbar .popover__content {
  border-bottom: none;
}

.market-hkex .m-topbar .popover__list-item {
  width: 100%;
  margin-bottom: 0;
}

.market-hkex .m-topbar .popover__link {
  margin-left: 22px;
  padding: 8px 0;
}

.market-hkex .m-topbar__language {
  margin-left: 22px;
}

.market-hkex .m-topbar__language-one {
  border-right: 1px solid #dadada;
  padding-right: 10px;
}

.market-hkex .m-topbar__language-two {
  margin-left: 10px;
}

.market-hkex .m-topbar__nav {
  list-style: none;
  margin-top: 0;
  color: #10416c;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
  padding: 0;
  font-size: 0.875rem;
  margin-top: 40px;
  text-align: left;
  padding: 0;
  width: 100%;
}

.market-hkex .m-topbar__nav li {
  display: block;
  margin-bottom: 26px;
}

.market-hkex .m-topbar__font-sizes {
  margin-left: 22px;
}

.market-hkex .m-topbar__font-sizes a {
  text-transform: uppercase;
  margin-right: 9px;
}

@media (max-width: 1000px) {
  .market-hkex .m-topbar__font-sizes a {
    margin-right: 37px;
  }
}

.market-hkex .m-topbar__font-sizes span {
  text-transform: capitalize;
  margin-right: 11px;
}

@media (max-width: 1000px) {
  .market-hkex .m-topbar__font-sizes span {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.14;
    margin-bottom: 7px;
  }
}

.market-hkex .m-topbar__about {
  display: inline-block;
  text-transform: capitalize;
  position: relative;
}

.market-hkex .m-topbar__about .popover__content:after,
.market-hkex .m-topbar__about .popover__content:before {
  left: 73px;
}

.market-hkex .m-topbar__about-link {
  margin-left: 22px;
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .m-topbar__related-sites .popover__content:after,
.market-hkex .m-topbar__related-sites .popover__content:before {
  left: 116px;
}

.market-hkex .m-topbar__related-sites .m-topbar {
  margin-right: 36px;
  text-transform: capitalize;
  display: inline-block;
  position: relative;
}

.market-hkex .m-topbar__related-sites-link {
  margin-left: 22px;
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .m-topbar__ticker {
  background-color: #ebebeb;
}

.market-hkex .m-topbar__ticker span {
  color: #10416c;
  padding-left: 6px;
  font-size: 0.875rem;
  line-height: 14px;
}

.market-hkex .topbar {
  position: relative;
  background-color: #f6f6f6;
}

@media (max-width: 1000px) {
  .market-hkex .topbar {
    background-color: #fff;
    height: 54px;
  }
}

.market-hkex .topbar__container {
  padding-top: 13px;
}

.market-hkex .topbar__link {
  color: #10416c;
}

.market-hkex .topbar__logo {
  z-index: 10;
  background: url("../image/hkex-logo.png") no-repeat 0 0;
  background-size: contain;
  width: 88px;
  height: 40px;
  display: inline-block;
  margin: 18px 40px 16px 0px;
}

.market-hkex .topbar__logo span {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__logo {
    margin: 0px auto;
    display: block;
    width: 63px;
  }
}

.market-hkex .topbar__side {
  text-align: right;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__side {
    float: left;
    margin: 23px 0 0 20px;
  }
}

.market-hkex .topbar__nav {
  list-style: none;
  margin-top: 0;
  margin-right: 20px;
  color: #10416c;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
  padding: 0;
}

.market-hkex .topbar__nav li {
  display: inline-block;
  position: relative;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__nav li {
    display: block;
    margin-bottom: 26px;
  }
}

.market-hkex .topbar__font-sizes {
  margin-right: 15px;
  border-right: solid 1px #d5e2e8;
  padding-right: 15px;
}

.market-hkex .topbar__font-sizes a {
  text-transform: uppercase;
  margin-right: 9px;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__font-sizes a {
    margin-right: 37px;
  }
}

.market-hkex .topbar__font-sizes span {
  text-transform: capitalize;
  margin-right: 11px;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__font-sizes span {
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.14;
    margin-bottom: 7px;
  }
}

.market-hkex .topbar__about {
  display: inline-block;
  padding-right: 35px;
  text-transform: capitalize;
  border-right: solid 1px #d5e2e8;
  margin-right: 20px;
}

.market-hkex .topbar__about-link {
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .topbar__related-sites .m-topbar {
  margin-right: 36px;
  text-transform: capitalize;
  display: inline-block;
  position: relative;
}

.market-hkex .topbar__related-sites .popover__content:after,
.market-hkex .topbar__related-sites .popover__content:before {
  left: 47%;
}

.market-hkex .topbar__related-sites .popover__content-list {
  width: 174px;
}

.market-hkex .topbar__related-sites .popover__list-item {
  width: 174px;
}

.market-hkex .topbar__related-sites-icon:after {
  padding-left: 10px;
  content: url("../image/icon-connect-red.png");
}

.market-hkex .topbar__related-sites-link {
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .topbar__search-input {
  outline: none;
  width: 195px;
  height: 34px;
  line-height: 24px;
  margin-top: 21px;
  margin-right: 10px;
  padding-left: 45px;
  border: 1px solid #dadada;
  background: #fff url("../image/search-icon-blue.png") no-repeat 9px center;
  color: #10416c;
  font-size: 12px !important;
}

.market-hkex .topbar__search-input::-webkit-input-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  line-height: 2.33;
  font-size: 12px;
}

.market-hkex .topbar__search-input:-moz-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  line-height: 2.33;
  font-size: 12px;
}

.market-hkex .topbar__search-input::-moz-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  line-height: 2.33;
  font-size: 12px;
}

.market-hkex .topbar__search-input:-ms-input-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  line-height: 2.33;
  font-size: 12px;
}

.market-hkex .topbar__search-input::-ms-input-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  line-height: 2.33;
  font-size: 12px;
}

.market-hkex .topbar__search-input::-ms-clear {
  display: none;
}

.market-hkex .topbar__ic-group {
  display: inline-block;
  font-size: 0.75rem;
}

.market-hkex .topbar__ic-group a {
  color: #10416c;
}

.market-hkex .topbar__language-one {
  border-right: 1px solid #dadada;
  padding-right: 10px;
}

.market-hkex .topbar__language-two {
  padding-left: 10px;
}

.market-hkex .topbar__bell {
  fill: #A5A5A5;
}

.market-hkex .topbar__mobile-menu {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__mobile-menu {
    display: block;
    position: absolute;
    top: 19px;
    left: 20px;
    cursor: pointer;
  }
}

.market-hkex .topbar__mobile-search {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .topbar__mobile-search {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    top: 19px;
    right: 23px;
  }
}

.market-hkex .topbar__icon-bar {
  display: block;
  width: 26px;
  height: 2.8px;
  background-color: #003465;
  margin: 0 0 4.3px 0;
}

.market-hkex .font-sizes__link {
  color: #a1b4c5;
}

.market-hkex .font-sizes--small {
  font-size: 11px;
  line-height: 1.45;
}

.market-hkex .font-sizes--medium {
  font-size: 13px;
  line-height: 1.23;
}

.market-hkex .font-sizes--large {
  font-size: 0.9375rem;
  line-height: 1.07;
  font-size: 15px;
}

.market-hkex .font-sizes--active {
  color: #e72742 !important;
  text-decoration: underline;
}

.market-hkex .mobile-search {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 67;
  display: none;
}

@media (min-width: 1000px) {
  .market-hkex .mobile-search {
    display: none;
  }
}

.market-hkex .mobile-search__container {
  width: 100%;
  background: #fff;
  height: 54px;
}

.market-hkex .mobile-search__close {
  max-width: 100%;
  cursor: pointer;
  position: absolute;
  right: 20.3px;
  top: 20px;
}

.market-hkex .mobile-search__form {
  width: 100%;
}

.market-hkex .mobile-search__input {
  margin-top: 10px;
  width: 80%;
  border: none;
  border-bottom: 2px solid #10416c;
  margin-left: 60px;
  height: 36px;
  line-height: 36px;
  color: #10416c;
  -webkit-appearance: none;
  border-radius: 0;
}

.market-hkex .mobile-search__input:focus {
  outline: none;
}

@media (max-width: 767px) {
  .market-hkex .mobile-search__input {
    margin-left: 20px;
  }
}

.market-hkex .mobile-search__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #10416c;
}

.market-hkex .mobile-search__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #10416c;
}

.market-hkex .mobile-search__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #10416c;
}

.market-hkex .mobile-search__input:-moz-placeholder {
  /* Firefox 18- */
  color: #10416c;
}

.market-hkex .mobile-search__input::-ms-clear {
  display: none;
}

.market-hkex .fontsize-small .topbar__about .popover {
  top: 14px;
}

.market-hkex .fontsize-small .topbar__about .popover__content:after, .market-hkex .fontsize-small .topbar__about .popover__content:before {
  left: 15%;
}

.market-hkex .fontsize-small .topbar__related-sites .popover {
  top: 14px;
}

.market-hkex .fontsize-small .topbar__related-sites .popover__content:after, .market-hkex .fontsize-small .topbar__related-sites .popover__content:before {
  left: 32%;
}

.market-hkex .fontsize-small .m-topbar__about .popover__content:after, .market-hkex .fontsize-small .m-topbar__about .popover__content:before {
  left: 56px;
}

.market-hkex .fontsize-small .m-topbar__related-sites .popover__content:after, .market-hkex .fontsize-small .m-topbar__related-sites .popover__content:before {
  left: 85px;
}

.market-hkex .fontsize-small .topbar__search-label {
  height: 17px;
}

.market-hkex .fontsize-large .topbar__about .popover__content:after, .market-hkex .fontsize-large .topbar__about .popover__content:before {
  left: 26%;
}

.market-hkex .fontsize-large .topbar__related-sites .popover__content:after, .market-hkex .fontsize-large .topbar__related-sites .popover__content:before {
  left: 58%;
}

.market-hkex .fontsize-large .m-topbar__about .popover__content:after, .market-hkex .fontsize-large .m-topbar__about .popover__content:before {
  left: 82px;
}

.market-hkex .fontsize-large .m-topbar__related-sites .popover__content:after, .market-hkex .fontsize-large .m-topbar__related-sites .popover__content:before {
  left: 137px;
}

.market-hkex .skip-to-content {
  position: absolute;
  top: -9999px;
}

.market-hkex .skip-to-content:focus {
  position: absolute;
  top: 8px;   /*Update for log #6756*/
  right: 35px;
}

@media (max-width: 1000px) {
  .market-hkex .skip-to-content:focus {
    top: 15px;
    right: 50px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .topbar-sticky {
    position: fixed;
    width: 100%;
    z-index: 55;
    top: 0;
    border-bottom: 1px solid #a1b5c6;
  }
}

.market-hkex footer {
  background-color: #10416c;
  padding-bottom: 20px; /*  Edit by Henry UAT log#3930  */
  /*height: 193px; Edit by Henry UAT log#3930*/
  padding-top: 58px;
}

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

@media (max-width: 767px) {
  .market-hkex footer {
    height: 298px;
    text-align: center;
  }
}

@media (max-width: 435px) {
  .market-hkex footer {
    height: 330px;
  }
}

@media (max-width: 300px) {
  .market-hkex footer {
    height: 380px;
  }
}

.market-hkex .footer__logo {
  margin-left: 44px;
  display: inline-block;
  width: 105px;
  height: 49px;
}

@media (max-width: 1059px) {
  .market-hkex .footer__logo {
    margin-left: 30px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .footer__logo {
    margin-left: 0px;
  }
}

.market-hkex .footer__logo img {
  width: 105px;
  height: 48px;
}

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

@media (max-width: 767px) {
  .market-hkex .footer__logo {
    margin: 0 0 22px;
  }
}

.market-hkex .footer__social-icons {
  float: right;
  margin: 0 44px 15px 0;
  padding: 0;
  list-style: none;
}

.market-hkex .footer__social-icons li {
  display: inline-block;
  margin-left: 31px;
}

@media (max-width: 1000px) {
  .market-hkex .footer__social-icons {
    margin-right: 0;
    margin-top: 16px;
  }
}

@media (max-width: 767px) {
  .market-hkex .footer__social-icons {
    float: none;
    margin: 0 0 28px;
  }
}

.market-hkex .footer__nav {
  float: right;
  list-style: none;
  display: block;
  margin: 0 44px 0 0;
  padding: 0;
}

@media (max-width: 1000px) {
  .market-hkex .footer__nav {
    margin: 23px 12px 0 12px;
    float: none;
    text-align: center;
  }
}

.market-hkex .footer__nav-item {
  position: relative;
  display: inline-block;
}

.market-hkex .footer__nav-item:last-child a {
  border-right: none;
  padding-right: 0;
}

.market-hkex .footer__nav-link {
  font-size: 0.8125rem;
  color: #d5e2e8 !important;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 2.31;
  padding-left: 10px;
  position: relative;
  border-right: 1px solid #d5e2e8;
  padding-right: 10px;
  text-transform: capitalize;
}

.market-hkex .footer__nav-link:hover {
  text-decoration: underline;
  color: #d5e2e8;
}

.market-hkex .footer__nav-faq {
  text-transform: uppercase;
}

.market-hkex .footer__privacy {
  float: right;
  color: #d5e2e8;
  font-size: 0.75rem;
  line-height: 2.5;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0 44px 0 0;
  padding: 0;
}

@media (max-width: 1000px) {
  .market-hkex .footer__privacy {
    margin: 0;
    float: none;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .market-hkex .footer__privacy {
    margin: 0 14px 0 14px;
  }
}

.market-hkex .footer__clearBoth {
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .footer__nav {
    margin-top: 5px;
  }
}

.market-hkex .stock-quote-section {
  height: 124px;
}

.market-hkex .top-stocks-section {
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.market-hkex .focus-section {
  height: auto;
  padding-bottom: 5px;
  margin-top: 20px;
}

.market-hkex .caret {
  margin-right: 10px;
  display: inline-block;
  border-top: 1px solid red;
  border-right: 1px solid red;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*
@media (min-width: 320px) and (max-width: 1000px) {
  .market-hkex .caret {
    border-top: 1px solid white;
    border-right: 1px solid white;
  }
} Edit by Henry*/

.market-hkex .right-panel-sections {
  position: relative;
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
}

.market-hkex .right-panel-sections .right-panel-sections-label {
  text-transform: uppercase;
}

.market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-right {
  float: left;
  text-align: left;
}

.market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-right:hover {
  cursor: pointer;
}

.market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left {
  background: url("../image/arrow-right.png") no-repeat 85% center;
  float: right;
  text-align: right;
  font-size: 0.75rem;
  padding: 0px 17px 0px 0px;
  text-transform: capitalize;
  margin-top: 4px;
}

.market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a,
.market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a:hover,
.market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a:focus {
  color: #10416c;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a,
  .market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a:hover,
  .market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a:focus {
    text-decoration: none;
    color: #ffffff;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a,
  .market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a:hover,
  .market-hkex .right-panel-sections .right-panel-sections-label .right-panel-sections-label-left a:focus {
    text-decoration: none;
    color: #ffffff;
  }
}

.market-hkex .right-panel-sections .right-panel-sections-label .arrow-down-red {
  float: right;
  text-align: left;
  margin-top: 7px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #e72742;
  cursor: pointer;
  cursor: hand;
  margin-left: 10px;
}

.market-hkex .right-panel-sections .right-panel-sections-content {
  padding: 0px 20px 0px 20px;
}

.market-hkex .quote-lookup-search {
  font-size: 12px !important;
}

.market-hkex .top-stocks .top-stocks-tablet {
  display: none;
}

.market-hkex .top-stocks .top-stocks-desktop {
  width: 100%;
}

.market-hkex .top-stocks .top-stocks-tablet {
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .top5-stocks .right-panel-sections-label-right h2 {
    color: #ffffff;
  }
}

@media (min-width: 1001px) and (max-width: 1200px) {
  .market-hkex .fontsize-large .top5-stocks .right-panel-sections-label-left {
    float: left;
  }
}

@media (max-width: 1000px) {
  .market-hkex .news-section {
    margin-top: 20px;
  }
}

.market-hkex .news-section .hk-text {
  width: 100px;
  float: left;
  padding-top: 22px;
  font-size: 0.875rem;
  line-height: 20px;
  color: #10416c;
  padding-left: 5px;
}

.market-hkex .news-section .hk-text .company {
  font-size: 0.75rem;
  font-weight: 700;
}

.market-hkex .news-section .hk-text .group {
  font-size: 0.75rem;
  font-weight: 400;
}

.market-hkex .news-section .news-twitter-icon {
  float: right;
  width: 36px;
  margin-top: 17px;
}

.market-hkex .news-section .minutes {
  float: right;
  width: 45px;
  font-size: 0.75rem;
  color: #10416c;
}

.market-hkex .news-section .news-detail {
  line-height: 1.4;
  width: 100%;
  float: left;
  font-size: 0.875rem;
  font-weight: 400;
  color: #13426b;
  padding-bottom: 10px;
  height: 70px;
  overflow-y: auto;
}

.market-hkex .news-section .news-carousel {
  max-width: 420px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 28px;
  margin-top: 20px;
}

.market-hkex .news-section .news-carousel #carousel-news {
  top: 0px;
}

.market-hkex .news-section .carousel-inner {
  cursor: pointer;
}

.market-hkex .news-section .glyphicon {
  color: #e72742;
}

.market-hkex .news-section .carousel-indicators {
  bottom: -30px;
}

.market-hkex .news-section .carousel-indicators li {
  background-color: #9d9d9d;
  width: 10px;
  height: 10px;
  margin-left: 16.2px;
  text-indent: 0px;
}

.market-hkex .news-section .carousel-indicators li a {
  padding: 3px;
}

.market-hkex .news-section .carousel-indicators li a:hover, .market-hkex .news-section .carousel-indicators li a:focus, .market-hkex .news-section .carousel-indicators li a:focus {
  text-decoration: none;
}

.market-hkex .news-section .carousel-indicators li.active {
  background-color: #e72742;
  margin: 1px;
  margin-left: 16.2px;
}

.market-hkex .top-news {
  padding-bottom: 5px;
  border-bottom: 2px solid #d1dde6;
}

.market-hkex .news-carousel .carousel-indicators {
  width: 64%;
  margin-left: -34%;
}


@media (max-width: 1000px) {
  .market-hkex .caret:before {
    border-left: 5px solid #ffffff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
  .market-hkex .caret:after {
    border-left: 4px solid #10416c;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }

  .market-hkex .top-stocks-section {
    margin-top: 20px;
  }
  .market-hkex .top-stocks .top-stocks-desktop {
    display: none;
  }
  .market-hkex .top-stocks .top-stocks-tablet {
    display: block;
    height: 380px;
  }
  .market-hkex .right-panel-sections .right-panel-sections-content {
    margin-top: 15px;
  }
  .market-hkex .right-panel-sections .right-panel-sections-label {
    background-color: #10416c;
    color: #ffffff;
    /*.label-left-read-more {
                width: 60%;
            }*/
  }
  .market-hkex .right-panel-sections .arrow-down-red {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .market-hkex .market-overview {
    margin-top: 20px;
  }
  .market-hkex .stock-quote-section {
    height: 48px;
    margin-top: 1px;
  }
  .market-hkex .stock-quote-section .right-panel-sections-label {
    width: 316px;
    float: left;
  }
  .market-hkex .stock-quote-section .right-panel-sections-content {
    float: right;
    width: 327px;
    margin-top: 0px;
  }
  .market-hkex .stock-quote-section .right-panel-sections-content .quote-lookup-search {
    border: none;
    width: 100%;
    margin: 2px 0px 0px -20px;
  }
}



@media (max-width: 767px) {
  .market-hkex .caret:before {
    border-left: 5px solid #ffffff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
  }
  .market-hkex .caret:after {
    border-left: 4px solid #10416c;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
  }
  .market-hkex .top-stocks .top-stocks-desktop {
    display: block;
  }
  .market-hkex .top-stocks .top-stocks-tablet {
    display: none;
  }
  .market-hkex .stock-quote-section {
    margin-top: 1.25rem;
  }
  .market-hkex .right-panel-sections .right-panel-sections-content {
    margin-top: 15px;
  }
  .market-hkex .right-panel-sections .right-panel-sections-label {
    background-color: #10416c;
    color: #ffffff;
  }
  .market-hkex .right-panel-sections .right-panel-sections-label .arrow-down-red {
    display: block;
    border-top: 7px solid #ffffff;
  }
  .market-hkex .stock-quote-section .right-panel-sections-content .quote-lookup-search {
    width: 100%;
    height: 44px;
    border: solid 1px #cbcbcb;
  }
}

@media screen and (max-width: 1000px) {
  .market-hkex .stock-quote {
    z-index: 20;
  }
  .market-hkex .fontsize-large .stock-quote {
    top: -4px;
  }
  .market-hkex .fontsize-small .stock-quote {
    top: 6px;
  }
}

.market-hkex .top-stocks-section .popover {
  top: 38px;
  left: 19px;
}

@media (min-width: 768px) and (max-width: 1000px) {
  .market-hkex .top-stocks-section .popover {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .market-hkex .top-stocks-section .popover {
    position: relative;
    top: -10px;
    left: 0;
    width: 100%;
  }
}

.market-hkex .top-stocks-section .popover__content:after,
.market-hkex .top-stocks-section .popover__content:before {
  left: 56%;
}

@media (max-width: 767px) {
  .market-hkex .top-stocks-section .popover__content:after,
  .market-hkex .top-stocks-section .popover__content:before {
    left: 134px;
  }
}

@media (max-width: 767px) {
  .market-hkex .top-stocks-section .popover__link {
    font-size: 0.875rem;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.43;
  }
}

@media (max-width: 767px) {
  .market-hkex .top-stocks-section .popover__content-list {
    width: 100%;
    background: #f2f6f8;
  }
}

@media (max-width: 767px) {
  .market-hkex .top-stocks-section .popover__list-item {
    width: 100%;
  }
}

.market-hkex .fontsize-small .top-stocks-section .popover__content:after, .market-hkex .fontsize-small .top-stocks-section .popover__content:before {
  left: 40%;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .top-stocks-section .popover__content:after, .market-hkex .fontsize-small .top-stocks-section .popover__content:before {
    left: 100px;
  }
}

.market-hkex .fontsize-small .right-panel-sections-label .arrow-down-red {
  margin-top: 4px;
}

.market-hkex .fontsize-small .carousel-indicators {
  bottom: -20px;
}

.market-hkex .fontsize-large .top-stocks-section .popover__content:after, .market-hkex .fontsize-large .top-stocks-section .popover__content:before {
  left: 67%;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .top-stocks-section .popover__content:after, .market-hkex .fontsize-large .top-stocks-section .popover__content:before {
    left: 155px;
  }
}

.market-hkex .fontsize-large .right-panel-sections-label .arrow-down-red {
  margin-top: 10px;
}

.market-hkex .fontsize-large .carousel-indicators {
  bottom: -40px;
}

.market-hkex .market-turnover {
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
  margin-top: 20px;
  float: left;
  width: 100%;
}

.market-hkex .market-turnover img {
  width: 100%;
}

.market-hkex .market-turnover .market-turnover_left-top {
  float: left;
  line-height: 28px;
  width: 42.6%;
  background-color: #ffffff;
}

.market-hkex .market-turnover .market-turnover_left-top h2 {
  margin: 0;
  color: #10416c;
  display: block;
}

@media (max-width: 1000px) {
  .market-hkex .market-turnover .market-turnover_left-top {
    background-color: #10416c;
    width: 100%;
  }
  .market-hkex .market-turnover .market-turnover_left-top h2 {
    color: #ffffff;
  }
}

.market-hkex .market-turnover .market-turnover_left {
  background-color: #ffffff;
  float: left;
  clear: left;
  width: 42.6%;
  margin-right: 0;
  border-right: 1px solid #dcdcdc;
}

.market-hkex .market-turnover .market-turnover_left img {
  height: 267px;
}

@media (max-width: 1000px) {
  .market-hkex .market-turnover .market-turnover_left img {
    height: 315px;
  }
}

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

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

.market-hkex .market-turnover .market-turnover_right {
  float: right;
  margin-top: -3rem;
  width: 57.4%;
  background-color: #ffffff;
  height: 100%;
}

.market-hkex .market-turnover .market-turnover_right img {
  height: 315px;
}

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

@media (max-width: 1000px) {
  .market-hkex .market-turnover .market-turnover_right {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .market-turnover .market-turnover_right {
    width: 100%;
    margin-top: 0;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .market-turnover_right {
    margin-top: -48px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .market-turnover_right img {
    height: 317px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .market-turnover_left img {
    height: 269px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .market-turnover_right {
    margin-top: -48px;
  }
  .market-hkex .fontsize-small .market-turnover_right img {
    height: 317px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .market-turnover_left img {
    height: 269px;
  }
}

.market-hkex .main-menu {
  background-color: #10416c;
  max-height: 41px;
}

@media (min-width: 1001px) {
  .market-hkex .main-menu {
    display: block !important;
  }
}

.market-hkex .main-menu ul {
  list-style: none;
}

@media (max-width: 1000px) {
  .market-hkex .main-menu {
    background-color: #fff;
  }
  .market-hkex .main-menu:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (max-width: 1000px) {
  .market-hkex .main-menu .main-menu__wrapper {
    display: inline-block;
    position: fixed;
    top: 0;
    left: -100%;
    /* hides the navigation for mobile*/
    margin: 0;
    background-color: #EAEAEA;
    width: 49.1525423729%;
    min-height: 100%;
    transition: left .5s;
    -webkit-transition: left .5s;
    z-index: 70;
    overflow: auto;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .market-hkex .main-menu .main-menu__wrapper {
    min-width: 76.2711864407%;
  }
}

.market-hkex .main-menu__list {
  list-style: none;
  margin: 0 0 0 15px;
  padding: 0;
}

@media (max-width: 1000px) {
  .market-hkex .main-menu__list {
    margin-left: 0;
  }
}

.market-hkex .main-menu__item {
  float: left;
  /*max-height : 41px;  fix Log#3909 */
}

@media (min-width: 1001px) {
  .market-hkex .main-menu__item:hover {
    background-color: #e72742;
  }
  .market-hkex .main-menu__item:hover > .mega-menu {
    display: block;
  }
}

@media (max-width: 1000px) {
  .market-hkex .main-menu__item {
    float: none;
    background: #10416c url("../image/left-arrow-white.png") no-repeat 93% center;
    border-bottom: 1px solid #eaeaea;
  }
}

.market-hkex .main-menu__item-connect-icon {
  background: url("../image/icon-connect.png") no-repeat center center;
  display: inline-block;
  width: 9px;
  height: 9px;
  padding-right: 15px;
}

.market-hkex .main-menu__item--active {
  background-color: #e72742;
}

.market-hkex .main-menu__link {
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 11.5px 61px;
  display: inline-block;
  /*max-height : 41px;  fix Log#3909 */
}

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

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

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

.market-hkex .main-menu__link:focus {
  color: #fff;
}

@media (max-width: 1000px) {
  .market-hkex .main-menu__link {
    text-align: left;
    padding: 15px 0 15px 22px;
    display: inline-block;
  }
  .market-hkex .main-menu__link:only-child {
    background-color: #10416c;
    display: block;
  }
}

.market-hkex .main-menu__link:hover, .market-hkex .main-menu__link:active, .market-hkex .main-menu__link:visited {
  text-decoration: none;
  color: #fff;
}

.market-hkex .mega-menu {
  position: absolute;
  background-color: #fff;
  left: 0;
  width: 100%;
  display: none;
  z-index: 20;
  border-bottom: 1px solid #e72742;
}

@media (min-width: 1001px) {
  .market-hkex .mega-menu ul {
    display: block !important;
  }
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu {
    display: block;
    position: relative;
    border: none;
  }
}

.market-hkex .mega-menu__wrapper {
  padding: 31px 30px 42px 30px;
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu__wrapper {
    padding: 0;
  }
}

.market-hkex .mega-menu__level2-text {
  margin: 0;
  text-transform: uppercase;
  color: #10416c;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 0.8125rem;
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu__level2-text {
    padding: 11px 0 12px 35px;
    display: inline-block;
  }
}

.market-hkex .mega-menu__highlights {
  list-style: none;
  margin: 21px 0 0 0;
  padding: 0;
}

.market-hkex .mega-menu__highlights:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu__highlights {
    display: none;
  }
}

.market-hkex .mega-menu__highlights-item {
  float: left;
  width: 32.2033898305%;
  float: left;
}

.market-hkex .mega-menu__highlights-item:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.market-hkex .mega-menu__highlights-item:nth-child(3n + 2) {
  margin-left: 33.8983050847%;
  margin-right: -100%;
  clear: none;
}

.market-hkex .mega-menu__highlights-item:nth-child(3n + 3) {
  margin-left: 67.7966101695%;
  margin-right: -100%;
  clear: none;
}

.market-hkex .mega-menu__highlights-image {
  width: 47.3684210526%;
}

.market-hkex .mega-menu__highlights-content {
  width: 47.3684210526%;
  float: right;
}

.market-hkex .mega-menu__highlight-link {
  font-size: 0.8125rem;
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: #10416c;
}

.market-hkex .mega-menu__highlight-text {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 400;
}

.market-hkex .mega-menu__divider {
  margin: 8px 0 11px 0;
  border-bottom: 1px solid #e72742;
  width: 73.6842105263%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu__divider {
    display: none;
  }
}

.market-hkex .mega-menu__divider-three {
  margin: 8px 0 11px 0;
  border-bottom: 1px solid #e72742;
  width: 85.2941176471%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu__divider-three {
    display: none;
  }
}

.market-hkex .mega-menu__sub-title {
  margin-bottom: 30px;
}

.market-hkex .mega-menu__sub-title a {
  float: left;
  text-transform: capitalize;
}

.market-hkex .mega-menu__sub-title-three {
  width: 31.0344827586%;
}

.market-hkex .mega-menu__sub-title-two {
  width: 47.3684210526%;
}

.market-hkex .mega-menu-one {
  padding: 0;
  list-style: none;
}

.market-hkex .mega-menu-one:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu-one__search {
    display: none;
  }
}

.market-hkex .mega-menu-one__search-input {
  outline: none;
  width: 95%;
  height: 44px;
  margin-top: 21px;
  margin-right: 27px;
  padding-left: 35px;
  border: 1px solid #10416c;
  color: #10416c;
  font-size: 14px !important;
  background: url("../image/search-icon-blue.png") no-repeat 9px center;
  -webkit-appearance: none;
  border-radius: 0;
}

.market-hkex .mega-menu-one__search-input::-webkit-input-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  /*line-height: 2.3;*/
  /*font-size: 12px;*/
}

.market-hkex .mega-menu-one__search-input:-moz-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  /*line-height: 2.3;*/
  /*font-size: 12px;*/
}

.market-hkex .mega-menu-one__search-input::-moz-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  /*line-height: 2.3;*/
  /*font-size: 12px;*/
}

.market-hkex .mega-menu-one__search-input:-ms-input-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  /*line-height: 2.3;*/
  /*font-size: 12px;*/
}

.market-hkex .mega-menu-one__search-input::-ms-input-placeholder {
  color: #7d7d7d;
  font-weight: 400;
  /*line-height: 2.3;*/
  /*font-size: 12px;*/
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu-one__search-input {
    /*display: none;*/
    border: none;
    border-bottom: 1px solid #10416c;
    margin: 0 0 15px 35px;
    width: 80%;
    background-position-x: left;
    height: 32px;
  }
  .market-hkex .mega-menu-one__search-input:-moz-placeholder {
    line-height: 32px;
  }
  .market-hkex .mega-menu-one__search-input::-moz-placeholder {
    line-height: 32px;
  }
}

.market-hkex .mega-menu-one__search-input::-ms-clear {
  display: none;
}

.market-hkex .mega-menu-one__level3-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu-one__level3-list {
    border-top: 1px solid #d1dde6;
  }
}

@media (max-width: 1000px) {
  .market-hkex .mega-menu-one .forMobileQuoteLookup {
    background: none !important;
  }
  .market-hkex .mega-menu-one .forMobileQuoteLookup a, .market-hkex .mega-menu-one .forMobileQuoteLookup a:active {
    text-decoration: none;
    color: #10416c !important;
  }
}

.market-hkex .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 60;
  display: none;
}

.market-hkex .show-menu .main-menu__wrapper {
  left: 0;
}

@media (max-width: 1000px) {
  .market-hkex .show-menu .overlay {
    display: block;
  }
  .market-hkex .main-menu .level2,
  .market-hkex .main-menu .level3,
  .market-hkex .main-menu .level4 {
    display: none;
  }
  .market-hkex .level1 li.current {
    background: #e72742 url("../image/down-arrow-white.png") no-repeat 93% 20px;
  }
  .market-hkex .level2 li {
    background: #fff url("../image/left-arrow-blue.png") no-repeat 93% center;
  }
  .market-hkex .current.mega-nav__level2-item > a:first-child {
    color: #e72742;
  }
  .market-hkex .level2 li > a:only-child {
    display: block;
    margin-right: 0;
    background-color: #fff;
  }
  .market-hkex .level2 li.current {
    background: url("../image/down-arrow-red.png") no-repeat 93% 16px;
  }
  .market-hkex .level2 li.current .mega-menu__level2-text {
    color: #e72742;
  }
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu {
    position: fixed;
    top: 0;
    z-index: 60;
    width: 100%;
    max-height: 60px;
    -webkit-transition: height 1s;
    transition: height 1s;
  }
}

.market-hkex .sticky-menu__non-fixed {
  display: none;
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu__logo {
    float: left;
    background: url("../image/logo.png") no-repeat center;
    background-size: contain;
    width: 45px;
    height: 20.9px;
    margin: 19.5px 34px 0px 0px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu__search {
    float: right;
    width: 18px;
    height: 18px;
    margin: 21px 8px 0px 0px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .sticky-menu__search {
    display: none;
  }
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu__search-icon {
    float: right;
    width: 18px;
    height: 18px;
    background: url("../image/search-icon.png") no-repeat;
    background-size: 18px 18px;
    cursor: pointer;
    border: none;
    font-size: 0;
    outline: none;
  }
}

@media (max-width: 1000px) {
  .market-hkex .sticky-menu__search-icon {
    display: none;
  }
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu__search-cancel {
    width: 20px;
    height: 20px;
    background: url("../image/search-cancel.png") no-repeat;
    background-size: 16px 16px;
    cursor: pointer;
    border: none;
    font-size: 0;
    outline: none;
    float: right;
    margin-top: 12px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu__search-box {
    padding: 0;
    margin-right: 44.5px;
    margin-top: 14px;
    border: none;
    outline: none;
    background-color: #10416c;
    font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
    font-size: 0.75rem;
    color: #d1dde6;
    padding-bottom: 2px;
    cursor: text;
    width: 850px;
    border-bottom: 1px solid #FFF;
    float: right;
    letter-spacing: 0.5px;
    width: 90%;
  }
}

.market-hkex .sticky-menu__search-box::-ms-clear {
  display: none;
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu__search-container {
    position: absolute;
    right: 30px;
    padding-top: 8px;
    background-color: #10416c;
    z-index: 70;
    width: 90%;
  }
}

@media (max-width: 1059px) {
  .market-hkex .sticky-menu__search-container {
    right: 0;
  }
}

@media (max-width: 1000px) {
  .market-hkex .sticky-menu__search-container {
    display: none;
  }
}

@media (min-width: 1001px) {
  .market-hkex .sticky-menu__parent-relative {
    position: relative;
  }
}

.market-hkex .sticky-menu .main-menu__link {
  padding: 21px 52px;
}

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

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

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

.market-hkex .nav-placeholder {
  margin-bottom: 39px;
}

.market-hkex .fontsize-large .main-menu__link {
  padding: 9px 52px;
}

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

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

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

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .sticky-menu {
    max-height: 61px;
  }
}

.market-hkex .fontsize-large .sticky-menu .main-menu__list .main-menu__link {
  padding: 20px 46px;
}

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

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

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

.market-hkex .fontsize-large .sticky-menu .sticky-menu__search-container {
  height: 41px;
}

.market-hkex .fontsize-large .sticky-menu .sticky-menu__search-cancel {
  background-size: 20px 20px;
  height: 23px;
}

.market-hkex .fontsize-large .sticky-menu .sticky-menu__search-icon {
  background-size: 20px 20px;
  width: 23px;
  height: 23px;
}

.market-hkex .fontsize-large .level1 li.current {
  background-position-y: 16px;
}

.market-hkex .fontsize-large .level2 li.current {
  background-position-y: 17px;
}

.market-hkex .fontsize-small .main-menu__link {
  padding: 10px 70px;
}

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

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

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

.market-hkex .fontsize-small .sticky-menu .sticky-menu__search-cancel {
  background-size: 12px 12px;
}

.market-hkex .fontsize-small .sticky-menu .sticky-menu__search-icon {
  background-size: 12px 12px;
}

.market-hkex .fontsize-small .sticky-menu .sticky-menu__search-container {
  height: 40px;
}

.market-hkex .fontsize-small .sticky-menu .main-menu__link {
  padding: 21px 70px;
}

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

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

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

.market-hkex .fontsize-small .main-menu__item {
  line-height: 18px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .main-menu__item {
    line-height: 10px;
  }
}

.market-hkex .fontsize-small .level1 li.current {
  background-position-y: 17px;
}

.market-hkex .fontsize-small .level2 li.current {
  background-position-y: 13px;
}

@media (max-width: 1000px) {
  .market-hkex .main-menu-sticky {
    position: fixed;
    width: 100%;
    z-index: 65;
    top: 0;
  }
}

.market-hkex .mega-nav__col-1 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 6.7796610169%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-1 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-2 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 15.2542372881%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-2 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-3 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 23.7288135593%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-3 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-4 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 32.2033898305%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-4 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-5 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 40.6779661017%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-5 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-6 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 49.1525423729%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-6 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-7 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 57.6271186441%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-7 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-8 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 66.1016949153%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-8 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-9 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 74.5762711864%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-9 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-10 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 83.0508474576%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-10 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-11 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 91.5254237288%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-11 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-12 {
  margin-right: 1.6949152542%;
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-12 {
    width: 100%;
  }
}

.market-hkex .mega-nav__col-offset-1 {
  margin-left: 8.4745762712%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-1 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-2 {
  margin-left: 16.9491525424%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-2 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-3 {
  margin-left: 25.4237288136%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-3 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-4 {
  margin-left: 33.8983050847%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-4 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-5 {
  margin-left: 42.3728813559%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-5 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-6 {
  margin-left: 50.8474576271%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-6 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-7 {
  margin-left: 59.3220338983%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-7 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-8 {
  margin-left: 67.7966101695%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-8 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-9 {
  margin-left: 76.2711864407%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-9 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-10 {
  margin-left: 84.7457627119%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-10 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-11 {
  margin-left: 93.2203389831%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-11 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__col-offset-12 {
  margin-left: 101.694915254%;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__col-offset-12 {
    margin-left: 0;
  }
}

.market-hkex .mega-nav__cb {
  clear: both;
}

.market-hkex .mega-nav__cr {
  clear: right;
}

.market-hkex .mega-nav__cl {
  clear: left;
}

.market-hkex .mega-nav--last {
  margin-right: 0;
}

.market-hkex .mega-nav__fl {
  float: left;
}

.market-hkex .mega-nav__fr {
  float: right;
}

.market-hkex .mega-nav__level2-list {
  padding: 0;
}

.market-hkex .mega-nav__level2-item {
  margin-bottom: 36px;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__level2-item {
    margin-bottom: 0;
    border-bottom: 1px solid #EAEAEA;
  }
}

.market-hkex .mega-nav__level2-link {
  margin: 0;
  text-transform: uppercase;
  color: #10416c;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 0.8125rem;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__level2-link {
    padding: 11px 0 12px 35px;
    display: inline-block;
  }
}

.market-hkex .mega-nav__level3-list {
  margin: 8px 0 11px 0;
  padding-left: 0;
  padding-top: 13.5px;
  border-top: 1px solid #e72742;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__level3-list {
    padding-top: 0;
    border-top: 1px solid #EAEAEA;
    margin: 0;
  }
}

.market-hkex .mega-nav__level3-item {
  font-weight: 700;
  padding-top: 11px;
}

@media (max-width: 1000px) {
  .market-hkex .mega-nav__level3-item {
    padding-top: 0;
  }
}

.market-hkex .mega-nav__level3-item a {
  font-size: 0.8125rem;
  color: #10416c;
}

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

.market-hkex .mega-nav__level4-list {
  padding: 6px 0 0 0;
}

.market-hkex .mega-nav__item {
  list-style: none;
  margin-bottom: 9px;
}

.market-hkex .mega-nav__item a {
  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 a {
    padding: 7px 45px 7px 35px;
    font-size: 0.875rem;
    line-height: 1.43;
  }
}

.market-hkex .whats-on {
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
  float: left;
  background-color: #ffffff;
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .whats-on {
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .whats-on .whats-on__title {
    background-color: #10416c;
  }
}

@media (max-width: 1000px) {
  .market-hkex .whats-on .whats-on__title h2 {
    color: #ffffff;
  }
}

.market-hkex .whats-on .video-img-thumbnail {
  padding-top: 6px;
  padding-left: 30px;
  padding-right: 16px;
}

@media (max-width: 1000px) {
  .market-hkex .whats-on .video-img-thumbnail {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .whats-on .video-img-thumbnail li {
    width: 47.3684210526%;
    float: left;
    margin-bottom: 20px;
    min-height: 0;
  }
  .market-hkex .whats-on .video-img-thumbnail li:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .market-hkex .whats-on .video-img-thumbnail li:nth-child(2n + 2) {
    margin-left: 52.6315789474%;
    margin-right: -100%;
    clear: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .whats-on .add-ellipse {
    display: none;
  }
}

.market-hkex .whats-on {
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
  float: left;
  background-color: #ffffff;
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .whats-on {
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .whats-on .whats-on__title {
    background-color: #10416c;
  }
}

@media (max-width: 1000px) {
  .market-hkex .whats-on .whats-on__title h2 {
    color: #ffffff;
  }
}

.market-hkex .whats-on .video-img-thumbnail {
  padding-top: 6px;
  padding-left: 30px;
  padding-right: 16px;
}

@media (max-width: 1000px) {
  .market-hkex .whats-on .video-img-thumbnail {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .whats-on .video-img-thumbnail li {
    width: 47.3684210526%;
    float: left;
    margin-bottom: 20px;
    min-height: 0;
  }
  .market-hkex .whats-on .video-img-thumbnail li:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .market-hkex .whats-on .video-img-thumbnail li:nth-child(2n + 2) {
    margin-left: 52.6315789474%;
    margin-right: -100%;
    clear: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .whats-on .add-ellipse {
    display: none;
  }
}

.market-hkex .listing-process__body, .market-hkex .contact-us__body, .market-hkex .quick-links__body {
  color: #9d9d9d;
  height: auto;
  float: left;
  padding: 0 20px 20px 24px;
}

.market-hkex .listing-process {
  background: #ffffff;
  border-bottom: 1px solid #a1b4c5;
  margin: 0px 0px 20px 0px;
  position: relative;
  float: left;
}

@media (min-width: 1000px) {
  .market-hkex .listing-process {
    margin-top: 20px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .listing-process {
    background-image: url("../image/listing-process-bkg.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.market-hkex .listing-process__title h2 {
  font-size: 1.125rem;
  float: left;
}

@media (max-width: 767px) {
  .market-hkex .listing-process__title h2 {
    font-size: 0.875rem;
  }
}

@media (max-width: 1000px) {
  .market-hkex .listing-process__title h2 {
    width: 100%;
  }
}

/*Edit by Henry*/
.market-hkex .l-full-width .listing-process__download {
  font-size: 0.875rem;
  position: absolute;
  right: 20px;
  top: 16px;
}

.market-hkex .content-container .listing-process__download {
  font-size: 0.875rem;
  position: absolute;
  right: 40px;
  top: 16px;	
}

@media (max-width: 1000px) {
  .market-hkex .l-full-width .listing-process__download {
    position: static;
    margin: 25px 0 30px 30px;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .market-hkex .l-full-width .listing-process__download {
    margin-left: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .content-container .listing-process__download {
    position: static;
    margin: 25px 0 30px 30px;
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .market-hkex .content-container .listing-process__download {
    margin-left: 20px;
  }
}
/*Edit by Henry*/

.market-hkex .listing-process__body .content {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  margin-right: 0;
}

@media (max-width: 1000px) {
  .market-hkex .listing-process__body .content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 20px 0 0;
    margin-bottom: 45px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .listing-process__body .content {
    padding: 20px 50px 20px 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .listing-process__body .content:first-child {
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
  }
}

.market-hkex .listing-process__body .content .label {
  font-size: 1.875rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 0.075rem;
  color: #10416c;
}

.market-hkex .listing-process__body .content .descripttion {
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0.03125rem;
  color: #10416c;
  margin-bottom: 35px;
  margin-top: 15px;
}

@media (max-width: 1000px) {
  .market-hkex .listing-process__body .content .descripttion {
    margin-bottom: 30px;
  }
}

.market-hkex .contact-us {
  background: #ffffff;
  border-bottom: 1px solid #a1b4c5;
  margin: 0 0 20px;
  width: 66.1016949153%;
  float: left;
  margin-right: 1.6949152542%;
}

@media (max-width: 1000px) {
  .market-hkex .contact-us {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .contact-us__title h2 {
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  .market-hkex .contact-us__title h2 {
    font-size: 0.875rem;
  }
}

.market-hkex .contact-us__body .form-input-text input {
  margin-top: 0;
}

.market-hkex .contact-us .contact-us__wrapper {
  background: #ffffff;
  float: left;
  width: 100%;
}

.market-hkex .contact-us .contact-us__form {
  padding: 0;
  float: left;
  width: 100%;
}

.market-hkex .contact-us .contact-us__form_column input,
.market-hkex .contact-us .contact-us__form_column textarea {
  width: 100%;
}

.market-hkex .contact-us .contact-us__form_column .btn-gray:hover {
  color: #ffffff;
}

.market-hkex .contact-us .contact-us__form_column .optional_text {
  color: #7d7d7d;
}

.market-hkex .contact-us .contact-us__form_column:first-child {
  float: left;
  width: 35%;
}

@media (max-width: 1000px) {
  .market-hkex .contact-us .contact-us__form_column:first-child {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact-us .contact-us__form_column:first-child {
    width: 100%;
  }
}

.market-hkex .contact-us .contact-us__form_column:nth-child(2n) {
  float: right;
  width: 62.5%;
  margin-left: 21px;
}

@media (min-width: 1000px) {
  .market-hkex .contact-us .contact-us__form_column:nth-child(2n) {
    width: 61%;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contact-us .contact-us__form_column:nth-child(2n) {
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact-us .contact-us__form_column:nth-child(2n) {
    width: 100%;
    margin-left: 0;
  }
}

.market-hkex .contact-us .contact-us__form_column:last-child {
  margin-top: 20px;
  float: right;
  width: 60%;
}

@media (max-width: 1000px) {
  .market-hkex .contact-us .contact-us__form_column:last-child {
    width: 100%;
  }
}

.market-hkex .contact-us .contact-us__form_text:nth-child(2n) {
  margin-top: 20px;
  float: right;
  float: none;
}

@media (max-width: 1000px) {
  .market-hkex .contact-us .contact-us__form_text:nth-child(2n) {
    margin-top: 0;
    margin-left: 15px;
    float: right;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact-us .contact-us__form_text:nth-child(2n) {
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contact-us .contact-us__form_text {
    width: 48.3050847458%;
    float: left;
    margin-right: 1.6949152542%;
    margin-right: 0;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .contact-us .contact-us__form_text {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0;
  }
}

.market-hkex .contact-us .contact-us .checkbox {
  width: 100%;
}

.market-hkex .contact-us .contact-us .checkbox label {
  font-size: 0.875rem;
  color: #10416c;
}

.market-hkex .contact-us .contact-us .checkbox input {
  border: 1px solid #d3d3d3;
}

.market-hkex .contact-us .contact-us .checkbox .btn-gray {
  padding: 15px 44px;
  float: right;
  background: #10416c;
  color: #ffffff;
  margin-top: -11px;
}

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

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

.market-hkex .contact-us .contact-us .form-input-text label {
  margin-top: 3px;
}

.market-hkex .contact-us .contact-us .form-input-text input {
  margin-top: 0;
}

@media (min-width: 1000px) {
  .market-hkex .contact-us .contact-us {
    position: relative;
    top: -125px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contact-us .contact-us {
    margin-top: 20px;
    float: left;
  }
}

.market-hkex .contact-us .contact-us__form_column:nth-child(3n) {
  width: 100%;
}

@media (max-width: 767px) {
  .market-hkex .contact-us .contact_us__form_subscription {
    width: 100%;
  }
}

.market-hkex .contact-us .btn-gray {
  background-color: #10416c;
  color: #ffffff;
  float: right;
}

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

.market-hkex .quick-links {
  background: #ffffff;
  border-bottom: 1px solid #a1b4c5;
  margin: 0 0 20px;
  width: 32.2033898305%;
  float: right;
  margin-right: 0;
}

@media (max-width: 1000px) {
  .market-hkex .quick-links {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .quick-links__title h2 {
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  .market-hkex .quick-links__title h2 {
    font-size: 0.875rem;
  }
}

.market-hkex .quick-links__body {
  padding: 0 20px 0 24px;
  width: 100%;
}

.market-hkex .fontsize-large .contact_us__form_column #subscribe {
  float: left;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contact_us__form_column .subscribe {
    margin-bottom: 20px;
    width: 90%;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .contact-us .contact_us__form_subscription {
    width: 34%;
  }
}

@media (min-width: 767px) {
  .market-hkex .faq-all-quesitons .title-for-tab-only {
    display: block;
  }
}

.market-hkex .faq-all-quesitons__section-title {
  padding: 0 !important;
}

.market-hkex .faq-all-quesitons__search-title {
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #10416c;
  margin-top: 16px;
}

@media (min-width: 767px) {
  .market-hkex .faq-all-quesitons .search-title-for-tab-only {
    display: block;
  }
}

.market-hkex .faq-all-quesitons__search-input {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #10416c;
  margin-top: 16px;
  margin-bottom: 30px;
}

.market-hkex .faq-all-quesitons__search-input input {
  line-height: 30px;
  padding: 0px 0px 0px 46px;
  font-size: 0.8125rem;
  width: 93.4%;
  height: 44px;
  font-size: 13px;
  border: solid 1px #dadada;
  background-image: url("../image/search-icon-blue.png");
  background-repeat: no-repeat;
  background-position: 14px 14px;
  -webkit-appearance: none;
  border-radius: 0;
}

.market-hkex .faq-all-quesitons__item-section {
  margin-bottom: 20px;
}

.market-hkex .faq-all-quesitons__item-title-section {
  line-height: 24px;
  margin-top: 12px;
}

.market-hkex .faq-all-quesitons .load-more {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #10416c;
  text-align: center;
  line-height: 55px;
  border-top: 1px solid #cdd8e1;
  padding-left: 0;
  padding-right: 0;
}

.market-hkex .faq-all-quesitons .load-more a {
  cursor: pointer;
  text-decoration: none;
}

.market-hkex .faq-all-quesitons .load-more a:hover {
  text-decoration: underline;
}

.market-hkex .faq-all-quesitons .load-more img {
  margin-right: 5px;
}

.market-hkex .bottom-padding {
  padding-bottom: 42px;
}

.market-hkex .wl-feature {
  margin-top: 20px;
  float: left;
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .wl-feature {
    margin-top: 10px;		/* Edit by Henry Date:22/3/2017 UAT log #4125 */
  }
}

.market-hkex .wl-feature__column {
  width: 23.7288135593%;
  float: left;
  margin-right: 1.6949152542%;
  margin-right: 0;
  padding: 0 23px 20px 14px;
  margin-left: 10px;
  border-right: 1px solid #899bac;
  /*min-height: 178px;*/
}

.market-hkex .wl-feature__column:last-child {
  float: right;
  border-right: none;
}

@media (max-width: 1000px) {
  .market-hkex .wl-feature__column {
    width: 49.1525423729%;
    float: left;
    margin-right: 1.6949152542%;
    min-height: 134px;
    margin-right: 0;
    margin-left: 0;
  }
  .market-hkex .wl-feature__column:nth-child(2n) {
    border-right: none;
  }
  .market-hkex .wl-feature__column:nth-child(3n) {
    border-top: 1px solid #899bac;
    padding-top: 19px;
  }
  .market-hkex .wl-feature__column:last-child {
    float: left;
    border-top: 1px solid #899bac;
    padding-top: 19px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-feature__column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border: none;
    border-bottom: 1px solid #899bac;
    min-height: auto;
    padding: 18px 0;
  }
  .market-hkex .wl-feature__column:last-child {
    border-top: none;
    border-bottom: none;
  }
  .market-hkex .wl-feature__column:nth-child(3n) {
    border-top: none;
  }
}

.market-hkex .wl-feature__wrapper {
  background-color: #10416c;
  color: #ffffff;
  width: 100%;
  float: left;
  text-align: center;
  padding: 48px 0 40px 0;
}

@media (min-width: 1000px) {
  .market-hkex .wl-feature__wrapper {
    background-image: url("../image/wl-feature-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 257px;*/
  }
}

@media (max-width: 1000px) {
  .market-hkex .wl-feature__wrapper {
    padding: 29px 27px 27px 28px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-feature__wrapper {
    padding: 22px 20px;
  }
}

.market-hkex .wl-feature__text {
  line-height: 1.5;
  text-align: center;
  font-size: 1rem;
  margin-top: 24px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-feature__text {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-feature__text {
    float: right;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: left;
  }
}

.market-hkex .wl-feature__title {
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 1.7px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-feature__title {
    font-size: 1.625rem;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-feature__title {
    float: left;
    width: 100%;
    text-align: left;
  }
}

.market-hkex .fontsize-large .wl-feature__column {
  padding-left: 5px;
  padding-right: 15px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .wl-feature__column {
    min-height: 260px;
  }
}

.market-hkex .fontsize-large .wl-feature__wrapper {
  padding-top: 40px;
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .wl-feature__wrapper {
    background-size: cover;
  }
}

.market-hkex .fontsize-large .wl-feature__text {
  margin-top: 24px;
  margin-bottom: 15px;
}

.market-hkex .wl-summary__wrapper {
  background: url("../image/wl-summary-bg.png") no-repeat;
  float: left;
  width: 100%;
  /*padding: 21px 31px;*/
  background-size: cover;
}

@media (max-width: 1000px) {
  .market-hkex .wl-summary__wrapper {
    background: #FFF;
    padding: 15px 20px 12px 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-summary__wrapper {
    padding: 20px 13px;
  }
}

.market-hkex .wl-summary__column {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  margin-right: 0;
}

.market-hkex .wl-summary__column:first-child {
  padding:21px 31px;
}

.market-hkex .wl-summary__column:last-child {
  float: right;
  text-align: right;
  /*padding-top: 1em;*/
}

@media (max-width: 1000px) {
  .market-hkex .wl-summary__column:last-child {
    /*padding-top: 4em;*/
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-summary__column:last-child {
    /*padding-top: 2em;*/
  }
}

.market-hkex .wl-summary__column img {
  max-width: 100%;
}

@media (max-width: 767px) {
  .market-hkex .wl-summary__column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .wl-summary__title {
  font-size: 1.875rem;
  font-weight: normal;
  line-height: 1.6;
  color: #10416c;
  text-transform: uppercase;
}

.market-hkex .wl-summary__text-bold {
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.52;
  color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .wl-summary__text-bold {
    font-size: 1.125rem;
    margin-top: 12px;
  }
}

.market-hkex .wl-summary__text {
  font-size: 1rem;
  line-height: 1.5;
  color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .wl-summary__text {
    font-size: 0.875rem;
  }
}

.market-hkex .wl-summary__download {
  margin-top: 24px;
}

.market-hkex .wl-summary__download a {
  font-weight: bold;
  text-decoration: none;
  font-size: 1rem;
  color: #10416c;
}

.market-hkex .wl-summary__download a:hover, .market-hkex .wl-summary__download a:visited, .market-hkex .wl-summary__download a:focus {
  text-decoration: none;
}

.market-hkex .wl-summary__download a span {
  color: #3C7EB8;
  text-decoration: underline;
}

.market-hkex .wl-summary__download a .download-icon {
  margin-right: 10px;
}

.market-hkex .wl-summary__download a .download-icon img {
  margin-top: -5px;
}

.market-hkex .wl-summary__download a .pdf-icon {
  margin-left: 4px;
}

.market-hkex .wl-newsletter {
  color: #10416c;
}

.market-hkex .wl-newsletter__wrapper {
  background: #ffffff url("../image/wl-newsletter-bg.png") no-repeat;
  background-size: cover;
  float: left;
  width: 100%;
  padding: 21px 52px 42px 52px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__wrapper {
    background: #eaf0f3;
    padding: 21px 22px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__wrapper {
    background: none;
    padding: 0 0;
  }
}

.market-hkex .wl-newsletter__column {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  margin-right: 0;
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__column {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background: #eaf0f3;
    padding: 30px 20px;
  }
  .market-hkex .wl-newsletter__column:last-child {
    background: #ffffff;
  }
}

.market-hkex .wl-newsletter__btn {
  margin-top: 19px;
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__btn {
    margin-top: 0px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    position: relative;
    left: 50%;
  }
}

.market-hkex .wl-newsletter__title {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #10416c;
  text-transform: uppercase;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__title {
    letter-spacing: 0.7px;
  }
}

.market-hkex .wl-newsletter__inner {
  float: left;
  width: 100%;
}

.market-hkex .wl-newsletter__inner-col {
  width: 49.1525423729%;
  float: left;
  margin-right: 1.6949152542%;
  margin-right: 0;
  width: 60%;
}

.market-hkex .wl-newsletter__inner-col:last-child {
  float: right;
  text-align: right;
  width: 38%;
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__inner-col {
    margin-top: 2px;
  }
}

.market-hkex .wl-newsletter__qlinks {
  /*padding: 0;
  margin: 0 0 0 36px;
  width: 70%;*/
   background: #ffffff;
  border-bottom: 1px solid #a1b4c5;
  margin: 0 0 20px;
  width: 32.2033898305%;
  float: right;
  margin-right: 0;
  padding-left: 26px;
  padding-right: 20px;
  padding-bottom: 12px;
  margin-top:-21px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__qlinks {
    margin: 0 0 0 23px;
	/* new wl style*/
	width:100%;
	margin-right: 0px;
    padding-left: 20px;
    margin-top: -21px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__qlinks {
    width: 100%;
    margin: 0;
	margin-top:-22px;
  }
}

.market-hkex .wl-newsletter__qlinks li a:visited, .market-hkex .wl-newsletter__qlinks li a:focus {
  color: #ffffff;
  text-decoration: none;
  color: #10416c;
}

.market-hkex .wl-newsletter__nwtitle {
  margin-bottom: 24px;
  margin-top: 24px;
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__nwtitle {
    margin-top: 18px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__nwtitle {
    margin-top: 0;
  }
}

.market-hkex .wl-newsletter__qltitle {
  /*margin-left: 36px;
  margin-top: 44px;
  margin-bottom: 24px;
  width: 100%;*/
  background: #ffffff;
  border-bottom: 1px solid #a1b4c5;
  margin: 0 0 20px;
  width: 32.2033898305%;
  float: right;
  margin-right: 0;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 4px solid #e72742;  
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__qltitle {
    border-left: 4px solid #e72742;
    padding: 13px 16px 13px 16px;
    margin-top: 32px;
    margin-left: 0;
	/* new WL STYLE*/
	width:100%;
	margin-right:0px;
	margin-top:20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__qltitle {
    margin-left: -20px;
  }
}

.market-hkex .wl-newsletter__subtitle {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.43;
}

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

.market-hkex .wl-newsletter__rlinks li {
  font-size: 0.875rem;
  line-height: 2.14;
  color: #10416c;
  list-style-type: none;
}

.market-hkex .wl-newsletter__rlinks li::before {
  content: "";
  display: inline-block;
  background: url("../image/check_mark.png") no-repeat 0 center;
  width: 14px;
  height: 10px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__rlinks li {
    line-height: 1.79;
    margin-left: 15px;
  }
  .market-hkex .wl-newsletter__rlinks li::before {
    margin-left: -15px;
  }
}

.market-hkex .wl-newsletter__rlinks li a:visited, .market-hkex .wl-newsletter__rlinks li a:focus {
  color: #ffffff;
  text-decoration: none;
  color: #10416c;
}

.market-hkex .wl-newsletter__chart {
  max-width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__chart {
    margin-left: 8%;
  }
}

.market-hkex .wl-newsletter__form {
  float: left;
  width: 100%;
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__form {
    text-align: center;
    margin-top: 10px;
  }
}

@media (max-width: 320px) {
  .market-hkex .wl-newsletter__form {
    text-align: center;
    margin-top: 0;
  }
}

.market-hkex .wl-newsletter__form input {
  padding: 18px;
  border: 1px solid #cbcbcb;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__form input {
    width: 100%;
  }
}

.market-hkex .wl-newsletter__form button {
  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 button {
    margin-left: 0;
    margin-top: 15px;
  }
}

.market-hkex .wl-newsletter__form .system-msg {
  display: none;
  padding: 5px;
  font-size: 0.75rem;
  width: 100%;
  float: left;
  margin-top: -10px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__form .system-msg {
    position: relative;
    top: -6.3em;
  }
}

.market-hkex .wl-newsletter__form .error {
  color: #e72742;
  display: block;
}

.market-hkex .wl-newsletter__form .success {
  color: #7ed321;
  display: block;
}

.market-hkex .wl-newsletter__form .display-error {
  display: block !important;
  width: 10px;
  float: right;
  color: #e72742;
  position: relative;
  top: -37px;
  right: 10px;
}

.market-hkex .wl-newsletter__form .display-success {
  display: block !important;
  width: 10px;
  float: right;
  color: #7ed321;
  position: relative;
  top: -40px;
  right: 10px;
}

.market-hkex .wl-newsletter__form .email::-ms-clear {
  display: none;
}

.market-hkex .wl-newsletter__email-holder {
  width: 68%;
  float: left;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__email-holder {
    width: 100%;
  }
}

.market-hkex .wl-newsletter__btn-holder {
  width: 30%;
  float: left;
}

@media (max-width: 1000px) {
  .market-hkex .wl-newsletter__btn-holder {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-newsletter__btn-holder {
    text-align: center;
    width: 100%;
  }
}

.market-hkex .wl-newsletter form .cancel, .market-hkex .wl-newsletter form .right {
  display: none;
}

.market-hkex .fontsize-large .wl-newsletter__form .display-error {
  top: -2.2em;
}

.market-hkex .fontsize-large .wl-newsletter__form .display-success {
  top: -2.2em;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .wl-newsletter__form .system-msg {
    top: -5.8em;
  }
}

.market-hkex .fontsize-large .wl-newsletter__btn {
  padding-left: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .wl-newsletter__btn {
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .wl-newsletter__rlinks li {
    margin-left: 15px;
    line-height: 1.43;
  }
  .market-hkex .fontsize-large .wl-newsletter__rlinks li::before {
    margin-left: -15px;
  }
}

.market-hkex .fontsize-small .wl-newsletter__form {
  margin-top: 15px;
}

.market-hkex .fontsize-small .wl-newsletter__form .display-error {
  top: -3em;
}

.market-hkex .fontsize-small .wl-newsletter__form .display-success {
  top: -3em;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .wl-newsletter__form .system-msg {
    top: -8.3em;
  }
}

.market-hkex .fontsize-small .wl-newsletter__btn {
  padding-left: 61px;
  padding-top: 26px;
}

.market-hkex .wl-nextstep__wrapper {
  background: #ffffff url("../image/wl-feature-bg.png") no-repeat;
  background-size: 100% 100%;
  padding: 28px 55px;
  float: left;
  width: 100%;
}

.market-hkex .wl-nextstep__wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .wl-nextstep__wrapper {
    padding: 28px 20px;
    background: #10416c;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-nextstep__wrapper {
    padding: 23px 22px 31px 22px;
  }
}

.market-hkex .wl-nextstep__btn {
  margin-top: 0;
  float: right;
  width: 276px;
  height: 68px;
}

@media (max-width: 767px) {
  .market-hkex .wl-nextstep__btn {
    float: none;
    width: 100%;
    margin-top: 22px;
  }
}

.market-hkex .wl-nextstep__text {
  margin: 0;
  padding: 15px 0 0 0;
  float: left;
  color: #ffffff;
  font-size: 1.3125rem;
  line-height: 1.57;
  width: 53%;
}

@media (max-width: 1000px) {
  .market-hkex .wl-nextstep__text {
    padding: 0 0 0 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-nextstep__text {
    width: 100%;
    float: none;
    text-align: center;
    padding: 0 30px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .wl-nextstep {
    position: relative;
    top: 275px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .wl-nextstep {
    top: 270px;
  }
}

.market-hkex .fontsize-large .wl-nextstep__btn {
  padding-left: 20px;
}

.market-hkex .fontsize-large .wl-nextstep__text {
  padding: 0;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .wl-nextstep__text {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .wl-nextstep__text {
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .wl-nextstep {
    top: 273px;
  }
}

.market-hkex .fontsize-small .wl-nextstep__btn {
  padding-left: 61px;
  padding-top: 26px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .wl-nextstep__text {
    padding: 25px 0 0 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .wl-nextstep__text {
    padding: 0 0 0 0;
  }
}

@media (min-width: 767px) {
  .market-hkex .faq-all-quesitons .title-for-tab-only {
    display: block;
  }
}

.market-hkex .faq-all-quesitons__section-title {
  padding: 0 !important;
}

.market-hkex .faq-all-quesitons__search-title {
  text-transform: uppercase;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #10416c;
  margin-top: 16px;
}

@media (min-width: 767px) {
  .market-hkex .faq-all-quesitons .search-title-for-tab-only {
    display: block;
  }
}

.market-hkex .faq-all-quesitons__search-input {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #10416c;
  margin-top: 16px;
  margin-bottom: 30px;
}

.market-hkex .faq-all-quesitons__search-input input {
  line-height: 30px;
  padding: 0px 0px 0px 46px;
  font-size: 0.8125rem;
  width: 93.4%;
  height: 44px;
  font-size: 13px;
  border: solid 1px #dadada;
  background-image: url("../image/search-icon-blue.png");
  background-repeat: no-repeat;
  background-position: 14px 14px;
  -webkit-appearance: none;
  border-radius: 0;
}

.market-hkex .faq-all-quesitons__item-section {
  margin-bottom: 20px;
}

.market-hkex .faq-all-quesitons__item-title-section {
  line-height: 24px;
  margin-top: 12px;
}

.market-hkex .faq-all-quesitons .load-more {
  font-size: 0.6875rem;
  font-weight: bold;
  color: #10416c;
  text-align: center;
  line-height: 55px;
  border-top: 1px solid #cdd8e1;
  padding-left: 0;
  padding-right: 0;
}

.market-hkex .faq-all-quesitons .load-more a {
  cursor: pointer;
  text-decoration: none;
}

.market-hkex .faq-all-quesitons .load-more a:hover {
  text-decoration: underline;
}

.market-hkex .faq-all-quesitons .load-more img {
  margin-right: 5px;
}

.market-hkex .bottom-padding {
  padding-bottom: 42px;
}

.market-hkex .listing-committee__brief {
  font-size: 0.875rem;
  line-height: 1.43;
  color: #10416c;
  margin-bottom: 18px;
  margin-top: 4px;
}

@media (max-width: 1000px) {
  .market-hkex .listing-committee__brief {
    margin-top: 12px;
  }
}

.market-hkex .listing-committee__brief-download {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #10416c;
}

.market-hkex .listing-committee__brief-download a {
  font-weight: 700;
  text-decoration: underline;
}

.market-hkex .listing-committee__brief-download a:after {
  content: url("../image/pdf.png");
  width: 1.25rem;
  height: 0.6875rem;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.market-hkex .listing-committee__list-title h2 {
  font-size: 1.125rem;
}

@media (max-width: 1000px) {
  .market-hkex .listing-page-content-container {
    margin-top: 0px;
  }
}

.market-hkex .listing-page-content-container .listing-committee-quick-link {
  width: 100%;
  float: left;
}

@media (max-width: 1000px) {
  .market-hkex .listing-page-content-container .listing-committee-quick-link {
    margin-bottom: 20px;
  }
}

@media (min-width: 1001px) {
  .market-hkex .wl-contact {
    /*position: relative;
    top: -131px;*/
  background: #ffffff;
  border-bottom: 1px solid #a1b4c5;
  margin: 0 0 20px;
  width: 66.1016949153%;
  float: left;
  margin-right: 1.6949152542%;
	
  }
}

@media (max-width: 1000px) {
  .market-hkex .wl-contact {
    margin-top: 20px;
    float: left;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-large .wl-contact {
    top: -153px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .fontsize-small .wl-contact {
    top: -124px;
  }
}

.market-hkex .ls-process {
  color: #10416c;
  margin-top: 30px;
}

.market-hkex .ls-process:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process {
    margin-top: 0;
  }
}

.market-hkex .ls-process__container {
  background-color: #fff;
}

.market-hkex .ls-process__header {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  padding-left: 30px;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__header {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .ls-process__wrapper {
  padding-top: 30px;
}

.market-hkex .ls-process__wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 767px) {
  .market-hkex .ls-process__wrapper {
    background: url("../image/lighblue-bkg.png") no-repeat;
    background-size: cover;
  }
}

.market-hkex .ls-process__header-title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 1.2px;
  margin-top: 0;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__header-title {
    font-size: 0.875rem;
    line-height: 1.14;
    letter-spacing: 0.2px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__header-title {
    margin-bottom: 10px;
  }
}

.market-hkex .ls-process__header-title span {
  color: #e72742;
}

.market-hkex .ls-process__rule-holder {
  padding-left: 134px;
  padding-right: 44px;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__rule-holder {
    padding-left: 114px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__rule-holder {
    padding-left: 25px;
    padding-right: 19px;
  }
}

.market-hkex .ls-process__rule {
  margin: 30px 0;
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__rule {
    margin: 25px 0;
  }
}

.market-hkex .ls-process__header-title-sub {
  width: 249px;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0.5px;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__header-title-sub {
    width: auto;
  }
}

.market-hkex .ls-process__header-title-sub span {
  font-weight: bold;
}

.market-hkex .ls-process__header-title-sub a {
  text-decoration: underline;
}

.market-hkex .ls-process__description {
  padding-right: 41px;
  width: 66.1016949153%;
  float: right;
  margin-right: 0;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__description {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
  }
}

.market-hkex .ls-process__description-text {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-top: 0;
  margin-bottom: 36px;
}

.market-hkex .ls-process__download {
  display: block;
  margin-bottom: 40px;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__download {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__download {
    margin-bottom: 0;
  }
}

.market-hkex .expandAll {
  float: right;
  margin: 20px 0;
  font-size: 0.875rem;
  color: #10416c;
  cursor: pointer;
  padding: 0 0 0 20px;
  text-decoration: none !important;
}

.market-hkex .ls-process__rule-holder a[aria-expanded='false'] {
  background: url("../image/expand.svg") no-repeat left center;
}

.market-hkex .ls-process__rule-holder a[aria-expanded='true'] {
  background: url("../image/collapse.svg") no-repeat left center;
}

.market-hkex .fontsize-large .ls-process__header-title {
  font-size: 30px;
}

.market-hkex .show-reel__img2-play-button {
  float: left;
  display: block;
  width: 51px;
  height: 51px;
  background: url("../image/play.png") no-repeat;
  background-size: contain;
  top: 37%;
  margin-left: 45% !important;
  opacity: 0.8;
  border-radius: 48%;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  font-size: 0.1px;
  position: absolute;
  margin-top:7%;
}

.market-hkex .show-reel__img-play-button {
  float: left;
  display: block;
  width: 51px;
  height: 51px;
  background: url("../image/play.png") no-repeat;
  background-size: contain;
  top: 37%;
  margin-left: 45%;
  opacity: 0.8;
  border-radius: 48%;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: transparent;
  font-size: 0.1px;
  position: absolute;
  margin-top:41%
}


@media (max-width: 1000px) {
  .market-hkex .show-reel__img-play-button, .market-hkex .show-reel__img2-play-button {
    top: -188px;
    margin-left: 46%;
  }
}

@media (max-width: 767px) {
  .market-hkex .show-reel__img-play-button, .market-hkex .show-reel__img2-play-button {
    top: 56px;
    margin-left: 48%;
    width: 35px;
    height: 35px;
	margin-top:0%;
  }
}

@media (max-width: 500px) {
  .market-hkex .show-reel__img-play-button, .market-hkex .show-reel__img2-play-button {
    margin-left: 46%;
  }
}

.market-hkex .show-reel {
  float: left;
  width: 100%;
}

.market-hkex .show-reel__wrapper {
  /*background-image: url("../image/videoRedbkg.png");*/
}

@media (max-width: 1000px) {
  .market-hkex .show-reel__wrapper {
	background-image: url("../image/videoRedbkg.png");
    height: 380px;
  }
}

@media (max-width: 767px) {
  .market-hkex .show-reel__wrapper {
	background-image: url("../image/videoRedbkg.png");
    height: 276px;
  }
}

.market-hkex .show-reel h2 {
  font-size: 1.125rem;
  color: #ffffff;
  line-height: 22px;
  font-weight: bold;
  padding-top: 17px;
  padding-left: 31px;
  padding-bottom: 22px;
  width: 100%;
  display:none;
}
@media (max-width: 767px) {
	.market-hkex .show-reel h2 {
	display:block;
	}
}

@media (max-width: 1000px) {
	.market-hkex .show-reel h2 {
	display:block;
	}
}
/*Edit by Edawrd, Date:6/6/2017 Reason: New Design*/	


.market-hkex .show-reel__left {
  position: relative;
  display: block;
  width: 49.1%;
  /*padding-left: 70px; 
  padding-bottom: 58px;Edit by Edawrd, Date:6/6/2017 Reason: New Design*/
}
@media (max-width: 767px) {
	.market-hkex .show-reel__left {
   padding-left: 70px; 
  padding-bottom: 58px; 
}
}
 /*Edit by Edawrd, Date:6/6/2017 Reason: New Design*/


@media (max-width: 1000px) {
  .market-hkex .show-reel__left {
    display: none;
  }
}

.market-hkex .show-reel__left img {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.market-hkex .show-reel__right {
  position: relative;
  display: inline-block;
  /*padding-left: 22px;
  padding-bottom: 58px;
  padding-right: 60px;  Edit by Edawrd, Date:6/6/2017 Reason: New Design*/
  width: 50.9%;
  vertical-align:top
}

@media (max-width: 1000px) {
  .market-hkex .show-reel__right {
    display: none;
  }
}
@media (max-width: 767px) {
 .market-hkex .show-reel__right {
  padding-left: 22px;
  padding-bottom: 58px;
  padding-right: 60px;   
  }
}
 /*Edit by Edawrd, Date:6/6/2017 Reason: New Design*/

.market-hkex .show-reel__right .leftimg {
  width: 50%;
  float: left;
  margin-right:0;
}
/*Edit by Edawrd, Date:6/6/2017 Reason: New Design*/
.market-hkex .show-reel__right .rightimg {
  width: 50%;
  float: right;
  margin-right: 0;
}
/*Edit by Edawrd, Date:6/6/2017 Reason: New Design*/
.market-hkex .show-reel__right .bottomimg {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  /*margin-top: 30px;*/
}
.market-hkex .show-reel__right .bottomimg img{
  width:100%
}


.market-hkex .show-reel__right .playbutton {
  width: 43.7px;
  bottom: 29%;
  position: absolute;
  left: 41%;
  opacity: 0.7;
}

.market-hkex .show-reel__img-play-button:focus, .market-hkex .show-reel__img-play-button:hover {
  opacity: 0.4;
  outline: none;
}

.market-hkex .show-reel__img2-play-button {
  top: 63%;
  margin-left: 40%;
}

.market-hkex .show-reel__img2-play-button:focus, .market-hkex .show-reel__img2-play-button:hover {
  opacity: 0.4;
  outline: none;
}

.market-hkex .show-reel__tablet-mobile {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .show-reel__tablet-mobile {
    display: block;
  }
}

.market-hkex .show-reel__tablet-mobile .carousel-indicators {
  bottom: -54px;
}

@media (max-width: 767px) {
  .market-hkex .show-reel__tablet-mobile .carousel-indicators {
    bottom: 48px;
  }
}

.market-hkex .show-reel__tablet-mobile .carousel-indicators li {
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  margin-left: 16.2px;
}

.market-hkex .show-reel__tablet-mobile .carousel-indicators li.active {
  background-color: #10416c;
  margin: 1px;
  margin-left: 16.2px;
}

.market-hkex .show-reel__tablet-mobile .carousel-inner {
  height: 262px;
}

.market-hkex .show-reel__tablet-mobile .carousel-inner .item img {
  max-width: 466px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .market-hkex .show-reel__tablet-mobile .carousel-inner .item img {
    max-width: 280px;
  }
}

.market-hkex .show-reel .modal-content {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 550px;
  width: 100%;
  float: left;
  margin: auto;
}

@media (max-width: 1000px) {
  .market-hkex .show-reel .modal-content {
    margin-left: 0;
    max-height: 390px;
  }

}

@media (max-width: 450px) {

  .market-hkex .show-reel .modal-content {
    max-height: 360px;

  }


}

@media (max-width: 400px) {
  .market-hkex .show-reel .modal-content {
    max-height: 330px;

  }



}

@media (max-width: 350px) {
  .market-hkex .show-reel .modal-content {
    max-height: 310px;



  }



}

.market-hkex .show-reel .modal-dialog {
  margin: 0 auto;
  height: 100%;
}

.market-hkex .show-reel .modal-dialog-fs {
  max-width: 100%;
  position: fixed;
  height: 100%;
  margin: 0;
}

.market-hkex .show-reel .embed-responsive {
  position: relative;
  padding: 0;
  text-align: center;
  margin-bottom: 5%;
}

.market-hkex .show-reel .embed-responsive .embed-responsive-item,
.market-hkex .show-reel .embed-responsive iframe,
.market-hkex .show-reel .embed-responsive embed,
.market-hkex .show-reel .embed-responsive object,
.market-hkex .show-reel .embed-responsive video {
  width: 80%;
}

@media (max-width: 1000px) {
  .market-hkex .show-reel .embed-responsive .embed-responsive-item,
  .market-hkex .show-reel .embed-responsive iframe,
  .market-hkex .show-reel .embed-responsive embed,
  .market-hkex .show-reel .embed-responsive object,
  .market-hkex .show-reel .embed-responsive video {
    max-height: 301px;
  }
}

.market-hkex .show-reel .embed-responsive img {
  max-height: 450px;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__step-wrapper {
    margin-left: 6px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step-wrapper {
    margin-left: 2px;
  }
}

.market-hkex .ls-process__gallery:after {
  content: "";
  display: table;
  clear: both;
}

.market-hkex .ls-process__gallery-item {
  width: 28.5714285714%;
  float: left;
}

.market-hkex .ls-process__gallery-item:nth-child(3n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.market-hkex .ls-process__gallery-item:nth-child(3n + 2) {
  margin-left: 30.612244898%;
  margin-right: -100%;
  clear: none;
}

.market-hkex .ls-process__gallery-item:nth-child(3n + 3) {
  margin-left: 61.2244897959%;
  margin-right: -100%;
  clear: none;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__gallery-item {
    width: 38.7755102041%;
    float: left;
  }
  .market-hkex .ls-process__gallery-item:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .market-hkex .ls-process__gallery-item:nth-child(2n + 2) {
    margin-left: 40.8163265306%;
    margin-right: -100%;
    clear: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__gallery-item {
    width: 49.1525423729%;
    float: left;
  }
  .market-hkex .ls-process__gallery-item:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .market-hkex .ls-process__gallery-item:nth-child(2n + 2) {
    margin-left: 50.8474576271%;
    margin-right: -100%;
    clear: none;
  }
}

.market-hkex .ls-process__gallery-img {
  margin: 0 auto;
  width: 85px;
  height: 85px;
  background-color: #d8d8d8;
  border-radius: 50%;
  display: block;
}

.market-hkex .ls-process__gallery-desc {
  text-align: center;
  line-height: 1.43;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .market-hkex .ls-process__gallery-desc {
    width: 130px;
    margin: 15px auto 20px auto;
  }
}

.market-hkex .ls-process__step3:after {
  content: "";
  display: table;
  clear: both;
}

.market-hkex .ls-process__step3__component {
  float: left;
  width: 96%;
}

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

.market-hkex .ls-process__step3__table {
  width: 48.9795918367%;
  float: left;
  margin-right: 2.0408163265%;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__step3__table {
    width: 70.5882352941%;
    float: left;
    margin-right: 2.9411764706%;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step3__table {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .ls-process__step3__table table {
  width: 96%;
  border-collapse: collapse;
  font-size: 0.75rem;
  border-bottom: 1px solid #d1dde6;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step3__table table {
    width: 100%;
    border-left: none;
  }
}

.market-hkex .ls-process__step3__table table tbody {
  border-left: 1px solid #d1dde6;
}

.market-hkex .ls-process__step3__table table th {
  background: #10416c;
  font-weight: bold;
  padding-right: 15px;
  padding-left: 20px;
  color: #ffffff;
  width: 33%;
  border-right: 1px solid #10416c;
  text-align: right;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__step3__table table th:last-child {
    border-right: 1px solid #10416c;
  }
}

.market-hkex .ls-process__step3__table table tr {
  height: 55px;
  text-align: right;
}

.market-hkex .ls-process__step3__table table tr:nth-child(even) {
  background: #f2f6f8;
}

.market-hkex .ls-process__step3__table table td {
  border-right: 1px solid #d1dde6;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step3__table table td:nth-last-child {
    border-right: none;
  }
}

.market-hkex .ls-process__step3__cal {
  width: 48.9795918367%;
  float: right;
  margin-right: 0;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__step3__cal {
    width: 70.5882352941%;
    float: left;
    margin-right: 2.9411764706%;
  }
}

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

.market-hkex .ls-process__step3__cal ul {
  width: 96%;
  padding: 0;
  list-style: none;
  margin: 0 0 30px 0;
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step3__cal ul {
    width: 100%;
  }
}

.market-hkex .ls-process__step3__cal__title {
  min-height: 55px;
  font-size: 0.8125rem;
  font-weight: bold;
  background: #10416c;
  color: #ffffff;
  padding: 0 0 0 20px;
}

.market-hkex .ls-process__step3__cal__title div {
  margin: 0;
  padding: 20px 0;
  line-height: 1;
}

.market-hkex .ls-process__step3__cal__child {
  border-left: 1px solid #d1dde6;
  border-bottom: 1px solid #d1dde6;
  border-right: 1px solid #d1dde6;
  padding: 20px 25px 15px 20px;
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step3__cal__child {
    border-right: none;
    border-left: none;
  }
}

.market-hkex .ls-process__step3__cal__child input {
  height: 35px;
  border: 1px solid #b5c7d8;
  padding-right: 12px;
  -webkit-appearance: none;
  border-radius: 0;
}

.market-hkex .ls-process__step3__cal__child label,
.market-hkex .ls-process__step3__cal__child select {
  display: block;
}

.market-hkex .ls-process__step3__cal__child > div {
  display: inline-block;
}

.market-hkex .ls-process__step3__cal__input-number {
  width: 180px;
  text-align: right;
}

.market-hkex .ls-process__step3__cal__input-value {
  width: 40%;
  float: left;
  text-align: right;
}

.market-hkex .ls-process__step3__cal__select-group {
  margin-top: 0 !important;
  font-size: 0.75rem;
  font-weight: bold;
  border: solid 1px #b5c7d8 !important;
  line-height: 35px;
}

.market-hkex .ls-process__step3__cal__subTitle {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.5;
  color: #10416c;
  float: left;
}

.market-hkex .ls-process__step3__cal__subPanel {
  width: 100%;
  margin-top: 8px;
}

.market-hkex .ls-process__step3__cal__symbol {
  float: left;
  margin: 0 2% 0 3%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5%;
}

.market-hkex .ls-process__step3__cal__show-result {
  float: right;
  margin-top: 10px;
}

.market-hkex .ls-process__step3__cal__show-value {
  float: right;
}

.market-hkex .ls-process__step3__cal__panel-wrapper {
  display: inline-block;
  width: 180px;
  height: 35px;
}

.market-hkex .ls-process__step__img img {
  width: 96%;
}

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

.market-hkex .fontsize-small .ls-process__step3__cal__title h3 {
  padding: 23px 0;
}

.market-hkex .ls-process__step-half {
  margin-top: 20px;
  float: left;
  width: 43%;
  margin-right: 7%;
}

.market-hkex .ls-process__step-half:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__step-half {
    width: 46%;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step-half {
    width: 100%;
    margin-right: 0px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__step-half__img img {
    width: 100%;
  }
}

.market-hkex .ls-process__step-half__subtitle {
  font-size: 0.875rem;
  line-height: 1.43;
  font-weight: bold;
}

@media (max-width: 1000px) {
  .market-hkex .ls-process__step-half__subtitle {
    margin-top: 15px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step-half__subtitle {
    margin-left: 20px;
  }
}

.market-hkex .ls-process__step-half__disc {
  font-size: 0.875rem;
  line-height: 1.43;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step-half__disc {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .ls-process__step-half__disc {
    margin: 10px 20px 0 20px;
  }
}

.market-hkex .wl-caseStudies__wapper {
  background-color: #ffffff;
  display: block;
  padding-bottom: 28px;
  float: left;
  width: 100%;
}

.market-hkex .wl-caseStudies__title h2 {
  border-left: 4px solid #e72742;
}

@media (max-width: 767px) {
  .market-hkex .wl-caseStudies__title h2 {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    line-height: 1.44;
    height: 100%;
    display: inline-block;
  }
}

.market-hkex .wl-caseStudies__content {
  padding-top: 43px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-caseStudies__content {
    padding: 10px 20px 0 20px;
  }
}

.market-hkex .wl-caseStudies__list {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: inline-block;
  width: 100%;
}

.market-hkex .wl-caseStudies__list li {
  border-right: 1px solid #cbcbcb;
}

@media (max-width: 1000px) {
  .market-hkex .wl-caseStudies__list li {
    border-bottom: 1px solid #cbcbcb;
    border-right: none;
  }
}

.market-hkex .wl-caseStudies__list li:last-child {
  border: none;
}

.market-hkex .wl-caseStudies__column {
  float: left;
  padding-bottom: 32px;
  width: 33%;
}

@media (max-width: 1000px) {
  .market-hkex .wl-caseStudies__column {
    width: 100%;
  }
}

.market-hkex .wl-caseStudies__column__container {
  text-align: center;
  color: #10416c;
}

.market-hkex .wl-caseStudies__column__title {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #6a6a6a;
}

@media (max-width: 1000px) {
  .market-hkex .wl-caseStudies__column__title {
    padding-top: 30px;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-caseStudies__column__title {
    text-align: center;
    padding-right: 0px;
  }
}

.market-hkex .wl-caseStudies__column__img {
  padding: 34px 0 19px 0;
}

@media (max-width: 1000px) {
  .market-hkex .wl-caseStudies__column__img {
    padding: 20px 0;
  }
}

.market-hkex .wl-caseStudies__column__img img {
  max-width: 100%;
}

.market-hkex .wl-caseStudies__column__description {
  width: 266px;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: center;
  display: inline-block;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .wl-caseStudies__column__description {
    width: 100%;
    padding: 0 20px 0 20px;
  }
}

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

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .wl-caseStudies__column__money-container {
    margin: 0 100px 0 100px;
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .wl-caseStudies__column__money {
    display: inline;
    float: left;
    width: 50%;
  }
}

.market-hkex .wl-caseStudies__column__money-marketcap {
  padding-top: 21px;
  padding-bottom: 6px;
  font-size: 0.75rem;
  line-height: 1.75;
  text-align: center;
}

.market-hkex .wl-caseStudies__column__money-icon {
  vertical-align: top;
  padding-top: 3px;
}

.market-hkex .wl-caseStudies__column__money-number {
  padding-left: 4px;
  font-size: 1.875rem;
  font-weight: bold;
}

.market-hkex .wl-caseStudies__column__money-unit {
  font-size: 0.75rem;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .wl-caseStudies__column__money {
    padding-left: 18%;
  }
  .market-hkex .fontsize-small .wl-caseStudies__column__money-icon {
    width: 10px;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .wl-caseStudies__column__money {
    padding-left: 0;
  }
  .market-hkex .fontsize-small .wl-caseStudies__column__money-icon {
    width: 10px;
    padding-top: 0;
  }
}

.market-hkex .wl-advantages__wapper {
  background: #ffffff url("../image/advantages bkg.png") no-repeat;
  float: left;
  width: 100%;
  background-size: cover;
}

.market-hkex .wl-advantages__title h2 {
  text-transform: uppercase;
}

.market-hkex .wl-advantages__content {
  padding-top: 60px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-advantages__content {
    padding-top: 17px;
  }
}

.market-hkex .wl-advantages__list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.market-hkex .wl-advantages__list-item {
  width: 100%;
  float: left;
  display: inline-block;
  padding-bottom: 50px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-advantages__list-item {
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-advantages__list-item {
    width: 100%;
    padding-bottom: 0;
  }
}

.market-hkex .wl-advantages__list-item__col {
  display: inline-block;
  float: left;
  width: 49%;
  padding: 0 30px;
}

@media (max-width: 1000px) {
  .market-hkex .wl-advantages__list-item__col {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .wl-advantages__list-item__col {
    padding-bottom: 25px;
    width: 100%;
  }
}

.market-hkex .wl-advantages__list-item__img {
  float: left;
}

@media (max-width: 1000px) {
  .market-hkex .wl-advantages__list-item__img {
    width: 25px;
  }
}

.market-hkex .wl-advantages__list-item__details {
  padding-left: 20px;
  float: left;
  width: 90%;
  font-style: normal;
  font-stretch: normal;
  color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .wl-advantages__list-item__details {
    padding-left: 16px;
  }
}

.market-hkex .wl-advantages__list-item__details-title {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 1000px) {
  .market-hkex .wl-advantages__list-item__details-title {
    font-size: 0.875rem;
  }
}

.market-hkex .wl-advantages__list-item__details-content {
  padding-top: 10px;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.38;
}

@media (max-width: 1000px) {
  .market-hkex .wl-advantages__list-item__details-content {
    font-size: 0.875rem;
    padding-top: 8px;
  }
}

.market-hkex .ls-process-ql {
  margin-top: 23px;
  background-color: #fff;
  display: inline-block;
}

.market-hkex .ls-process-ql__title {
  text-transform: uppercase;
}

.market-hkex .ls-process-ql__list {
  margin: 10px 30px 30px 30px;
}

.market-hkex .ls-process-ql li {
  /*display: inline-block;*/
  /* width: 33%;*/
  /*margin-right: 20px;*/
}

@media (max-width: 767px) {
  .market-hkex .ls-process-ql li {
    display: block;
    margin-right: 40px;
  }
}

.market-hkex .cd-dashboard {
  background-color: #ffffff;
}

@media (max-width: 1000px) {
  .market-hkex .cd-dashboard__title {
    display: none;
  }
}

.market-hkex .cd-dashboard__title h2 {
  font-size: 1.125rem;
}

.market-hkex .cd-dashboard__selectFilter {
  padding: 10px 30px 12px 30px;
  font-size: 0.875rem;
  font-weight: bold;
}

@media (max-width: 1000px) {
  .market-hkex .cd-dashboard__selectFilter {
    padding: 20px 20px 17px 20px;
    width: 100%;
  }
}

.market-hkex .cd-dashboard__tab-container {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .cd-dashboard__tab-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .cd-dashboard__select-group {
  width: 100% !important;
}

.market-hkex .cd-dashboard__select-item {
  height: auto !important;
}

.market-hkex .cd-table .table-style {
  width: 100%;
}

.market-hkex .cd-table .table-style tfoot {
  display: none;
}

.market-hkex .cd-table .table-style .freeze-col-context {
  padding-top: 20px;
  padding-bottom: 20px;
}

.market-hkex .cd-table .table-style .tablesorter-header-inner .freeze-col-context {
  padding-top: 24px;
  padding-bottom: 28px;
}

.market-hkex .cd-table .table-style .fixed-freeze-tb-parent {
  overflow-y: hidden;
}

@media (max-width: 767px) {
  .market-hkex .cd-table .table-style .is-fix-col {
    max-width: 33%;
    border-right: none;
  }
}

.market-hkex .section__table {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #AEB4C5;
}

.market-hkex .table p {
  font-size: 0.75rem;
  color: #10416c;
  line-height: 1.67;
}

.market-hkex .table tfoot td {
  padding-left: 28px;
  padding-top: 30px;
}

.market-hkex .table tfoot td p {
  margin-top: 25px;
}

.market-hkex .monthlyHighlight h2, .market-hkex .monthlyHighlight h3, .market-hkex .monthlyHighlight p, .market-hkex .monthlyHighlight img {
  padding-left: 30px;
  padding-right: 30px;
}

.market-hkex .monthlyHighlight__section {
  margin-bottom: 35px;
}

.market-hkex .monthlyHighlight__left-menu {
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #AEB4C5;
}

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

.market-hkex .monthlyHighlight__report-title {
  padding-top: 13px;
  text-transform: uppercase;
  color: #6a6a6a;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
}

.market-hkex .monthlyHighlight__report-title p {
  margin-top: 0;
  font-weight: normal;
  text-transform: capitalize;
}

.market-hkex .monthlyHighlight__report-download {
  min-height: 50px;
  line-height: 50px;
  word-wrap: break-word;
  background-color: #10416c;
  text-align: center;
  cursor: pointer;
  margin-bottom: 21px;
  margin-top: 18px;
  margin-left: 20px;
  margin-right: 20px;
}

.market-hkex .monthlyHighlight__report-download a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  text-decoration: none;
}

.market-hkex .monthlyHighlight__report-download a:hover, .market-hkex .monthlyHighlight__report-download a:focus {
  color: #ffffff;
  text-decoration: none;
}

.market-hkex .monthlyHighlight__drop-down {
  display: inline-block;
}

.market-hkex .monthlyHighlight__drop-down-2nd {
  margin-left: 17px;
}

.market-hkex .monthlyHighlight__title h2 {
  padding-left: 0;
  padding-right: 0;
  font-size: 1.125rem;
}

.market-hkex .monthlyHighlight__filter {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 9px;
  margin-bottom: 21px;
}

.market-hkex .monthlyHighlight__select-group {
  display: inline-block;
}

.market-hkex .monthlyHighlight__subHeader {
  color: #e72742;
  text-transform: uppercase;
  padding-bottom: 19px;
  font-size: 0.875rem;
}

.market-hkex .monthlyHighlight__subTitle {
  color: #10416c;
  font-size: 0.875rem;
  /*padding: 13px 30px; removed by Kitty*/
  font-weight: 700;
}

.market-hkex .monthlyHighlight p {
  color: #10416c;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

.market-hkex .monthlyHighlight__note {
  font-size: 0.75rem;
}

.market-hkex .monthlyHighlight__img {
  width: 100%;
}

.market-hkex .monthlyHighlight__fix-table-gap {
  display: block;
}

.market-hkex div.listing-committee-left-report__date.monthlyHighlight__report-filter {
  padding-left: 0;
  padding-right: 0;
}

.market-hkex .table-fixed-width {
  width: 320px;
  border-collapse: collapse;
  border: none;
}

.market-hkex .table-fixed-width th, .market-hkex .table-fixed-width td {
  text-align: right;
  padding-right: 15px;
}

.market-hkex .table-fixed-width thead tr th {
  height: 35px;
  padding-top: 11px;
  padding-bottom: 11px;
}

.market-hkex .table-fixed-width thead tr th:first-child {
  width: 63px;
}

.market-hkex .table-fixed-width thead tr th:nth-child(2) {
  width: 98px;
}

.market-hkex .table-fixed-width tbody tr td:nth-child(3) {
  border-right: 1px solid #d1dde6;
}

.market-hkex table.table-full-width {
  width: 100%;
  border-collapse: collapse;
  border: none;
}

.market-hkex table.table-full-width th, .market-hkex table.table-full-width td {
  text-align: right;
  padding-right: 15px;
}

.market-hkex table.table-full-width thead tr th {
  padding-top: 10px; /*2017-7-4: update padding to 10px;*/
  padding-bottom: 10px;
}

.market-hkex table.table-full-width thead tr th:first-child {
  text-align: left;
}

.market-hkex table.table-full-width thead tr th.header-align-center {
  text-align: center;
}

.market-hkex table.table-full-width thead tr th.header-align-center.border-bottom-fix {
  border-bottom: none;
}

.market-hkex table.table-full-width tbody tr td:first-child {
  text-align: left;
}

.market-hkex table.table-full-width tbody tr.bolder {
  font-weight: bold;
}

.market-hkex table.table-full-width tbody tr.parent div {
  padding-bottom: 0;
}

.market-hkex table.table-full-width tbody tr.child {
  background-color: #ffffff;
}

.market-hkex table.table-full-width tbody tr.child td {
  background-color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
}

.market-hkex table.table-full-width tbody tr.child td div {
  padding-top: 0;
  padding-bottom: 0;
}

.market-hkex table.table-full-width tbody tr.last td {
  vertical-align: top;
}

.market-hkex table.table-full-width tbody tr.last td div {
  padding-bottom: 12px;
}

@media (max-width: 1000px) {
  .market-hkex .monthly-bulletin__title {
    display: none;
  }
}

.market-hkex .monthly-bulletin__title h2 {
  font-size: 1.125rem;
}

.market-hkex .monthly-bulletin__filter-input {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1000px) {
  .market-hkex .monthly-bulletin__filter-input {
    margin-top: 18px;
  }
}

@media (max-width: 767px) {
  .market-hkex .monthly-bulletin__filter-input {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .monthly-bulletin__select-group1 {
  display: inline-block;
  margin-right: 4%;
  font-size: 0.875rem;
  font-weight: bold;
  width: 30%;
}

@media (max-width: 767px) {
  .market-hkex .monthly-bulletin__select-group1 {
    margin-bottom: 10px;
    min-width: 180px;
  }
}

.market-hkex .monthly-bulletin__select-group1 div.monthly-bulletin__select-items-date {
  z-index: 16;
}

.market-hkex .monthly-bulletin__select-group2 {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  width: 65%;
}

@media (max-width: 767px) {
  .market-hkex .monthly-bulletin__select-group2 {
    width: 100%;
  }
}

.market-hkex .monthly-bulletin__timestamp {
  color: #6a6a6a;
  font-size: 0.6875rem;
  text-align: right;
}

.market-hkex .monthly-bulletin__img {
  text-align: center;
}

.market-hkex .top5Stocks .top-stocks-section {
  margin-bottom: 20px;
  margin-top: 0;
}

.market-hkex .top5Stocks .top-stocks-section .view-all {
  background: url("../image/arrow-right.png") no-repeat 97% 11%;
  text-align: right;
  font-size: 0.75rem;
  padding: 0px 17px 10px 0px;
  text-transform: capitalize;
}

@media (max-width: 1000px) {
  .market-hkex .top5Stocks .top-stocks-section .view-all {
    display: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .top5Stocks .top-stocks-section .view-all {
    display: block;
    background: url("../image/arrow-right.png") no-repeat 98% 11%;
  }
}

.market-hkex .top5Stocks .top-stocks-section .right-panel-sections-label-left {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .top5Stocks .top-stocks-section .right-panel-sections-label-left {
    display: block;
  }
}

@media (max-width: 767px) {
  .market-hkex .top5Stocks .top-stocks-section .right-panel-sections-label-left {
    display: none;
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .top5Stocks .top-stocks-section .right-panel-sections-label-right {
    max-width: 85%;
  }
}

@media (min-width: 1001px) {
  .market-hkex .top5Stocks .top-stocks-section .right-panel-sections-label-right div.arrow-down-red {
    margin-right: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .top5Stocks .top-stocks-section .right-panel-sections-label-right h2 {
    color: #ffffff;
  }
}

@media (min-width: 1001px) {
  .market-hkex .top5Stocks .top-stocks-section .popover__content:after, .market-hkex .top5Stocks .top-stocks-section .popover__content:before {
    left: 62%;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-large .top5Stocks .top-stocks-section .popover__content:after, .market-hkex .fontsize-large .top5Stocks .top-stocks-section .popover__content:before {
    left: 75%;
  }
}

@media (min-width: 1001px) {
  .market-hkex .fontsize-small .top5Stocks .top-stocks-section .popover__content:after, .market-hkex .fontsize-small .top5Stocks .top-stocks-section .popover__content:before {
    left: 44%;
  }
}

.market-hkex .market-making {
  background: #ffffff;
  margin-top: 20px;
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
}

.market-hkex .market-making__content {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .market-making__content {
    padding-left: 30px;
    padding-right: 30px;
	 background-color: white;
  }
}

@media (max-width: 767px) {
  .market-hkex .market-making__content {
    padding-left: 20px;
    padding-right: 20px;
	 background-color: white;
  }
}

.market-hkex .market-making__content h3 {
  color: #f4364c;
  font-size: 0.875rem;
  text-transform: uppercase;
}

.market-hkex .market-making h1 {
  color: #10416c;
  font-size: 1.125rem;
  text-transform: uppercase;	/*Edit by Henry Update header font size*/
}

.market-hkex .market-making p {
  color: #13426b;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
}

.market-hkex .resource {
  background: #ffffff;
  margin-top: 20px;
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
}

.market-hkex .resource__content {
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .resource__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .resource__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .stock-table {
  margin-top: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 0 0 #a1b4c5;
          box-shadow: 0 1px 0 0 #a1b4c5;
}

.market-hkex .stock-table .table thead th {
  padding-top: 10px;
  padding-bottom: 10px; /* 2017-07-04 change table padding to 10px;*/
}

.market-hkex .stock-table .table thead th:first-child {
  padding-left: 0px;
}

.market-hkex .stock-table .table thead th.ranges {
  width: 18%;
}

.market-hkex .stock-table .table thead th.sub-ranges {
  width: 20%;
}

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

.market-hkex .stock-table .table tbody td.borderbottom {
  border-bottom: 1px solid #d1dde6;
}

.market-hkex .stock-table .download {
  font-size: 0.875rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}

.market-hkex .stock-table .table tfoot .footer-text {
  color: #4a4a4a;
  margin-bottom: 17px;
}

/*
Comment By: Peter
Reason: Remove hideborder as new sticky library applied
Date: 2017-07-19
*/
/*
.market-hkex .hideborder {
  border-bottom: none !important;
}

.market-hkex .hideborder > div {
  margin-bottom: -13px;
}

.market-hkex .hideborder:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #899bac;
  margin-bottom: -16px;
}
*/

.market-hkex .equity-overview {
  margin-bottom: 20px;
}

.market-hkex .equity-overview-container {
  padding-top: 6px;
  padding-bottom: 10px;
}

.market-hkex .equity-overview-container hr {
  margin-top: 0;
  border-top: 1px solid #e3e3e3;
}

.market-hkex .equity-securities__title {
  padding-top: 6px !important;
  padding-bottom: 0 !important;
}

.market-hkex .equity-securities__title a {
  text-transform: uppercase;
  padding-right: 20px;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  color: #e72742;
  text-decoration: none;
}

.market-hkex .equity-securities__title a:hover, .market-hkex .equity-securities__title a:focus {
  color: #e72742;
  text-decoration: none;
}

.market-hkex .equity-securities__title h3 {
  font-size: 0.875rem;
}

.market-hkex .equity-securities__context:not(:first-child) {
  margin-top: 15px;
}

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

@media (max-width: 767px) {
  .market-hkex .equity-securities__context p {
    width: 100%;
    padding: 0;
  }
}

.market-hkex .equity-securities__context p:first-child {
  margin-top: 0;
}

.market-hkex .equity-securities__collapse-title[aria-expanded='true'] {
  background: url("../image/arrow_up.png") no-repeat 100% 2px;
}

.market-hkex .equity-securities__collapse-title[aria-expanded='false'] {
  background: url("../image/down-arrow-red.png") no-repeat 100% 2px;
}

.market-hkex .equity-securities__quicklinks-item {
  display: inline-block;
  width: 45%;
  margin-right: 20px;
}

.market-hkex .equityIndex-overview {
  margin-bottom: 20px;
}

.market-hkex .equityIndex-overview-container {
  padding-top: 6px;
  padding-bottom: 10px;
}

.market-hkex .equityIndex-securities__title {
  padding-top: 6px !important;
  padding-bottom: 0 !important;
  text-transform: uppercase;
}

.market-hkex .equityIndex-securities__context {
  margin-top: 15px;
}

.market-hkex .equityIndex-securities__context p {
  color: #10416c;
  width: 96%;
  font-size: 0.875rem;
  line-height: 1.43;
  margin: 14px 0;
}

@media (max-width: 767px) {
  .market-hkex .equityIndex-securities__context p {
    width: 100%;
    padding: 0;
  }
}

.market-hkex .equityIndex-securities__collapse-title[aria-expanded='true'] {
  background: url("../image/arrow_up.png") no-repeat right center;
}

.market-hkex .equityIndex-securities__collapse-title[aria-expanded='false'] {
  background: url("../image/down-arrow-red.png") no-repeat right center;
}

.market-hkex .equityIndex-securities__quicklinks-item {
  display: inline-block;
  width: 46%;
  margin-right: 20px;
}

.market-hkex .equityIndex-market-data {
  padding-bottom: 20px;
}

.market-hkex .equityIndex-market-data__updated-date {
  padding-top: 5px;
  font-size: 0.6875rem;
  float: right;
  color: #4a4a4a;
}

@media (max-width: 767px) {
  .market-hkex .equityIndex-market-data__updated-date {
    display: none;
  }
}

.market-hkex .equityIndex-market-data__tab {
  text-transform: uppercase;
}

.market-hkex .equityIndex-market-data__img {
  content: "";
  background-image: url("../image/marketdata2.png");
  width: 100%;
  height: 303px;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 767px) {
  .market-hkex .equityIndex-market-data__img {
    background-image: url("../image/marketdata1.png");
    height: 351px;
  }
}

.market-hkex .equityIndex-market-data .scroll_tabs_container .scroll_tab_inner li {
  font-size: 0.875rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #777777;
  padding-left: 21.5px;
  padding-right: 16.5px;
}

.market-hkex .equityIndex-market-data .scroll_tabs_container .scroll_tab_inner li.tab_selected {
  color: #13426b;
}

.market-hkex .etpIssuers {
  margin-bottom: 20px;
  color: #10416c;
}

.market-hkex .etpIssuers__fiveFact {
  padding-top: 9px;
  padding-bottom: 10px;
}

.market-hkex .etpIssuers__tab-titile {
  margin-top: 25px;
}

.market-hkex .etpIssuers__download {
  padding: 0 30px 25px;
}

.market-hkex .etpIssuers .ls-process__rule-holder {
  padding-left: 134px;
}

@media (max-width: 1000px) {
  .market-hkex .etpIssuers .ls-process__rule-holder {
    padding-left: 107px;
  }
}

@media (max-width: 767px) {
  .market-hkex .etpIssuers .ls-process__rule-holder {
    padding-left: 20px;
  }
}

.market-hkex .etpIssuers .ls-process__step3__table {
  display: block;
  width: 70.5882352941%;
  float: left;
  margin-right: 2.9411764706%;
}

@media (max-width: 1000px) {
  .market-hkex .etpIssuers .ls-process__step3__table {
    width: 70.5882352941%;
    float: left;
    margin-right: 2.9411764706%;
  }
}

@media (max-width: 767px) {
  .market-hkex .etpIssuers .ls-process__step3__table {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .etpIssuers .ls-process__step3__cal {
  width: 70.5882352941%;
  float: left;
  margin-right: 2.9411764706%;
}

@media (max-width: 1000px) {
  .market-hkex .etpIssuers .ls-process__step3__cal {
    width: 70.5882352941%;
    float: left;
    margin-right: 2.9411764706%;
  }
}

@media (max-width: 767px) {
  .market-hkex .etpIssuers .ls-process__step3__cal {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.market-hkex .etpIssuers .ls-process__step3__cal__title {
  margin-left: 0 !important;
}

.market-hkex .contact-us-aside {
  margin-bottom: 20px;
}

.market-hkex .contact-us-aside .contact_us__wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .contact_us__form {
    padding-bottom: 20px;
  }
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .contact_us__form_column:first-child {
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .contact_us__form_column:nth-child(2n) {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .contact_us__form_column:last-child {
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .contact_us__form_text:nth-child(2n) {
    margin-top: 20px;
    margin-left: 20px;
    float: right;
  }
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .contact_us__form_text {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0;
    margin-top: 0;
  }
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .contact_us .checkbox {
    padding-top: 0;
    margin-top: 15px;
  }
}

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

.market-hkex .contact-us-aside .form-input-text input {
  margin-top: 0;
}

.market-hkex .contact-us-aside .btn-gray {
  float: right;
  background: #10416c;
  color: #ffffff;
  margin-top: 20px;
}

.market-hkex .contact-us-aside .btn-gray:focus, .market-hkex .contact-us-aside .btn-gray:hover {
  color: #ffffff;
}

@media (min-width: 1000px) {
  .market-hkex .contact-us-aside .btn-gray {
    float: none;
    margin: 20px auto 0;
    display: block;
  }
}

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

.market-hkex .subScribe-newsletter {
  margin-bottom: 20px;
  background-color: #ffffff;
}

.market-hkex .subScribe-newsletter__content {
  padding: 0 20px 20px;
}

.market-hkex .etp-related-news {
  margin-bottom: 20px;
  background-color: #ffffff;
}

.market-hkex .related-downloads {
  margin-bottom: 20px;
  background-color: #ffffff;
}

.market-hkex .related-downloads__content {
  margin-left: 20px;
  margin-right: 20px;
}

.market-hkex .equityIndex-contract {
  margin-top: 20px;
}

.market-hkex div.equityIndex-contract__content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.market-hkex div.equityIndex-contract__content div.panel a {
  margin-left: 30px;
  margin-right: 30px;
}

.market-hkex div.equityIndex-contract__content .panel-heading {
  font-size: 0.875rem;
}

.market-hkex div.equityIndex-contract__content .panel-body {
  margin-bottom: 0;
}

.market-hkex div.equityIndex-contract__content .panel-body dt, .market-hkex div.equityIndex-contract__content .panel-body dd {
  font-size: 12px;
  font-size: 0.75rem;
}

.market-hkex div.equityIndex-contract__content hr {
  margin-top: 0;
  border-top: 1px solid #e3e3e3;
  margin-left: 30px;
  margin-right: 30px;
}

.market-hkex .equityIndex-marginTable {
  margin-top: 20px;
}

.market-hkex .marginTable__content {
  padding-bottom: 20px;
}

/*
	Edit by Henry
	Fixing UAT log #3832
	27/2/2017 9:34 AM
	Add min-width: 100px; in ".market-hkex .marginTable tbody tr td"
*/
.market-hkex .marginTable tbody tr td {
  border-bottom: 1px solid #d1dde6;
  min-width: 100px;
}

.market-hkex .marginTable tbody tr td:not(.is-fix-col) {
  border-right: 1px solid #d1dde6;
}

.market-hkex .marginTable tbody tr td.is-fix-col {
  vertical-align: middle;
}

.market-hkex .marginTable tbody tr td.is-fix-col .fix-border {
  padding: 40px 12px 40px 0px;
}

.market-hkex .marginTable tbody tr td .freeze-col-context {
  border-bottom: 1px solid #d1dde6;
  bottom: -1px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .market-hkex .marginTable tbody tr td .freeze-col-context {
    border-bottom: none;
    bottom: 0px;
  }
}

@media screen {
  .market-hkex .marginTable tbody tr td .freeze-col-context {
    border-bottom: 1px solid #d1dde6;
    bottom: 10px;
  }
}

@media screen {
  .market-hkex .marginTable tbody tr td.is-fix-col {
    position: absolute;
    top: 1px;
  }
}

.market-hkex .marginTable tbody tr.marginTable__rowspan-tr td {
  background: #ffffff;
  border-bottom: 1px solid #d1dde6;
  border-right: 1px solid #d1dde6;
}

.market-hkex .marginTable .rightAlign {
  text-align: right;
}

.market-hkex .equities-right-side {
  overflow: hidden;
  background: #ffffff;
  border-bottom: 1px solid #AEB4C5;
  margin-top: 20px;
}

.market-hkex .equities-right-side .naming-conventions {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .equities-right-side .naming-conventions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* removed by Kitty
.market-hkex .equities-right-side .naming-conventions > :nth-child(n) {
  border-bottom: 1px solid #d1dde6;
}*/

.market-hkex .equities-right-side .naming-conventions > :last-child {
  border-bottom: none;
}

.market-hkex .equities-right-side .naming-conventions__title-part-note {
  color: #4a4a4a;
  font-size: 0.75rem;
  line-height: 18px;
  padding: 9px 0 12px 0;
}

@media (max-width: 767px) {
  .market-hkex .equities-right-side .naming-conventions__title-part-note {
    padding: 23px 0 16px 0;
  }
}

.market-hkex .equities-right-side .naming-conventions__item {
  padding-bottom: 15px;
  padding-top: 15px;
  color: #10416c;
}

.market-hkex .equities-right-side .naming-conventions__item h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.market-hkex .equities-right-side .naming-conventions__item p {
  font-size: 0.875rem;
  line-height: 1.43;
  margin: 0;
}

.market-hkex .equities-right-side .naming-conventions__item .X-content-container {
  margin-bottom: 12px;
  display: inline-block;
}

.market-hkex .equities-right-side .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;
}

@media (max-width: 600px) {
  .market-hkex .equities-right-side .naming-conventions__item .X-content-container span {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .equities-right-side .naming-conventions__item .X-content-container {
    border: 1px solid #d1dde6;
    background-color: #f2f6f8;
  }
  .market-hkex .equities-right-side .naming-conventions__item .X-content-container span {
    border: none;
    line-height: 28px;
    height: 28px;
  }
}

@media (max-width: 420px) {
  .market-hkex .equities-right-side .naming-conventions__item .X-content-container {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 10px;
  }
  .market-hkex .equities-right-side .naming-conventions__item .X-content-container span {
    width: 14px;
    font-size: 12px;
  }
}

.market-hkex .equities-right-side .naming-conventions__foot-note {
  color: #4a4a4a;
  font-size: 0.75rem;
  line-height: 1.33;
  padding: 15px 0 24px 0;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

@media (max-width: 767px) {
  .market-hkex .equities-right-side .naming-conventions__foot-note {
    padding: 10px 0 20px 0;
  }
}

@media (max-width: 1000px) {
  .market-hkex .monthly-bulletin__title {
    display: none;
  }
}

.market-hkex .monthly-bulletin__title h2 {
  font-size: 1.125rem;
}

.market-hkex .monthly-bulletin__filter-input {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1000px) {
  .market-hkex .monthly-bulletin__filter-input {
    margin-top: 18px;
  }
}

@media (max-width: 767px) {
  .market-hkex .monthly-bulletin__filter-input {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .monthly-bulletin__select-group1 {
  display: inline-block;
  margin-right: 4%;
  font-size: 0.875rem;
  font-weight: bold;
  width: 30%;
}

@media (max-width: 767px) {
  .market-hkex .monthly-bulletin__select-group1 {
    margin-bottom: 10px;
    min-width: 180px;
  }
}

.market-hkex .monthly-bulletin__select-group1 div.monthly-bulletin__select-items-date {
  z-index: 16;
}

.market-hkex .monthly-bulletin__select-group2 {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  width: 65%;
}

@media (max-width: 767px) {
  .market-hkex .monthly-bulletin__select-group2 {
    width: 100%;
  }
}

.market-hkex .monthly-bulletin__timestamp {
  color: #6a6a6a;
  font-size: 0.6875rem;
  text-align: right;
}

.market-hkex .monthly-bulletin__img {
  text-align: center;
}

.market-hkex .etp-overview__title {
  font-size: 1.125rem;
}

.market-hkex .etp-overview-relate-news {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.market-hkex .etp-overview-sub__title {
  font-size: 0.875rem;
  color: #e72742;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 20px;
}

.market-hkex .etp-overview-sub__img {
  margin-bottom: 27px;
}

@media (max-width: 767px) {
  .market-hkex .etp-overview-sub__img {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 20px;
  }
}

.market-hkex .etp-overview-sub__img img {
  width: 100%;
}

.market-hkex .etp-overview-data-list__date {
  padding-right: 17px;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 767px) {
  .market-hkex .etp-overview-data-list__date {
    display: inline-block;
    padding-bottom: 5px;
  }
}

.market-hkex .etp-overview-data-list__date::before {
  content: ' ';
  background: url("../image/flag-bug-report.png");
  background-repeat: no-repeat;
  height: 10px;
  width: 10px;
  display: inline-block;
  padding-right: 16px;
}

.market-hkex .etp-overview-data-list__title--context {
  display: inline-block;
  max-width: 87%;
}

@media (max-width: 1000px) {
  .market-hkex .etp-overview-data-list__title--context {
    max-width: 87%;
  }
}

@media (max-width: 767px) {
  .market-hkex .etp-overview-data-list__title--context {
    max-width: 85%;
  }
}

@media (max-width: 500px) {
  .market-hkex .etp-overview-data-list__title--context {
    max-width: 77%;
  }
}

@media (max-width: 400px) {
  .market-hkex .etp-overview-data-list__title--context {
    max-width: 71%;
  }
}

.market-hkex .etp-overview-detail__info {
  padding-top: 20px;
}

.market-hkex .etp-overview-detail__info--section {
  margin-bottom: 19px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.43;
  color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .etp-overview .select-group {
    display: block !important;
  }
}

.market-hkex .etp-overview__subscribe {
  /*padding-bottom: 21px;*/
}

.market-hkex .fontsize-small .etp-overview-data-list__date::before {
  height: 8px;
}

.market-hkex .etp-education-right {
  overflow: hidden;
/*background: #ffffff;   For New Tab Style*/
}

.market-hkex .etp-education-right .section__title-left-border h2 {
  font-size: 1.125rem;
}

.market-hkex .etp-education-right .side-content__dropdown {
  margin-top: 11px;
  padding-right: 17px;
}

.market-hkex .etp-education-right .side-content__dropdown .select-group {
  width: 100%;
}

.market-hkex .etp-education-right__tab-part {
  /*border-bottom: 1px solid #d1dde6;*/
  /*padding-right: 15px;
  padding-left: 30px; For New Tab Style Edit BY Edward 5/7/2017 */
  display: inline-block;
  width: 100%;
}

/*.market-hkex .etp-education-right__tab-part ul {
  margin-right: 17px;
}
 For New Tab Style Edit BY Edward 5/7/2017
*/
.market-hkex .etp-education-right .video-img-thumbnail {
  margin-top: 10px;
}

.market-hkex .etp-education-right .video-img-thumbnail li {
  padding-right: 10px;
}

@media (max-width: 767px) {
  .market-hkex .etp-education-right .video-img-thumbnail li {
    margin-bottom: 30px;
  }
}

.market-hkex .etp-education-right .video-img-thumbnail p {
  margin-top: 13px;
  display: block;
}



.market-hkex .etp-education-right .video-img-thumbnail .video-title {
  font-size: 1.125rem;
}

.market-hkex .etp-education-right__loadmore {
  height: 55px;
}

@media (max-width: 767px) {
  .market-hkex .etp-education-right {
    padding-left: 0;
    padding-right: 0;
  }
  .market-hkex .etp-education-right__tab-part {
    padding-left: 0;
    padding-right: 0;
  }
  .market-hkex .etp-education-right__tab-part ul {
    margin-right: 0;
  }
  .market-hkex .etp-education-right .side-content__dropdown {
    padding-left: 20px;
  }
  .market-hkex .etp-education-right .video-img-thumbnail {
    padding-left: 20px;
  }
  .market-hkex .etp-education-right .video-img-thumbnail li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    min-height: 0;
  }
  .market-hkex .etp-education-right__loadmore {
    height: 82px;
  }
}

.market-hkex .etpLiquidity__context {
  color: #10416c;
  margin: 12px 0 20px;
  font-size: 0.875rem;
  line-height: 1.43;
}

.market-hkex .etpLiquidity__title {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.0625rem;
  color: #e72742;
  margin: 10px 0 20px;
}

.market-hkex .etpLiquidity__panel-text {
  margin: 0 0 10px;
  color: #10416c;
  font-size: 0.875rem;
  line-height: 1.43;
}

.market-hkex .etpLiquidity__panel hr {
  margin-top: 0;
  border-top: 1px solid #e3e3e3;
}

.market-hkex .etp-products__title {
  background-color: #ffffff;
}

.market-hkex .etp-products__title h2 {
  font-size: 1.125rem;
}

.market-hkex .search-results {
  background-color: #ffffff;
}

.market-hkex .search-results__title {
  margin: 0;
}

.market-hkex .search-results__content {
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .search-results__content {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1001px) {
  .market-hkex .search-results__content {
    position: relative;
  }
}

@media (max-width: 767px) {
  .market-hkex .search-results__content-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .search-results__content .sortingOnMobile {
  display: block;
  min-height: 40px;
  line-height: 30px;
  background-color: #e8eef3;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #10416c;
}

@media (min-width: 1001px) {
  .market-hkex .search-results__content .sortingOnMobile {
    position: absolute;
    left: 50px;
    top: 0;
    z-index: 1;
    width: 50%;
  }
  .market-hkex .search-results__content .sortingOnMobile span:first-child {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: normal;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-right: 2px solid #10416c;
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions span {
    display: none;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions, .market-hkex .search-results__content .sortingOnMobile .sortOptions:hover, .market-hkex .search-results__content .sortingOnMobile .sortOptions:focus {
    text-decoration: none;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions.last {
    border-right: none;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions.active {
    color: #e72742;
  }
}

@media (max-width: 1000px) {
  .market-hkex .search-results__content .sortingOnMobile {
    width: 100%;
    margin-bottom: 10px;
  }
  .market-hkex .search-results__content .sortingOnMobile span:first-child {
    display: none;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions {
    display: inline-block;
    width: 49%;
    text-align: center;
    vertical-align: middle;
    border-right: 2px solid #10416c;
    line-height: 1.43;
    margin-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions span {
    display: inherit;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions, .market-hkex .search-results__content .sortingOnMobile .sortOptions:hover, .market-hkex .search-results__content .sortingOnMobile .sortOptions:focus {
    text-decoration: none;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions.last {
    border-right: none;
  }
  .market-hkex .search-results__content .sortingOnMobile .sortOptions.active {
    color: #e72742;
  }
}

.market-hkex .search-results__content-criteria {
  width: 100%;
  min-height: 40px;
  background-color: #e8eef3;
  font-size: 14px;
  font-size: 0.875rem;
  color: #10416c;
  position: relative;
}

.market-hkex .search-results__content-criteria li.selected {
  background-color: #f2f6f8;
}

@media (max-width: 767px) {
  .market-hkex .search-results__content-criteria .filter__checkBox__item:nth-child(2n+1) {
    margin-right: 0;
  }
  .market-hkex .search-results__content-criteria .filter__checkBox__item:nth-child(2n) {
    padding-left: 20px;
  }
}

.market-hkex .search-results__content-criteria .changePosition {
  bottom: 0;
  top: auto !important;
}

@media (max-width: 767px) {
  .market-hkex .search-results__content-criteria .changePosition {
    bottom: 40px;
  }
}

.market-hkex .search-results__content-criteria .dateFiltering {
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  line-height: 40px;
  height: 40px;
}

.market-hkex .search-results__content-criteria .dateFiltering .dateFilter {
  text-decoration: none;
  font-weight: bold;
  margin-left: 10px;
}

.market-hkex .search-results__content-criteria .dateFiltering .dateFilter:hover, .market-hkex .search-results__content-criteria .dateFiltering .dateFilter:focus {
  text-decoration: none;
}

.market-hkex .search-results__content-criteria .dateFiltering .dateFilter:after {
  content: ' ';
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: 5px;
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
}

.market-hkex .search-results__content-criteria .dateFiltering .popover {
  right: -20px;
  z-index: 10;
}

.market-hkex .search-results__content-criteria .dateFiltering .popover__content {
  top: 0;
}

.market-hkex .search-results__content-criteria .dateFiltering .popover__content-list {
  width: 105px;
}

.market-hkex .search-results__content-criteria .dateFiltering .popover__list-item {
  width: 105px;
  font-weight: bold;
}

.market-hkex .search-results__content-criteria .dateFiltering .popover__content:before,
.market-hkex .search-results__content-criteria .dateFiltering .popover__content:after {
  left: 78%;
}

.market-hkex .search-results__content-criteria .filteringMobile {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .search-results__content-criteria .filteringMobile {
    display: block;
    padding: 0 20px;
    color: #10416c;
  }
  .market-hkex .search-results__content-criteria .filteringMobile .filter__selectedItem {
    padding-bottom: 0;
    padding-top: 20px;
    margin-bottom: 0;
  }
  .market-hkex .search-results__content-criteria .filteringMobile .filter__moreFilter {
    /*display: block !important;*/
    padding: 0;
    position: static;
    margin-right: 205px;
  }
  .market-hkex .search-results__content-criteria .filteringMobile .filter__moreFilter span a[aria-expanded='false'] {
    background: url("../image/triangle-1.png") no-repeat right center;
    background-size: 8px 6px;
    padding-right: 14px;
  }
  .market-hkex .search-results__content-criteria .filteringMobile .filter__moreFilter span a[aria-expanded='true'] {
    background: url("../image/arrow-up.png") no-repeat right center;
    background-size: 8px 6px;
    padding-right: 14px;
  }
}

@media (max-width: 1000px) and (max-width: 767px) {
  .market-hkex .search-results__content-criteria .filteringMobile .filter__moreFilter {
    margin-top: 40px;
    margin-right: 0;
  }
}

@media (max-width: 1000px) {
  .market-hkex .search-results__content-criteria .filteringMobile .filter__searchPanel:after {
    content: '';
    display: block;
    clear: both;
  }
  .market-hkex .search-results__content-criteria .filteringMobile span {
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .market-hkex .search-results__content-criteria .filteringMobile span a, .market-hkex .search-results__content-criteria .filteringMobile span a:hover, .market-hkex .search-results__content-criteria .filteringMobile span a:focus {
    color: #10416c;
    text-decoration: none;
  }
  .market-hkex .search-results__content-criteria .filteringMobile .refinedSearch label {
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .market-hkex .search-results__content-criteria .filteringMobile .refinedSearch input {
    margin-bottom: 20px;
    width: 280px;
  }
}

@media (max-width: 767px) {
  .market-hkex .search-results__content-criteria .filteringMobile #cd-applyFilters {
    margin-left: 0;
  }
}

.market-hkex .search-results__content-criteria .filteringMobile .filter__checkBox {
  color: #10416c;
  border-top: none;
}

.market-hkex .search-results__content-criteria .filteringMobile .filter__checkBox ul li label {
  color: #10416c;
}

.market-hkex .search-results__content-criteria .filteringMobile .filter__checkBox--custom {
  margin-left: 0;
  margin-top: 15px;
}

.market-hkex .search-results__content-criteria .filteringMobile .filter__checkBox--custom span {
  color: #10416c;
}

.market-hkex .search-results__content-totalResult {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #444444;
  margin-top: 13px;
  text-align: right;
}

.market-hkex .search-results__content-result {
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d3d3d3;
}

.market-hkex .search-results__content-result p, .market-hkex .search-results__content-result a {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 20px;
}

.market-hkex .search-results__content-result .category {
  text-transform: uppercase;
  color: #444444;
  font-size: 12px;
  font-size: 0.75rem;
}

.market-hkex .search-results__content-result a {
  text-decoration: none;
  font-size: 14px;
  font-size: 0.875rem;
  color: #10416c;
}

.market-hkex .search-results__content-result a:hover, .market-hkex .search-results__content-result a:focus {
  text-decoration: underline;
}

.market-hkex .search-results__content-result a.pdfIcon:after {
  content: ' ';
  background: url("../image/pdf.png") no-repeat center;
  margin-left: 10px;
  margin-bottom: -2px;
  display: inline-block;
  width: 23px;
  height: 15px;
}

.market-hkex .search-results__content-result .fileInfo {
  font-size: 12px;
  font-size: 0.75rem;
  color: #444444;
}

.market-hkex .search-results__content-result .result {
  font-size: 14px;
  font-size: 0.875rem;
  color: #10416c;
}

.market-hkex .search-results__content-result .result span.date {
  color: #444444;
}

.market-hkex .search-results__content-result .result span.keyword {
  font-weight: bold;
}

.market-hkex .search-results__content-noResult {
  margin-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #10416c;
}

.market-hkex .search-results__content-noResult p {
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}

.market-hkex .search-results__content-noResult .message {
  margin-bottom: 30px;
}

.market-hkex .search-results__content-noResult .keywordNoFound {
  color: #f4364c;
}

.market-hkex .search-results__content-noResult .suggestions {
  font-weight: bold;
}

.market-hkex .search-results__content-noResult p:not(.message):not(.suggestions) {
  margin-left: 10px;
  padding-left: 4px;
}

.market-hkex .search-results__content-noResult p:not(.message):not(.suggestions):before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #10416c;
  border: 1px solid #10416c;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 1px;
  position: absolute;
  left: -10px;
  top: 5px;
}

.market-hkex .search-results__content-pagenation {
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  color: #10416c;
  border-top: 2px solid #d1dde6;
}

.market-hkex .search-results__content-pagenation .previousPage {
  width: 15px;
  height: 20px;
  display: inline-block;
  margin-bottom: -5px;
  background: url("../image/left-arrow-red.png") no-repeat left center;
}

.market-hkex .search-results__content-pagenation .nextPage {
  width: 15px;
  height: 20px;
  display: inline-block;
  margin-bottom: -5px;
  background: url("../image/right-arrow-red.png") no-repeat right center;
}

.market-hkex .search-results__content-pagenation input {
  width: 36px;
  padding: 2px;
  line-height: 18px;
  overflow-x: visible;
}

.market-hkex .search-results__content-pagenation input[type=number]::-webkit-inner-spin-button,
.market-hkex .search-results__content-pagenation input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.market-hkex .search-results__content-pagenation input[type="number"] {
  -moz-appearance: textfield;
}

@media (min-width: 768px) {
  .market-hkex .fontsize-large .search-results__content-criteria .filteringMobile .filter__moreFilter {
    margin-right: 250px;
  }
}

.market-hkex .fontsize-large .search-results__content-pagenation input {
  width: 41px;
}

@media (min-width: 768px) {
  .market-hkex .fontsize-small .search-results__content-criteria .filteringMobile .filter__moreFilter {
    margin-right: 150px;
  }
}

.market-hkex .fontsize-small .search-results__content-pagenation input {
  width: 26px;
}

@media (min-width: 1001px) {
  .market-hkex .filteringMobile {
    display: block;
    background-color: #ffffff;
    padding: 0 20px;
  }
  .market-hkex .filteringMobile .filter__searchPanel {
    display: none;
  }
  .market-hkex .filteringMobile #resultFilter {
    display: block;
  }
  .market-hkex .filteringMobile .filter__checkBox__title {
    display: none;
  }
  .market-hkex .filteringMobile .filter__checkBox--custom {
    border: none;
  }
  .market-hkex .filteringMobile .filter__checkBox--custom ul li {
    display: block;
    width: 100%;
  }
  .market-hkex .filteringMobile .filter__checkBox--custom ul li label {
    font-size: 0.875rem;
    color: #10416c;
  }
  .market-hkex .filteringMobile .refinedSearch label {
    font-weight: bold;
  }
  .market-hkex .filteringMobile .filter__buttonGroup, .market-hkex .filteringMobile .filter__selectedItem {
    position: absolute;
    left: -999px;
    opacity: 0;
  }
}

.market-hkex .contactsUs__map {
  padding: 0 30px 30px;
  background-color: #ffffff;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__map {
    padding: 0;
    margin-top: 20px;
  }
}

.market-hkex .contactsUs__map-img {
  height: 420px;
  position: relative;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__map-img {
    display: none;
  }
}

.market-hkex .contactsUs__map-text {
  position: absolute;
  z-index: 1;
  margin: 40px 0 0 40px;
  width: 390px;
  background-color: #ffffff;
  border-top: 4px solid #e72742;
}

@media (max-width: 1000px) {
  .market-hkex .contactsUs__map-text {
    margin: 20px 0 0 20px;
  }
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__map-text {
    width: 100%;
    margin: 0;
    position: relative;
  }
}

.market-hkex .contactsUs__map-text-title {
  margin: 40px 0 20px 30px;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  color: #d5e2e8;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__map-text-title {
    margin: 40px 0 20px 20px;
  }
}

.market-hkex .contactsUs__map-text-context {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__map-text-context {
    margin-bottom: 20px;
  }
  .market-hkex .contactsUs__map-text-context p:last-child {
    padding-bottom: 30px;
  }
}

.market-hkex .contactsUs__map-text-context p {
  margin: 0;
  padding-left: 30px;
  font-size: 0.875rem;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  color: #10416c;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__map-text-context p {
    padding-left: 20px;
  }
}

.market-hkex .contactsUs__map-text-context-bold {
  font-weight: bold;
}

.market-hkex .contactsUs__map-text-context-map {
  display: none;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__map-text-context-map {
    display: inline;
  }
  .market-hkex .contactsUs__map-text-context-map-icon {
    background: url("../image/map-link.png") no-repeat center center;
    display: inline-block;
    width: 9px;
    height: 9px;
  }
}

.market-hkex .contactsUs__title {
  background-color: #ffffff;
}

@media (min-width: 1001px) {
  .market-hkex .contactsUs__title {
    display: none;
  }
}

.market-hkex .contactsUs__tab {
  background-color: #ffffff;
  padding: 30px 10px 30px 30px;
}

@media (max-width: 1000px) {
  .market-hkex .contactsUs__tab {
    padding: 0 10px 30px 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__tab {
    background-color: #d1dde6;
    padding: 0;
    margin-bottom: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contactsUs__tab-dt {
    display: none;
  }
}

@media (min-width: 1001px) {
  .market-hkex .contactsUs__tab-tb {
    display: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__tab-tb {
    display: none;
  }
}

@media (min-width: 768px) {
  .market-hkex .contactsUs__tab-mb {
    display: none;
  }
}

.market-hkex .contactsUs__tab .contact-panel {
  width: 33.33%;
  float: left;
}

@media (max-width: 1000px) {
  .market-hkex .contactsUs__tab .contact-panel {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__tab .contact-panel {
    width: 100%;
  }
}

.market-hkex .contactsUs__tab-example-content {
  padding: 20px;
  color: #10416c;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
}

.market-hkex .contactsUs__tab-content-container {
  background-color: #ffffff;
  border-bottom: 1px solid #d1dde6;
  border-left: 1px solid #d1dde6;
  border-right: 1px solid #d1dde6;
  margin-bottom: 20px;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__tab-content-container {
    margin: 0;
    border: none;
  }
}

@media (min-width: 1001px) {
  .market-hkex .contactsUs__tab-content-leftpart {
    width: 65%;
    float: left;
  }
}

@media (min-width: 768px) {
  .market-hkex .contactsUs__tab-content-rightpart .contact-us {
    border: none;
  }
}

@media (min-width: 1001px) {
  .market-hkex .contactsUs__tab-content-rightpart {
    float: right;
    width: 34%;
  }
  .market-hkex .contactsUs__tab-content-rightpart .contact-us {
    width: 100%;
  }
  .market-hkex .contactsUs__tab-content-rightpart .contact-us .btn-gray {
    float: none;
    margin-top: 20px;
  }
  .market-hkex .contactsUs__tab-content-rightpart .contact-us__form_column:first-child {
    float: none;
    width: 100%;
  }
  .market-hkex .contactsUs__tab-content-rightpart .contact-us__form_column:nth-child(2n) {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .contactsUs__tab-content-rightpart .contact-us .btn-gray {
    margin-top: 0;
  }
  .market-hkex .contactsUs__tab-content-rightpart .contact-us .checkbox-img {
    margin-left: 37%;
  }
  .market-hkex .contactsUs__tab-content-rightpart .contact-us .contact_us__form--error .btn-gray {
    margin-top: 33px;
  }
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__tab-content-rightpart .contact-us .btn-gray {
    margin-top: 20px;
  }
  .market-hkex .contactsUs__tab-content-rightpart .contact-us .checkbox-img {
    margin-left: auto;
  }
}

.market-hkex .contactsUs__tab-content-text {
  padding: 0 20px;
  margin-top: 0;
  color: #10416c;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
}

@media (max-width: 767px) {
  .market-hkex .contactsUs__tab-content-text:first-child {
    margin-top: 0;
    padding-top: 20px;
  }
  .market-hkex .contactsUs__tab-content-text:last-child {
    margin-bottom: 0;
  }
}

.market-hkex .contactsUs__tab-content-text-bold {
  font-weight: bold;
}

.market-hkex .contactsUs__tab-content-text-tel {
  margin-top: 0;
  margin-bottom: 0;
}

.market-hkex .contactsUs__tab-content-text a {
  text-decoration: underline;
}

.market-hkex .contactsUs__tab-content-title {
  padding: 0 0 15px 20px;
  color: #e72742;
  font-size: 0.875rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
}

.market-hkex .contactsUs__tab-content-collapse-container {
  padding: 0 20px;
}

.market-hkex .contactsUs__tab-content-collapse-container hr {
  margin-top: 0;
}

.market-hkex .contactsUs__tab-content-contact-us-container {
  margin-bottom: 0;
}

.market-hkex .checkbox-img {
  min-width: 188px;
  max-width: 224px;
  width: 188px;
}

@media (max-width: 1000px) {
  .market-hkex .checkbox-img {
    float: left;
  }
}

@media (max-width: 767px) {
  .market-hkex .checkbox-img {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1001px) {
  .market-hkex .contact_us__form--error .contact-us__form_column:last-child {
    margin-top: 40px;
  }
}

.market-hkex .contact_us__form--error .checkbox-img {
  border: 1px solid #e72742;
  padding: 6px;
}

@media (max-width: 767px) {
  .market-hkex .contact_us__form--error .checkbox-img {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.market-hkex .contact_us__form--error-rightpart .contact-us .btn-gray {
  margin-top: 33px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .contactsUs__tab-content-rightpart .contact-us .checkbox-img {
    margin-left: 29%;
    width: 207px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contactsUs__tab-content-rightpart .contact-us .checkbox-img {
    margin-left: auto;
  }
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .contactsUs__tab-content-rightpart .contact-us .contact_us__form--error .checkbox-img {
    margin-left: 26%;
    width: 224px;
  }
  .market-hkex .fontsize-large .contactsUs__tab-content-rightpart .contact-us .contact_us__form--error .btn-gray {
    margin-top: 38px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .contactsUs__tab-content-rightpart .contact-us .contact_us__form--error .checkbox-img {
    margin-left: auto;
  }
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .contactsUs__tab-content-rightpart .contact-us .checkbox-img {
    margin-left: 47%;
    width: 174px;
    min-width: 174px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .contactsUs__tab-content-rightpart .contact-us .checkbox-img {
    margin-left: auto;
  }
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .contactsUs__tab-content-rightpart .contact-us .contact_us__form--error .checkbox-img {
    margin-left: 47%;
    width: 174px;
    min-width: 174px;
  }
  .market-hkex .fontsize-small .contactsUs__tab-content-rightpart .contact-us .contact_us__form--error .btn-gray {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .contactsUs__tab-content-rightpart .contact-us .contact_us__form--error .checkbox-img {
    margin-left: auto;
  }
}

.market-hkex .ContactsUsQuicklinks {
  margin-top: 0;
}

.market-hkex .ContactsUsQuicklinks .ls-process-ql {
  margin-top: 0;
}

@media (max-width: 767px) {
  .market-hkex .ContactsUsQuicklinks .ls-process-ql__list {
    margin: 10px 20px 20px;
  }
}

.market-hkex .contactsUs-container {
  margin-top: 0;
}

.market-hkex .advanced-search {
  padding-top: 20px;
  position: static;
}

.market-hkex .advanced-search__main-filter {
  min-height: 100px;
  background: #ffffff;
}

.market-hkex .advanced-search__main-filter > div:nth-child(n) {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__main-filter > div:nth-child(n) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .advanced-search__main-filter .filter__moreFilter {
  width: 100%;
  float: none;
  border-bottom: 1px solid #d3d3d3;
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__main-filter .filter__moreFilter--float-down {
    position: static;
  }
}

.market-hkex .advanced-search__main-filter .filter__moreFilter a {
  font-weight: bold;
  text-decoration: none;
  width: 100%;
}

.market-hkex .advanced-search__main-filter .filter__moreFilter a:hover {
  text-decoration: underline;
}

.market-hkex .advanced-search__main-filter .filter__moreFilter a[aria-expanded='false'].panel-heading {
  background: url("../image/triangle-1.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
}

.market-hkex .advanced-search__main-filter .filter__moreFilter a[aria-expanded='true'].panel-heading {
  background: url("../image/arrow-up.png") no-repeat right center;
  background-size: 8px 6px;
  padding-right: 14px;
  border-bottom: none;
}

.market-hkex .advanced-search__main-filter .filter__moreFilter__label {
  padding: 15px 0 15px 0;
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__main-filter .filter__moreFilter {
    padding-bottom: 0;
  }
  .market-hkex .advanced-search__main-filter .filter__moreFilter__label {
    padding-bottom: 10px;
  }
}

.market-hkex .advanced-search__main-filter .filter__checkBox__title {
  font-size: 0.75rem;
  font-weight: normal;
  text-transform: none;
}

.market-hkex .advanced-search__main-filter .filter__container-find-content {
  border-bottom: 1px solid #899bac;
  padding-bottom: 10px;
}

.market-hkex .advanced-search__main-filter .filter__container-find-content ul {
  padding: 0;
  margin: 0;
}

.market-hkex .advanced-search__main-filter .filter__container-input {
  display: inline-block;
  width: 220px;
  margin-right: 15px;
  padding-bottom: 10px;
}

.market-hkex .advanced-search__main-filter .filter__container-input input {
  margin: 0;
  width: 100%;
}

.market-hkex .advanced-search__main-filter .filter__container-input:last-child {
  margin-right: 0;
}

@media (max-width: 1000px) {
  .market-hkex .advanced-search__main-filter .filter__container-input {
    width: 290px;
  }
  .market-hkex .advanced-search__main-filter .filter__container-input:nth-child(even) {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__main-filter .filter__container-input {
    margin-right: 0;
    width: 100%;
  }
}

.market-hkex .advanced-search__main-filter .filter__checkBox {
  border: none;
}

.market-hkex .advanced-search__main-filter .filter__dropdown span {
  font-size: 0.875rem;
  color: #10416c;
}

.market-hkex .advanced-search__main-filter-searchBox .searchBox {
  margin-top: 30px;
  width: 100%;
}

.market-hkex .advanced-search__main {
  width: 74.5762711864%;
  float: right;
  margin-right: 0;
  margin-top: 20px;
  background: #ffffff;
}

@media (max-width: 1000px) {
  .market-hkex .advanced-search__main {
    width: 100%;
  }
}

.market-hkex .advanced-search__side {
  width: 23.7288135593%;
  float: left;
  margin-right: 1.6949152542%;
  background: #ffffff;
  color: #10416c;
}

@media (max-width: 1000px) {
  .market-hkex .advanced-search__side {
    display: none;
  }
}

.market-hkex .advanced-search__side .search-input {
  margin: 20px 20px 0 20px;
}

.market-hkex .advanced-search__side .search-input label {
  font-size: 0.875rem;
  font-weight: bold;
}

.market-hkex .advanced-search__side .searchBox {
  font-size: 0.875rem;
  margin-top: 14px;
  width: 100%;
  height: 41px;
}

.market-hkex .advanced-search__side-filter-title {
  color: #ffffff;
  font-size: 0.875rem;
  background: #10416c;
  padding-left: 20px;
}

.market-hkex .advanced-search__side-filter-checkBox {
  margin-top: 20px;
  margin-left: 20px;
}

.market-hkex .advanced-search__side-filter-checkBox span {
  color: #6a6a6a;
}

.market-hkex .advanced-search__filter-container {
  background-color: #e8eef3;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__filter-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .advanced-search__filter-container h3 {
  width: 100%;
  padding: 20px 0 16px 0;
  text-transform: uppercase;
  color: #10416c;
}

.market-hkex .advanced-search__main-filter-others {
  padding: 20px 0 20px 31px;
  min-height: 60px;
  min-width: 100%;
  font-size: 0.875rem;
  color: #10416c;
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__main-filter-others {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .advanced-search__main-filter-others img {
  width: 25px;
  float: left;
  margin-top: 1px;
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__main-filter-others img {
    width: 15px;
    position: absolute;
  }
}

.market-hkex .advanced-search__main-filter-others span {
  font-weight: bold;
}

.market-hkex .advanced-search__others-content {
  display: inline-block;
  padding: 4px 20px 0 14px;
  max-width: 95%;
  background: url("../image/arrow-right.png") 100% 6px no-repeat;
  background-size: 10px 14px;
}

@media (max-width: 1000px) {
  .market-hkex .advanced-search__others-content {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .advanced-search__others-content {
    text-indent: 30px;
    padding-left: 0;
    line-height: 20px;
    background-position: 100% 3px;
  }
}

.market-hkex .advanced-search .filter__checkBox--custom {
  display: block;
  font-size: 0.875rem;
  padding-top: 0;
}

.market-hkex .advanced-search .filter__checkBox--custom li {
  width: 24%;
  margin-right: 9px;
}

@media (max-width: 1000px) {
  .market-hkex .advanced-search .filter__checkBox--custom li {
    width: 31%;
  }
}

@media (max-width: 767px) {
  .market-hkex .advanced-search .filter__checkBox--custom li {
    width: 46%;
  }
}

.market-hkex .advanced-search .side-content__dropdown {
  display: inline-block;
  margin-left: 5px;
  padding-bottom: 0;
  padding-top: 0;
}

.market-hkex .advanced-search .side-content__dropdown .select-target {
  background: #ffffff;
  width: 155px;
}

.market-hkex .advanced-search .side-content__dropdown .select-target a {
  font-size: 0.875rem;
}

.market-hkex .advanced-search__no-result {
  width: 100%;
}

.market-hkex .advanced-search__selectedItem {
  position: absolute;
  left: -9999px;
}

.market-hkex .fontsize-large .advanced-search__others-content {
  background-position: 100% 7px;
  padding-top: 2px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-large .advanced-search__others-content {
    padding-top: 0px;
  }
}

.market-hkex .fontsize-small .advanced-search__others-content {
  background-position: 100% 7px;
  background-size: 7px 9px;
  padding-top: 6px;
}

@media (max-width: 1000px) {
  .market-hkex .fontsize-small .advanced-search__others-content {
    background-position: 100% 6px;
  }
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .advanced-search__others-content {
    padding-top: 0;
  }
}
.market-hkex .fontsize-small .filter__checkBox__text {
  padding-top: 7px;
}

.market-hkex .twitter-section__wrapper {
  background: #ffffff;
  padding-bottom: 5px;
}

@media (max-width: 767px) {
  .market-hkex .twitter-section__wrapper {
    padding-bottom: 40px;
  }
}

.market-hkex .twitter-section__tweets {
  margin-left: 30px;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .market-hkex .twitter-section__tweets {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.market-hkex .twitter-section__title {
  width: 100%;
  float: left;
}

.market-hkex .twitter-section__title .hklogo-icon {
  float: left;
  width: 33px;
  margin-top: 4px;
}

.market-hkex .twitter-section__title .twitter-name {
  float: left;
  width: 100px;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.5px;
  color: #13426b;
}

.market-hkex .twitter-section__title .twitter-name h6 {
  font-size: 0.8125rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
  float: left;
}

.market-hkex .twitter-section__title .twitter-name span {
  font-size: 12px;
  float: left;
}

.market-hkex .twitter-section__title .twitter-icon {
  float: right;
  width: 15px;
}

.market-hkex .twitter-section__content {
  padding: 15px 20px 16px 20px;
}

@media (max-width: 767px) {
  .market-hkex .twitter-section__content {
    padding: 15px 0px 16px 0px;
  }
}

.market-hkex .twitter-section__text {
  color: #13426b;
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  width: 100%;
  padding-top: 0px;
  overflow-y: auto;
  float: left;
}

.market-hkex .twitter-section__date {
  font-size: 0.75rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  color: #a5a5a5;
  width: 100%;
  margin-top: 11px;
  margin-bottom: 11px;
  float: left;
}

.market-hkex .twitter-section__sharing-icons {
  padding: 11px 0 11px 0;
  border-top: 1px solid #d1dde6;
  width: 100%;
  float: left;
}

.market-hkex .twitter-section__sharing-icons .share {
  margin-right: 32.7px;
}

.market-hkex .twitter-section__sharing-icons .retweet {
  margin-right: 4.7px;
}

.market-hkex .twitter-section__sharing-icons .retweet-count {
  margin-right: 21px;
  font-size: 0.75rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  color: #444444;
}

.market-hkex .twitter-section .item {
  width: 300px;
  float: left;
  border: solid 1px #cbcbcb;
  cursor: pointer;
  margin-right: 20px;
  margin-bottom: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .twitter-section .item {
    width: 290px;
  }
}

@media (min-width: 768px) {
  .market-hkex .twitter-section .item {
    position: absolute;
  }
}

.market-hkex .twitter-section .item .twitter-section__image {
  width: 100%;
}

@media (max-width: 767px) {
  .market-hkex .twitter-section .item .twitter-section__image {
    float: none;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .market-hkex .twitter-section .item .twitter-section__image img {
    width: 258px;
  }
}

@media (max-width: 767px) {
  .market-hkex .twitter-section .item {
    border: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
}

.market-hkex .twitter-section .carousel-inner {
  overflow: visible;
}

@media (max-width: 767px) {
  .market-hkex .twitter-section .carousel-inner {
    overflow: hidden;
  }
}

@media (min-width: 767px) {
  .market-hkex .twitter-section .carousel-inner > .item {
    display: block !important;
  }
}

@media (min-width: 1000px) {
  .market-hkex .twitter-section .carousel-inner {
    margin-left: auto;
    margin-right: auto;
  }
}

.market-hkex .twitter-section .carousel-indicators {
  position: absolute;
  bottom: -36px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.market-hkex .twitter-section .carousel-indicators li {
  background-color: #9d9d9d;
  text-indent: 0px;
}

.market-hkex .twitter-section .carousel-indicators li.active {
  background-color: #e72742;
  width: 10px;
  height: 10px;
  margin: 1px;
}

.market-hkex .twitter-section .carousel-indicators li a {
  padding: 3px;
}

.market-hkex .twitter-section .carousel-indicators li a:hover, .market-hkex .twitter-section .carousel-indicators li a:focus, .market-hkex .twitter-section .carousel-indicators li a:focus {
  text-decoration: none;
}

@media (min-width: 767px) {
  .market-hkex .twitter-section .carousel-indicators {
    display: none;
  }
}

.market-hkex .fontsize-large .twitter-section__title .hklogo-icon {
  margin-top: 4px;
}

.market-hkex .fontsize-small .twitter-section__title .hklogo-icon {
  margin-top: 2px;
}

.market-hkex .news-feature {
  color: #fff;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  margin-top: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature {
    margin-top: 0;
  }
}

.market-hkex .news-feature .news-feature__it .share-group,
.market-hkex .news-feature .news-feature__t .share-group {
  top: 30px;
  right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .news-feature .news-feature__it .share-group,
  .market-hkex .news-feature .news-feature__t .share-group {
    top: 20px;
    right: 20px;
  }
}

.market-hkex .news-feature .news-feature__itv .share-group {
  top: 20px;
  right: 20px;
}

@media (max-width: 767px) {
  .market-hkex .news-feature .news-feature__itv .share-group {
    top: 30px;
    right: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature .news-feature__itv .share-group {
    top: 20px;
    right: 20px;
  }
}

.market-hkex .news-feature__box {
  float: left;
}

.market-hkex .news-feature__date, .market-hkex .news-feature__new-product {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
}

.market-hkex .news-feature__date {
  line-height: 1.67;
  margin-bottom: 10px;
  margin-top: 0;
}

/*
	Edit by Henry
	27/2/2017 10:55 Fixing UAT log #3863
	add margin-left: 2px; in ".market-hkex .news-feature__new-product"
*/
.market-hkex .news-feature__new-product {
  background-color: #ffb205;
  padding: 0 4px;
  margin-left: 2px;
}

.market-hkex .news-feature__read-more {
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.67;
}

.market-hkex .news-feature__read-more:focus, .market-hkex .news-feature__read-more:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.market-hkex .news-feature__read-more:after {
  content: '';
  display: inline-block;
  background: url("../image/arrow_white.png") no-repeat center;
  width: 11px;
  height: 14px;
  margin-left: 5px;
  margin-bottom: -2px;
}

.market-hkex .news-feature__read-more--blue {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

@media (max-width: 767px) {
  .market-hkex .news-feature__read-more--blue {
    left: 20px;
    bottom: 20px;
  }
}

.market-hkex .news-feature__read-more--purple {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__read-more--purple {
    bottom: 30px;
    left: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__read-more--purple {
    left: 20px;
    bottom: 20px;
  }
}

.market-hkex .news-feature__it {
  width: 100%;
}

.market-hkex .news-feature__it-img-wrapper, .market-hkex .news-feature__it-text {
  float: left;
  width: 49.995%;
}

.market-hkex .news-feature__it-img-wrapper .ellipseH1, .market-hkex .news-feature__it-text .ellipseH1 {
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}

.market-hkex .news-feature__it-img-wrapper {
  overflow: hidden;
}

@media (max-width: 767px) {
  .market-hkex .news-feature__it-img-wrapper {
    width: 100%;
    height: auto;
  }
}

.market-hkex .news-feature__it-img {
  width: 100%;
  height: auto;
}

.market-hkex .news-feature__it-text {
  position: relative;
  background-color: #10416c;
  padding: 30px;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__it-text {
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__it-text {
    width: 100%;
    height: 150px;
    padding: 20px;
  }
}

.market-hkex .news-feature__it-content {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}

@media (max-width: 767px) {
  .market-hkex .news-feature__it-content {
    display: none;
  }
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__itv-img-wrapper {
    width: 50%;
    float: left;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__itv-img-wrapper {
    height: auto;
    width: 100%;
  }
}

.market-hkex .news-feature__itv-img {
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__itv-img {
    margin-top: 0;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__itv-img {
    max-width: 100%;
    height: auto;
  }
}

.market-hkex .news-feature__itv-text {
  position: relative;
  padding: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.43;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__itv-text {
    width: 50%;
    float: left;
    padding: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__itv-text {
    width: 100%;
    height: 150px;
    padding: 20px;
  }
}

.market-hkex .news-feature__itv-text .ellipseH1 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}

.market-hkex .news-feature__itv-content {
  display: none;
  font-size: 0.875rem;
  line-height: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__itv-content {
    display: block;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__itv-content {
    display: none;
  }
}

.market-hkex .news-feature__itv-text--purple {
  background-color: #d25b73;
}

.market-hkex .news-feature__i, .market-hkex .news-feature__itv, .market-hkex .news-feature__t {
  width: 33.33%;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__i, .market-hkex .news-feature__itv, .market-hkex .news-feature__t {
    width: 100%;
  }
}

.market-hkex .news-feature__t {
  /*background-image: url("/Images/HKEX/HKEX MARKET/newsRelease/flag_Desktop_335x300.jpg"); removed by Kitty*/
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__t {
    /*background-image: url("/Images/HKEX/HKEX MARKET/newsRelease/flag_Tab_1000x500.jpg"); removed by Kitty*/
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__t {
    /*background-image: url("/Images/HKEX/HKEX MARKET/newsRelease/flag_Mob_768x500.jpg"); removed by Kitty*/
  }
}

.market-hkex .news-feature__t-wrapper {
  background-color: rgba(64, 58, 96, 0.9);
  padding: 64px 30px 0 45px;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__t-wrapper {
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .market-hkex .news-feature__t-wrapper {
    padding: 64px 20px 0 40px;
  }
}

.market-hkex .news-feature__t-author {
  font-size: 0.75rem;
  margin-bottom: 0;
  margin-top: 20px;
}

.market-hkex .news-feature__t-author span {
  font-weight: bold;
  font-style: italic;
}

.market-hkex .news-feature__t-text {
  position: relative;
  line-height: 1.28;
  font-size: 18px;
  margin: 0;
}

.market-hkex .news-feature__t-text::before {
  content: "\201C";
  /*Unicode for Left Double Quote*/
  font-size: 36px;
  font-weight: bold;
  color: #7e5c8b;
  position: absolute;
  left: -21px;
  top: -21px;
}

.market-hkex .news-feature__t-content {
  line-height: 23px;
}

.market-hkex .news-feature__i-img-wrapper {
  overflow: hidden;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__i-img-wrapper {
    height: auto;
  }
}

.market-hkex .news-feature__i-img {
  width: 100%;
}

@media (max-width: 1000px) {
  .market-hkex .news-feature__i-img {
    max-width: 100%;
    height: auto;
  }
}

.market-hkex .fontsize-small .news-feature__t-text {
  font-size: 1.125rem;
}

.market-hkex .news-feature__it .add-ellipse span {
  background-image: none;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #10416c 50%, rgba(16, 65, 108, 0));
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #10416c), color-stop(50%, rgba(16, 65, 108, 0)));
  background: linear-gradient(to left, #10416c 50%, rgba(16, 65, 108, 0));
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0010416c', endColorstr='#FF10416c',GradientType=1 );
  /* IE6-9 */
}

.market-hkex .news-feature__itv .add-ellipse span {
  background-image: none;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #d25b73 50%, rgba(210, 91, 115, 0));
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #d25b73), color-stop(50%, rgba(210, 91, 115, 0)));
  background: linear-gradient(to left, #d25b73 50%, rgba(210, 91, 115, 0));
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d25b73', endColorstr='#FFd25b73',GradientType=1 );
  /* IE6-9 */
}

.market-hkex .news-feature__t .add-ellipse span {
  background-image: none;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(64, 58, 96, 0.7) 50%, rgba(64, 58, 96, 0));
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, rgba(64, 58, 96, 0.7)), color-stop(50%, rgba(64, 58, 96, 0)));
  background: linear-gradient(to left, rgba(64, 58, 96, 0.7) 50%, rgba(64, 58, 96, 0));
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00403A60', endColorstr='#B3403A60',GradientType=1 );
  /* IE6-9 */
}


.market-hkex .fontsize-large .news-releases__section--date-day {
  font-size: 43px !important;
  height: 50px !important;
  width: 50px !important;
}

.market-hkex .fontsize-large .news-releases__section--date-month {
  font-size: 22px !important;
}

.market-hkex .news-release-left,
.market-hkex .news-release-right {
  min-height: auto;
  margin-top: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .news-release-left .insert-filter {
    display: none;
  }
}

.market-hkex .news-releases__list-title h2 {
  font-size: 1.125rem;
}

.market-hkex .news-releases__section {
  margin-bottom: 23px;
  position: relative;
}

.market-hkex .news-releases__section--date {
  width: 16%;
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .news-releases__section--date {
    width: 141px;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
  }
}

.market-hkex .news-releases__section--date-day {
  font-size: 2.6875rem;
  font-weight: 900;
  color: #d5e2e8;
  height: 3.125rem;
  width: 3.125rem;
}

.market-hkex .news-releases__section--date-month {
  font-size: 1.375rem;
  color: #10416c;
  letter-spacing: 1px;
  padding-left: 4px;
  text-transform: uppercase;
}

.market-hkex .news-releases__section--content {
  width: 83%;
  display: inline-block;
  border-left: solid 1px #ebebeb;
}

@media (min-width: 320px) and (max-width: 767px) {
  .market-hkex .news-releases__section--content {
    width: 100%;
    display: block;
    border-left: none;
    padding-left: 0px;
  }
}

.market-hkex .news-releases__section--content-type {
  padding-top: 10px;
  margin-right: 20px;
}

.market-hkex .news-releases__section--content-type .tag-first {
  margin-left: -11px;
}

@media (max-width: 767px) {
  .market-hkex .news-releases__section--content-type .tag-first {
    margin-left: 0px;
  }
}

.market-hkex .news-releases__section--content-title {
  color: #10416c;
  padding-left: 19px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.31;
  display: inline-block;
}

.market-hkex .news-releases__section--content-title[data-file-type]:after {
  content: url("../image/pdf.png");
  width: 1.25rem;
  height: 0.6875rem;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.market-hkex .news-releases__section--content-brife {
  color: #10416c;
  margin-left: 19px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (min-width: 1001px) {
  .market-hkex .news-loadMore .loadMore__container {
    margin-bottom: 20px;
  }
}

.market-hkex .news-loadMore .loadMore__container a > p {
  display: none;
}

.market-hkex .fontsize-small .news-releases span[class*='tag']:first-child {
  margin-left: -7px;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-small .news-releases span[class*='tag']:first-child {
    margin-left: 0px;
  }
}

.market-hkex .fontsize-large .news-releases span[class*='tag']:first-child {
  margin-left: -13px;
}

@media (max-width: 767px) {
  .market-hkex .fontsize-large .news-releases span[class*='tag']:first-child {
    margin-left: 0px;
  }
}

.market-hkex .findPartner {
  color: #10416c;
}

.market-hkex .findPartner .findPartner__overview {
  background-color: #ffffff;
  margin-top: 20px;
}

@media (max-width: 1000px) {
  .market-hkex .findPartner .findPartner__overview {
    margin-top: 0;
  }
}

.market-hkex .findPartner .findPartner__overview .overview-container {
  padding: 0 30px 25px 30px;
}

@media (max-width: 767px) {
  .market-hkex .findPartner .findPartner__overview .overview-container {
    padding: 0 20px 20px 20px;
  }
}

.market-hkex .findPartner .findPartner__overview .overview-container p {
  margin: 0;
  line-height: 20px;
  font-size: 0.875rem;
  color: #10416c;
}

.market-hkex .findPartner .findPartner__overview .overview-container hr {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  border: 0;
  border-top: 1px solid #d5e2e8;
  height: 0;
  width: 130px;
  text-align: left;
}

.market-hkex .findPartner .findPartner__overview .overview-container .overview-tips {
  font-size: 0.875rem;
  color: #10416c;
}

.market-hkex .findPartner .findPartner__overview .overview-container .overview-tips h3:before {
  content: '';
  background: url("../image/tips.png") no-repeat center;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-bottom: -1px;
}

.market-hkex .findPartner .findPartner__overview .overview-container .overview-tips ol {
  padding-left: 16px;
  margin-bottom: 0;
}

.market-hkex .findPartner .findPartner__overview .overview-container .overview-tips ol li a {
  text-decoration: underline;
  font-weight: bold;
}

.market-hkex .findPartner .findPartner__overview .overview-container .overview-tips .iconInTips {
  width: 14px;
  height: 14px;
}

.market-hkex .findPartner .findPartner__vendorList {
  background-color: #ffffff;
  margin-top: 20px;
}

@media (min-width: 1001px) {
  .market-hkex .findPartner .findPartner__vendorList .findParter__Table {
    width: 100%;
  }
}

@media (min-width: 1001px) {
  .market-hkex .findPartner .findPartner__vendorList .findParter__Table .fixed-freeze-tb-parent {
    width: 100%;
  }
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .leftAlign th {
  text-align: left;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorName {
  font-size: 0.75rem;
  font-weight: bold;
  color: #10416c;
  margin-top: 0;
  margin-bottom: 10px;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorInfo {
  font-size: 0.75rem;
  color: #10416c;
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorInfo li {
  line-height: 21px;
  padding-left: 20px;
  word-wrap: break-word;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .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;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .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;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .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;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .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;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .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 .findPartner .findPartner__vendorList .findParter__Table table tbody tr td {
  text-align: center;
  font-size: 12px;
  color: #a5a5a5;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table table tbody tr td:first-child {
  text-align: left;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .checkedWithoutInfo {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("../image/checked-mark-icon2.png") no-repeat center;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .checkedWithInfo {
  display: inline-block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: url("../image/checked-mark-icon.png") no-repeat center;
  background-size: 23px;
  position: relative;
  z-index: 2;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .checkedWithInfo:hover, .market-hkex .findPartner .findPartner__vendorList .findParter__Table .checkedWithInfo:active {
  -webkit-box-shadow: 0 0 2px 1px #4ab1e2;
          box-shadow: 0 0 2px 1px #4ab1e2;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorListPopover {
  z-index: 11;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorListPopover .popover__content {
  /*right: 53px; Removed by Henry*/
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorListPopover .popover__content:before,
.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorListPopover .popover__content:after {
  left: 50%;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorListPopover .vendorInfo {
  padding: 15px 20px;
  text-align: left;
}

.market-hkex .findPartner .findPartner__vendorList .findParter__Table .vendorListPopover .vendorInfo .vendorInfo{
  padding: 0px;
}

.market-hkex .agenda__container {
  background-color: #ffffff;
}

.market-hkex .agenda__loadmore {
  border-top: 1px solid #cdd8e1;
}

.market-hkex .agenda__loadmore .loadMore__update {
  display: none;
}

.market-hkex .cal-subscribe-top {
  position: absolute;
  width: 206px;
  right: 0;
  top: -102px;
}

.market-hkex .cal-subscribe-top .quick-link-list li a span {
  color: #ffffff;
  font-weight: normal;
}

@media (max-width: 1000px) {
  .market-hkex .cal-subscribe-top {
    display: none;
  }
}

.market-hkex .cal-subscribe {
  display: none;
}

@media (max-width: 1000px) {
  .market-hkex .cal-subscribe {
    display: block;
    background-color: #ffffff;
  }
  .market-hkex .cal-subscribe .quick-link-list-tablet-mobile {
    margin: 0;
  }
}

.market-hkex .agenda__filter .filter__searchBox input {
  width: 420px;
}

@media (max-width: 767px) {
  .market-hkex .agenda__filter .filter__searchBox input {
    width: 280px;
  }
}

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

.market-hkex .agenda__filter .filter__checkBox span {
  font-size: 0.875rem;
}

.market-hkex .agenda__filter .filter__checkBox__list {
  padding-top: 25px;
}

@media (max-width: 767px) {
  .market-hkex .agenda__filter .filter__checkBox__list {
    padding-top: 20px;
  }
}

.market-hkex .agenda__filter .filter__checkBox__item {
  padding-right: 3%;
  width: 33%;
}

@media (max-width: 1000px) {
  .market-hkex .agenda__filter .filter__checkBox__item {
    width: 100%;
  }
}

.market-hkex .agenda__filter .filter__event-filter-group__list {
  list-style: none;
  padding-left: 0;
}

.market-hkex .agenda__filter .filter__event-filter-group__item {
  padding-bottom: 13px;
}

.market-hkex .agenda__filter .filter__event-filter-group__item label {
  font-size: 0.875rem;
  color: #10416c;
  font-weight: bold;
  padding-left: 35px;
}

@media (max-width: 1000px) {
  .market-hkex .agenda__filter .filter__event-filter-group__item:not(:nth-child(1)) {
    width: 50%;
    float: left;
    padding-right: 15px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .agenda__filter .filter__event-filter-group__item {
    padding-bottom: 10px;
  }
  .market-hkex .agenda__filter .filter__event-filter-group__item:not(:nth-child(1)) {
    width: 280px;
    padding-right: 0;
  }
}

.market-hkex .agenda__filter .filter__event-filter-group__icon {
  position: absolute;
  left: 20px;
}

.market-hkex .agenda__filter .filter__dropdown-wrapper .select-group {
  background-color: #ffffff;
}
/*
.market-hkex .agenda__filter .filter__dropdown-wrapper .select-group-1 {
  z-index: 2;
}

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

.market-hkex .agenda__filter .filter__dropdown-wrapper .select-target, .market-hkex .agenda__filter .filter__dropdown-wrapper .select-item {
  line-height: 0.8;
}

.market-hkex .agenda__filter .filter__dropdown-wrapper .select-target a, .market-hkex .agenda__filter .filter__dropdown-wrapper .select-item a {
  font-size: 0.875rem;
}

.market-hkex .agenda__filter .filter-disabled {
  color: #a5a5a5 !important;
}

.market-hkex .becomeParticipant__container {
  background-color: #ffffff;
}

.market-hkex .becomeParticipant__content {
  color: #10416c;
  margin-top: 30px;
}

.market-hkex .becomeParticipant__content:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__content {
    margin-top: 0;
  }
}

.market-hkex .becomeParticipant__content__wrapper {
  display: inline-block;
  padding-top: 30px;
}

.market-hkex .becomeParticipant__content__wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 767px) {
  .market-hkex .becomeParticipant__content__wrapper {
    background: url("../image/lighblue-bkg.png") no-repeat;
    background-size: cover;
  }
}

.market-hkex .becomeParticipant__content__header {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  padding-left: 30px;
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__content__header {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
  }
}

@media (max-width: 767px) {
  .market-hkex .becomeParticipant__content__header {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.market-hkex .becomeParticipant__content__header-title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.33;
  letter-spacing: 1.2px;
  margin-top: 0;
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__content__header-title {
    font-size: 0.875rem;
    line-height: 1.14;
    letter-spacing: 0.2px;
  }
}

@media (max-width: 767px) {
  .market-hkex .becomeParticipant__content__header-title {
    margin-bottom: 10px;
  }
}

.market-hkex .becomeParticipant__content__header-title span {
  color: #e72742;
}

.market-hkex .becomeParticipant__content__header-title-sub {
  width: 249px;
  font-size: 0.875rem;
  font-weight: normal;
  letter-spacing: 0.5px;
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__content__header-title-sub {
    width: auto;
  }
}

.market-hkex .becomeParticipant__content__header-title-sub span {
  font-weight: bold;
}

.market-hkex .becomeParticipant__content__header-title-sub a {
  text-decoration: underline;
}

.market-hkex .becomeParticipant__content__description {
  padding-right: 41px;
  width: 66.1016949153%;
  float: right;
  margin-right: 0;
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__content__description {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
  }
}

.market-hkex .becomeParticipant__content__description-text {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.5px;
  margin-top: 0;
  margin-bottom: 20px;
}

.market-hkex .becomeParticipant__content__download {
  display: block;
  margin-bottom: 30px;
}

.market-hkex .becomeParticipant__content__download-container {
  margin-left: 127px;
  padding-bottom: 30px;
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__content__download-container {
    margin-left: 100px;
  }
}

@media (max-width: 767px) {
  .market-hkex .becomeParticipant__content__download-container {
    margin-left: 20px;
  }
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__content__download {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .market-hkex .becomeParticipant__content__download {
    margin-bottom: 20;
  }
}

.market-hkex .becomeParticipant__access {
  padding: 0 30px;
  float: left;
  width: 100%;
  background-image: url("../image/etpIssuer-background.png");
}

.market-hkex .becomeParticipant__access-container {
  margin-top: -30px;
}

@media (max-width: 767px) {
  .market-hkex .becomeParticipant__access {
    padding: 0 20px;
  }
}

.market-hkex .becomeParticipant__access-text {
  float: left;
  width: 76%;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.43;
  color: #ffffff;
  margin: 37px 0;
}

@media (max-width: 1000px) {
  .market-hkex .becomeParticipant__access-text {
    width: 65%;
    margin: 20px 0;
  }
}

@media (max-width: 767px) {
  .market-hkex .becomeParticipant__access-text {
    width: 100%;
    margin: 20px 0;
    float: none;
  }
}

.market-hkex .becomeParticipant__access-btn {
  float: right;
  margin: 32px 0;
}

.market-hkex .becomeParticipant__access-btn a {
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  .market-hkex .becomeParticipant__access-btn {
    float: none;
    text-align: center;
    margin: 20px 0;
  }
}

.market-hkex .step-header__time-stamp {
  font-size: 0.875rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  color: #6a6a6a;
}

.market-hkex .fontsize-large .becomeParticipant__access-text {
  font-size: 18px;
}

.market-hkex .fontsize-large .becomeParticipant__access-btn a {
  font-size: 18px;
}

.market-hkex .agenda__container {
  background-color: #ffffff;
}

.market-hkex .agenda__loadmore {
  border-top: 1px solid #cdd8e1;
}

.market-hkex .agenda__loadmore .loadMore__update {
  display: none;
}

.market-hkex .sample-calendar {
  background-color: #ffffff;
  padding-bottom: 30px;
}

.market-hkex .sample-calendar .static-calendar {
  margin: 0 30px 30px 30px;
}

@media (max-width: 767px) {
  .market-hkex .sample-calendar .static-calendar {
    margin: 0 20px 20px 20px;
  }
}

.market-hkex .sample-calendar .static-calendar table, .market-hkex .sample-calendar .static-calendar th, .market-hkex .sample-calendar .static-calendar td {
  border-collapse: collapse;
}

.market-hkex .sample-calendar .static-calendar a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  color: #005b82;
}

.market-hkex .sample-calendar .static-calendar__table:not(:first-child) {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .market-hkex .sample-calendar .static-calendar__table:not(:first-child) {
    margin-top: 20px;
  }
}

.market-hkex .sample-calendar .static-calendar__table {
  font-size: 0.75rem;
  width: 100%;
  border: 1px solid #10416c;
  color: #005b82;
}

.market-hkex .sample-calendar .static-calendar__table thead tr {
  height: 38px;
  line-height: 38px;
  background-color: #10416c;
  color: #fff;
  text-transform: uppercase;
}

.market-hkex .sample-calendar .static-calendar__table tbody td {
  width: 14.28%;
  text-align: center;
  height: 28px;
  line-height: 28px;
}

.market-hkex .sample-calendar .static-calendar a:not(.static-calendar__table--holiday):hover {
  background-color: #d5e2e8;
}

.market-hkex .sample-calendar .static-calendar .static-calendar__table--holiday {
  color: #9d9d9d;
}

.market-hkex .agenda__events {
  margin-left: 30px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .market-hkex .agenda__events {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.market-hkex .agenda__events .date-data-list {
  margin-top: 22px;
}

.market-hkex .agenda__events .btn-blue {
  padding: 9px 11px 10px 15px;
}

.market-hkex .agenda__events span[class^='tag'] {
  margin-left: 0px;
}

@media (max-width: 767px) {
  .market-hkex .agenda__events span[class*='triangle']:before {
    display: none;
  }
}

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

.market-hkex .agenda__events--all-events .date-data-list__section--content {
  padding-top: 16px;
}

@media (max-width: 767px) {
  .market-hkex .agenda__events--all-events .date-data-list__section--content {
    padding-top: 0px;
  }
}

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

.market-hkex .agenda__events--all-events-base-info-date {
  font-size: 0.875rem;
  font-weight: bold;
  color: #777777;
  padding-left: 12px;
}

@media (max-width: 767px) {
  .market-hkex .agenda__events--all-events-base-info-date {
    display: block;
    padding-top: 14px;
  }
}

.market-hkex .agenda__events--all-events-base-info-load-previous {
  float: right;
  color: #10416c;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .market-hkex .agenda__events--all-events-base-info-load-previous {
    float: none;
    display: block;
    text-align: center;
  }
}

.market-hkex .agenda__events--all-events-type:not(:last-child) {
  font-size: 0.875rem;
  color: #10416c;
  padding-bottom: 10px;
  border-bottom: solid 1px #d8d8d8;
}

.market-hkex .agenda__events--all-events-type:last-child {
  margin-bottom: 26px;
}

.market-hkex .agenda__events--all-events-ipo-type {
  margin-right: 17px;
}

@media (max-width: 767px) {
  .market-hkex .agenda__events--all-events-ipo-type {
    display: block;
    font-weight: bold;
  }
}

.market-hkex .agenda__events--all-events .collapse-container {
  margin-top: 17px;
}

.market-hkex .agenda__events--all-events .collapse-container .date-data-list__section--base-info {
  font-weight: normal;
}

.market-hkex .agenda__events--all-events .collapse-container .btn-blue {
  color: #ffffff;
  margin-top: 14px;
}

.market-hkex .fontsize-small .agenda__events .tag-first {
  margin-left: -6px !important;
}

.market-hkex .fontsize-large .agenda__events .tag-first {
  margin-left: -12px !important;
}

@media (max-width: 767px) {
  .market-hkex .agenda__events .tag-first {
    margin-left: 0px !important;
  }
}

.market-hkex .vendor-filter .filter__checkBox__column {
	float: left;
	width: 100%;
	position: relative;
	right: 25%;
	border-right: 1px solid #cbcbcb;
}

.market-hkex .vendor-filter .filter__checkBox__column-2 {
	float: left;
	width: 100%;
	position: relative;
	right: 75.1%;
	border-right: 1px solid #cbcbcb;
}

.market-hkex .vendor-filter .filter__checkBox__column-3-1 {
	float: left;
	width: 100%;
	position: relative;
	right: 50.05%;
	border-right: 1px solid #cbcbcb;
}

.market-hkex .vendor-filter .filter__checkBox__column-3-2 {
	float: left;
	width: 100%;
	position: relative;
	right: 24.95%;
	border-right: 1px solid #cbcbcb;
}


@media (max-width: 1000px) {
  .market-hkex .vendor-filter .filter__checkBox__column {
    border-right: 0px solid #cbcbcb;
  }
}

@media (max-width: 1000px) {
  .market-hkex .vendor-filter .filter__checkBox__column-2 {
    border-right: 0px solid #cbcbcb;
  }
}

@media (max-width: 1000px) {
  .market-hkex .vendor-filter .filter__checkBox__column-3-1 {
    border-right: 0px solid #cbcbcb;
  }
}

@media (max-width: 1000px) {
  .market-hkex .vendor-filter .filter__checkBox__column-3-2 {
    border-right: 0px solid #cbcbcb;
  }
}

.market-hkex .vendor-filter .filter__checkBox__column-last {
	float: left;
	width: 100%;
	position: relative;
}

.market-hkex .vendor-filter .filter__checkBox--partner {
  border-top: none;
  border-bottom: none;
  padding-right: 20px;
  display: inline-block;
  width: 25%;
  float: left;
  height: 100%;
  left: 76%;
  position: relative;
  padding-top: 15px;
}

.market-hkex .vendor-filter .filter__checkBox--partner:only-child {
  border-top: none;
  border-bottom: none;
  padding-right: 20px;
  display: inline-block;
  width: 25%;
  float: left;
  height: 100%;
  left: 0%;
  position: relative;
  padding-top: 15px;
}

@media (max-width: 1000px) {
	.market-hkex .vendor-filter .filter__checkBox--partner {
	  border-top: 1px solid #cbcbcb;
	  border-bottom: none;
	  padding-right: 20px;
	  display: inline-block;
	  width: 100%;
	  float: left;
	  height: 100%;
	  left: 76%;
	  position: relative;
	}
}

@media (max-width: 1000px) {
	.market-hkex .vendor-filter .filter__checkBox--partner:only-child {
	  border-top: 1px solid #cbcbcb;
	  border-bottom: none;
	  padding-right: 20px;
	  display: inline-block;
	  width: 100%;
	  float: left;
	  height: 100%;
	  left: 0%;
	  position: relative;
	}
}

.market-hkex .vendor-filter .filter__checkBox__item--partner__parent {
	padding-bottom: 0px;
}

.market-hkex .vendor-filter .filter__checkBox__item--partner__child {
	padding-left: 22px;
}

@media (max-width: 1000px) {
	.market-hkex .vendor-filter .filter__checkBox__item--partner .filter__checkBox__item--partner__child {
		padding-left: 22px;
		width: 100%;
	}
}

.market-hkex .vendor-filter .filter__checkBox__item--partner__child label {
	color: #777777;
}

.market-hkex .vendor-filter .filter__checkBox__subtitle {
  font-size: 0.75rem;
  line-height: 1.17;
  color: #10416c;
  vertical-align: top;
  display: block;
}

.market-hkex .vendor-filter .filter__checkBox__container {	
}

@media (max-width:1001px){
	.market-hkex .vendor-filter .filter__checkBox__container {	
		display: inline-block;
		width: 100%;
  }
}

@media (max-width:767px){
  .market-hkex .findParter__Table{
    display: none;
  }
}

@media (min-width:767px){
  .market-hkex .findParter__Table-mb{
	display: none;
  }
}

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

.market-hkex .findParter__Table-mb-box:nth-child(odd){
	background-color: #ffffff;
	width:100%;	
	padding-bottom: 15px;
	border-bottom: 0.5px solid #cbcbcb;
}

.market-hkex .findParter__Table-mb-box:nth-child(even){
	background-color: #f2f6f8;
	width:100%;
	padding-bottom: 15px;
	border-bottom: 0.5px solid #cbcbcb;
}

.market-hkex .findParter__Table-mb-box .checked{
	padding: 0px 20px;
	margin-bottom: 15px;
}

.market-hkex .findParter__Table-mb-box .vendorText{
	display: table-cell;
	padding-left: 27px;
	padding-right: 12px;
	padding-top: 20px;
	padding-bottom: 10px;	
}

.market-hkex .findParter__Table-mb-box .vendorText .vendorName{
	font-weight: bold;
	color: #10416c;
	margin-top: 0;
	margin-bottom: 10px;
}

.market-hkex .findParter__Table-mb-box .vendorText .vendorInfo{	
	color: #10416c;
	padding-left: 0;
	margin: 0;	
	list-style-type: none;
}

.market-hkex .findParter__Table-mb-box .vendorText .vendorInfo li {	
	line-height: 21px;
	padding-left: 20px;
	word-wrap: break-word;
}

.market-hkex .findParter__Table-mb-box .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;
}

.market-hkex .findParter__Table-mb-box .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;
}

.market-hkex .findParter__Table-mb-box .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;
}

.market-hkex .findParter__Table-mb-box .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;
}

.market-hkex .findParter__Table-mb-box .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 .findParter__Table-mb-box a[aria-expanded='false'].checkedWithInfo {
  background: url("../image/triangle-1.svg") no-repeat right top 7px;
  background-size: 8px 6px;
  padding-right: 14px;
  text-decoration: none;
}

.market-hkex .findParter__Table-mb-box a[aria-expanded='true'].checkedWithInfo {
  background: url("../image/arrow-up.svg") no-repeat right top 7px;
  background-size: 8px 6px;
  padding-right: 14px;
  text-decoration: none;
}

.market-hkex .findParter__Table-mb-box .checkedWithInfo{  
  width: 100%;
  font-weight: bold;
  padding-left: 35px;  
  display: block;
  text-decoration: none;
}

.market-hkex .findParter__Table-mb-box .checkedWithoutInfo{  
  width: 100%;
  font-weight: bold;
  padding-left: 35px;  
  display: block;
}


.market-hkex .findParter__Table-mb-box .checked .checkedWithInfo-icon{
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url("../image/checked-mark-icon.png") no-repeat center;
  background-size: 23px;  
  vertical-align: middle;
  float: left;
}

.market-hkex .findParter__Table-mb-box .checked .checkedWithoutInfo-icon{
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("../image/checked-mark-icon2.png") no-repeat center;  
  vertical-align: middle;
  float: left;
}

.market-hkex .infodata{
  display: none;	
}

.market-hkex .in{
  display: block;
}

.market-hkex .disableClick{
    pointer-events: none;
}

.market-hkex .findParter__bordertop{
	border-top: 1px solid #cbcbcb;
	padding-top: 15px;
}

.market-hkex .findParter__noborder{
	border-bottom: 0px;
}

.market-hkex .vendor-filter .filter__checkBox__item {
  width: 30%;
  padding-bottom: 15px;
  position: relative;
}

@media (max-width: 1001px) {
  .market-hkex .vendor-filter .filter__checkBox__item {
    width: 50%;
	margin-left: 0;
	margin-right: 0;
  }
}

.market-hkex .vendor-filter .filter__checkBox__item--partner {
	display: inline-block;
	width: 100%;
}

@media (max-width:1001px){
	.market-hkex .vendor-filter .filter__checkBox__item--partner {
		display: inline-block;	
		width: 32%;
		vertical-align: top;
  }
}

@media (max-width:767px){
	.market-hkex .vendor-filter .filter__checkBox__item--partner {
		display: inline-block;	
		width: 49%;
  }
}

.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 .video-img-thumbnail li div.scLooseFrameZome {
    overflow: hidden !important;
}

.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("../image/search-icon-blue.png");*/
    background-repeat: no-repeat;
    background-position: center center;
}

/*
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 em.arrow,
.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;*/
}


.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;
}


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



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

.market-hkex .hidden_div {
    display:none; 
}

#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;
}

.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;
        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: 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("../image/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: 1500px !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 .nav-content-wrap.news-release-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-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 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) {
	background-color: #ffffff;
}

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


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

@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{
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;
  }
}

.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 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;
}


.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%;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-wrap iframe {
    overflow: auto;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: auto;
    overflow: auto;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../image/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../image/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/css/HKEX/HKEX%20MARKET/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../image/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: auto;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../image/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../image/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.sticky-wrap {
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
	/*margin: 3em 0;*/
	width: 100%;
}
.sticky-wrap div[class^='sticky'] {
	overflow: hidden;
}
.sticky-wrap tfoot {
	display: none;
}
.sticky-wrap div table {
	margin: 0;
	position: relative;
	 /* width: auto; Prevent table from stretching to full size */
}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	transition: opacity .25s ease-in-out;
}

.sticky-thead1 {
		opacity: 0;
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 50;
	transition: opacity .25s ease-in-out;
}

	.sticky-wrap .sticky-thead {
		box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
		z-index: 100;
		width: 100%; /* Force stretch */
	}
	.sticky-wrap .sticky-intersect {
		opacity: 1;
		z-index: 150;
	}
		.sticky-wrap .sticky-intersect th {
			background-color: #666;
			color: #eee;
		}
.sticky-wrap td,
.sticky-wrap th {
	box-sizing: border-box;
}
.sticky-wrap thead th {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.sticky-enabled {
	margin: 0;
	width: 100%;
}

/* Sort handlers */
.sticky-wrap.sortable thead {
	cursor: pointer;
}
.sticky-wrap.sortable thead th {
	padding-right: 3em;
	position: relative;
}
.sort-handle {
	display: block;
	position: absolute;
	top: 50%;
	right: -2em;
	width: 1em;
	height: 1em;
	margin-top: -.5em;
}
	.sort-handle:before,
	.sort-handle:after {
		content: '';
		position: absolute;
		left: 0;
		width: 0;
		height: 0;
		transition: .125s ease-in-out;
	}
		.sort-handle:before {
			border-top: .4em solid transparent;
			border-right: .5em solid transparent;
			border-bottom: .4em solid rgba(0,0,0,.25);
			border-left: .5em solid transparent;		
		}
		.sort-handle:after {
			border-top: .4em solid rgba(0,0,0,.25);
			border-right: .5em solid transparent;
			border-bottom: .4em solid transparent;
			border-left: .5em solid transparent;			
		}
			.sticky-intersect .sort-handle:before { border-bottom-color: rgba(255,255,255,.5); }
			.sticky-intersect .sort-handle:after  { border-top-color: rgba(255,255,255,.5); }

		.sort-default .sort-handle:before {
			opacity: 1;
			top: -0.4em;
		}
		.sort-default .sort-handle:after {
			opacity: 1;
			bottom: -0.4em;
		}
		.sort-asc .sort-handle:before {
			top: -0.1em;
		}
		.sort-asc .sort-handle:after {
			opacity: 0;
		}
		.sort-desc .sort-handle:before {
			opacity: 0;
		}
		.sort-desc .sort-handle:after {
			bottom: -0.1em;
		}

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

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