﻿form[data-wffm] fieldset,
.form-group {
  clear: both;
}

form[data-wffm] .halfAvailableWidth,
form[data-wffm] .thirdAvailableWidth {
  clear: none;
}

.halfAvailableWidth {
  float: left;
  text-align: left;
  display: inline;
  margin: 5px 0;
  width: 50%;
  vertical-align: top;
}

.thirdAvailableWidth {
  float: left;
  text-align: left;
  display: inline;
  margin: 5px 0;
  width: 33%;
  vertical-align: top;
}

.halfLeft {
  width: 50%;
}

.halfRight {
  width: 50%;
  float: right;
}

  .halfLeft .scfSectionBorderAsFieldSet,
  .halfRight .scfSectionBorderAsFieldSet {
    margin: 0;
    padding: 0;
    border-width: 0;
  }

  .halfLeft .scfEmailGeneralPanel,
  .halfLeft .scfMultipleLineGeneralPanel,
  .halfLeft .scfSingleLineGeneralPanel,
  .halfLeft .scfPasswordGeneralPanel,
  .halfLeft .scfNumberGeneralPanel,
  .halfLeft .scfDatePickerGeneralPanel,
  .halfLeft .scfDateGeneralPanel,
  .halfLeft .scfRadioButtonListGeneralPanel,
  .halfLeft .scfCheckBoxListGeneralPanel,
  .halfLeft .scfFileUploadGeneralPanel,
  .halfLeft .scfDateSelectorGeneralPanel,
  .halfRight .scfEmailGeneralPanel,
  .halfRight .scfMultipleLineGeneralPanel,
  .halfRight .scfSingleLineGeneralPanel,
  .halfRight .scfPasswordGeneralPanel,
  .halfRight .scfNumberGeneralPanel,
  .halfRight .scfDatePickerGeneralPanel,
  .halfRight .scfDateGeneralPanel,
  .halfRight .scfRadioButtonListGeneralPanel,
  .halfRight .scfCheckBoxListGeneralPanel,
  .halfRight .scfFileUploadGeneralPanel,
  .halfRight .scfDateSelectorGeneralPanel {
    margin: 0;
    width: 80%;
    display: block;
    float: left;
    margin-bottom: 10px;
  }

  .scfMultipleLineTextBorder{
    
  }

  .halfLeft .scfDropListBorder,
  .halfLeft .scfEmailBorder,
  .halfLeft .scfMultipleLineTextBorder,
  .halfLeft .scfSingleLineTextBorder,
  .halfLeft .scfPasswordBorder,
  .halfLeft .scfNumberBorder,
  .halfLeft .scfDatePickerBorder,
  .halfLeft .scfDateBorder,
  .halfLeft .scfRadioButtonListBorder,
  .halfLeft .scfListBoxBorder,
  .halfLeft .scfCheckBoxListBorder,
  .halfLeft .scfFileUploadBorder,
  .halfRight .scfDropListBorder,
  .halfRight .scfEmailBorder,
  .halfRight .scfMultipleLineTextBorder,
  .halfRight .scfSingleLineTextBorder,
  .halfRight .scfPasswordBorder,
  .halfRight .scfNumberBorder,
  .halfRight .scfDatePickerBorder,
  .halfRight .scfDateBorder,
  .halfRight .scfRadioButtonListBorder,
  .halfRight .scfListBoxBorder,
  .halfRight .scfCheckBoxListBorder,
  .halfRight .scfFileUploadBorder {
    text-align: left;
    display: block;
    margin: 0;
    width: 100%;
    vertical-align: top;
  }

  .halfLeft .scfDropListLabel,
  .halfLeft .scfEmailLabel,
  .halfLeft .scfMultipleLineTextLabel,
  .halfLeft .scfSingleLineTextLabel,
  .halfLeft .scfPasswordLabel,
  .halfLeft .scfNumberLabel,
  .halfLeft .scfDatePickerLabel,
  .halfLeft .scfDateLabel,
  .halfLeft .scfRadioButtonListLabel,
  .halfLeft .scfCheckBoxListLabel,
  .halfLeft .scfListBoxLabel,
  .halfLeft .scfFileUploadLabel,
  .halfLeft .scfDateSelectorLabel,
  .halfRight .scfDropListLabel,
  .halfRight .scfEmailLabel,
  .halfRight .scfMultipleLineTextLabel,
  .halfRight .scfSingleLineTextLabel,
  .halfRight .scfPasswordLabel,
  .halfRight .scfNumberLabel,
  .halfRight .scfDatePickerLabel,
  .halfRight .scfDateLabel,
  .halfRight .scfRadioButtonListLabel,
  .halfRight .scfCheckBoxListLabel,
  .halfRight .scfListBoxLabel,
  .halfRight .scfFileUploadLabel,
  .halfRight .scfDateSelectorLabel {
    padding-bottom: 0;
  }



  .halfLeft .scfValidator,
  .halfRight .scfValidator {
    margin: 0;
    display: block;
    font-size: 0.8em;
    position: absolute;
  }

  .halfLeft .scfValidatorRequired,
  .halfLeft .scfRequired,
  .halfRight .scfValidatorRequired,
  .halfRight .scfRequired {
    float: left;
  }

/**
 * Added By Peter
 * Reason: EPAM form styles
 * Date: 2017-06-21
 */
.form-input-text__epam {
    margin-bottom: 20px;
    clear: left;
    position: relative;
}
.form-input-text__epam .scfEmailLabel,
.form-input-text__epam .scfSingleLineTextLabel,
.form-input-text__epam .scfPasswordLabel,
.form-input-text__epam .scfNumberLabel,
.form-input-text__epam .scfTelephoneLabel,
.form-input-text__epam .scfSmsTelephoneLabel,
.form-input-text__epam .scfEmailGeneralPanel,
.form-input-text__epam .scfConfirmPasswordLabel,
.form-input-text__epam .scfSingleLineGeneralPanel,
.form-input-text__epam .scfPasswordGeneralPanel,
.form-input-text__epam .scfNumberGeneralPanel,
.form-input-text__epam .scfTelephoneGeneralPanel,
.form-input-text__epam .scfSmsTelephoneGeneralPanel,
.form-input-text__epam .scfConfirmPasswordGeneralPanel {
    width: auto;
    float: none;
}
@media (min-width: 768px) and (max-width: 1000px) {
    .form-input-text__epam .scfEmailGeneralPanel {
        width: 100% !important;
    }
}
.form-input-text__epam 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;
}
.form-input-text__epam input+label {
    position: absolute;
    padding-left: 20px;
    margin-top: 3px;
    transition: top 0.2s linear;
    opacity: 0;
    font-size: 0.625rem;
    color: #898989;
}
.form-input-text__epam input:focus+label {
    color: #898989;
    opacity: 1;
    top: 3px;
}
.form-input-text__epam input:focus::-webkit-input-placeholder {
    opacity: 0;
}
.form-input-text__epam input:focus:-moz-placeholder {
    opacity: 0;
}
.form-input-text__epam input:focus::-moz-placeholder {
    opacity: 0;
}
.form-input-text__epam input:focus:-ms-input-placeholder {
    opacity: 0;
}
.form-input-text__epam input:-ms-input-placeholder {
    color: #898989;
}
.form-input-text__epam input::-ms-clear {
    display: none !important;
}
.form-input-text__epam .hint-label {
    color: #898989;
    opacity: 1;
    top: 3px;
}
.form-input-textarea__epam {
    margin-bottom: 20px;
    clear: left;
    position: relative;
    border: 1px solid #cbcbcb;
    width: 100%;
    height: 100px;
    /* Increase height */
    height: auto;
}
.form-input-textarea__epam .scfMultipleLineTextLabel,
.form-input-textarea__epam .scfMultipleLineGeneralPanel {
    width: auto;
    float: none;
}
.form-input-textarea__epam .hint-label {
    color: #898989;
    opacity: 1;
    top: 3px;
}
.checkbox-custom__epam {
    margin-bottom: 20px;
    clear: left;
    /* checkbox aspect */
    /* checked mark aspect */
    /* checked mark aspect changes */
}
.checkbox-custom__epam .scfCheckBoxListLabel,
.checkbox-custom__epam .scfCheckBoxListGeneralPanel {
    float: none;
    width: auto;
}
.checkbox-custom__epam hr {
    margin: 0;
}
.checkbox-custom__epam__wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}
.checkbox-custom__epam [type="checkbox"] {
    position: absolute;
    left: -9999px;
}
.checkbox-custom__epam [type="checkbox"]+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
}
.checkbox-custom__epam [type="checkbox"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 2px;
}

.hkex-checkbox{
  appearance: none;
  position: relative !important;
  margin-right: 8px !important;
  width: 15px !important;
  height: 15px;
  border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 2px;
  top:3px;
  cursor: pointer;
  display: inline-block;
}

.hkex-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;
}
.hkex-checkbox:hover{
  border: 1px solid blue;
}

.hkex-checkbox:after{
  top: -5px !important;
}

.hkex-checkbox:after, .checkbox-custom__epam [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;
    transition: all 0.2s;
    width: 26px;
    height: 24px;
}

.hkex-checkbox:not(:checked):after, .checkbox-custom__epam [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}
.hkex-checkbox:checked:after, .checkbox-custom__epam [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

/**.two-col > label:first-of-type{
  display: none;
}
**/

.two-col > label:not(:first-of-type){
  width: 50%;
  float:left;
  margin-bottom: 10px;
}

.fontsize-small .checkbox-custom__epam [type="checkbox"]+label:before {
    top: -2px;
}
.fontsize-small .checkbox-custom__epam [type="checkbox"]+label:after {
    top: -6px;
}
.fontsize-large .checkbox-custom__epam [type="checkbox"]+label:before {
    top: 4px;
}
.fontsize-large .checkbox-custom__epam [type="checkbox"]+label:after {
    top: 0;
}
.radio-custom__epam {
    clear: left;
    margin-bottom: 20px;
    /* radio aspect */
    /* checked mark aspect */
    /* checked mark aspect changes */
}
.radio-custom__epam .scfRadioButtonListLabel,
.radio-custom__epam .scfRadioButtonListGeneralPanel {
    width: auto;
    float: none;
}
.radio-custom__epam span.scfRadioButtonListLabel {
    padding: 3px 0 !important;
    font-weight: normal;
}
.radio-custom__epam table.scfRadioButtonList {
    padding: 0;
    display: table;
}
.radio-custom__epam table.scfRadioButtonList td {
    border: none;
    padding: 0;
    display: table-cell;
}
.radio-custom__epam hr {
    margin: 0;
}
.radio-custom__epam__wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}
.radio-custom__epam [type="radio"] {
    position: absolute;
    left: -9999px;
}
.radio-custom__epam [type="radio"]+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
}
.radio-custom__epam [type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 50%;
}
.radio-custom__epam [type="radio"]+label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 3.5px;
    top: 5.3px;
    transition: all 0.2s;
    width: 8.5px;
    height: 8.5px;
    border-radius: 50%;
    background-color: #10416c;
}
.radio-custom__epam [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}
.radio-custom__epam [type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}
.fontsize-small .radio-custom__epam [type="radio"]+label:before {
    top: -2px;
}
.fontsize-small .radio-custom__epam [type="radio"]+label:after {
    top: 1px;
}
.fontsize-large .radio-custom__epam [type="radio"]+label:before {
    top: 4px;
}
.fontsize-large .radio-custom__epam [type="radio"]+label:after {
    top: 7px;
}
.contact_us__form_column__epam {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    float: none;
}
.contact_us__form_column__epam input,
.contact_us__form_column__epam textarea {
    width: 100%;
}
.contact_us__form_column__epam .optional_text {
    color: #7d7d7d;
}
.contact_us__form_column__epam:first-child {
    width: 100%;
    float: none;
}
.contact_us__form_column__epam:nth-child(2n) {
    width: 100%;
    float: none;
    margin-left: 0;
    height: auto;
}
.contact_us__form_column__epam:last-child {
    width: 100%;
    float: none;
}
.contact_us__form_column__epam .form-input-text__epam input {
    margin-top: 0;
}
.contact_us__checkbox__epam {
    margin-top: 20px;
}
.contact_us__checkbox__epam:first-child {
    margin-top: 0px;
}
.contact_us__checkbox__epam .contact_us__form_text--error-msg {
    padding-left: 22px;
}
.contact_us__form_text__epam {
    float: none;
    width: 100%;
}
/*
Additional Form Styles
*/
.market-hkex .scfForm,
.market-hkex .fbsForm {
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .scfForm,
  .market-hkex .fbsForm  {
    padding-left: 0;
    padding-right: 0;
  }
}

.market-hkex .scfIntroBorder,
.market-hkex .scfFooterBorder,
 {
  padding-left: 30px;
  padding-right: 30px;
}

.market-hkex .scfTitleBorder {
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  height: 48px;
  display: table-cell;
  vertical-align: middle;
  border-left: 4px solid #e72742;
  padding-left: 26px;
  font-weight: 700;
  color: #10416c;
  font-size: 1rem;
  letter-spacing: .5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .market-hkex .scfTitleBorder {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .market-hkex .scfTitleBorder {
    padding-left: 14px;
    font-size: 0.875rem;
  }
}

.market-hkex .contact_us_form_captcha__epam {
  margin-bottom: 20px;
}

.market-hkex .contact_us_form_captcha__epam .scfCaptchaBorder:after {
  content: "";
  display: table;
  clear: both;
}

.market-hkex .contact_us_form_captcha__epam .scfCaptchaGeneralPanel table {
  margin-top: 0;
}

.market-hkex .contact_us_form_captcha__epam .scfCaptchaGeneralPanel td input[type="image"] {
  width: auto;
  margin-top: 0;
}

.market-hkex .contact_us_form_captcha__epam .scfCaptchaGeneralPanel td input[type="image"][id$="_captchaCode_captchaCodepb"] {
  display: none;
}

.market-hkex .contact_us_form_captcha__epam.captcha_singleLine {
  display: flex;
  flex-direction: row;
}

.market-hkex .contact_us_form_captcha__epam.captcha_singleLine .scfCaptchaGeneralPanel {
  width: auto;
}

.market-hkex .contact_us_form_captcha__epam.captcha_singleLine div.scfCaptchTop {
  margin-right: 10px;
}

.market-hkex .contact_us_form_droplist__epam .scfDropListLabel,
.market-hkex .contact_us_form_droplist__epam .scfDropListGeneralPanel {
  width: auto;
  float: none;
}

.market-hkex .contact_us_form_droplist__epam .scfDropListGeneralPanel select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  width: auto;
  font-size: 1rem;
  height: 49px;
  padding: 14px 30px 14px 15px;
  border: 1px solid #cbcbcb;
  font-weight: bold;
  color: #10416c;
  background: url("../image/triangle-1.png") right 13px center no-repeat;
}

.market-hkex .scfForm > div[id$="_fieldContainer"]:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 1001px) {
  .market-hkex .contact_us__form_column__epam.contact_us__form_columnLeft {
    padding-right: 0;
    float: left;
    width: 50%;
  }
  .market-hkex .contact_us__form_column__epam.contact_us__form_columnRight {
    padding-left: 0;
    float: right;
    width: 50%;
  }
}

/* Add By Henry For Demo TEM Form 20181004*/
.TEMStyleShortText {
    margin-bottom: 5px;
    float: left;
    width: 60%;
}
.TEMStyleShortText > label {
    width: 30% !important;
}
.TEMStyleShortText .scfRequired {
    float: left;
}
.TEMStyleShortText .scfEmailGeneralPanel {
    width: 60% !important;
}

.contactsUs__tab-content-rightpart span{
  color: red;
}




@media (min-width: 767px) and (max-width: 1000px) {
  .scfForm {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  .fbsForm {
    padding-left: 60px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

.scfCheckBoxListGeneralPanel {
  width: 100% !important;
}

/*radio button list*/
.fbsRadioButtonList {
  display: inline-block;
  padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.fbsRadioButtonList td{
  display: inline-block;
    padding-bottom: 10px;
  padding-top: 10px;
  border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-bottom-color: #eee;
}

.fbsRadioButtonList > tbody > :last-child > td{
    border-width: 0px 0px 0px 0px;
}



.fbsRadioButtonListLabel {
  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) {
  .fbsRadioButtonListLabel {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    width: 50%
  }
}

.fbsRadioButtonListGeneralPanel{
  width: 100% !important;
}

.halfDiv{
  width: 50% !important;
}

.fbsLeftPadding{
  padding-left: 20px;
}


/*For Fact Book Survey*/

.radio-custom__fbs {
    clear: left;
    margin-bottom: 20px;
    /* radio aspect */
    /* checked mark aspect */
    /* checked mark aspect changes */
}
.radio-custom__fbs .scfRadioButtonListLabel,
.radio-custom__fbs .scfRadioButtonListGeneralPanel {
    width: auto;
    float: none;
}
.radio-custom__fbs span.scfRadioButtonListLabel {
    padding: 3px 0 !important;
    font-weight: normal;
}
.radio-custom__fbs table.scfRadioButtonList {
    padding: 0;
    display: table;
}
.radio-custom__fbs table.scfRadioButtonList td {
    border: none;
    padding: 0;
    display: table-cell;
}
.radio-custom__fbs hr {
    margin: 0;
}
.radio-custom__fbs__wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
}
.radio-custom__fbs [type="radio"] {
    position: absolute;
    left: -9999px;
}
.radio-custom__fbs [type="radio"]+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
}
.radio-custom__fbs [type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 50%;
}
.radio-custom__fbs [type="radio"]+label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 3.5px;
    top: 5.3px;
    transition: all 0.2s;
    width: 8.5px;
    height: 8.5px;
    border-radius: 50%;
    background-color: #10416c;
}
.radio-custom__fbs [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}
.radio-custom__fbs [type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}
.fontsize-small .radio-custom__fbs [type="radio"]+label:before {
    top: -2px;
}
.fontsize-small .radio-custom__fbs [type="radio"]+label:after {
    top: 1px;
}
.fontsize-large .radio-custom__fbs [type="radio"]+label:before {
    top: 4px;
}
.fontsize-large .radio-custom__fbs [type="radio"]+label:after {
    top: 7px;
}
.fbs__form_column__epam {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    float: none;
}
.fbs__form_column__epam input,
.fbs__form_column__epam textarea {
    width: 100%;
}
.fbs__form_column__epam .optional_text {
    color: #7d7d7d;
}
.fbs__form_column__epam:first-child {
    width: 100%;
    float: none;
}
.fbs__form_column__epam:nth-child(2n) {
    width: 100%;
    float: none;
    margin-left: 0;
    height: auto;
}
.fbs__form_column__epam:last-child {
    width: 100%;
    float: none;
}
.fbs__form_column__epam .form-input-text__epam input {
    margin-top: 0;
}
.fbs__checkbox__epam {
    margin-top: 20px;
    margin-left: 20px;
}
.fbs__checkbox__epam:first-child {
    margin-top: 0px;
}
.fbs__checkbox__epam .contact_us__form_text--error-msg {
    padding-left: 22px;
}
.fbs__form_text__epam {
    float: none;
    width: 100%;
}


/*new radio butto*/

.radio-custom__epam {

}


.hkex-radio-list [type="radio"]
 {
    appearance: none;
    position: relative !important;
    left: 2.3px;
    top: 2.3px;
    width: 15px;
    height: 15px;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
 }

 .hkex-radio-list [type="radio"]:hover{
  border: 1px solid blue;
}

.hkex-radio-list [type="radio"]+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
}

 .hkex-radio-list [type="radio"]+label:before {
    content: '';
    position: absolute;
    left: 2.3px;
    top: 2.3px;
    width: 15px;
    height: 15px;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 50%;
    margin-right: 7px;
    opacity: 0;
    transform: scale(0);
}

.hkex-radio-list [type="radio"]:checked:after   {
    content: '';
    display: inline-block;
    position: absolute;
    left: 2.3px;
    top: 2.3px;
    transition: all 0.2s;
    width: 8.5px;
    height: 8.5px;
    border-radius: 50%;
    background-color: #10416c;
    margin-right: 7px;
    opacity: 1;
    transform: scale(1);
}

/*
.hkex-radio-list [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.hkex-radio-list [type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}


.hkex-radio-list:not(:checked):after, [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.hkex-radio-list:checked:after, [type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}
*/


/*new Check Box*/

.hkex-newCheckbox{
    appearance: none;
    position: relative !important;
    margin-right: 8px !important;
    width: 15px !important;
    height: 15px;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 2px;
    top:3px;
    cursor: pointer;
    display: inline-block;
    margin-left: 7px;
}


.hkex-newCheckbox:hover{
  border: 1px solid blue;
}

.hkex-newCheckbox:after{
  top: -5px !important;
}

.hkex-newCheckbox:after, .checkbox-custom__epam [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;
    transition: all 0.2s;
    width: 26px;
    height: 24px;
}

.hkex-newCheckbox:not(:checked):after, .checkbox-custom__epam [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.hkex-newCheckbox:checked:after, .checkbox-custom__epam [type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.fbsForm {
  display: block !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  margin-top: -1px !important;
}



.market-hkex .fbsBorder {
  padding-left: 0px;
  padding-right: 30px;
}


/* Form */
.fbsTitle {
  margin-left: -20px !important;
  padding-bottom: 0px !important;
  text-align: left !important;
  font-family: FSElliotPro, FSElliot, Arial, "Heiti TC", "Heiti SC", JhengHeiFix, "微軟正黑體", "微软雅黑", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
  font-size: 20px;
  
}

.fdsIntroBorder {
  font-size: 1.2rem !important;
}

.fdsFooterBorder {
  font-weight: lighter !important;
  width: 100%;
}

.fbsTitle:nth-child(n+2) {
  margin-top: 30px;
}

.scfSubmitButton{
    margin-top: 10px !important;
}

.field-validation-error.field-validation-error {
  
  display: inline-block;
  color: red;
  width: 100%;
  /*display: none;*/
}
/*
.must-filled-in {
  display: inline-block;
  float: left;
  color: red;
  width: 100%;
}
*/
.others-box{
  border: 1px solid #d3d3d3; 
}

.others-box:hover{
  border: 1px solid #d3d3d3; 
}

.hkex-hide {
  display: none;
}
/*
label.hkex__radio-custom__epam:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #d3d3d3;
    background: #ffffff;
    border-radius: 50%;
}
label.hkex__radio-custom__epam:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 3.5px;
    top: 5.3px;
    transition: all 0.2s;
    width: 8.5px;
    height: 8.5px;
    border-radius: 50%;
    background-color: #10416c;
}
label.hkex__radio-custom__epam input {
  display:none;
}
*/