@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

blockquote,
q {
  quotes: none; }

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

[status-menu-open="true"] body {
  overflow: hidden;
  -ms-overflow-style: none;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto; }

body {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch; }

body {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto; }

/* Color */
/*
 * Remarks
 *
 * O = Opacity
 *
 */
@font-face {
  font-family: 'Noto Sans';
  src: url("../../font/NotoSans/NotoSans-Regular.ttf"); }

@font-face {
  font-family: 'Noto Sans Light';
  src: url("../../font/NotoSans/NotoSans-Light.ttf"); }

@font-face {
  font-family: 'Noto Sans SemiBold';
  src: url("../../font/NotoSans/NotoSans-SemiBold.ttf"); }

@font-face {
  font-family: 'Noto Sans Bold';
  src: url("../../font/NotoSans/NotoSans-Bold.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar';
  src: url("../../font/NotoSans/NotoSansMyanmar-Regular.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar Light';
  src: url("../../font/NotoSans/NotoSansMyanmar-Light.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar SemiBold';
  src: url("../../font/NotoSans/NotoSansMyanmar-SemiBold.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar Bold';
  src: url("../../font/NotoSans/NotoSansMyanmar-Bold.ttf"); }
@font-face {
  font-family: 'Noto Sans Medium';
  src: url("../../font/NotoSans/NotoSans-Medium.ttf"); }
@font-face {
  font-family: 'Noto Sans SC Bold';
  src: url("../../font/NotoSans/NotoSansSC-Bold.otf"); }
@font-face {
  font-family: 'Noto Sans SC Medium';
  src: url("../../font/NotoSans/NotoSansSC-Medium.otf"); }
@font-face {
  font-family: 'Noto Sans SC Regular';
  src: url("../../font/NotoSans/NotoSansSC-Regular.otf"); }
@font-face {
  font-family: 'Noto Sans TC Bold';
  src: url("../../font/NotoSans/NotoSansTC-Bold.otf"); }
@font-face {
  font-family: 'Noto Sans TC Medium';
  src: url("../../font/NotoSans/NotoSansTC-Medium.otf"); }
@font-face {
  font-family: 'Noto Sans TC Regular';
  src: url("../../font/NotoSans/NotoSansTC-Regular.otf"); }
    
/**
 * Global Variables
**/
/* App */
/* Break Point */
/* Checkbox */
/* Animation time */
/* z-index */
/**
 * Element Variables
**/
.clear {
  clear: both; }

a {
  text-decoration: none; }

/* global settings */
::placeholder {
  /* WebKit browsers */
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important; }

* {
  color: #000000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

html {
  background-color: #FFFFFF;
  width: 100%; }
  html.gmb {
    -webkit-text-size-adjust: 100%; }

body {
  width: 100%;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 400;
  line-height: normal; }
  [lang=zh_CN] body {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  .gib body {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
      .gib body #root #page #container.formContainer {
        margin-top: 0px; }
    .gib body .container {
      margin: 0 auto; }
    .gib body .gridContainerFluid {
      padding-right: 16px;
      padding-left: 16px;
      margin-left: auto;
      margin-right: auto;
      min-width: 992px; }
    .gib body .gridContainer {
      padding-right: 16px;
      padding-left: 16px;
      margin-left: auto;
      margin-right: auto;
      max-width: 1568px;
      min-width: 992px; }
    .gib body .gridRow {
      display: flex;
      flex-wrap: wrap;
      margin-left: -16px;
      margin-right: -16px; }
    .gib body .placeholder {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 14px;
      cursor: text;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 19px;
      color: #999999;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      pointer-events: none; }
      [lang=zh_CN] .gib body .placeholder {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib body .placeholder {
        font-size: 10px; }
      [lang=km_KH] .gib body .placeholder {
        font-size: 10px; }
    .gib body input::-ms-clear {
      display: none; }
    .gib body input[type=button],
    .gib body input[type=submit],
    .gib body button {
      cursor: pointer;
      border: 0;
      -webkit-appearance: none; }
  body #root {
    position: relative;
    z-index: 10; }
    body #root #page {
      padding: 0 0; }
      body #root #page .content {
        max-width: 320px;
        margin: 0 auto;
        padding: 10px 15px 20px; }
      body #root #page #container {
        width: 100%; }
    body #root #overlay {
      bottom: 0;
      left: -100%;
      position: fixed;
      right: 0;
      top: 0;
      transition-duration: 0.5s;
      width: 100%;
      z-index: 25; }
      [status-menu-open="true"] body #root #overlay {
        left: 0; }

.hide {
  width: 0px !important;
  display: none !important; }

.visibilityHidden {
  visibility: hidden !important; }

.borderBottomAfterNone:after {
  display: none; }

.borderBottomAfterNone:before {
  display: none; }

input[type=submit] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none !important; }

input[type=text]::-ms-reveal,
input[type=text]::-ms-clear {
  display: none !important; }

input,
textarea,
select,
div,
a,
button {
  outline-width: 0 !important; }

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0px 9999px white; }

.inputGroup label {
  font-synthesis: style;
  font-weight: 500; }

#overlay .overlayComponentContainer > div {
  display: none; }

#overlay .superLoadingOverlay {
  display: none; }

.IE .selectric-items li {
  border-bottom: 1px solid #dddddd !important; }
  .IE .selectric-items li:last-child {
    border-bottom: 0 !important; }

.IE .selectric-items li:before {
  display: none !important; }

.col-2 {
  flex: 0 0 16.6666667%;
  max-width: 16.6666667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.3333333%;
  max-width: 33.3333333%; }

.col-5 {
  flex: 0 0 41.6666667%;
  max-width: 41.6666667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.gmb body #root #page #container {
  max-width: 767px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto; }

.confirmInputGroup .formLabel {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700;
  font-size: 12px;
  line-height: 17px;
  color: #666666;
  margin-bottom: 2px; }
  [lang=zh_CN] .confirmInputGroup .formLabel {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .confirmInputGroup .formLabel {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .confirmInputGroup .formLabel {
    font-size: 8px; }
  [lang=km_KH] .confirmInputGroup .formLabel {
    font-size: 8px; }

.confirmInputGroup .confirmInput {
  font-size: 16px;
  width: 100%;
  line-height: 22px;
  color: #222222; }
  [lang=my_MM] .confirmInputGroup .confirmInput {
    font-size: 12px; }
  [lang=km_KH] .confirmInputGroup .confirmInput {
    font-size: 12px; }
  .confirmInputGroup .confirmInput strong {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700; }
    [lang=zh_CN] .confirmInputGroup .confirmInput strong {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .confirmInputGroup .confirmInput strong {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .confirmInputGroup .confirmInput.hasDeleted {
    background-image: url("../../img/icn_failure.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    font-size: 12px;
    color: #b51a25;
    padding-left: 20px; }
    [lang=my_MM] .confirmInputGroup .confirmInput.hasDeleted {
      font-size: 8px; }
    [lang=km_KH] .confirmInputGroup .confirmInput.hasDeleted {
      font-size: 8px; }
  .confirmInputGroup .confirmInput.hasAdded {
    background-image: url("../../img/icn_add_green.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    color: #222222;
    padding-left: 20px; }
  .confirmInputGroup .confirmInput.hasChanged {
    color: #2885ad; }
  .confirmInputGroup .confirmInput + .originInput {
    background-image: url("../../img/icn_previous.png");
    background-position: left 3px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 16px; }
    .confirmInputGroup .confirmInput + .originInput span {
      font-size: 12px;
      line-height: 17px;
      color: #666666 !important; }
      [lang=my_MM] .confirmInputGroup .confirmInput + .originInput span {
        font-size: 8px; }
      [lang=km_KH] .confirmInputGroup .confirmInput + .originInput span {
        font-size: 8px; }

a.actionButton {
  box-sizing: border-box; }

.gib #header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  background: #FFFFFF; }
  .gib #header .headerOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 25;
    opacity: 0;
    pointer-events: none;
    user-select: none;
    transition: opacity .3s; }
    .gib #header .headerOverlay.show {
      opacity: 1; }

.header {
  position: relative;
  width: 100%;
  margin: 0 auto; }
  .iframePopupOverlay .header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1; }
  .header .bannerContainer {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05); }
    .header .bannerContainer .bannerDivider {
      width: 100%;
      height: 4px;
      background-color: #9d2235;
      border-left-color: #7c878e;
      border-left-style: solid; }
    .header .bannerContainer .banner {
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between;
      position: relative;
      padding: 0 16px;
      height: 56px;
      margin-left: auto;
      margin-right: auto;
      max-width: 1568px; }
      .header .bannerContainer .banner .left-banner {
        /** SAFARI **/
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: end;
        -webkit-box-align: center;
        /** FIREFOX LEGACY **/
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -moz-box-pack: end;
        -moz-box-align: center;
        /** LEGACY **/
        display: box;
        box-orient: horizontal;
        box-direction: normal;
        box-pack: end;
        box-align: center;
        /** IE 10+ **/
        display: -ms-flexbox;
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: row;
        -ms-justify-content: flex-end;
        -ms-flex-align: center;
        -ms-flex-pack: end;
        /** CHROME **/
        display: -webkit-flex;
        -webkit-flex-wrap: nowrap;
        -webkit-flex-direction: row;
        -webkit-justify-content: flex-end;
        -webkit-align-items: center;
        /** NATIVE **/
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        flex: none; }
        .header .bannerContainer .banner .left-banner .Logo {
          background-image: url("../../img/Bank_of_China_Logo.png");
          background-size: contain;
          background-repeat: no-repeat;
          height: 32px;
          width: 157px;
          display: block;
          cursor: pointer;
          margin-right: 16px; }
        .header .bannerContainer .banner .left-banner .igtbLogo {
          background-image: url("../../img/icn_footer_logo.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: 16px -6px;
          height: 30px;
          width: 66px;
          display: block;
          cursor: pointer;
          border-left: 1px solid #dddddd; }
      .header .bannerContainer .banner .right-banner {
        /** SAFARI **/
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: end;
        -webkit-box-align: center;
        /** FIREFOX LEGACY **/
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -moz-box-pack: end;
        -moz-box-align: center;
        /** LEGACY **/
        display: box;
        box-orient: horizontal;
        box-direction: normal;
        box-pack: end;
        box-align: center;
        /** IE 10+ **/
        display: -ms-flexbox;
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: row;
        -ms-justify-content: flex-end;
        -ms-flex-align: center;
        -ms-flex-pack: end;
        /** CHROME **/
        display: -webkit-flex;
        -webkit-flex-wrap: nowrap;
        -webkit-flex-direction: row;
        -webkit-justify-content: flex-end;
        -webkit-align-items: center;
        /** NATIVE **/
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        min-height: 0;
        padding: 0;
        position: relative; }
        .header .bannerContainer .banner .right-banner > a .profile {
          margin-left: 22px;
          margin-right: 0; }
        .header .bannerContainer .banner .right-banner > a:last-child {
          margin-right: 0; }
        .header .bannerContainer .banner .right-banner.searchMode .menuAction,
        .header .bannerContainer .banner .right-banner.searchMode .language,
        .header .bannerContainer .banner .right-banner.searchMode .profile {
          opacity: 0; }
        .header .bannerContainer .banner .right-banner .menuAction {
          cursor: pointer;
          display: block;
          width: 22px;
          height: 22px;
          background-size: 22px;
          background-position: 0 0;
          background-repeat: no-repeat;
          border-radius: 5px;
          transition: background-color .1s, opacity .9s;
          margin: 5px 19px 5px 5px;
          outline: 0; }
        .header .bannerContainer .banner .right-banner .alertIcon {
          position: relative; }
          .header .bannerContainer .banner .right-banner .alertIcon:before {
            content: ' ';
            position: absolute;
            width: 6px;
            height: 6px;
            top: 0;
            right: 0;
            border-radius: 50%;
            background: #d42b35; }
        .header .bannerContainer .banner .right-banner .timeIndicator {
          cursor: pointer;
          display: block;
          width: 22px;
          height: 22px;
          margin-left: 14px;
          margin-right: 14px;
          background-size: 22px;
          background-position: 50%;
          background-repeat: no-repeat;
          border-radius: 5px;
          transition: background-color .1s, opacity .9s;
          padding: 5px;
          outline: 0; }
          .SetupUserProfile .header .bannerContainer .banner .right-banner .timeIndicator,
          .ApplicationForm .header .bannerContainer .banner .right-banner .timeIndicator,
          .AmendUserProfile .header .bannerContainer .banner .right-banner .timeIndicator {
            margin-left: 0; }
          .TrainingForm .header .bannerContainer .banner .right-banner .timeIndicator {
            margin-right: 19px; }
          .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent {
            z-index: 26;
            width: auto;
            float: right;
            left: 11px;
            top: calc(100% + 10px);
            position: relative;
            color: #666666;
            background: #ffffff;
            padding: 6px;
            text-align: center;
            line-height: 24px;
            vertical-align: center;
            white-space: nowrap;
            height: 24px;
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 400;
            font-size: 12px;
            box-shadow: 0px 1px 4px 1px rgba(34, 34, 34, 0.3); }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=my_MM] .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent {
              font-size: 8px; }
            [lang=km_KH] .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent {
              font-size: 8px; }
            .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent:after, .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent:before {
              z-index: 1001;
              bottom: calc(100%);
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none; }
            .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent:after {
              border-color: rgba(255, 255, 255, 0);
              border-bottom-color: #ffffff;
              border-width: 8px;
              margin-left: -8px;
              right: 12px; }
            .header .bannerContainer .banner .right-banner .timeIndicator .timeIndicatorContent:before {
              border-color: rgba(230, 230, 230, 0);
              border-bottom-color: #e6e6e6;
              border-width: 9px;
              margin-left: -9px;
              right: 11px; }
        .header .bannerContainer .banner .right-banner .language {
          height: 22px;
          transition: opacity .9s; }
          .header .bannerContainer .banner .right-banner .language.show #langBTN:after {
            transform: rotate(180deg); }
          .header .bannerContainer .banner .right-banner .language #langBTN {
            position: relative;
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 600;
            line-height: 22px;
            padding: 0 14px 0 0;
            width: 36px;
            height: 22px;
            text-align: center;
            font-size: 16px;
            color: #222222;
            background-color: #FFFFFF;
            border: 0;
            outline: 0;
            cursor: pointer;
            overflow: hidden; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .language #langBTN {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .language #langBTN {
              font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
            [lang=my_MM] .header .bannerContainer .banner .right-banner .language #langBTN {
              font-size: 12px; }
            [lang=km_KH] .header .bannerContainer .banner .right-banner .language #langBTN {
              font-size: 12px; }
            .header .bannerContainer .banner .right-banner .language #langBTN:after {
              content: '';
              display: block;
              position: absolute;
              top: 3px;
              right: 0;
              width: 10px;
              height: 16px;
              background-image: url("../../img/icn_arrow_down.png");
              background-position: right;
              background-repeat: no-repeat;
              background-size: 10px 16px;
              transition: transform .3s; }
          .header .bannerContainer .banner .right-banner .language .dropdown-item {
            position: relative;
            width: 200px;
            padding: 17px 16px;
            background-color: #FFFFFF;
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 400;
            color: #666666;
            line-height: 22px;
            font-size: 14px;
            border-bottom: 1px solid #eeeeee; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .language .dropdown-item {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=my_MM] .header .bannerContainer .banner .right-banner .language .dropdown-item {
              font-size: 10px; }
            [lang=km_KH] .header .bannerContainer .banner .right-banner .language .dropdown-item {
              font-size: 10px; }
            .noTouchDevice .header .bannerContainer .banner .right-banner .language .dropdown-item:hover {
              background-color: #f2f2f2; }
            .header .bannerContainer .banner .right-banner .language .dropdown-item.selected {
              font-synthesis: style;
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
              font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
              font-weight: 600; }
              [lang=zh_CN] .header .bannerContainer .banner .right-banner .language .dropdown-item.selected {
                font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
              [lang=zh_CN] .header .bannerContainer .banner .right-banner .language .dropdown-item.selected {
                font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
              .header .bannerContainer .banner .right-banner .language .dropdown-item.selected:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                right: 10px;
                margin-top: -5px;
                width: 10px;
                height: 10px;
                background-color: #8faef4;
                border-radius: 10px; }
            .header .bannerContainer .banner .right-banner .language .dropdown-item:last-child {
              border-bottom: 0px; }
          .header .bannerContainer .banner .right-banner .language .tri1 {
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 16px 16px;
            border-color: transparent transparent #FFFFFF;
            top: -14px;
            left: 147px;
            overflow: visible;
            position: absolute;
            z-index: 5; }
          .header .bannerContainer .banner .right-banner .language .tri2 {
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 16px 16px;
            border-color: transparent transparent #eeeeee;
            top: -16px;
            left: 147px;
            overflow: visible;
            position: absolute; }
          .header .bannerContainer .banner .right-banner .language .btn {
            background-color: #FFFFFF;
            color: gray;
            border: none; }
            .header .bannerContainer .banner .right-banner .language .btn:focus, .header .bannerContainer .banner .right-banner .language .btn:active {
              box-shadow: none; }
          .header .bannerContainer .banner .right-banner .language .dropdown-menu {
            margin: 0; }
            .header .bannerContainer .banner .right-banner .language .dropdown-menu.show {
              padding: 0;
              border-radius: 0;
              box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
              -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
              -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
              top: 20px !important;
              left: 16px !important; }
        .header .bannerContainer .banner .right-banner .profile {
          margin-left: 0;
          margin-right: 0;
          cursor: pointer;
          transition: opacity .9s; }
          .header .bannerContainer .banner .right-banner .profile .icon-member {
            padding-left: 24px;
            background-image: url("../../img/icn_member.png");
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 35px 32px;
            width: 32px;
            height: 35px; }
          .header .bannerContainer .banner .right-banner .profile .dropdown {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 600;
            padding: 0px 26px 0px 27px;
            border-radius: 5px;
            line-height: 35px;
            background: #b51a25;
            transition: all 0.3s;
            display: flex;
            color: #FFFFFF;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .dropdown {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .dropdown {
              font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
            [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .dropdown {
              font-size: 10px; }
            [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .dropdown {
              font-size: 10px; }
            .noTouchDevice .header .bannerContainer .banner .right-banner .profile .dropdown:hover {
              background-color: #711a20; }
          .header .bannerContainer .banner .right-banner .profile .tri1 {
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 16px 16px;
            border-color: transparent transparent #FFFFFF;
            top: -14px;
            right: 39px;
            overflow: visible;
            position: absolute;
            z-index: 5; }
          .header .bannerContainer .banner .right-banner .profile .tri2 {
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 0 16px 16px;
            border-color: transparent transparent #eeeeee;
            top: -16px;
            right: 39px;
            overflow: visible;
            position: absolute; }
          .header .bannerContainer .banner .right-banner .profile .dropdown-menu {
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
            border: 0;
            border-radius: 0;
            cursor: default;
            width: 338px;
            padding: 16px;
            margin: 0;
            z-index: 25; }
            .header .bannerContainer .banner .right-banner .profile .dropdown-menu.show {
              left: 0px !important;
              top: 20px !important; }
          .header .bannerContainer .banner .right-banner .profile .dropdown-item {
            width: 76%;
            border: 16px; }
            .header .bannerContainer .banner .right-banner .profile .dropdown-item.select {
              cursor: pointer; }
          .header .bannerContainer .banner .right-banner .profile .detail a h1 {
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 700;
            font-size: 16px;
            text-align: left;
            color: #222222;
            line-height: 22px;
            margin: 0;
            cursor: default; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .detail a h1 {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .detail a h1 {
              font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
            [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .detail a h1 {
              font-size: 12px; }
            [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .detail a h1 {
              font-size: 12px; }
          .header .bannerContainer .banner .right-banner .profile .detail a .clientName {
            padding-right: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 700;
            font-size: 20px;
            text-align: left;
            color: #222222;
            line-height: 27px;
            background: url("../../img/btn-grey-arrow-right@3x.png") no-repeat center right;
            background-size: 22px; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .detail a .clientName {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .detail a .clientName {
              font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
            [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .detail a .clientName {
              font-size: 16px; }
            [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .detail a .clientName {
              font-size: 16px; }
            .noTouchDevice .header .bannerContainer .banner .right-banner .profile .detail a .clientName:hover {
              color: #711a20; }
          .header .bannerContainer .banner .right-banner .profile .detail a p {
            overflow: hidden;
            margin-top: 4px;
            font-size: 14px;
            line-height: 19px;
            color: #222222;
            padding-right: 38px;
            cursor: default; }
            [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .detail a p {
              font-size: 10px; }
            [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .detail a p {
              font-size: 10px; }
          .header .bannerContainer .banner .right-banner .profile .bottomborder {
            margin: 16px 0;
            border-top: 1px solid #eeeeee; }
          .header .bannerContainer .banner .right-banner .profile .login {
            cursor: default;
            width: 100%;
            display: block;
            margin-bottom: 16px; }
            .header .bannerContainer .banner .right-banner .profile .login .lastLogin {
              display: flex; }
              .header .bannerContainer .banner .right-banner .profile .login .lastLogin span {
                font-size: 14px;
                line-height: 19px;
                color: #666666;
                padding-right: 2px; }
                [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .login .lastLogin span {
                  font-size: 10px; }
                [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .login .lastLogin span {
                  font-size: 10px; }
              .header .bannerContainer .banner .right-banner .profile .login .lastLogin p {
                font-size: 14px;
                line-height: 19px;
                color: #222222; }
                [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .login .lastLogin p {
                  font-size: 10px; }
                [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .login .lastLogin p {
                  font-size: 10px; }
            .header .bannerContainer .banner .right-banner .profile .login .localTime {
              margin-top: 8px;
              display: flex; }
              .header .bannerContainer .banner .right-banner .profile .login .localTime span {
                cursor: default;
                font-size: 14px;
                line-height: 19px;
                color: #666666;
                padding-right: 2px; }
                [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .login .localTime span {
                  font-size: 10px; }
                [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .login .localTime span {
                  font-size: 10px; }
              .header .bannerContainer .banner .right-banner .profile .login .localTime p {
                font-size: 14px;
                line-height: 19px;
                color: #222222; }
                [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .login .localTime p {
                  font-size: 10px; }
                [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .login .localTime p {
                  font-size: 10px; }
          .header .bannerContainer .banner .right-banner .profile .logout {
            cursor: pointer;
            width: 100%;
            padding: 13px 0;
            text-align: center;
            background-color: #b51a25;
            border-radius: 4px; }
            .header .bannerContainer .banner .right-banner .profile .logout .icon-logout {
              padding-left: 24px;
              background-image: url("../../img/icn_logout.png");
              background-position: center center;
              background-repeat: no-repeat;
              background-size: 20px 20px; }
            .header .bannerContainer .banner .right-banner .profile .logout span {
              color: #FFFFFF;
              font-synthesis: style;
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
              font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
              font-weight: 600;
              font-size: 16px;
              line-height: 22px;
              margin-left: 4px; }
              [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .logout span {
                font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
              [lang=zh_CN] .header .bannerContainer .banner .right-banner .profile .logout span {
                font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
              [lang=my_MM] .header .bannerContainer .banner .right-banner .profile .logout span {
                font-size: 12px; }
              [lang=km_KH] .header .bannerContainer .banner .right-banner .profile .logout span {
                font-size: 12px; }
        .header .bannerContainer .banner .right-banner .searchSection {
          display: none;
          position: absolute;
          top: 0;
          right: 0;
          margin-left: 0; }
          .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection {
            position: relative;
            display: flex;
            height: 32px;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding-right: 18px;
            border-radius: 4px;
            background-color: #f2f2f2;
            width: 14px;
            overflow: visible; }
            .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput {
              font-synthesis: style;
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
              font-weight: 400;
              flex: 1;
              width: 100%;
              border: 0;
              height: 32px;
              padding: 0;
              padding-left: 36px;
              background-size: 22px;
              background-position: 5px;
              background-repeat: no-repeat;
              outline: none;
              box-sizing: border-box;
              -webkit-appearance: none;
              font-size: 16px;
              border-radius: 4px;
              line-height: 19px;
              font-size: 14px;
              color: #222222;
              background-color: #f2f2f2; }
              [lang=zh_CN] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput {
                font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
              [lang=my_MM] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput {
                font-size: 12px; }
              [lang=km_KH] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput {
                font-size: 12px; }
              [lang=my_MM] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput {
                font-size: 10px; }
              [lang=km_KH] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput {
                font-size: 10px; }
              .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput::placeholder {
                /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #999999; }
              .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: #999999; }
              .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .searchBoxInput::-ms-input-placeholder {
                /* Microsoft Edge */
                color: #999999; }
            .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .clearAction {
              width: 22px;
              height: 22px;
              background-size: 18px;
              background-position: right center;
              background-repeat: no-repeat;
              cursor: default;
              opacity: 0; }
              .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .clearAction.show {
                cursor: pointer;
                opacity: 1; }
            .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList {
              position: absolute;
              top: 100%;
              z-index: 26;
              left: 0;
              width: 100%; }
              .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div {
                font-synthesis: style;
                font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                font-weight: 400;
                cursor: pointer;
                position: relative;
                background-color: #FFFFFF;
                padding: 16px;
                font-size: 16px;
                line-height: 22px;
                color: #999999;
                -webkit-touch-callout: none;
                /* iOS Safari */
                -webkit-user-select: none;
                /* Safari */
                -khtml-user-select: none;
                /* Konqueror HTML */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* Internet Explorer/Edge */
                user-select: none; }
                [lang=zh_CN] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div {
                  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                [lang=my_MM] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div {
                  font-size: 12px; }
                [lang=km_KH] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div {
                  font-size: 12px; }
                .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div strong {
                  font-synthesis: style;
                  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
                  font-weight: 700;
                  color: #222222; }
                  [lang=zh_CN] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div strong {
                    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                  [lang=zh_CN] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div strong {
                    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
                .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div span {
                  font-synthesis: style;
                  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                  font-weight: 400;
                  color: #222222;
                  font-size: 14px;
                  line-height: 19px;
                  margin-left: 5px; }
                  [lang=zh_CN] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div span {
                    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                  [lang=my_MM] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div span {
                    font-size: 10px; }
                  [lang=km_KH] .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div span {
                    font-size: 10px; }
                .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div.active {
                  background-color: #f2f2f2; }
                .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div:after {
                  content: '';
                  position: absolute;
                  bottom: 0;
                  width: calc(100% - 32px);
                  left: 16px;
                  height: 1px;
                  background-color: #eeeeee; }
                .header .bannerContainer .banner .right-banner .searchSection .searchBoxSection .autoCompleteList > div:last-child:after {
                  display: none; }
  .header .topbarNavBorderContainer {
    display: none;
    position: relative;
    background: #b51a25; }
    .header .topbarNavBorderContainer .topbarNavContainer {
      height: 60px;
      padding-left: 0;
      padding-right: 0;
      min-width: 0; }
      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        position: relative; }
        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction {
          width: 22px;
          height: 22px;
          background-image: url("../../img/icn_shortcuts_white.svg");
          background-repeat: no-repeat;
          background-size: 8px 16px;
          cursor: pointer;
          position: absolute;
          top: 22px; }
        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll {
          width: 24px;
          height: 60px;
          background-repeat: no-repeat;
          background-size: 8px 16px;
          cursor: pointer;
          position: absolute;
          top: 0;
          background-position: center;
          background-color: #b51a25; }
          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll:before {
            content: '';
            width: 40px;
            height: 60px;
            right: -40px;
            top: 0;
            position: absolute;
            pointer-events: none; }
          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll.navLeftScroll {
            left: 0; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll.navLeftScroll:before {
              background-image: linear-gradient(to left, rgba(219, 56, 76, 0), #b51a25); }
          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll.navRightScroll {
            right: 54px; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navScroll.navRightScroll:before {
              background-image: linear-gradient(to right, rgba(219, 56, 76, 0), #b51a25); }
        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction {
          position: relative;
          width: 32px;
          height: 32px;
          background-position: 50%;
          background-size: 22px;
          margin-left: 25px;
          margin: 14px 6px 14px 16px;
          border-radius: 5px;
          top: 0;
          right: 0; }
          .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction:hover {
            background-color: #eeeeee;
            background-image: url("../../img/icn_shortcuts_red.png"); }
          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction:after {
            content: ' ';
            top: 6px;
            left: -16px;
            width: 1px;
            height: 22px;
            background: #eeeeee;
            position: absolute; }
          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer {
            display: none;
            position: absolute;
            right: -11px;
            top: calc(100% + 14px);
            width: 405px;
            height: auto;
            padding-bottom: 16px;
            background: #FFFFFF;
            z-index: 26;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction1,
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction2 {
              padding: 16px 16px 0 16px;
              position: absolute;
              top: 0;
              left: 0;
              width: calc(100% - 32px);
              height: 22px; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction1 {
              display: flex;
              flex-direction: column;
              align-items: flex-end;
              justify-content: flex-end; }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction1 .shortCutEdit {
                cursor: pointer;
                width: 22px;
                height: 22px;
                background-size: 22px;
                background-position: center top;
                background-repeat: no-repeat;
                background-size: 22px auto; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction2 {
              font-synthesis: style;
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
              font-weight: 400;
              align-items: center;
              display: flex;
              flex-direction: row;
              justify-content: space-between;
              display: none;
              color: #666666;
              font-size: 14px;
              line-height: 19px; }
              [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction2 {
                font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
              [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction2 {
                font-size: 10px; }
              [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction2 {
                font-size: 10px; }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction2 .shortCutCancel,
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutAction2 .shortCutDone {
                cursor: pointer; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList {
              display: flex;
              flex-direction: row;
              flex-wrap: wrap;
              margin-top: 43px;
              padding: 0;
              width: auto; }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut {
                cursor: pointer;
                width: 99px;
                padding: 8px 18px;
                text-align: center;
                border-radius: 4px;
                transition: transform .3s;
                display: block; }
                .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut:hover {
                  transform: scale(1.2); }
                .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut .shortCutImage {
                  margin-top: 16px;
                  margin-bottom: 8px;
                  margin-left: auto;
                  margin-right: auto;
                  width: 48px;
                  height: 48px;
                  background-size: contain;
                  background-repeat: no-repeat;
                  background-position: center; }
                .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut span {
                  font-synthesis: style;
                  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                  font-weight: 400;
                  font-size: 14px;
                  color: #222222;
                  line-height: 19px;
                  min-height: 38px;
                  max-height: 57px;
                  overflow: hidden;
                  display: block; }
                  [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut span {
                    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                  [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut span {
                    font-size: 10px; }
                  [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut span {
                    font-size: 10px; }
                .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .shortCut .remover {
                  display: none; }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .shortCutList .clearFloat {
                clear: both; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .deleting .shortCut {
              position: relative;
              cursor: default; }
              .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .deleting .shortCut:hover {
                transform: scale(1); }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .deleting .shortCut .shortCutImage {
                transform: rotate(0deg);
                animation: shake .5s linear 0s infinite; }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .shortCutAction .shortCutContainer .deleting .shortCut .remover {
                cursor: pointer;
                display: block;
                position: absolute;
                width: 26px;
                height: 26px;
                top: 9px;
                left: 9px;
                background-image: url("../../img/icn_clear.png");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 13px auto; }

@keyframes shake {
  0%,
  50%,
  100% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(-20deg); }
  75% {
    transform: rotate(20deg); } }
        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar {
          flex: 1;
          overflow: hidden;
          height: 60px; }
          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar.animate .megaMenuContainer {
            transition: opacity .3s; }
          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul {
            display: inline-block;
            white-space: nowrap;
            list-style: none;
            width: 100%; }
            .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li {
              cursor: pointer;
              display: table-cell;
              vertical-align: middle;
              height: 60px;
              padding-left: 16px;
              padding-right: 16px; }
              .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover > span {
                background-position: 0 -22px !important; }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li > span {
                font-synthesis: style;
                font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                font-weight: 400;
                font-size: 12px;
                white-space: nowrap;
                line-height: 17px;
                color: #FFFFFF;
                padding-left: 26px;
                background-position: 0 0;
                background-repeat: no-repeat;
                background-size: 22px;
                display: inline-flex;
                vertical-align: middle;
                min-height: 22px;
                height: 22px;
                align-items: center;
                margin: 20px 0; }
                [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li > span {
                  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li > span {
                  font-size: 8px; }
                [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li > span {
                  font-size: 8px; }
              .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover {
                background-color: #FFFFFF;
                -webkit-box-shadow: inset 1px 1px 1px rgba(34, 34, 34, 0.3);
                -moz-box-shadow: inset 1px 1px 1px rgba(34, 34, 34, 0.3);
                box-shadow: inset 1px 1px 1px rgba(34, 34, 34, 0.3); }
                .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li:hover span {
                  color: #222222 !important; }
              .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer {
                position: absolute;
                width: 100%;
                top: calc(100% - 1px);
                left: 0;
                background: #FFFFFF;
                z-index: 27;
                opacity: 0;
                pointer-events: none;
                user-select: none; }
                .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer.active {
                  pointer-events: visible;
                  opacity: 1;
                  user-select: auto; }
                .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu {
                  display: flex;
                  flex-wrap: wrap;
                  padding: 24px 8px 26px 8px; }
                  .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu.noSwiper {
                    padding: 24px 8px 2px 8px; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu.noSwiper .megaMenuNavContainer {
                      flex: 1;
                      flex-basis: 1; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu.noSwiper .megaMenuNavContainer .megaNav {
                        border-bottom: 0;
                        justify-content: flex-start; }
                        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu.noSwiper .megaMenuNavContainer .megaNav .navNode {
                          flex: 0 0 calc(33.3333% - 16px);
                          flex-basis: calc(33.3333% - 16px); }
                  .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer {
                    flex: 0 0 calc(66.66667% - 16px);
                    flex-basis: calc(66.66667% - 16px);
                    padding: 0 8px;
                    overflow: hidden; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav {
                      display: flex;
                      flex-wrap: wrap;
                      justify-content: space-between; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode {
                        flex: 0 0 calc(50% - 29px);
                        flex-basis: calc(50% - 29px);
                        margin-right: 16px;
                        margin-bottom: 24px; }
                        .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode:hover .title {
                          color: #b51a25; }
                          .noTouchDevice .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode:hover .title a {
                            color: #b51a25; }
                        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title {
                          font-synthesis: style;
                          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
                          font-weight: 700;
                          font-size: 16px;
                          line-height: 22px;
                          color: #222222;
                          position: relative;
                          display: inline-block;
                          transition: color .3s;
                          text-overflow: ellipsis;
                          overflow: hidden;
                          width: 80%; }
                          [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title {
                            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                          [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title {
                            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
                          [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title {
                            font-size: 12px; }
                          [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title {
                            font-size: 12px; }
                          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title a {
                            transition: color .3s; }
                          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title:after {
                            content: '';
                            position: absolute;
                            bottom: -1px;
                            width: 0;
                            height: 1px;
                            background-color: #b51a25;
                            transition: width .5s; }
                          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title.leftToRight:after {
                            left: 0; }
                          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .title.RightToLeft:after {
                            right: 0; }
                        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .desc {
                          font-synthesis: style;
                          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                          font-weight: 400;
                          font-size: 12px;
                          line-height: 17px;
                          color: #666666;
                          margin-top: 3px;
                          white-space: pre-wrap; }
                          [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .desc {
                            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                          [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .desc {
                            font-size: 8px; }
                          [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaNav .navNode .desc {
                            font-size: 8px; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .swiper-button-disabled {
                      cursor: pointer !important;
                      pointer-events: auto !important; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .swiper-button-next {
                      width: 22px;
                      height: 22px;
                      background-color: #eeeeee;
                      border-radius: 50%;
                      background-image: url("../../img/icn_arrow_right.png");
                      background-size: 8px 16px;
                      opacity: .8;
                      right: 0;
                      user-select: none;
                      outline: 0; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .swiper-button-prev {
                      width: 22px;
                      height: 22px;
                      background-color: #eeeeee;
                      border-radius: 50%;
                      background-image: url("../../img/icn_arrow_left.png");
                      background-size: 8px 16px;
                      opacity: .8;
                      left: 0;
                      user-select: none;
                      outline: 0; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation {
                      display: flex;
                      flex-direction: row;
                      justify-content: flex-end;
                      padding-top: 17px;
                      border-top: 1px solid #eeeeee; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation .navPagation {
                        font-synthesis: style;
                        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 19px;
                        color: #666666;
                        user-select: none; }
                        [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation .navPagation {
                          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                        [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation .navPagation {
                          font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
                        [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation .navPagation {
                          font-size: 10px; }
                        [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation .navPagation {
                          font-size: 10px; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation .icon-arrowLeft {
                        width: 8px;
                        height: 19px;
                        margin-right: 4px;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: 8px 16px; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNavContainer .megaMenuNavPagation .icon-arrowRight {
                        width: 8px;
                        height: 19px;
                        margin-left: 4px;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: 8px 16px; }
                  .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter {
                    flex: 0 0 calc(33.33333% - 16px);
                    flex-basis: calc(33.33333% - 16px);
                    padding: 0 8px;
                    overflow: hidden; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .swiper-container {
                      height: 100%; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .swiper-pagination {
                      bottom: 0;
                      text-align: right; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .swiper-pagination .swiper-pagination-bullet {
                        width: 8px;
                        height: 8px;
                        background-color: #eeeeee;
                        background-image: none;
                        padding: 0;
                        opacity: 1; }
                        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                          background-color: #b51a25; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .swiper-slide:nth-child(3n) .newsImage {
                      background-image: url("../../img/5.0.0_home_GIB_banner_v1a.jpg"); }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .swiper-slide:nth-child(3n+1) .newsImage {
                      background-image: url("../../img/5.0.0_home_GIB_banner_v1b.jpg"); }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .swiper-slide:nth-child(3n+2) .newsImage {
                      background-image: url("../../img/5.0.0_home_GIB_banner_v1c.jpg"); }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .news {
                      display: flex;
                      flex-direction: column;
                      height: calc(100% - 37px);
                      border: 1px solid #eeeeee; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .news .newsImage {
                        background-color: #000000;
                        flex: 1;
                        background-repeat: no-repeat;
                        background-position: center center;
                        background-size: cover; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .news .newsDesc {
                        font-synthesis: style;
                        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 19px;
                        color: #222222;
                        user-select: none;
                        margin: 16px;
                        white-space: normal;
                        overflow: hidden;
                        text-overflow: clip;
                        height: 38px; }
                        [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .news .newsDesc {
                          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                        [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .news .newsDesc {
                          font-size: 10px; }
                        [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuNewsConainter .news .newsDesc {
                          font-size: 10px; }
                  .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter {
                    flex: 0 0 calc(33.33333% - 16px);
                    flex-basis: calc(33.33333% - 16px);
                    padding: 0 8px;
                    overflow: hidden; }
                    .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer {
                      width: 100%;
                      border: 1px solid #eeeeee; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsTitle {
                        font-synthesis: style;
                        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
                        font-weight: 700;
                        font-size: 14px;
                        line-height: 19px;
                        color: #666666;
                        background: #f2f2f2;
                        padding: 15px 16px 16px 16px;
                        width: calc(100% - 31px); }
                        [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsTitle {
                          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                        [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsTitle {
                          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
                        [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsTitle {
                          font-size: 10px; }
                        [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsTitle {
                          font-size: 10px; }
                      .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer {
                        list-style: none;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start; }
                        .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer .toolsItem {
                          padding: 20px 17px 19px 17px;
                          width: calc(100% - 34px);
                          border-bottom: 1px solid #dddddd;
                          height: auto;
                          display: flex;
                          justify-content: flex-start; }
                          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer .toolsItem:last-child {
                            border-bottom: 0; }
                          .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer .toolsItem a {
                            font-synthesis: style;
                            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
                            font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
                            font-weight: 600;
                            font-size: 14px;
                            line-height: 40px;
                            color: #666666;
                            background-size: 40px;
                            background-repeat: no-repeat;
                            background-position: left;
                            padding-left: 44px;
                            display: block; }
                            [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer .toolsItem a {
                              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
                            [lang=zh_CN] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer .toolsItem a {
                              font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
                            [lang=my_MM] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer .toolsItem a {
                              font-size: 10px; }
                            [lang=km_KH] .header .topbarNavBorderContainer .topbarNavContainer .arrowContainer .navBar ul li .megaMenuContainer .megaMenu .megaMenuToolsConainter .toolsContainer .toolsItemContainer .toolsItem a {
                              font-size: 10px; }
    .header .topbarNavBorderContainer .shortCutOverlay {
      position: absolute;
      top: 60px;
      left: 0;
      width: 100%;
      height: 100000px;
      background-color: rgba(0, 0, 0, 0.5);
      display: none;
      z-index: 25; }
  .header .noticeSection {
    display: none;
    position: relative;
    width: 100%;
    top: 100%;
    left: 0;
    z-index: 22;
    background: #fbfbfb; }
    .header .noticeSection .importantNoticeSection {
      width: auto;
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: space-between;
      -webkit-box-align: center;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -moz-box-pack: space-between;
      -moz-box-align: center;
      /** LEGACY **/
      display: box;
      box-orient: horizontal;
      box-direction: normal;
      box-pack: space-between;
      box-align: center;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: nowrap;
      -ms-flex-direction: row;
      -ms-justify-content: space-between;
      -ms-flex-align: center;
      -ms-flex-pack: justify;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: nowrap;
      -webkit-flex-direction: row;
      -webkit-justify-content: space-between;
      -webkit-align-items: center;
      /** NATIVE **/
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 0; }
      .noTouchDevice .header .noticeSection .importantNoticeSection:hover {
        background-color: #f2f2f2; }
      .header .noticeSection .importantNoticeSection .importantNotice {
        display: flex;
        padding: 12px 0 11px 46px;
        background-repeat: no-repeat;
        background-position: 16px center;
        background-size: 22px;
        overflow: hidden;
        align-items: center;
        width: auto;
        cursor: pointer; }
        .header .noticeSection .importantNoticeSection .importantNotice span {
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 700;
          font-size: 12px;
          line-height: 17px;
          color: #b51a25; }
          [lang=zh_CN] .header .noticeSection .importantNoticeSection .importantNotice span {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .header .noticeSection .importantNoticeSection .importantNotice span {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          [lang=my_MM] .header .noticeSection .importantNoticeSection .importantNotice span {
            font-size: 8px; }
          [lang=km_KH] .header .noticeSection .importantNoticeSection .importantNotice span {
            font-size: 8px; }
        .header .noticeSection .importantNoticeSection .importantNotice p {
          padding-left: 8px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 12px;
          line-height: 17px;
          color: #b51a25; }
          [lang=my_MM] .header .noticeSection .importantNoticeSection .importantNotice p {
            font-size: 8px; }
          [lang=km_KH] .header .noticeSection .importantNoticeSection .importantNotice p {
            font-size: 8px; }
      .header .noticeSection .importantNoticeSection .moreAction {
        cursor: pointer;
        margin-left: 32px;
        margin-right: 16px;
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        transition: transform .3s; }
        .header .noticeSection .importantNoticeSection .moreAction.expand {
          transform: rotate(180deg); }
    .header .noticeSection .noticeDetail {
      display: none;
      padding: 0; }
      .header .noticeSection .noticeDetail .noticeNode {
        position: relative;
        display: flex;
        padding: 12px 16px 11px 46px;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: 16px;
        background-size: 22px;
        border-top: 1px solid #dddddd;
        user-select: none;
        cursor: pointer; }
        .noTouchDevice .header .noticeSection .noticeDetail .noticeNode:hover {
          background-color: #f2f2f2; }
        .header .noticeSection .noticeDetail .noticeNode span {
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 700;
          font-size: 12px;
          line-height: 17px;
          color: #222222; }
          [lang=zh_CN] .header .noticeSection .noticeDetail .noticeNode span {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .header .noticeSection .noticeDetail .noticeNode span {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          [lang=my_MM] .header .noticeSection .noticeDetail .noticeNode span {
            font-size: 8px; }
          [lang=km_KH] .header .noticeSection .noticeDetail .noticeNode span {
            font-size: 8px; }
        .header .noticeSection .noticeDetail .noticeNode p {
          padding-left: 8px;
          flex: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 12px;
          line-height: 17px;
          color: #222222; }
          [lang=my_MM] .header .noticeSection .noticeDetail .noticeNode p {
            font-size: 8px; }
          [lang=km_KH] .header .noticeSection .noticeDetail .noticeNode p {
            font-size: 8px; }
      .header .noticeSection .noticeDetail .viewMoreAction {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 400;
        font-size: 12px;
        position: relative;
        display: flex;
        justify-content: flex-end;
        position: relative;
        display: flex;
        justify-content: flex-end;
        padding: 11px 16px 12px 16px;
        color: #222222;
        line-height: 17px;
        border-top: 1px solid #dddddd; }
        [lang=zh_CN] .header .noticeSection .noticeDetail .viewMoreAction {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=my_MM] .header .noticeSection .noticeDetail .viewMoreAction {
          font-size: 8px; }
        [lang=km_KH] .header .noticeSection .noticeDetail .viewMoreAction {
          font-size: 8px; }
        .header .noticeSection .noticeDetail .viewMoreAction a {
          cursor: pointer;
          display: block; }
          .header .noticeSection .noticeDetail .viewMoreAction a::after {
            content: '';
            display: inline-block;
            width: 8px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: 16px 16px;
            position: relative;
            top: 2px;
            margin-left: 12px; }
  .header .loginSection {
    position: absolute;
    right: 16px;
    top: 24px;
    background: rgba(34, 34, 34, 0.6);
    width: 320px;
    z-index: 25; }
    .header .loginSection .forgotPassword {
      text-align: left;
      margin-top: 8px;
      margin-bottom: 16px; }
      .header .loginSection .forgotPassword a {
        color: #FFFFFF;
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 600;
        font-size: 14px;
        cursor: pointer; }
        [lang=zh_CN] .header .loginSection .forgotPassword a {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] .header .loginSection .forgotPassword a {
          font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
        [lang=my_MM] .header .loginSection .forgotPassword a {
          font-size: 10px; }
        [lang=km_KH] .header .loginSection .forgotPassword a {
          font-size: 10px; }

.beforeOnline .webFooter {
  background-color: #f2f2f2;
  width: 100%;
  padding: 24px 0; }
  .beforeOnline .webFooter.footerFixed {
    position: fixed;
    bottom: 0;
    z-index: 20; }
  .beforeOnline .webFooter .container {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 100%; }
  .beforeOnline .webFooter .terms {
    margin-bottom: 24px;
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: start;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: start;
    box-align: center;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    -ms-flex-direction: row;
    -ms-justify-content: flex-start;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    /** NATIVE **/
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; }
  .beforeOnline .webFooter .termsItem {
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-right: 17px;
    position: relative;
    cursor: pointer; }
    .beforeOnline .webFooter .termsItem:hover {
    	text-decoration: underline;
    }
    [lang=my_MM] .beforeOnline .webFooter .termsItem {
      font-size: 10px; }
    [lang=km_KH] .beforeOnline .webFooter .termsItem {
      font-size: 10px; }
    .beforeOnline .webFooter .termsItem:last-child {
      margin-right: 0px; }
      .beforeOnline .webFooter .termsItem:last-child:after {
        display: none; }
    .beforeOnline .webFooter .termsItem:after {
      content: ' ';
      position: absolute;
      top: 3.5px;
      right: -9px;
      background: #D8D8D8;
      width: 1px;
      height: 12px; }
  .beforeOnline .webFooter .copyright {
    font-size: 14px;
    line-height: 22px;
    color: #666666; }
    [lang=my_MM] .beforeOnline .webFooter .copyright {
      font-size: 10px; }
    [lang=km_KH] .beforeOnline .webFooter .copyright {
      font-size: 10px; }
     .gib body.responsiveLayout #footer.beforeOnline .webFooter .terms .termsItem:after {
		display: none;
	}
	@media screen and (min-width: 1440px) {
		.gib .beforeOnline .webFooter .gridContainer {
			max-width: 1440px;
		    margin: 0 auto;
		    padding-right: 48px;
		    padding-left: 48px;
		    box-sizing: border-box;
		}
	}
	@media screen and (min-width: 768px) and (max-width: 1439px) {
		.gib .beforeOnline .webFooter .gridContainer {
		    padding-right: 48px;
		    padding-left: 48px;
		}
	}
	@media screen and (max-width: 767px) {
		.gib .beforeOnline .webFooter .gridContainer {
		    padding-right: 24px;
		    padding-left: 24px;
		}
	}
	
	
.icon-edit {
  background-image: url("../../img/icn_edit_hover.png"); }

.icon-email {
  background-image: url("../../img/icn_email.png"); }

.icon-search {
  background-image: url("../../img/icn_search.png"); }

.icon-searchRed {
  background-image: url("../../img/icn_search_red.png"); }

.icon-accept {
  background-image: url("../../img/icn_accept.png"); }

.icon-refuse {
  background-image: url("../../img/icn_refuse.png"); }

.icon-arrowDown {
  background-image: url("../../img/icn_arrow_down.png"); }

.icon-arrowUp {
  background-image: url("../../img/icn_arrow_up.png"); }

.icon-cancel {
  background-image: url("../../img/icn_cancel.svg"); }

.icon-cash {
  background-image: url("../../img/icn_cash.png"); }

.icon-chevronSmall {
  background-image: url("../../img/icn_chevron_small.svg"); }

.icon-member {
  background-image: url("../../img/icn_member.png"); }

.icon-logout {
  background-image: url("../../img/icn_logout.png"); }

.icon-managementGrey {
  background-image: url("../../img/icn_menu_management.png"); }

.icon-menu {
  background-image: url("../../img/icn_menu.png"); }

.icon-menudashboard {
  background-image: url("../../img/icn_menudashboard.svg"); }

.icon-services {
  background-image: url("../../img/icn_services.png"); }

.icon-shortcuts {
  background-image: url("../../img/icn_shortcuts.png"); }

.icon-support {
  background-image: url("../../img/icn_support.png"); }

.icon-supportGrey {
  background-image: url("../../img/icn_sc_support_grey.svg"); }

.icon-background {
  background-image: url("../../img/img_background.png"); }

.icon-filter {
  background-image: url("../../img/icn_filter.svg"); }

.icon-more {
  background-image: url("../../img/icn_more.png"); }

.icon-tick {
  background-image: url("../../img/icn_tick.png"); }

.icon-back {
  background-image: url("../../img/icn_back.png"); }

.icon-proceed {
  background-image: url("../../img/icn_proceed.png"); }

.icon-arrowDownHover {
  background-image: url("../../img/icn_arrow_down_red_hover.svg"); }

.icon-eyeClose {
  background-image: url("../../img/icn_eyeClose.svg"); }

.icon-eyeOpen {
  background-image: url("../../img/icn_eye_open.png"); }

.icon-tickChecked {
  background-image: url("../../img/icn_tick_checked.png"); }

.icon-add {
  background-image: url("../../img/icn_add.png"); }

.icon-contactAdd {
  background-image: url("../../img/icn_contact_add.svg"); }

.icon-contactCancel {
  background-image: url("../../img/icn_contact_cancel.svg"); }

.icon-phoneBook {
  background-image: url("../../img/icn_phonebook.png"); }

.icon-qrCode {
  background-image: url("../../img/icn_QRcode.png"); }

.icon-trash {
  background-image: url("../../img/icn_trash.png"); }

.icon-website {
  background-image: url("../../img/icn_website.png"); }

.icon-locationRed {
  background-image: url("../../img/icn_location_red.svg"); }

.icon-locate {
  background-image: url("../../img/icn_locate.png"); }

.icon-locateOrange {
  background-image: url("../../img/icn_locate_orange.png"); }

.icon-settingsRed {
  background-image: url("../../img/icn_settings_red.png"); }

.icn-home-banking {
  background-image: url("../../img/icn_collections_hover.png"); }

.icn-home-dashboard {
  background-image: url("../../img/icn_dashboard_home.png"); }

.icn-home-utilities {
  background-image: url("../../img/icn_utilities_home.png"); }

.icn-home-management {
  background-image: url("../../img/icn_management_home.png"); }

.icn-home-enquiries {
  background-image: url("../../img/icn_home_enquiry_hover.png"); }

.icn-home-liquidity-management {
  background-image: url("../../img/icn_liquidity_management.png"); }

.icn-home-functions {
  background-image: url("../../img/icn_global.png"); }

.icn-home-training {
  background-image: url("../../img/icn_supply_red.png"); }

.icn-home-download {
  background-image: url("../../img/icn_download_home.png"); }

.icn-home-remote {
  background-image: url("../../img/icn_account_opening_services.png"); }

.icn-remote-saved {
  background-image: url("../../img/icn_saved_application_status_enquiry.png"); }

.icn-remote-make {
  background-image: url("../../img/icn_make_an_appointment.png"); }

.icn-remote-enquiryOr {
  background-image: url("../../img/icn_enquire_or_modify_appointment.png"); }

.icn-home-knowledge {
  background-image: url("../../img/icn_knowledge.png"); }

.icon-arrowLeft {
  background-image: url("../../img/icn_arrow_left.png"); }

.icon-arrowLeftWhite {
  background-image: url("../../img/icn_arrow_left_white.png"); }

.icon-arrowRight {
  background-image: url("../../img/icn_arrow_right.png"); }

.icon-arrowRightPng {
  background-image: url("../../img/icn_arrow_right.png"); }

.icon-arrowRightWhite {
  background-image: url("../../img/icn_arrow_right_white.png"); }

.icon-shortcutsTopBar {
  background-image: url("../../img/icn_shortcuts_TopBar.svg"); }

.icon-shortcutsTopBarWhite {
  background-image: url("../../img/icn_shortcuts_white.svg"); }

.icon-shortcutsTopBarRed {
  background-image: url("../../img/icn_shortcuts_red.png"); }

.icon-clear {
  background-image: url("../../img/icn_clear.png"); }

.eyeOpen {
  background-image: url("../../img/icn_eye_open_hover.png"); }
  .noTouchDevice .eyeOpen:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.eyeClose {
  background-image: url("../../img/icn_eye_close_hover.png"); }
  .noTouchDevice .eyeClose:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-notebook {
  background-image: url("../../img/icn_notebook.png"); }

.icon-notebookRed {
  background-image: url("../../img/icn_notebook_red.png"); }

.icon-classroom {
  background-image: url("../../img/icn_classroom.png"); }

.icon-online_tut {
  background-image: url("../../img/icn_online_tut.svg"); }

.icon-guide {
  background-image: url("../../img/icn_guide.svg"); }

.icon-training {
  background-image: url("../../img/icn_training.svg"); }

.icon-traningPic1 {
  background-image: url("../../img/img_training_demo_pic_1.jpg"); }

.icon-traningPic2 {
  background-image: url("../../img/img_training_demo_pic_2.jpg"); }

.icon-traningPic3 {
  background-image: url("../../img/img_training_demo_pic_3.jpg"); }

.icon-customer {
  background-image: url("../../img/icn_personal.png"); }

.icon-location {
  background-image: url("../../img/icn_location.svg"); }

.icon-hour {
  background-image: url("../../img/icn_hour.png"); }

.icon-tel {
  background-image: url("../../img/icn_tel.svg"); }

.icon-fax {
  background-image: url("../../img/icn_fax.png"); }

.icon-corporate {
  background-image: url("../../img/icn_corporate.png"); }

.icon-corporateEmpty {
  background-image: url("../../img/icn_work_queue_empty.png"); }

.icon-personal {
  background-image: url("../../img/icn_personal.png"); }

.icon-searchBlack {
  background-image: url("../../img/icn-search-black.png"); }

.icon-personal-white {
  background-image: url("../../img/icn_personal_white.png"); }

.icon-accountPosition {
  background-image: url("../../img/img_account_position.png"); }

.icon-alertMsg {
  background-image: url("../../img/img_alert_msg.png"); }

.icon-cutOffTime {
  background-image: url("../../img/img_cut_off_time.png"); }

.icon-fileUpload {
  background-image: url("../../img/img_file_upload.png"); }

.icon-noAccess {
  background-image: url("../../img/img_no_access.png"); }

.icon-quickFX {
  background-image: url("../../img/img_quick_fx.png"); }

.icon-quickManual {
  background-image: url("../../img/img_quick_manual.png"); }

.icon-quickPayment {
  background-image: url("../../img/img_quick_payment.png"); }

.icon-recentTransactions {
  background-image: url("../../img/img_recent_transactions.png"); }

.icon-reportRetrieval {
  background-image: url("../../img/img_report_retrieval.png"); }

.icon-timeDeposit {
  background-image: url("../../img/img_time_deposit.png"); }

.icon-tradeWorking {
  background-image: url("../../img/img_trade_working.png"); }

.icon-workQueue {
  background-image: url("../../img/img_work_queue.png"); }

.icon-more-right-3x {
  background-image: url("../../img/btn-grey-arrow-right@3x.png"); }

.icon-password {
  background-image: url("../../img/icn_password_hover.png"); }
  .noTouchDevice .icon-password:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-suppend {
  background-image: url("../../img/icn_suspend_hover.png"); }
  .noTouchDevice .icon-suppend:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-addr {
  background-image: url("../../img/icn_fps_addressing__services_investigation.png"); }
  .noTouchDevice .icon-addr:hover {
    background-position: 0 -72px !important;
    color: #b51a25 !important; }

.icon-maintenance {
  background-image: url("../../img/icn_nad_maintenance_hover.png"); }
  .noTouchDevice .icon-maintenance:hover {
    background-position: 0 -72px !important;
    color: #b51a25 !important; }

.icon-regi {
  background-image: url("../../img/icn_nad_registration_hover.png"); }
  .noTouchDevice .icon-regi:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-instantPay {
  background-image: url("../../img/icn_Instant_Payment_hover_new.png"); }
  .noTouchDevice .icon-instantPay:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-direct {
  background-image: url("../../img/icn_direct.png"); }
  .noTouchDevice .icon-direct:hover {
    background-position: 0 -72px !important;
    color: #b51a25 !important; }

.icon-remitNew {
  background-image: url("../../img/icn_remittance_investigation_hover.png"); }
  .noTouchDevice .icon-remitNew:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-stand {
  background-image: url("../../img/icn_standing_instruction_hover.png"); }
  .noTouchDevice .icon-stand:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-billPayment {
  background-image: url("../../img/icn_bill_payment.png"); }
  .noTouchDevice .icon-billPayment:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-billPayment-s {
  background-image: url("../../img/icn_bill_payment_s.png"); }
  .noTouchDevice .icon-billPayment-s:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-jomPay {
  background-image: url("../../img/icn_jompay.png"); }
  .noTouchDevice .icon-jomPay:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-stopCheque {
  background-image: url("../../img/icn_stop_cheque_cashiers_order_hover.png"); }
  .noTouchDevice .icon-stopCheque:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-cashier {
  background-image: url("../../img/icn_stop_cos_cashiers_order_hover.png"); }
  .noTouchDevice .icon-cashier:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-requestCheque {
  background-image: url("../../img/icn_request_cheque_book_s.png"); }
  .noTouchDevice .icon-requestCheque:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-transfer-payment {
  background-image: url("../../img/icn_Transfer_s.png"); }

.icon-stop-cheque-cashier-order {
  background-image: url("../../img/icn_request_cheque_book_s.png"); }

.icon-ACH-payment {
  background-image: url("../../img/icn_ACH_payement_hover.png"); }

.icon-ACH-payment-s {
  background-image: url("../../img/icn_ACH_payement_hover_s.png"); }

.icon-CASS-payment {
  background-image: url("../../img/icn_ccass_payment.png"); }

.icon-CASS-payment-s {
  background-image: url("../../img/icn_CASS_payement_hover_s.png"); }

.icon-Remittance-Plus-s {
  background-image: url("../../img/icn_Remittance_Plus_s.png"); }

.icon-upload-payment {
  background-image: url("../../img/icn_upload_payement_s.png"); }

.icon-result {
  background-image: url("../../img/icn_result_hover_s.png"); }
  .noTouchDevice .icon-result:hover {
    background-position: center -72px !important;
    color: #b51a25 !important; }

.icon-reg-bene-hover-red {
  background-image: url("../../img/icn_icn_reg_bene_hover_s.png"); }

.icon-template-red {
  background-image: url("../../img/icn_icn_template_hover.png"); }

.icon-cos-cheque {
  background-image: url("../../img/icn_cos_cheque_hover_s.png"); }

.icon-cos-enquiry {
  background-image: url("../../img/icn_cos_enquiry_hover_s.png"); }

.icon-payroll-enquiry {
  background-image: url("../../img/icn_payroll_enquiry_hover_s.png"); }

.icon-request-cheque-book {
  background-image: url("../../img/icn_request_cheque_book_s.png"); }

.icon-stop-cheque-cashier-order-hover {
  background-image: url("../../img/icn_request_cheque_book_s.png"); }

.icon-token {
  background-image: url("../../img/icn_token_hover.png"); }
  .noTouchDevice .icon-token:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-closeHover {
  background-image: url("../../img/icn_close_hover.png"); }
  .noTouchDevice .icon-closeHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-downloadHover {
  background-image: url("../../img/icn_download_hover.png"); }
  .noTouchDevice .icon-downloadHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-editHover {
  background-image: url("../../img/icn_edit_hover.png"); }
  .noTouchDevice .icon-editHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-sendToBankHover {
  background-image: url("../../img/icn_send_to_bank.png"); }
  .noTouchDevice .icon-sendToBankHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-accept-hover {
  background-image: url("../../img/icn_accept.png"); }
  .noTouchDevice .icon-accept-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-redirect-hover {
  background-image: url("../../img/icn_redirect.png"); }
  .noTouchDevice .icon-redirect-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-enquireOtherRecord-hover {
  background-image: url("../../img/icn_enquire_other_record.png"); }
  .noTouchDevice .icon-enquireOtherRecord-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-replicate-hover {
  background-image: url("../../img/icn_replicate.png"); }
  .noTouchDevice .icon-replicate-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-manualRetry-hover {
  background-image: url("../../img/manual_retry.png"); }
  .noTouchDevice .icon-manualRetry-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-reactivateHover {
  background-image: url("../../img/icn_reactivate_hover.png"); }
  .noTouchDevice .icon-reactivateHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-refreshHover {
  background-image: url("../../img/icn_refresh_hover.png");
  background-size: 22px auto; }
  .noTouchDevice .icon-refreshHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-searchHover {
  background-image: url("../../img/icn_search_hover.png"); }
  .noTouchDevice .icon-searchHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-advancedSearchHover {
  background-image: url("../../img/icn_advanced_search_hover.png"); }
  .noTouchDevice .icon-advancedSearchHover:hover {
    background-position: 0 -22px !important; }

.icon-addHover {
  background-image: url("../../img/icn_add_shortcut.png");
  background-size: 22px auto; }
  .noTouchDevice .icon-addHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-addHover-old {
  background-image: url("../../img/icn_add_shortcut.png");
  background-size: 22px auto; }
  .noTouchDevice .icon-addHover-old:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-removeHover {
  background-image: url("../../img/icn_decrease_hover.png"); }
  .noTouchDevice .icon-removeHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-closeHover {
  background-image: url("../../img/icn_close_hover.png"); }
  .noTouchDevice .icon-closeHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-moreHover {
  background-image: url("../../img/icn_more_hover.png"); }
  .noTouchDevice .icon-moreHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-filterHover {
  background-image: url("../../img/icn_filter_hover.png"); }
  .noTouchDevice .icon-filterHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-setLandingHover {
  background-image: url("../../img/icn_set_landing_hover.png"); }
  .noTouchDevice .icon-setLandingHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-selectHover {
  background-image: url("../../img/icn_select_hover.png"); }
  .noTouchDevice .icon-selectHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-notificationHover {
  background-image: url("../../img/icn_notification_hover.png"); }
  .noTouchDevice .icon-notificationHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-sortingHover {
  background-image: url("../../img/icn_sorting_hover.png"); }
  .noTouchDevice .icon-sortingHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-chart {
  background-image: url("../../img/icn_chart_on.png"); }

.icon-chartWhite {
  background-image: url("../../img/icn_chart_on_white.png"); }

.icon-map {
  background-image: url("../../img/icn_map_on.png"); }

.icon-mapWhite {
  background-image: url("../../img/icn_map_on_white.png"); }

.icon-menuWorkQueue {
  background-image: url("../../img/icn_work_queues.svg"); }

.icon-enquiry {
  background-image: url("../../img/icn_enquiry.png"); }

.icon-enquiryWhite {
  background-image: url("../../img/icn_enquiry_white.png"); }

.icon-payment {
  background-image: url("../../img/icn_payments.png"); }

.icon-globalTrade {
  background-image: url("../../img/icn_global_trade.png"); }

.icon-treasury {
  background-image: url("../../img/icn_treasuryGrey.svg"); }

.icon-liquidity {
  background-image: url("../../img/icn_liquidity.svg"); }

.icon-collections {
  background-image: url("../../img/icn_collections.png"); }

.icon-localService {
  background-image: url("../../img/icn_local service.png"); }

.icon-uploadDoc {
  background-image: url("../../img/icn_upload_doc.png"); }

.icon-draft {
  background-image: url("../../img/icn_draft.png"); }

.icon-draft-png {
  background-image: url("../../img/icn_draft.png"); }

.icon-pending {
  background-image: url("../../img/icn_pending.png"); }

.icon-pending-png {
  background-image: url("../../img/icn_pending.png"); }

.icon-processing {
  background-image: url("../../img/icn_processing.png"); }

.icon-processing-png {
  background-image: url("../../img/icn_processing.png"); }

.icon-complete {
  background-image: url("../../img/icn_complete.png"); }

.icon-complete-png {
  background-image: url("../../img/icn_complete.png"); }

.icon-failure {
  background-image: url("../../img/icn_failure.png"); }

.icon-failure-png {
  background-image: url("../../img/icn_failure.png"); }

.icon-deleted {
  background-image: url("../../img/icn_deleted.png"); }

.icon-rejected {
  background-image: url("../../img/icn_rejected.png"); }

.icon-searchGreyRed {
  background-image: url("../../img/icn_search_grey_red.svg"); }

.icon-completedGreen {
  background-image: url("../../img/icn_complete_green.png"); }

.icon-draftBlue {
  background-image: url("../../img/icn_draft_blue.png"); }

.icon-PendingAuthorization {
  background-image: url("../../img/processing.png"); }

.icon-pendingGreen {
  background-image: url("../../img/icn_pending_green.png"); }

.icon-processingBlue {
  background-image: url("../../img/icn_processing_blue.png"); }

.icon-backToTop {
  background-image: url("../../img/icn_back_to_top_hover.png"); }
  .noTouchDevice .icon-backToTop:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-onlineCs {
  background-image: url("../../img/icn_online_cs_hover.png"); }
  .noTouchDevice .icon-onlineCs:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-searchHover {
  background-image: url("../../img/icn_search_hover.png"); }
  .noTouchDevice .icon-searchHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-homeHover {
  background-image: url("../../img/icn_home_hover.png"); }
  .noTouchDevice .icon-homeHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-emailHover {
  background-image: url("../../img/icn_email_hover.png"); }
  .noTouchDevice .icon-emailHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-locationHover {
  background-image: url("../../img/icn_location_hover.png"); }
  .noTouchDevice .icon-locationHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-printHover {
  background-image: url("../../img/icn_print_hover.png"); }
  .noTouchDevice .icon-printHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-settingsHover {
  background-image: url("../../img/icn_settings_hover.png"); }
  .noTouchDevice .icon-settingsHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-dashboardHover {
  background-image: url("../../img/icn_dashboard_hover.png"); }
  .noTouchDevice .icon-dashboardHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-userHover {
  background-image: url("../../img/icn_user_hover.png"); }
  .noTouchDevice .icon-userHover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_collections_hover {
  background-image: url("../../img/icn_collection_hover.png"); }
  .noTouchDevice .icn_collections_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_enquiry_hover {
  background-image: url("../../img/icn_enquiry_hover.png"); }
  .noTouchDevice .icn_enquiry_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_my_enquiry_hover {
  background-image: url("../../img/icn_my_enquiry_hover.png"); }
  .noTouchDevice .icn_my_enquiry_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_global_trade_hover {
  background-image: url("../../img/icn_global_trade_hover.png"); }
  .noTouchDevice .icn_global_trade_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_liquidity_hover {
  background-image: url("../../img/icn_liquidity_management_hover.png"); }
  .noTouchDevice .icn_liquidity_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_information_management_hover {
  background-image: url("../../img/icn_information_management_hover.png"); }
  .noTouchDevice .icn_information_management_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_local_service_hover {
  background-image: url("../../img/icn_local_service_hover.png"); }
  .noTouchDevice .icn_local_service_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_payments_hover {
  background-image: url("../../img/icn_localized_payment_hover.png"); }
  .noTouchDevice .icn_payments_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_treasury_hover {
  background-image: url("../../img/icn_treasury_hover.png"); }
  .noTouchDevice .icn_treasury_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_work_queues_hover {
  background-image: url("../../img/icn_work_queues_hover.png"); }
  .noTouchDevice .icn_work_queues_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icn_sme_hover {
  background-image: url("../../img/icn_sme_hover.png"); }
  .noTouchDevice .icn_sme_hover:hover {
    background-position: left -22px !important;
    color: #b51a25 !important; }

.icon-homeSC {
  background-image: url("../../img/icn_sc_home.png"); }

.icon-myShortcutsSC {
  background-image: url("../../img/icn_sc_my_sc.png"); }

.icon-cashSCRed {
  background-image: url("../../img/icn_sc_cash.png"); }

.icon-serviceSCRed {
  background-image: url("../../img/icn_sc_service.png"); }

.icon-management {
  background-image: url("../../img/icn_sc_management.png"); }

.icon-supportSCRed {
  background-image: url("../../img/icn_sc_support.png"); }

.icon-settings {
  background-image: url("../../img/icn_sc_settings.png"); }

.icon-logoutSCRed {
  background-image: url("../../img/icn_sc_logout.png"); }

.icon-locatorSC {
  background-image: url("../../img/icn_sc_locator.png"); }

.icon-dashboardSC {
  background-image: url("../../img/icn_dashboard_red.png"); }

.icon-shorcut-control-center {
  background-image: url("../../img/icn_shorcut_control_center.png"); }

.icon-shorcut-localized-functions {
  background-image: url("../../img/icn_shorcut_localized_functions.png"); }

.icon-shortcut-collection {
  background-image: url("../../img/icn_shortcut_collection.png"); }

.icon-shortcut-enquiry {
  background-image: url("../../img/icn_shortcut_enquiry.png"); }

.icon-shortcut-global_trade {
  background-image: url("../../img/icn_shortcut_global_trade.png"); }

.icon-shortcut-information-management {
  background-image: url("../../img/icn_shortcut_information_management.png"); }

.icon-shortcut-liquidity-management {
  background-image: url("../../img/icn_shortcut_liquidity_management.png"); }

.icon-shortcut-my-setting {
  background-image: url("../../img/icn_shortcut_my_setting.png"); }

.icon-shortcut-payment {
  background-image: url("../../img/icn_shortcut_payment.png"); }

.icon-shortcut-sme {
  background-image: url("../../img/icn_shortcut_sme.png"); }

.icon-shortcut-treasury {
  background-image: url("../../img/icn_shortcut_treasury.png"); }

.icon-shortcut-work-queue {
  background-image: url("../../img/icn_shortcut_work_queue.png"); }

.icon-sc-pre-ship-fin {
  background-image: url("../../img/icn_sc_pre_ship_fin.png"); }

.icon-clock-red {
  background-image: url("../../img/icn_clock_red.png"); }

.icon-clock-yellow {
  background-image: url("../../img/icn_clock_yellow.png"); }

.icon-clock-green {
  background-image: url("../../img/icn_clock_green.png"); }

.icon-atm {
  background-image: url("../../img/icn_atm.png"); }

.icon-atmrmb {
  background-image: url("../../img/icn_atm_rmb.png"); }

.icon-iservice {
  background-image: url("../../img/icn_iservice.png"); }

.icon-invest {
  background-image: url("../../img/icn_invest.png"); }

.icon-currency {
  background-image: url("../../img/icn_currency.png"); }

.icon-chequeDeposite {
  background-image: url("../../img/icn_cheque_deposit.png"); }

.icon-enrich {
  background-image: url("../../img/icn_enrich.png"); }

.icon-wmcentre {
  background-image: url("../../img/icn_wmcentre.png"); }

.icon-exchange {
  background-image: url("../../img/icn_exchange.png"); }

.icon-investment {
  background-image: url("../../img/icn_investment.png"); }

.icon-metals {
  background-image: url("../../img/icn_metals.png"); }

.icon-preorder {
  background-image: url("../../img/icn_preorder.png"); }

.icon-rmb {
  background-image: url("../../img/icn_rmb.png"); }

.icon-depositbox {
  background-image: url("../../img/icn_depositbox.png"); }

.icon-securities {
  background-image: url("../../img/icn_securities.png"); }

.icon-selfService {
  background-image: url("../../img/icn_self_service.png"); }

.icon-corpCenter {
  background-image: url("../../img/icn_corp_centre.png"); }

.icon-tradeService {
  background-image: url("../../img/icn_trade_service.png"); }

.icon-bao {
  background-image: url("../../img/icn_bao.png"); }

.icon-corpPriv {
  background-image: url("../../img/icn_corp_priv.png"); }

.icon-change-export-lc-collection-instruction-hover {
  background-image: url("../../img/icn_change_export_lc_collection_instruction.png"); }

.icon-commercial-financial-instrument-enquiry-hover {
  background-image: url("../../img/icn_commercial_financial_instrument_enquiry.png"); }

.icon-credit-limit-enquiry-hover {
  background-image: url("../../img/icn_credit_limit_enquiry.png"); }

.icon-export-lc-advising-confirmation-hover {
  background-image: url("../../img/icn_export_lc_advising_confirmation.png"); }

.icon-export-lc-collection-hover {
  background-image: url("../../img/icn_export_lc_collection.png"); }

.icon-funding-da-dp-hover {
  background-image: url("../../img/icn_funding_da_dp.png"); }

.icon-import-lc-amendment-hover {
  background-image: url("../../img/icn_import_lc_amendment.png"); }

.icon-import-lc-document-hover {
  background-image: url("../../img/icn_import_lc_document.png"); }

.icon-interest-enquiry-hover {
  background-image: url("../../img/icn_interest_enquiry.png"); }

.icon-lc-transfer-amendment-hover {
  background-image: url("../../img/icn_lc_transfer_amendment.png"); }

.icon-lc-transfer-issuance-hover {
  background-image: url("../../img/icn_lc_transfer_issuance.png"); }

.icon-my-clause-template-maintenance-hover {
  background-image: url("../../img/icn_my_clause_template_maintenance.png"); }

.icon-my-trade-counterparty-maintenance-hover {
  background-image: url("../../img/icn_my_trade_counterparty_maintenance.png"); }

.icon-my-trade-profile-hover {
  background-image: url("../../img/icn_my_trade_profile.png"); }

.icon-my-transaction-template-maintenance-hover {
  background-image: url("../../img/icn_my_transaction_template_maintenance.png"); }

.icon-record-enquiry-hover {
  background-image: url("../../img/icn_record_enquiry.png"); }

.icon-platform-hover {
  background-image: url("../../img/icn_platform_hover.png"); }

.icon-upload-payement-hover {
  background-image: url("../../img/icn_upload_payment.png"); }

.icon-export-collection-hover {
  background-image: url("../../img/icn_export_collection.png"); }

.icon-import-collection-hover {
  background-image: url("../../img/icn_import_collection.png"); }

.icon-change-export-collection-instruction-hover {
  background-image: url("../../img/icn_change_export_collection_instruction.png"); }

.icon-import-lc-issuance-hover {
  background-image: url("../../img/icn_import_lc_issuance.png"); }

.icon-receivables-submission-hover {
  background-image: url("../../img/icn_receivable_submisssion.png"); }

.icon-auto-funding-arrangement-hover {
  background-image: url("../../img/icn_auto_funding_arrangement.png"); }

.icon-sc-buyer-submission-hover {
  background-image: url("../../img/icn_sc_buyer_submission.png"); }

.icon-sc-my-supplier-hover {
  background-image: url("../../img/icn_sc_my_supplier.png"); }

.icon-sc-supplier-submission-hover {
  background-image: url("../../img/icn_sc_suplier_submission.png"); }

.icon-sc-my-registration-hover {
  background-image: url("../../img/icn_sc_my_registration.png"); }

.icon-message-to-bank-hover {
  background-image: url("../../img/icn_icn_message_to_bank_44x44.png"); }

.icon-payment-limit-control-hover {
  background-image: url("../../img/icn_payment_limit_control_settings_44x44.png"); }

.icon-payment-limit-file-upload-hover {
  background-image: url("../../img/icn_payment_limit_setting_file_upload.png"); }

.icon-scheduled-sweep-hover {
  background-image: url("../../img/icn_scheduled_sweep_setting_n_manual_sweep_44x44.png"); }

.icon-sweep-history-hover {
  background-image: url("../../img/icn_sweep_history_44x44.png"); }

.icon-sweep-irNtp-hover {
  background-image: url("../../img/icn_sweep_IR_n_TP_Setting_44x44.png"); }

.icon-trust-receipt-hover {
  background-image: url("../../img/icn_trust_receipt.png"); }

.icon-repayment-hover {
  background-image: url("../../img/icn_repayment.png"); }

.icon-pre-ship-fin-hover {
  background-image: url("../../img/icn_pre_ship_fin.png"); }

.icon-packing-loan-hover {
  background-image: url("../../img/icn_packing_loan.png"); }

.icon-get-lc-fund-hover {
  background-image: url("../../img/icn_get_lc_fund.png"); }

.icon-bills-adv-after-collection-hover {
  background-image: url("../../img/icn_bills_adv_after_collection.png"); }

.icon-import-loan-hover {
  background-image: url("../../img/icn_import_loan.png"); }

.icon-export-invoice-dis-hover {
  background-image: url("../../img/icn_export_invoice_dis.png"); }

.icon-import-invoice-fin-hover {
  background-image: url("../../img/icn_import_invoice_fin.png"); }

.icon-receivables-finance-hover {
  background-image: url("../../img/icn_receivables_finance.png"); }

.icon-sc-buyer-payment-hover {
  background-image: url("../../img/icn_sc_buyer_payment.png"); }

.icon-sc-early-payment-hover {
  background-image: url("../../img/icn_sc_early_payment.png"); }

.icon-bank-guarantee-amendment {
  background-image: url("../../img/icn_bank_guarantee_amendment.png"); }

.icon-bank-guarantee-issuance {
  background-image: url("../../img/icn_bank_guarantee_issuance.png"); }

.icon-standby-lc-amendment {
  background-image: url("../../img/icn_standby_lc_amendment.png"); }

.icon-standby-lc-issuance {
  background-image: url("../../img/icn_standby_lc_issuance.png"); }

.icn-treasury-hover {
  background-image: url("../../img/icn_treasury.png"); }

.icn-global-trade-hover {
  background-image: url("../../img/icn_global_trade.png"); }

.icon-increaseHover {
  background-image: url("../../img/icn_increase_hover.png"); }
  .noTouchDevice .icon-increaseHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-collapseAllHover {
  background-image: url("../../img/icn_collapse_all.png"); }
  .noTouchDevice .icon-collapseAllHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-expandAllHover {
  background-image: url("../../img/icn_expand_all.png"); }
  .noTouchDevice .icon-expandAllHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-decreaseHover {
  background-image: url("../../img/icn_decrease_hover.png"); }
  .noTouchDevice .icon-decreaseHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-paymentHover {
  background-image: url("../../img/icn_payment_hover_old.png"); }
  .noTouchDevice .icon-paymentHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-dashboardRed {
  background-image: url("../../img/icn_dashboard_hover.png");
  background-position: 0 -44px !important; }

.icon-workQueue {
  background-image: url("../../img/icn_work_queues.svg"); }

.icon-payment {
  background-image: url("../../img/icn_payments.png"); }

.icon-treasury {
  background-image: url("../../img/icn_treasuryGrey.svg"); }

.icon-enquiry {
  background-image: url("../../img/icn_enquiry.png"); }

.icon-collections {
  background-image: url("../../img/icn_collections.png"); }

.icon-noAccess {
  background-image: url("../../img/icn_no_access.png"); }

.icon-localService {
  background-image: url("../../img/icn_local service.png"); }

.icon-amountTransfer {
  background-image: url("../../img//icn_amount_transfer.png"); }

.icon-amountTransfer-hover {
  background-image: url("../../img/icn_amount_transfer_hover.svg"); }

.icon-mySetting-dashboard {
  background-image: url("../../img/icn_dashboard_hover.png");
  background-position: center top !important; }

.icon-mySetting-dashboardRed {
  background-image: url("../../img/icn_dashboard_hover.png");
  background-position: center bottom !important; }

.icon-mySetting-workQueue {
  background-image: url("../../img/icn_work_hover.png");
  background-position: 0 0 !important; }

.icon-mySetting-payment {
  background-image: url("../../img/icn_payment_hover_old.png");
  background-position: 0 0 !important; }

.icon-mySetting-treasury {
  background-image: url("../../img/icn_treasury_hover.png");
  background-position: 0 0 !important; }

.icon-mySetting-enquiry {
  background-image: url("../../img/icn_enquiry_hover_old.png");
  background-position: 0 0 !important; }

.icn_liquidity_management_hover {
  background-image: url("../../img/icn_liquidity_management_hover.svg");
  background-position: 0 0 !important; }

.icon-mySetting-collections {
  background-image: url("../../img/icn_collections_hover_old.png");
  background-position: 0 0 !important; }

.icon-mySetting-noAccess {
  background-image: url("../../img/icn_no_access.png"); }

.icon-mySetting-localService {
  background-image: url("../../img/icn_service_hover.png");
  background-position: 0 0 !important; }

.icon-company-profile-enquiry {
  background-image: url("../../img/icn_company_profile_enquiry.png");
  background-position: 0 0 !important; }

.icon-mySetting-info {
  background-image: url("../../img/icn_info.png"); }
  .icon-mySetting-info:hover {
    background-position: 0 -16px !important;
    color: #b51a25 !important; }

.icon-enquiry-dashboard {
  background-image: url("../../img/icn_dashboard.png");
  background-position: center top !important; }

.icon-enquiry-workQueue {
  background-image: url("../../img/icn_work_queues.png");
  background-position: center top !important; }

.icon-enquiry-enquiry {
  background-image: url("../../img/icn_enquiry.png");
  background-position: center top !important; }

.icon-enquiry-gtc {
  background-image: url("../../img/icn_gtc.png");
  background-position: center top !important; }

.icon-enquiry-payment {
  background-image: url("../../img/icn_payment_old.png");
  background-position: center top !important; }

.icon-enquiry-liquidity {
  background-image: url("../../img/icn_liquidity_hover.png");
  background-position: center top !important; }

.icon-enquiry-treasury {
  background-image: url("../../img/icn_treasury_hover_red.png");
  background-position: center top !important; }

.icon-enquiry-collections {
  background-image: url("../../img/icn_collections_hover_red.png");
  background-position: center top !important; }

.icon-enquiry-service {
  background-image: url("../../img/icn_service_hover_red.png");
  background-position: center top !important; }

.icon-platform-hover {
  background-image: url("../../img/icn_platform_hover.png");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-platform-hover:hover {
    background-position: 0 -44 px !important;
    color: #b51a25 !important; }

.icon-activity-log-enquiry-enquiry-hover {
  background-image: url("../../img/icn_activity_log_enquiry.png");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-activity-log-enquiry-enquiry-hover:hover {
    background-position: 0 -44 px !important;
    color: #b51a25 !important; }

.icon-channel-hover {
  background-image: url("../../img/icn_channel_enquiry.png");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-channel-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icon-file-hover {
  background-image: url("../../img/icn_file_hover.svg");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-file-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icon-user-hover {
  background-image: url("../../img/icn_user_hover.png");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-user-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icon-user-profile-enquiry-hover {
  background-image: url("../../img/icn_user_profile_enquiry.png");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-user-profile-enquiry-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icon-tool-hover {
  background-image: url("../../img/icn_funtional_access_enquiry.png");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-tool-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icon-chart-hover {
  background-image: url("../../img/icn_authorization_matrix_enquiry.png");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-chart-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icon-limit-hover {
  background-image: url("../../img/icn_limit_hover.svg");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-limit-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icon-crs-hover {
  background-image: url("../../img/icn_crs_hover.svg");
  background-position: 0 0 !important; }
  .noTouchDevice .icon-crs-hover:hover {
    background-position: 0 -44px !important;
    color: #b51a25 !important; }

.icn_arrowLeft_hover {
  background-image: url("../../img/icn_arrow_left_hover.svg"); }

.icon-mySetting-cursor {
  background-image: url("../../img/icn_cursor.png"); }

.icon-arrowRight-hover {
  background-image: url("../../img/icn_arrow_right_hover.svg");
  background-position: 0 center; }
  .noTouchDevice .icon-arrowRight-hover:hover {
    background-position: -8px center !important;
    color: #b51a25 !important; }

.icon-cancel-hover {
  background-image: url("../../img/icn_cancel_hover.png"); }
  .noTouchDevice .icon-cancel-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-plane-hover {
  background-image: url("../../img/icn_plane_hover.png"); }
  .noTouchDevice .icon-plane-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-flash {
  background-image: url("../../img/icn_flash.png"); }

.icon-moreCenterHover {
  background-image: url("../../img/icn_more_center_hover.png"); }
  .noTouchDevice .icon-moreCenterHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon_payment_hover {
  background-image: url("../../img/icn_payment_hover.png"); }
  .noTouchDevice .icon_payment_hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-create-new-hover {
  background-image: url("../../img/icn_create_new.png"); }
  .noTouchDevice .icon-create-new-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-bulk-new-hover {
  background-image: url("../../img/icn_bulk.png"); }
  .noTouchDevice .icon-bulk-new-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-fileUpload-hover {
  background-image: url("../../img/icn_file_upload.png");
  background-position: left top !important; }
  .noTouchDevice .icon-fileUpload-hover:hover {
    background-position: left bottom !important;
    color: #b51a25 !important; }

.icon-fileEdit-hover {
  background-image: url("../../img/icn_file_editor.png"); }
  .noTouchDevice .icon-fileEdit-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-view-hover {
  background-image: url("../../img/view.svg"); }
  .noTouchDevice .icon-view-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon_activity_log {
  background-image: url("../../img/icn_activity_log.png"); }
  .noTouchDevice .icon_activity_log:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon_balance_hover {
  background-image: url("../../img/icn_balance_hover.png"); }
  .noTouchDevice .icon_balance_hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-overseas-payement {
  background-image: url("../../img/icn_Overseas_payement.png"); }

.icon-rpp {
  background-image: url("../../img/icn_RPP.png"); }
  .noTouchDevice .icon-rpp:hover {
    background-position: 88px -73px !important;
    color: #b51a25 !important; }

.icon-transfer {
  background-image: url("../../img/icn_TransferCopy_3.png"); }

.icon-ach-payment {
  background-image: url("../../img/icn_ACH_payement.png"); }

.icon-cass-payment {
  background-image: url("../../img/icn_CASS_payement.png"); }

.icon-eCheque {
  background-image: url("../../img/icn_eCheque.png"); }

.icon-instant-payment {
  background-image: url("../../img/icn_Instant_Payment.png"); }

.icon-remittance-plus {
  background-image: url("../../img/icn_Remittance_Plus.png"); }

.icon-rtgs {
  background-image: url("../../img/icn_RTGS.png"); }

.icon-tt {
  background-image: url("../../img/icn_TT Copy.png"); }

.icon-uploadp-payement {
  background-image: url("../../img/icn_upload_payement.png"); }

.icon-gpi {
  background-image: url("../../img/icn_GPI.png"); }

.icon-reg-bene-hover {
  background-image: url("../../img/icn_reg_bene_hover.png"); }

.icon-reg-bene {
  background-image: url("../../img/icn_reg_bene.png"); }

.icon-template-hover {
  background-image: url("../../img/icn_template_hover.png"); }

.icon-template {
  background-image: url("../../img/icn_template.png"); }

.icon-activityLogHover {
  background-image: url("../../img/icn_activity_log.png"); }
  .noTouchDevice .icon-activityLogHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-balanceHover {
  background-image: url("../../img/icn_balance_hover.png"); }
  .noTouchDevice .icon-balanceHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-returnHover {
  background-image: url("../../img/icn_return_hover.png"); }
  .noTouchDevice .icon-returnHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-amountHover {
  background-image: url("../../img/icn_amount_hover.png"); }
  .noTouchDevice .icon-amountHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-tickHover {
  background-image: url("../../img/icn_tick_hover.png"); }
  .noTouchDevice .icon-tickHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon_platform_hover {
  background-size: 72px 72px;
  background-image: url("../../img/icn_platform_hover.png"); }

.icon_company_hover {
  background-image: url("../../img/icn_company_hover.png"); }

.icon_users_hover {
  background-image: url("../../img/icn_users_hover.png"); }

.icon_account_setting_hover {
  background-image: url("../../img/icn_account_setting_hover.png"); }

.icon_megaphone_hover {
  background-image: url("../../img/icn_megaphone_hover.png"); }

.icon_limit_control_hover {
  background-image: url("../../img/icn_limit_control_hover.png"); }

.icon_lock_file_hover {
  background-image: url("../../img/icn_lock_file_hover.png"); }

.icon_checklist_hover {
  background-image: url("../../img/icn_checklist_hover.png"); }

.icon_access_profile_hover {
  background-image: url("../../img/icn_access_profile_hover.png"); }

.icon-linesSelectionHover {
  background-image: url("../../img/icn_lines_selection_hover.png"); }
  .noTouchDevice .icon-linesSelectionHover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-advice-hover {
  background-image: url("../../img/icn_advice_hover.png"); }

.icon-dataFiles-hover {
  background-image: url("../../img/icn_data_files_hover_s.png"); }

.icon-onlineFiles-hover {
  background-image: url("../../img/icn_online_files_hover_s.png"); }

.icon-reports-hover {
  background-image: url("../../img/icn_reports_hover_s.png"); }

.icon-platform-hover {
  background-image: url("../../img/icn_platform_hover.png"); }

.icon-statement-hover {
  background-image: url("../../img/icn_statement_hover_s.png"); }

.icon-import-LC-issuance-hover {
  background-image: url("../../img/icn_advice_hover.png"); }

.icon-shipping-guarantee-hover {
  background-image: url("../../img/icn_shipping_guarantee.png"); }

.icon-export-LC-advising-hover {
  background-image: url("../../img/icn_swift_msg_hover.png"); }

.icon-export-LC-collection-hover {
  background-image: url("../../img/icn_swift_msg_hover.png"); }

.icon-LC-transfer-issuance-hover {
  background-image: url("../../img/icn_advice_hover.png"); }

.icon-LC-transfer-amendment-hover {
  background-image: url("../../img/icn_swift_msg_hover.png"); }

.icon-glossary {
  background-image: url("../../img/icn_glossary.png"); }

.icon-glossary-hover {
  background-image: url("../../img/icn_glossary.png"); }
  .noTouchDevice .icon-glossary-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-upload-hover {
  background-image: url("../../img/icn_file_upload.png"); }
  .noTouchDevice .icon-upload-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-respond-hover {
  background-image: url("../../img/icn_respond.png"); }
  .noTouchDevice .icon-respond-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-authorize {
  background-image: url("../../img/icn_authorize.png"); }

.icon-log-and-comment {
  background-image: url("../../img/icn_activity_log_3x.png"); }

.icon-swiftMsg-hover {
  background-image: url("../../img/icn_swift_msg_hover_s.png"); }

.icon-token-reg-hover {
  background-image: url("../../img/icn_token_reg_hover.png"); }
  .noTouchDevice .icon-token-reg-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-suspend-mobile-token-hover {
  background-image: url("../../img/icn_suspend_mobile_token.png"); }
  .noTouchDevice .icon-suspend-mobile-token-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon_tooltip_hover {
  background-image: url("../../img/icn_info@3x.png"); }
  .noTouchDevice .icon_tooltip_hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon_my_setting_statement {
  background-image: url("../../img/icn_mySettingstatement.png");
  background-position: 0 -44px !important; }

.icon_my_setting_report {
  background-image: url("../../img/icn_mySettingad_hoc_customised_report.png");
  background-position: 0 -44px !important; }

.icon_my_setting_training {
  background-image: url("../../img/icn_mySettingtraining.png");
  background-position: 0 -44px !important; }

.icon-copy-to {
  background-image: url("../../img/icn_copy_to.png"); }

.icon-expand-all {
  background-image: url("../../img/icn_expand_all.png"); }

.icon-collapse-all {
  background-image: url("../../img/icn_collapse_all.png"); }

.icon_spellcheck_hover {
  background-image: url("../../img/icn_spell_check.png"); }
  .noTouchDevice .icon_spellcheck_hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-fx-forward {
  background-image: url("../../img/icn_fx_forward.png"); }

.icon-fx-spot {
  background-image: url("../../img/icn_fx_spot.png"); }

.icon-saq-enquiry {
  background-image: url("../../img/icn_questionnaire.png"); }

.icon-transaction-enquiry {
  background-image: url("../../img/icn_transaction_enquiry.png"); }

.icon-saq {
  background-image: url("../../img/icn_questionnaire_saq.png"); }

.icon-bochk-exchange-rate {
  background-image: url("../../img/icn_bochk_exchange_rate.png"); }

.icon-foreign-exchange-forward-contracts {
  background-image: url("../../img/icn_foreign_exchange_forward_contracts.png"); }

.icon-foreign-exchange-rates-details {
  background-image: url("../../img/icn_foreign_exchange_rates_details.png"); }

.icon-historical-exchange-rates {
  background-image: url("../../img/icn_historical_exchange_rates.png"); }

.icon-foreign-excahange-forward-contracts {
  background-image: url("../../img/icn_foreign_excahange_forward_contracts.png"); }

.icon-foreign-excahange-forward-order {
  background-image: url("../../img/icn_foreign_excahange_forward_order.png"); }

.icon-foreign-excahange-spot-order {
  background-image: url("../../img/icn_foreign_excahange_spot_order.png"); }

.icon-pool-payment-hover {
  background-image: url("../../img/icn_pool_payment.png"); }
  .noTouchDevice .icon-pool-payment-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-calendar-hover {
  background-image: url("../../img/icn_calendar_hover.png"); }
  .noTouchDevice .icon-calendar-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-sweeping-hover {
  background-image: url("../../img/icn_sweeping.png"); }
  .noTouchDevice .icon-sweeping-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-manual-sweeping-hover {
  background-image: url("../../img/icn_manual_sweeping.png"); }
  .noTouchDevice .icon-manual-sweeping-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-ac-activities-hover {
  background-image: url("../../img/icn_ac_activities_hover.png"); }
  .noTouchDevice .icon-ac-activities-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-label_more_tiers_n_acc {
  background-image: url("../../img/label_more_tiers_n_acc.png"); }
  .noTouchDevice .icon-label_more_tiers_n_acc:hover {
    background-position: 0 -55px !important;
    color: #b51a25 !important; }

.icon-quick-manual-sweeping-hover {
  background-image: url("../../img/icn_quick_manual_sweeping_hover.png"); }
  .noTouchDevice .icon-quick-manual-sweeping-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-report-download-hover {
  background-image: url("../../img/icn_report_download_hover.png"); }
  .noTouchDevice .icon-report-download-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-sweeping-trans-enquiry-hover {
  background-image: url("../../img/icn_sweeping_trans_enquiry_hover.png"); }
  .noTouchDevice .icon-sweeping-trans-enquiry-hover:hover {
    background-position: 0 -22px !important;
    color: #b51a25 !important; }

.icon-tt-hover {
  background-image: url("../../img/icn_telegraphic.png"); }

.icon-overview {
  background-image: url("../../img/icn_overview.png"); }

.icon-transaction-record {
  background-image: url("../../img/icn_transaction_record.png"); }

.icon-credit-limit-adjustment {
  background-image: url("../../img/icn_credit_limit_adjustment.png"); }

.icon-commercial-card-application {
  background-image: url("../../img/icn_commercial_card_application.png"); }

.icon-commercial-card-promotions {
  background-image: url("../../img/icn_commercial_card_promotions.png"); }

.icon-insurance-enrolment {
  background-image: url("../../img/icn_insurance_enrolment.png"); }

.icon-download-forms {
  background-image: url("../../img/icn_download_forms.png"); }

.icon-upload-mpf-contributions-file {
  background-image: url("../../img/icn_upload_mpf_contributions_file.png"); }

.icon-pay-contributions {
  background-image: url("../../img/icn_pay_contributions.png"); }

.icon-mpf-account-login {
  background-image: url("../../img/icn_mpf_account_login.png"); }

.icon-payment-copy {
  background-image: url("../../img/icn_payment_copy.png"); }

.icon-corporate-action {
  background-image: url("../../img/icn_corporate_action.png"); }

.icon-link-application {
  background-image: url("../../img/icn_link_application.png"); }

.icn_fpsid {
  background-image: url("../../img/icn_fpsid.png"); }

[status-menu-open="true"] body {
  overflow: hidden;
  -ms-overflow-style: none;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto; }

body {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch; }

body {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto; }

/* Color */
/*
 * Remarks
 *
 * O = Opacity
 *
 */
@font-face {
  font-family: 'Noto Sans';
  src: url("../../font/NotoSans/NotoSans-Regular.ttf"); }

@font-face {
  font-family: 'Noto Sans Light';
  src: url("../../font/NotoSans/NotoSans-Light.ttf"); }

@font-face {
  font-family: 'Noto Sans SemiBold';
  src: url("../../font/NotoSans/NotoSans-SemiBold.ttf"); }

@font-face {
  font-family: 'Noto Sans Bold';
  src: url("../../font/NotoSans/NotoSans-Bold.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar';
  src: url("../../font/NotoSans/NotoSansMyanmar-Regular.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar Light';
  src: url("../../font/NotoSans/NotoSansMyanmar-Light.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar SemiBold';
  src: url("../../font/NotoSans/NotoSansMyanmar-SemiBold.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar Bold';
  src: url("../../font/NotoSans/NotoSansMyanmar-Bold.ttf"); }

/**
 * Global Variables
**/
/* App */
/* Break Point */
/* Checkbox */
/* Animation time */
/* z-index */
/**
 * Element Variables
**/
/* Color */
/*
 * Remarks
 *
 * O = Opacity
 *
 */
/**
 * Global Variables
**/
/* App */
/* Break Point */
/* Checkbox */
/* Animation time */
/* z-index */
/**
 * Element Variables
**/
body #overlay .overlayComponentContainer .generalBgOverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  background: rgba(0, 0, 0, 0.5); }
  body #overlay .overlayComponentContainer .generalBgOverlay.hasTwoOverlay {
    background: rgba(0, 0, 0, 0.7); }

body #overlay .overlayComponentContainer .subsituteGeneralBgOverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 55;
  background: rgba(0, 0, 0, 0.5); }

body #overlay .overlayComponentContainer .popupHeadline {
  width: calc(100% - 55px);
  height: 4px;
  display: block;
  background-color: #9d2235;
  border-left: 55px solid #7c878e;
  flex-grow: 0;
  flex-shrink: 0; }

body #overlay .overlayComponentContainer .componentContainer {
  display: none;
  width: 504px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 50; }
  body #overlay .overlayComponentContainer .componentContainer.height-70 {
    height: 70%;
    min-height: 538px; }
  body #overlay .overlayComponentContainer .componentContainer.height-70-atmost {
    height: 70%;
    max-height: 538px; }
  body #overlay .overlayComponentContainer .componentContainer .popupContainer {
    background: #FFF;
    height: 100%;
    display: flex;
    flex-direction: column; }
    body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer {
      flex: 1 1 auto;
      flex-grow: 1;
      overflow: auto;
      overflow-x: hidden !important;
      -ms-overflow-x: hidden !important; }
      body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupHeader {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 700;
        font-size: 24px;
        color: #222222;
        line-height: 33px; }
        [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupHeader {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupHeader {
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
        [lang=my_MM] body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupHeader {
          font-size: 20px; }
        [lang=km_KH] body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupHeader {
          font-size: 20px; }
      body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupSubHeader {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 400;
        font-size: 14px;
        color: #666666;
        line-height: 19px;
        margin-top: 4px; }
        [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupSubHeader {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=my_MM] body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupSubHeader {
          font-size: 10px; }
        [lang=km_KH] body #overlay .overlayComponentContainer .componentContainer .popupContainer .popupContentContainer .popupSubHeader {
          font-size: 10px; }
  body #overlay .overlayComponentContainer .componentContainer .popupCloseLogoContainer {
    padding: 10px 16px;
    flex-grow: 0;
    flex-shrink: 0;
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: space-between;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: space-between;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: space-between;
    box-align: center;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-justify-content: space-between;
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    /** NATIVE **/
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    body #overlay .overlayComponentContainer .componentContainer .popupCloseLogoContainer .headerAction {
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: end;
      -webkit-box-align: center;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -moz-box-pack: end;
      -moz-box-align: center;
      /** LEGACY **/
      display: box;
      box-orient: horizontal;
      box-direction: normal;
      box-pack: end;
      box-align: center;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: row;
      -ms-justify-content: flex-end;
      -ms-flex-align: center;
      -ms-flex-pack: end;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-direction: row;
      -webkit-justify-content: flex-end;
      -webkit-align-items: center;
      /** NATIVE **/
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center; }
    body #overlay .overlayComponentContainer .componentContainer .popupCloseLogoContainer .logo {
      height: 38px;
      width: 152px;
      display: block;
      background-image: url("../../img/Bank_of_China_Logo.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
    body #overlay .overlayComponentContainer .componentContainer .popupCloseLogoContainer .closeBtn {
      margin-left: 32px;
      width: 22px;
      height: 22px;
      background-repeat: no-repeat;
      background-size: 22px;
      background-position: 0 0;
      cursor: pointer; }
    body #overlay .overlayComponentContainer .componentContainer .popupCloseBarContainer .closeBtn {
      width: 22px;
      height: 22px;
      background-repeat: no-repeat;
      background-size: 22px;
      background-position: 0 0;
      cursor: pointer; }
  body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer {
    display: flex;
    flex-direction: row;
    padding: 16px;
    justify-content: flex-end;
    align-items: center;
    background-color: #FFFFFF;
    border-top: 1px solid #dddddd;
    flex-grow: 0;
    flex-shrink: 0; }
    body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .downloadButton {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      width: 152px;
      border-radius: 4px;
      opacity: 1;
      padding: 11px 0;
      line-height: 22px;
      color: #b51a25;
      background-color: #FFF;
      border: 1px solid #b51a25;
      text-align: center;
      -webkit-appearance: none;
      appearance: none;
      margin-left: 24px; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .downloadButton {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .downloadButton {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .downloadButton {
        font-size: 12px; }
      [lang=km_KH] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .downloadButton {
        font-size: 12px; }
    body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .confirmButton {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      width: 152px;
      border-radius: 4px;
      opacity: 1;
      padding: 11px 0;
      line-height: 22px;
      color: #FFF;
      background-color: #b51a25;
      text-align: center;
      -webkit-appearance: none;
      appearance: none;
      transition: background-color 0.3s; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .confirmButton {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .confirmButton {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .confirmButton {
        font-size: 12px; }
      [lang=km_KH] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .confirmButton {
        font-size: 12px; }
      body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .confirmButton.disable {
        cursor: default;
        opacity: .5;
        pointer-events: none; }
    body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      width: auto;
      border-radius: 4px;
      opacity: 1;
      line-height: 22px;
      color: #666;
      margin-right: 24px;
      background-color: transparent;
      -webkit-appearance: none;
      appearance: none; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton {
        font-size: 12px; }
      [lang=km_KH] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton {
        font-size: 12px; }
      body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton.disable {
        cursor: default;
        opacity: .5;
        pointer-events: none; }
      .noTouchDevice body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton:hover {
        color: #b51a25; }
    body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .uploadAnotherFile {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      border-radius: 4px;
      opacity: 1;
      padding: 11px 40px;
      line-height: 22px;
      color: #FFF;
      background-color: #b51a25;
      text-align: center;
      -webkit-appearance: none;
      appearance: none;
      transition: background-color 0.3s; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .uploadAnotherFile {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .uploadAnotherFile {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .uploadAnotherFile {
        font-size: 12px; }
      [lang=km_KH] body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .uploadAnotherFile {
        font-size: 12px; }
      body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .uploadAnotherFile:hover {
        background-color: #711a20; }

.gib body #overlay .overlayComponentContainer .hAnimate {
  transition-property: right, left;
  transition-duration: 1s, 1s;
  transition-delay: 0s, 1s;
  -webkit-animation: hAnimate 0.3s linear;
  animation: hAnimate 0.3s linear;
  -moz-animation: hAnimate 0.3s linear; }
 
body #overlay .overlayComponentContainer .vAnimate {
  transition-property: right, left;
  transition-duration: 1s, 1s;
  transition-delay: 0s, 1s;
  -webkit-animation: vAnimate 0.3s linear;
  animation: vAnimate 0.3s linear;
  -moz-animation: vAnimate 0.3s linear; }

@-webkit-keyframes vAnimate {
  from {
    top: 45%;
    opacity: 0; }
  to {
    top: 50%;
    opacity: 1; } }

@keyframes vAnimate {
  from {
    top: 45%;
    opacity: 0; }
  to {
    top: 50%;
    opacity: 1; } }

@-webkit-keyframes hAnimate {
  from {
    left: 55%;
    opacity: 0; }
  to {
    left: 50%;
    opacity: 1; } }

@keyframes hAnimate {
 from {
    left: 55%;
    opacity: 0; }
  to {
    left: 50%;
    opacity: 1; } }
    
@-webkit-keyframes mhAnimate {
   from {
    bottom: -5%;
    opacity: 0; }
  to {
    bottom: 0%;
    opacity: 1; } }

@keyframes mhAnimate {
  from {
    bottom: -5%;
    opacity: 0; }
  to {
    bottom: 0%;
    opacity: 1; } }
body #overlay .overlayComponentContainer .bottomGradient {
  position: absolute;
  width: 100%;
  height: 58px;
  left: 0;
  bottom: 77px;
  z-index: 99;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 39%, #ffffff); }
  body #overlay .overlayComponentContainer .bottomGradient.lineWithHeader {
    bottom: 0; }
  body #overlay .overlayComponentContainer .bottomGradient .icon-arrowDown {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
    width: 10px;
    height: 16px;
    margin: auto;
    margin-top: 31px; }

[status-menu-open="true"] body {
  overflow: hidden;
  -ms-overflow-style: none;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto; }

body {
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch; }

body {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: auto; }

/* Color */
/*
 * Remarks
 *
 * O = Opacity
 *
 */
/**
 * Global Variables
**/
/* App */
/* Break Point */
/* Checkbox */
/* Animation time */
/* z-index */
/**
 * Element Variables
**/
.gib #container .popupInputGroupRow,
.gib #overlay .popupInputGroupRow {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-align: start;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: start;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: start;
  box-align: start;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-flex-align: start;
  -ms-flex-pack: start;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 16px; }
  .gib #container .popupInputGroupRow .popupInputGroup.componentAssistant,
  .gib #overlay .popupInputGroupRow .popupInputGroup.componentAssistant {
    width: calc(50% - 8px);
    margin: 0; }
    .gib #container .popupInputGroupRow .popupInputGroup.componentAssistant:nth-child(odd),
    .gib #overlay .popupInputGroupRow .popupInputGroup.componentAssistant:nth-child(odd) {
      margin-right: 16px; }
  .gib #container .popupInputGroupRow.tooltipsInput .labelContainer .title,
  .gib #overlay .popupInputGroupRow.tooltipsInput .labelContainer .title {
    position: static; }
  .gib #container .popupInputGroupRow.tooltipsInput .labelContainer .tips,
  .gib #overlay .popupInputGroupRow.tooltipsInput .labelContainer .tips {
    margin: 1px 0 0 4px; }

.gib #container .componentAssistant.dropdown .arrowDown,
.gib #overlay .componentAssistant.dropdown .arrowDown {
  background-image: url("../../img/icn_arrow_down.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px 16px;
  width: 22px;
  height: 22px;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 19px;
  transition: all 0.3s; }

.gib #container .componentAssistant.dropdown .selectric-open + .arrowDown,
.gib #overlay .componentAssistant.dropdown .selectric-open + .arrowDown {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari */
  transform: rotate(180deg); }

.gib #container .componentAssistant.dropdown .selectric-wrapper,
.gib #overlay .componentAssistant.dropdown .selectric-wrapper {
  width: 100%; }
  .gib #container .componentAssistant.dropdown .selectric-wrapper.selectric-open,
  .gib #overlay .componentAssistant.dropdown .selectric-wrapper.selectric-open {
    z-index: 5; }
    .gib #container .componentAssistant.dropdown .selectric-wrapper.selectric-open .selectric-items,
    .gib #overlay .componentAssistant.dropdown .selectric-wrapper.selectric-open .selectric-items {
      overflow: auto;
      max-height: 314px;
      transition: max-height 0.3s; }
  .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric,
  .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric {
    background-color: transparent;
    border: none;
    z-index: 1; }
    .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric .button,
    .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric .button {
      display: none; }
  .gib #container .componentAssistant.dropdown .selectric-wrapper .label,
  .gib #overlay .componentAssistant.dropdown .selectric-wrapper .label {
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    padding-top: 25px;
    padding-bottom: 6px;
    margin: 0px;
    color: #222222;
    border-bottom: 1px solid #dddddd; }
    [lang=my_MM] .gib #container .componentAssistant.dropdown .selectric-wrapper .label, [lang=my_MM]
    .gib #overlay .componentAssistant.dropdown .selectric-wrapper .label {
      font-size: 12px; }
    [lang=km_KH] .gib #container .componentAssistant.dropdown .selectric-wrapper .label, [lang=km_KH]
    .gib #overlay .componentAssistant.dropdown .selectric-wrapper .label {
      font-size: 12px; }
  .gib #container .componentAssistant.dropdown .selectric-wrapper .button,
  .gib #overlay .componentAssistant.dropdown .selectric-wrapper .button {
    height: 100%;
    width: 10px;
    background-color: transparent;
    background-image: url("../../img/icn_arrow_down.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
    transition: transform .3s; }
    .gib #container .componentAssistant.dropdown .selectric-wrapper .button:after,
    .gib #overlay .componentAssistant.dropdown .selectric-wrapper .button:after {
      display: none; }
  .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items,
  .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items {
    box-sizing: border-box;
    background-color: #FFFFFF;
    border: 0px;
    display: block;
    z-index: 99;
    overflow: auto;
    max-height: 0;
    box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3);
    border: 0px;
    transition: max-height 0.3s; }
    .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li,
    .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li {
      background-color: transparent;
      font-size: 16px;
      color: #222222;
      padding: 16px;
      position: relative; }
      [lang=my_MM] .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li, [lang=my_MM]
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li {
        font-size: 12px; }
      [lang=km_KH] .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li, [lang=km_KH]
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li {
        font-size: 12px; }
      .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li:last-child:before,
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li:last-child:before {
        content: '';
        width: calc(100% - 32px);
        position: absolute;
        border-bottom: 0px; }
      .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li:before,
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li:before {
        content: '';
        width: calc(100% - 32px);
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #dddddd; }
      .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected,
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 700; }
        [lang=zh_CN] .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected, [lang=zh_CN]
        .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected, [lang=zh_CN]
        .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected {
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
        .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected:after,
        .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li.selected:after {
          content: '';
          position: absolute;
          display: inline-block;
          height: 10px;
          width: 10px;
          right: 18px;
          top: 21px;
          margin-right: 2px;
          border-radius: 50%;
          background-color: #8faef4; }
      .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li:hover,
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li:hover {
        background-color: transparent; }
      .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li.highlighted,
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li.highlighted {
        background-color: #eeeeee; }
      .gib #container .componentAssistant.dropdown .selectric-wrapper .selectric-items li.keydown,
      .gib #overlay .componentAssistant.dropdown .selectric-wrapper .selectric-items li.keydown {
        background-color: transparent; }
  .gib #container .componentAssistant.dropdown .selectric-wrapper.selectric-disabled,
  .gib #overlay .componentAssistant.dropdown .selectric-wrapper.selectric-disabled {
    opacity: 1; }

.gib #container .componentAssistant.dropdown.liPaddingLeft .selectric-wrapper .selectric-items li::before,
.gib #overlay .componentAssistant.dropdown.liPaddingLeft .selectric-wrapper .selectric-items li::before {
  left: 16px;
  margin: 0; }

.gib #container .componentAssistant.dropdown.multiple .selectric-wrapper .selectric-items li::after,
.gib #overlay .componentAssistant.dropdown.multiple .selectric-wrapper .selectric-items li::after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 10px;
  width: 10px;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  right: 18px;
  top: 21px;
  margin-right: 2px;
  border-radius: 50%; }

.gib #container .componentAssistant.dropdown.multiple .selectric-wrapper .selectric-items li.selected::after,
.gib #overlay .componentAssistant.dropdown.multiple .selectric-wrapper .selectric-items li.selected::after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 10px;
  width: 10px;
  box-sizing: border-box;
  border: 1px solid #8faef4;
  right: 18px;
  top: 21px;
  margin-right: 2px;
  border-radius: 50%; }

.gib #container .componentAssistant.noshow,
.gib #overlay .componentAssistant.noshow {
  display: none; }

.gib #container .componentAssistant.popupInputGroup,
.gib #overlay .componentAssistant.popupInputGroup {
  -webkit-appearance: none;
  height: 53px;
  position: relative;
  margin-top: 16px;
  border-bottom: 1px solid #dddddd; }
  .gib #container .componentAssistant.popupInputGroup.dropdown,
  .gib #overlay .componentAssistant.popupInputGroup.dropdown {
    border-bottom: 0px solid transparent; }
  .gib #container .componentAssistant.popupInputGroup input,
  .gib #overlay .componentAssistant.popupInputGroup input {
    font-size: 16px;
    color: #222222;
    position: absolute;
    -webkit-appearance: none;
    width: 100%;
    height: 33px;
    border: none;
    background-color: transparent;
    outline-width: 0;
    left: 0;
    bottom: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; }
    [lang=my_MM] .gib #container .componentAssistant.popupInputGroup input, [lang=my_MM]
    .gib #overlay .componentAssistant.popupInputGroup input {
      font-size: 12px; }
    [lang=km_KH] .gib #container .componentAssistant.popupInputGroup input, [lang=km_KH]
    .gib #overlay .componentAssistant.popupInputGroup input {
      font-size: 12px; }
    .gib #container .componentAssistant.popupInputGroup input[type=password]::-ms-reveal, .gib #container .componentAssistant.popupInputGroup input[type=password]::-ms-clear,
    .gib #overlay .componentAssistant.popupInputGroup input[type=password]::-ms-reveal,
    .gib #overlay .componentAssistant.popupInputGroup input[type=password]::-ms-clear {
      display: none; }
    .gib #container .componentAssistant.popupInputGroup input.preInput,
    .gib #overlay .componentAssistant.popupInputGroup input.preInput {
      width: 32px;
      padding: 0 8px 0 12px; }
    .gib #container .componentAssistant.popupInputGroup input.proInput,
    .gib #overlay .componentAssistant.popupInputGroup input.proInput {
      width: calc(100% - 74px);
      left: 52px;
      padding: 0 8px;
      box-sizing: border-box; }
  .gib #container .componentAssistant.popupInputGroup .labelContainer label.static,
  .gib #overlay .componentAssistant.popupInputGroup .labelContainer label.static {
    position: static; }
  .gib #container .componentAssistant.popupInputGroup .labelContainer label,
  .gib #overlay .componentAssistant.popupInputGroup .labelContainer label {
    position: absolute;
    bottom: 16px; }
  .gib #container .componentAssistant.popupInputGroup .labelContainer .tips,
  .gib #overlay .componentAssistant.popupInputGroup .labelContainer .tips {
    display: inline-block;
    margin-bottom: 0px; }
    .noTouchDevice .gib #container .componentAssistant.popupInputGroup .tips:hover, .noTouchDevice
    .gib #overlay .componentAssistant.popupInputGroup .tips:hover {
      background-position: 0 -16px !important; }
    .gib #container .componentAssistant.popupInputGroup .tips .tri1,
    .gib #overlay .componentAssistant.popupInputGroup .tips .tri1 {
      visibility: hidden;
      width: 0px;
      height: 0px;
      border-style: solid;
      border-width: 0 11px 14px;
      border-color: transparent transparent #fff;
      top: 19px;
      overflow: visible;
      position: absolute;
      z-index: 5; }
    .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext,
    .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext {
      visibility: hidden;
      z-index: 100;
      width: auto;
      float: left;
      left: -12px;
      top: calc(100% + 10px);
      position: relative;
      color: #666666;
      background: #ffffff;
      padding: 8px;
      text-align: left;
      line-height: 16px;
      vertical-align: center;
      white-space: wrap;
      height: auto;
      width: 300px;
      border-radius: 0px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 12px;
      box-shadow: 0px 1px 4px 0 rgba(34, 34, 34, 0.3); }
      [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext, [lang=my_MM]
      .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext {
        font-size: 8px; }
      [lang=km_KH] .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext, [lang=km_KH]
      .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext {
        font-size: 8px; }
    .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext:after,
    .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext:before,
    .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext:after,
    .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext:before {
      z-index: 100;
      bottom: calc(100%);
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext:after,
    .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 8px;
      margin-right: -8px;
      left: 12px; }
    .gib #container .componentAssistant.popupInputGroup .tips .tooltiptext:before,
    .gib #overlay .componentAssistant.popupInputGroup .tips .tooltiptext:before {
      border-color: rgba(230, 230, 230, 0);
      border-bottom-color: #e6e6e6;
      border-width: 9px;
      margin-right: -9px;
      left: 11px; }
    .gib #container .componentAssistant.popupInputGroup .tips:hover .tri1,
    .gib #overlay .componentAssistant.popupInputGroup .tips:hover .tri1 {
      visibility: visible; }
    .gib #container .componentAssistant.popupInputGroup .tips:hover .tooltiptext,
    .gib #overlay .componentAssistant.popupInputGroup .tips:hover .tooltiptext {
      visibility: visible; }
  .gib #container .componentAssistant.popupInputGroup .pass,
  .gib #overlay .componentAssistant.popupInputGroup .pass {
    position: absolute;
    background-image: url("../../img/Captcha1.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 80px;
    height: 24px;
    margin-top: 20px;
    right: 26px; }
    .gib #container .componentAssistant.popupInputGroup .pass.changed,
    .gib #overlay .componentAssistant.popupInputGroup .pass.changed {
      background-image: url("../../img/Captcha2.png"); }
  .gib #container .componentAssistant.popupInputGroup .refresh,
  .gib #overlay .componentAssistant.popupInputGroup .refresh {
    position: absolute;
    background-image: url("../../img/icn_refresh_white.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 22px;
    height: 22px;
    margin-top: 20px;
    cursor: pointer;
    right: 0px; }
  .gib #container .componentAssistant.popupInputGroup .symbol,
  .gib #overlay .componentAssistant.popupInputGroup .symbol {
    position: absolute;
    left: 0;
    bottom: 5px; }
    .gib #container .componentAssistant.popupInputGroup .symbol.sepLine,
    .gib #overlay .componentAssistant.popupInputGroup .symbol.sepLine {
      left: 52px;
      bottom: 7px;
      height: 20px;
      border-left: 1px solid #dddddd; }
  .gib #container .componentAssistant.popupInputGroup ::placeholder,
  .gib #overlay .componentAssistant.popupInputGroup ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #222222;
    font-size: 16px;
    opacity: 1;
    /* Firefox */ }
    [lang=my_MM] .gib #container .componentAssistant.popupInputGroup ::placeholder, [lang=my_MM]
    .gib #overlay .componentAssistant.popupInputGroup ::placeholder {
      font-size: 12px; }
    [lang=km_KH] .gib #container .componentAssistant.popupInputGroup ::placeholder, [lang=km_KH]
    .gib #overlay .componentAssistant.popupInputGroup ::placeholder {
      font-size: 12px; }
  .gib #container .componentAssistant.popupInputGroup :-ms-input-placeholder,
  .gib #overlay .componentAssistant.popupInputGroup :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #222222; }
  .gib #container .componentAssistant.popupInputGroup ::-ms-input-placeholder,
  .gib #overlay .componentAssistant.popupInputGroup ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #222222; }
  .gib #container .componentAssistant.popupInputGroup .fa,
  .gib #overlay .componentAssistant.popupInputGroup .fa {
    position: absolute;
    bottom: 15px;
    right: 38px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    color: #999999;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 22px; }
    [lang=my_MM] .gib #container .componentAssistant.popupInputGroup .fa, [lang=my_MM]
    .gib #overlay .componentAssistant.popupInputGroup .fa {
      bottom: 11px; }
    .gib #container .componentAssistant.popupInputGroup .fa.eyeOpen,
    .gib #overlay .componentAssistant.popupInputGroup .fa.eyeOpen {
      background-image: url("../../img/icn_eye_open_hover.png"); }
      .gib #container .componentAssistant.popupInputGroup .fa.eyeOpen:hover,
      .gib #overlay .componentAssistant.popupInputGroup .fa.eyeOpen:hover {
        background-position: 0 -22px !important;
        color: #b51a25 !important; }
    .gib #container .componentAssistant.popupInputGroup .fa.eyeClose,
    .gib #overlay .componentAssistant.popupInputGroup .fa.eyeClose {
      background-image: url("../../img/icn_eye_close_hover.png"); }
      .gib #container .componentAssistant.popupInputGroup .fa.eyeClose:hover,
      .gib #overlay .componentAssistant.popupInputGroup .fa.eyeClose:hover {
        background-position: 0 -22px !important;
        color: #b51a25 !important; }
    .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon,
    .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon {
      background-image: url("../../img/icn_info@3x.png");
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 22px;
      right: 0;
      height: 22px;
      width: 22px;
      cursor: pointer; }
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon:hover,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon:hover {
        background-position: 0 -22px !important; }
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext {
        visibility: hidden;
        z-index: 100;
        width: auto;
        float: right;
        right: -12px;
        top: calc(100% + 10px);
        position: relative;
        color: #666666;
        background: #ffffff;
        padding: 8px;
        text-align: left;
        line-height: 16px;
        vertical-align: center;
        white-space: wrap;
        height: auto;
        width: 300px;
        border-radius: 0px;
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 400;
        font-size: 12px;
        box-shadow: 0px 1px 4px 0 rgba(34, 34, 34, 0.3); }
        [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext, [lang=zh_CN]
        .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=my_MM] .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext, [lang=my_MM]
        .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext {
          font-size: 8px; }
        [lang=km_KH] .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext, [lang=km_KH]
        .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext {
          font-size: 8px; }
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:after,
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:before,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:after,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:before {
        z-index: 100;
        bottom: calc(100%);
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:after,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 8px;
        margin-right: -8px;
        right: 23px; }
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:before,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon .tooltiptext:before {
        border-color: rgba(230, 230, 230, 0);
        border-bottom-color: #e6e6e6;
        border-width: 9px;
        margin-right: -9px;
        right: 22px; }
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon:hover .tri1,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon:hover .tri1 {
        visibility: visible; }
      .gib #container .componentAssistant.popupInputGroup .fa.tooltipIcon:hover .tooltiptext,
      .gib #overlay .componentAssistant.popupInputGroup .fa.tooltipIcon:hover .tooltiptext {
        visibility: visible; }
  .gib #container .componentAssistant.popupInputGroup label,
  .gib #overlay .componentAssistant.popupInputGroup label {
    color: #666666;
    position: absolute;
    bottom: 16px;
    font-size: 16px;
    transition: all 0.3s; }
    [lang=my_MM] .gib #container .componentAssistant.popupInputGroup label, [lang=my_MM]
    .gib #overlay .componentAssistant.popupInputGroup label {
      font-size: 12px; }
    [lang=km_KH] .gib #container .componentAssistant.popupInputGroup label, [lang=km_KH]
    .gib #overlay .componentAssistant.popupInputGroup label {
      font-size: 12px; }
  .gib #container .componentAssistant.popupInputGroup.loginSecs,
  .gib #overlay .componentAssistant.popupInputGroup.loginSecs {
    border-bottom: 1px solid #dddddd; }
    .gib #container .componentAssistant.popupInputGroup.loginSecs .falogin,
    .gib #overlay .componentAssistant.popupInputGroup.loginSecs .falogin {
      right: 0px; }
    .gib #container .componentAssistant.popupInputGroup.loginSecs .tick,
    .gib #overlay .componentAssistant.popupInputGroup.loginSecs .tick {
      cursor: default;
      width: 22px;
      height: 22px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 22px 22px;
      background-image: url("../../img/icn_tick_checked.png"); }
      .gib #container .componentAssistant.popupInputGroup.loginSecs .tick.noshow,
      .gib #overlay .componentAssistant.popupInputGroup.loginSecs .tick.noshow {
        display: none; }
  .gib #container .componentAssistant.popupInputGroup.textInput,
  .gib #overlay .componentAssistant.popupInputGroup.textInput {
    border-bottom: 1px solid #dddddd; }
    .gib #container .componentAssistant.popupInputGroup.textInput .tick,
    .gib #overlay .componentAssistant.popupInputGroup.textInput .tick {
      right: 0px;
      background-image: url("../../img/icn_tick_checked.png"); }
      .gib #container .componentAssistant.popupInputGroup.textInput .tick.noshow,
      .gib #overlay .componentAssistant.popupInputGroup.textInput .tick.noshow {
        display: none; }
  .gib #container .componentAssistant.popupInputGroup.fixed, .gib #container .componentAssistant.popupInputGroup.focus,
  .gib #overlay .componentAssistant.popupInputGroup.fixed,
  .gib #overlay .componentAssistant.popupInputGroup.focus {
    border-bottom: 1px solid #dddddd; }
    .gib #container .componentAssistant.popupInputGroup.fixed.dropdown, .gib #container .componentAssistant.popupInputGroup.focus.dropdown,
    .gib #overlay .componentAssistant.popupInputGroup.fixed.dropdown,
    .gib #overlay .componentAssistant.popupInputGroup.focus.dropdown {
      border: none; }
    .gib #container .componentAssistant.popupInputGroup.fixed.typing, .gib #container .componentAssistant.popupInputGroup.focus.typing,
    .gib #overlay .componentAssistant.popupInputGroup.fixed.typing,
    .gib #overlay .componentAssistant.popupInputGroup.focus.typing {
      border-bottom: 1px solid #222222; }
    .gib #container .componentAssistant.popupInputGroup.fixed label, .gib #container .componentAssistant.popupInputGroup.focus label,
    .gib #overlay .componentAssistant.popupInputGroup.fixed label,
    .gib #overlay .componentAssistant.popupInputGroup.focus label {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      bottom: 30px;
      font-size: 12px;
      line-height: 17px; }
      [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup.fixed label, [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup.focus label, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInputGroup.fixed label, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInputGroup.focus label {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup.fixed label, [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup.focus label, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInputGroup.fixed label, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInputGroup.focus label {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib #container .componentAssistant.popupInputGroup.fixed label, [lang=my_MM] .gib #container .componentAssistant.popupInputGroup.focus label, [lang=my_MM]
      .gib #overlay .componentAssistant.popupInputGroup.fixed label, [lang=my_MM]
      .gib #overlay .componentAssistant.popupInputGroup.focus label {
        font-size: 8px; }
      [lang=km_KH] .gib #container .componentAssistant.popupInputGroup.fixed label, [lang=km_KH] .gib #container .componentAssistant.popupInputGroup.focus label, [lang=km_KH]
      .gib #overlay .componentAssistant.popupInputGroup.fixed label, [lang=km_KH]
      .gib #overlay .componentAssistant.popupInputGroup.focus label {
        font-size: 8px; }
    .gib #container .componentAssistant.popupInputGroup.fixed.invalid, .gib #container .componentAssistant.popupInputGroup.focus.invalid,
    .gib #overlay .componentAssistant.popupInputGroup.fixed.invalid,
    .gib #overlay .componentAssistant.popupInputGroup.focus.invalid {
      border-bottom: 1px solid #d42b35; }
      .gib #container .componentAssistant.popupInputGroup.fixed.invalid label, .gib #container .componentAssistant.popupInputGroup.focus.invalid label,
      .gib #overlay .componentAssistant.popupInputGroup.fixed.invalid label,
      .gib #overlay .componentAssistant.popupInputGroup.focus.invalid label {
        color: #d42b35; }
      .gib #container .componentAssistant.popupInputGroup.fixed.invalid input, .gib #container .componentAssistant.popupInputGroup.focus.invalid input,
      .gib #overlay .componentAssistant.popupInputGroup.fixed.invalid input,
      .gib #overlay .componentAssistant.popupInputGroup.focus.invalid input {
        color: #d42b35; }
      .gib #container .componentAssistant.popupInputGroup.fixed.invalid .add, .gib #container .componentAssistant.popupInputGroup.focus.invalid .add,
      .gib #overlay .componentAssistant.popupInputGroup.fixed.invalid .add,
      .gib #overlay .componentAssistant.popupInputGroup.focus.invalid .add {
        color: #d42b35; }
  .gib #container .componentAssistant.popupInputGroup.notEditing,
  .gib #overlay .componentAssistant.popupInputGroup.notEditing {
    border: none; }
    [lang=my_MM] .gib #container .componentAssistant.popupInputGroup.invalid label, [lang=my_MM]
    .gib #overlay .componentAssistant.popupInputGroup.invalid label {
      font-size: 8px; }
    [lang=km_KH] .gib #container .componentAssistant.popupInputGroup.invalid label, [lang=km_KH]
    .gib #overlay .componentAssistant.popupInputGroup.invalid label {
      font-size: 8px; }
  .gib #container .componentAssistant.popupInputGroup.labelTooltip .labelContainer,
  .gib #overlay .componentAssistant.popupInputGroup.labelTooltip .labelContainer {
    position: absolute;
    bottom: 16px;
    left: 0;
    z-index: 1;
    transition: all 0.3s; }
  .gib #container .componentAssistant.popupInputGroup.labelTooltip.focus .labelContainer,
  .gib #overlay .componentAssistant.popupInputGroup.labelTooltip.focus .labelContainer {
    bottom: 30px; }
  .gib #container .componentAssistant.popupInputGroup .account,
  .gib #overlay .componentAssistant.popupInputGroup .account {
    padding-left: 0px;
    width: calc(100% - 38px); }
  .gib #container .componentAssistant.popupInputGroup .actionButton,
  .gib #overlay .componentAssistant.popupInputGroup .actionButton {
    font-size: 14px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 600;
    position: relative;
    float: right;
    bottom: -12px;
    right: 0px;
    border: 1px solid #b51a25;
    background-color: #FFFFFF;
    color: #b51a25;
    border-radius: 5px;
    padding: 5.5px 11.5px;
    z-index: 1;
    width: 100px;
    height: 32px;
    line-height: 16px;
    cursor: pointer; }
    [lang=my_MM] .gib #container .componentAssistant.popupInputGroup .actionButton, [lang=my_MM]
    .gib #overlay .componentAssistant.popupInputGroup .actionButton {
      font-size: 10px; }
    [lang=km_KH] .gib #container .componentAssistant.popupInputGroup .actionButton, [lang=km_KH]
    .gib #overlay .componentAssistant.popupInputGroup .actionButton {
      font-size: 10px; }
    [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup .actionButton, [lang=zh_CN]
    .gib #overlay .componentAssistant.popupInputGroup .actionButton {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .gib #container .componentAssistant.popupInputGroup .actionButton, [lang=zh_CN]
    .gib #overlay .componentAssistant.popupInputGroup .actionButton {
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
    .gib #container .componentAssistant.popupInputGroup .actionButton:hover,
    .gib #overlay .componentAssistant.popupInputGroup .actionButton:hover {
      color: #711a20; }
    .gib #container .componentAssistant.popupInputGroup .actionButton.disable,
    .gib #overlay .componentAssistant.popupInputGroup .actionButton.disable {
      cursor: default;
      opacity: 0.5;
      pointer-events: none; }
      .gib #container .componentAssistant.popupInputGroup .actionButton.disable:hover,
      .gib #overlay .componentAssistant.popupInputGroup .actionButton.disable:hover {
        color: #b51a25; }

.gib #container .componentAssistant.popupInputGroupExtraMsg,
.gib #overlay .componentAssistant.popupInputGroupExtraMsg {
  font-size: 12px;
  color: #222222;
  margin-top: 4px;
  margin-bottom: 16px; }
  [lang=my_MM] .gib #container .componentAssistant.popupInputGroupExtraMsg, [lang=my_MM]
  .gib #overlay .componentAssistant.popupInputGroupExtraMsg {
    font-size: 8px; }
  [lang=km_KH] .gib #container .componentAssistant.popupInputGroupExtraMsg, [lang=km_KH]
  .gib #overlay .componentAssistant.popupInputGroupExtraMsg {
    font-size: 8px; }

.gib #container .componentAssistant.countText,
.gib #overlay .componentAssistant.countText {
  height: 21px;
  margin-bottom: 16px; }

.gib #container .componentAssistant.extraInput,
.gib #overlay .componentAssistant.extraInput {
  height: 38px;
  position: relative;
  margin-top: 0px; }
  .gib #container .componentAssistant.extraInput input,
  .gib #overlay .componentAssistant.extraInput input {
    height: 38px; }

.gib #container .componentAssistant.tooltip input,
.gib #overlay .componentAssistant.tooltip input {
  height: 38px; }

.gib #container .componentAssistant.popupInstruction,
.gib #overlay .componentAssistant.popupInstruction {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 24px;
  margin-bottom: 32px; }
  .gib #container .componentAssistant.popupInstruction .instructionText,
  .gib #overlay .componentAssistant.popupInstruction .instructionText {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    width: 342px;
    color: #222222; }
    [lang=zh_CN] .gib #container .componentAssistant.popupInstruction .instructionText, [lang=zh_CN]
    .gib #overlay .componentAssistant.popupInstruction .instructionText {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .gib #container .componentAssistant.popupInstruction .instructionText, [lang=my_MM]
    .gib #overlay .componentAssistant.popupInstruction .instructionText {
      font-size: 10px; }
    [lang=km_KH] .gib #container .componentAssistant.popupInstruction .instructionText, [lang=km_KH]
    .gib #overlay .componentAssistant.popupInstruction .instructionText {
      font-size: 10px; }
    .gib #container .componentAssistant.popupInstruction .instructionText .keyPic,
    .gib #overlay .componentAssistant.popupInstruction .instructionText .keyPic {
      background-image: url("../../img/icn_key.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 22px 22px;
      width: 35px;
      height: 22px;
      display: inline-block;
      vertical-align: middle; }
      .gib #container .componentAssistant.popupInstruction .instructionText .keyPic.tokenTick,
      .gib #overlay .componentAssistant.popupInstruction .instructionText .keyPic.tokenTick {
        background-image: url("../../img/icn_token_tick.svg"); }
    .gib #container .componentAssistant.popupInstruction .instructionText .remindText,
    .gib #overlay .componentAssistant.popupInstruction .instructionText .remindText {
      font-size: 11px;
      line-height: 15px;
      margin-top: 16px; }
      [lang=my_MM] .gib #container .componentAssistant.popupInstruction .instructionText .remindText, [lang=my_MM]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .remindText {
        font-size: 7px; }
      [lang=km_KH] .gib #container .componentAssistant.popupInstruction .instructionText .remindText, [lang=km_KH]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .remindText {
        font-size: 7px; }
    .gib #container .componentAssistant.popupInstruction .instructionText .problemTitle,
    .gib #overlay .componentAssistant.popupInstruction .instructionText .problemTitle {
      font-size: 14px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600; }
      [lang=my_MM] .gib #container .componentAssistant.popupInstruction .instructionText .problemTitle, [lang=my_MM]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .problemTitle {
        font-size: 10px; }
      [lang=km_KH] .gib #container .componentAssistant.popupInstruction .instructionText .problemTitle, [lang=km_KH]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .problemTitle {
        font-size: 10px; }
      [lang=zh_CN] .gib #container .componentAssistant.popupInstruction .instructionText .problemTitle, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .problemTitle {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib #container .componentAssistant.popupInstruction .instructionText .problemTitle, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .problemTitle {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
    .gib #container .componentAssistant.popupInstruction .instructionText .problemText .orangeColor,
    .gib #overlay .componentAssistant.popupInstruction .instructionText .problemText .orangeColor {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      color: #a84f06; }
      [lang=zh_CN] .gib #container .componentAssistant.popupInstruction .instructionText .problemText .orangeColor, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .problemText .orangeColor {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib #container .componentAssistant.popupInstruction .instructionText .problemText .orangeColor, [lang=zh_CN]
      .gib #overlay .componentAssistant.popupInstruction .instructionText .problemText .orangeColor {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    .gib #container .componentAssistant.popupInstruction .instructionText.noImg,
    .gib #overlay .componentAssistant.popupInstruction .instructionText.noImg {
      width: 100%; }
  .gib #container .componentAssistant.popupInstruction .instructionImg,
  .gib #overlay .componentAssistant.popupInstruction .instructionImg {
    background-image: url("../../img/image_boc_token.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 104px 161px;
    width: 104px;
    height: 161px; }

.gib .popupSubHeader {
  margin-top: 8px;
  color: #666666; }

/*======================================
  Selectric v1.13.0
======================================*/
select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  border: none; }
  select::-ms-expand {display: none;}
  select.hideSelectric {
    visibility: hidden; }

.selectric-wrapper {
  position: relative;
  cursor: pointer; }

.selectric-responsive {
  width: 100%; }
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none; }

.selectric-focus .selectric {
  border-color: #aaaaaa; }

.selectric-hover .selectric {
  border-color: #c4c4c4; }

.selectric-hover .selectric .button {
  color: #a2a2a2; }

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2; }

.selectric-open {
  z-index: 19; }
  .selectric-open .selectric-items {
    max-height: 208px;
    opacity: 1;
    transition: max-height .2s, opacity .1s; }

.selectric-open .selectric {
  border-color: #c4c4c4; }

.selectric-open .selectric-items {
  display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }

.selectric-hide-select select {
  position: absolute;
  left: -100%; }

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10; }

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
  -webkit-box-shadow: 0 0 10px -6px;
  -moz-box-shadow: 0 0 10px -6px;
  border-collapse: separate !important; }

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto; }

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%; }

.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px; }

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer; }

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444; }

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444; }

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444; }

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444; }

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1; }

.selectric-items .selectric-group li {
  padding-left: 25px; }

#actionMenu.show .overlay {
  display: block; }

#actionMenu.show .menuSection {
  bottom: 0; }

#actionMenu .overlay {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 25; }

#actionMenu .menuSection {
  bottom: -150%;
  position: fixed;
  left: 0;
  transition: bottom .2s;
  width: 100%;
  z-index: 50; }
  #actionMenu .menuSection ul {
    background: #FFFFFF;
    list-style: none;
    padding: 0 20px; }
    #actionMenu .menuSection ul li a {
      font-size: 16px;
      background-position: center left;
      background-repeat: no-repeat;
      background-size: 22px;
      border-bottom: 1px solid #eeeeee;
      color: #666666;
      display: block;
      line-height: 22px;
      padding: 16px 0 15px 30px; }
      [lang=my_MM] #actionMenu .menuSection ul li a {
        font-size: 12px; }
      [lang=km_KH] #actionMenu .menuSection ul li a {
        font-size: 12px; }
      #actionMenu .menuSection ul li a.icon-cancel {
        color: #999999; }
    #actionMenu .menuSection ul li:last-child a {
      border-bottom: 0; }

#languageMenu {
  background-color: white;
  height: 100%;
  left: -100%;
  position: fixed;
  top: 4px;
  transition: left .5s;
  width: 100%;
  z-index: 50; }
  #languageMenu.show {
    left: 0; }
  #languageMenu .navHeader {
    align-items: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 56px;
    justify-content: space-between;
    margin: 0;
    padding: 0 16px; }
    #languageMenu .navHeader .navAction {
      width: 22px;
      height: 22px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      cursor: pointer; }
      #languageMenu .navHeader .navAction.leftAction {
        margin-right: 8px; }
    #languageMenu .navHeader .navTitle {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      font-size: 16px;
      color: #222222;
      flex: 1; }
      [lang=zh_CN] #languageMenu .navHeader .navTitle {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] #languageMenu .navHeader .navTitle {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] #languageMenu .navHeader .navTitle {
        font-size: 12px; }
      [lang=km_KH] #languageMenu .navHeader .navTitle {
        font-size: 12px; }
  #languageMenu .menuNav {
    margin-top: 8px;
    padding: 0 16px;
    list-style: none;
    height: calc(100% - 68px);
    overflow-y: scroll; }
    #languageMenu .menuNav a {
      position: relative;
      font-size: 14px;
      color: #666666;
      border-bottom: 1px solid #eeeeee;
      display: block;
      padding: 17px 0 16px; }
      [lang=my_MM] #languageMenu .menuNav a {
        font-size: 10px; }
      [lang=km_KH] #languageMenu .menuNav a {
        font-size: 10px; }
      #languageMenu .menuNav a.selected::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        background-color: #8faef4;
        border-radius: 10px; }

#overlay .superLoadingOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999; }
  #overlay .superLoadingOverlay .bocLoadIconContainer {
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center; }
    #overlay .superLoadingOverlay .bocLoadIconContainer .bocLoadingIcon {
      display: block;
      width: 72px;
      height: 72px;
      background-color: #FFF;
      border-radius: 4px; }
    #overlay .superLoadingOverlay .bocLoadIconContainer .detail {
      display: none;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 11px;
      margin-top: 8px;
      color: #FFF;
      line-height: 15px;
      max-width: 252px;
      text-align: center;
      opacity: .7; }
      [lang=zh_CN] #overlay .superLoadingOverlay .bocLoadIconContainer .detail {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] #overlay .superLoadingOverlay .bocLoadIconContainer .detail {
        font-size: 7px; }
      [lang=km_KH] #overlay .superLoadingOverlay .bocLoadIconContainer .detail {
        font-size: 7px; }

#overlay .popupInputGroup label {
  z-index: 1; }

a, button, div {
  outline: 0; }

.verification {
  margin: 32px 0;
  position: relative; }
  .verification .verifyIntro {
    color: #222222;
    width: calc(100% - 191px); }
    .verification .verifyIntro .verifyTitle {
      font-size: 16px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700; }
      [lang=my_MM] .verification .verifyIntro .verifyTitle {
        font-size: 12px; }
      [lang=km_KH] .verification .verifyIntro .verifyTitle {
        font-size: 12px; }
      [lang=zh_CN] .verification .verifyIntro .verifyTitle {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .verification .verifyIntro .verifyTitle {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    .verification .verifyIntro .verifySubTitle {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      font-size: 12px;
      color: #666666;
      margin-top: 16px;
      line-height: 17px; }
      [lang=zh_CN] .verification .verifyIntro .verifySubTitle {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .verification .verifyIntro .verifySubTitle {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .verification .verifyIntro .verifySubTitle {
        font-size: 8px; }
      [lang=km_KH] .verification .verifyIntro .verifySubTitle {
        font-size: 8px; }
    .verification .verifyIntro .authStatus {
      font-size: 16px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      line-height: 22px;
      color: #222222; }
      [lang=my_MM] .verification .verifyIntro .authStatus {
        font-size: 12px; }
      [lang=km_KH] .verification .verifyIntro .authStatus {
        font-size: 12px; }
      [lang=zh_CN] .verification .verifyIntro .authStatus {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    .verification .verifyIntro .authStep {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      margin-top: 23px;
      position: relative;
      min-height: 168px; }
      [lang=zh_CN] .verification .verifyIntro .authStep {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      .verification .verifyIntro .authStep span {
        font-size: 14px;
        line-height: 22px; }
        [lang=my_MM] .verification .verifyIntro .authStep span {
          font-size: 10px; }
        [lang=km_KH] .verification .verifyIntro .authStep span {
          font-size: 10px; }
      .verification .verifyIntro .authStep ol {
        margin: 8px 0 20px 20px; }
        .verification .verifyIntro .authStep ol li {
          font-size: 14px;
          padding-left: 8px;
          padding-bottom: 4px; }
          [lang=my_MM] .verification .verifyIntro .authStep ol li {
            font-size: 10px; }
          [lang=km_KH] .verification .verifyIntro .authStep ol li {
            font-size: 10px; }
          .verification .verifyIntro .authStep ol li .orangeColor {
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 700;
            color: #a84f06; }
            [lang=zh_CN] .verification .verifyIntro .authStep ol li .orangeColor {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=zh_CN] .verification .verifyIntro .authStep ol li .orangeColor {
              font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          .verification .verifyIntro .authStep ol li .tick {
            background-image: url("../../img/image_boc_token_2.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: 22px;
            display: inline-block;
            width: 22px;
            height: 22px;
            vertical-align: middle; }
      .verification .verifyIntro .authStep .verifyImg {
        background-image: url("../../img/image_boc_token.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 119px 168px;
        width: 119px;
        height: 168px;
        position: absolute;
        left: 100%;
        top: 0; }
    .verification .verifyIntro .verifyDetail {
      font-size: 14px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      cursor: pointer;
      color: #666666; }
      [lang=my_MM] .verification .verifyIntro .verifyDetail {
        font-size: 10px; }
      [lang=km_KH] .verification .verifyIntro .verifyDetail {
        font-size: 10px; }
      [lang=zh_CN] .verification .verifyIntro .verifyDetail {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .verification .verifyIntro .verifyDetail {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      .verification .verifyIntro .verifyDetail::after {
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 18px;
        margin-top: -1px;
        margin-left: 3px; }

.IE .printBreak {
  page-break-after: always; }

@media print {
  #header {
    position: relative !important; }
  #footer {
    position: relative !important; }
  .formContainer .container > div {
    margin-top: 0 !important;
    position: relative !important;
    display: block !important;
    height: auto !important; }
    .formContainer .container > div .containerLeft {
      position: absolute !important; }
      .IE .formContainer .container > div .containerLeft {
        height: 1330px !important; }
  .formContainer .buttonContainer {
    position: relative !important; }
  .AccountAccessRight .formContainer .headerContainer {
    position: relative !important;
    top: 0 !important;
    width: 100% !important; }
  .AccountAccessRight .formContainer .formNavContainer {
    position: relative !important;
    top: 0 !important;
    width: 100% !important; }
  .AccountAccessRight .formContainer [form-component=accessRightTab] {
    margin-top: 0 !important; }
    .AccountAccessRight .formContainer [form-component=accessRightTab] .accessCardContainer {
      display: block !important; }
      .AccountAccessRight .formContainer [form-component=accessRightTab] .accessCardContainer [form-component=accessAccountCard] {
        display: inline-block !important; }
  .GlobalTradeCentre #container, .TreasuryManagement #container, .Enquiry #container {
    margin-top: 0 !important; }
  .GlobalTradeCentre .searchResultContainer, .TreasuryManagement .searchResultContainer, .Enquiry .searchResultContainer {
    display: block !important; }
    .GlobalTradeCentre .searchResultContainer:after, .TreasuryManagement .searchResultContainer:after, .Enquiry .searchResultContainer:after {
      clear: both !important;
      display: block !important;
      content: '' !important; }
    .GlobalTradeCentre .searchResultContainer .leftSearchContainer, .TreasuryManagement .searchResultContainer .leftSearchContainer, .Enquiry .searchResultContainer .leftSearchContainer {
      float: left !important; }
    .GlobalTradeCentre .searchResultContainer .rightResultContainer, .TreasuryManagement .searchResultContainer .rightResultContainer, .Enquiry .searchResultContainer .rightResultContainer {
      float: right !important;
      width: calc(100% - 420px) !important; }
  .GlobalTradeCentre .searchResultContainer .rightResultContainer, .TreasuryManagement .searchResultContainer .rightResultContainer {
    width: calc(100% - 420px) !important; }
  .Enquiry .searchResultContainer .rightResultContainer {
    width: calc(100% - 360px) !important; }
  .Enquiry .accountBalanceCard, .Enquiry .accountBalanceCardCashPool {
    display: block !important; }
    .Enquiry .accountBalanceCard .accountCard, .Enquiry .accountBalanceCardCashPool .accountCard {
      display: inline-block !important;
      width: calc(100% / 3 - 32px) !important; }
  .Enquiry .cardView, .Enquiry .uploadResultProfileCard, .Enquiry .userInfo, .Enquiry .contactBox {
    display: block !important; }
  .Enquiry .accountActivitiesNagativeAmount, .Enquiry .accountActivitiesPossitiveAmount, .Enquiry .DR, .Enquiry .CR {
    display: inline-block !important; }
  .Enquiry #footer {
    position: relative !important; }
  .Payment #container, .InformationManagement #container, .Dashboard #container {
    margin-top: 0 !important; }
  .WorkQueue #container {
    margin-top: 0 !important; }
  .WorkQueue .contentCardViewContainer {
    display: block !important; }
    .WorkQueue .contentCardViewContainer:after {
      clear: both !important;
      display: block !important;
      content: '' !important; }
    .WorkQueue .contentCardViewContainer .transactionCard {
      display: inline-block !important;
      vertical-align: top !important; }
  .inputHalf {
    width: calc(49.5% - 8px) !important; }
  .inputAddress .inputHalf {
    width: auto !important; }
  .uploadedGroup,
  .uploadFieldGroup {
    display: block !important;
    float: left !important; }
  .uploadFileRow {
    display: block !important; }
  .uploadedGroup {
    margin-bottom: 16px !important; }
    .uploadedGroup .closeBtn {
      position: relative !important;
      top: 16px !important;
      right: 0 !important; }
    .uploadedGroup .uploadedItm {
      margin-bottom: 0 !important;
      border-bottom: 0 !important; }
      .uploadedGroup .uploadedItm > div {
        display: block !important;
        float: left !important; }
      .uploadedGroup .uploadedItm:after {
        content: '';
        clear: both; }
      .uploadedGroup .uploadedItm .fileDesc {
        padding-top: 14px !important; }
  .emailRow {
    display: block !important; }
    .emailRow:after {
      content: '' !important;
      display: block !important;
      clear: both !important; }
    .emailRow .emailBlock {
      float: left !important; }
  .remainMsg {
    display: block !important;
    text-align: right !important; } }
    @charset "UTF-8";
/* Color */
/*
 * Remarks
 *
 * O = Opacity
 *
 */
@font-face {
  font-family: 'Noto Sans';
  src: url("../../font/NotoSans/NotoSans-Regular.ttf"); }

@font-face {
  font-family: 'Noto Sans Light';
  src: url("../../font/NotoSans/NotoSans-Light.ttf"); }

@font-face {
  font-family: 'Noto Sans SemiBold';
  src: url("../../font/NotoSans/NotoSans-SemiBold.ttf"); }

@font-face {
  font-family: 'Noto Sans Bold';
  src: url("../../font/NotoSans/NotoSans-Bold.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar';
  src: url("../../font/NotoSans/NotoSansMyanmar-Regular.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar Light';
  src: url("../../font/NotoSans/NotoSansMyanmar-Light.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar SemiBold';
  src: url("../../font/NotoSans/NotoSansMyanmar-SemiBold.ttf"); }

@font-face {
  font-family: 'Noto Sans Myanmar Bold';
  src: url("../../font/NotoSans/NotoSansMyanmar-Bold.ttf"); }

/**
 * Global Variables
**/
/* App */
/* Break Point */
/* Checkbox */
/* Animation time */
/* z-index */
/**
 * Element Variables
**/
.scrollButton .buttonContainer {
  position: fixed;
  right: 16px !important;
  bottom: 16px;
  z-index: 19; }
  .scrollButton .buttonContainer.buttonAbsolute {
    position: fixed;
    bottom: 89px; }
  .scrollButton .buttonContainer .buttonAction {
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: center;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: center;
    box-align: center;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    /** NATIVE **/
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 16px;
    border: 1px solid rgba(0, 0, 0, 0.05); }
    .scrollButton .buttonContainer .buttonAction:hover .icon {
      background-position: 0 -22px !important; }
    .scrollButton .buttonContainer .buttonAction .icon {
      width: 22px;
      height: 22px; }
      .scrollButton .buttonContainer .buttonAction .icon.icon-onlineCs {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 22px; }
      .scrollButton .buttonContainer .buttonAction .icon.icon-backToTop {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 22px; }
    .scrollButton .buttonContainer .buttonAction:last-child {
      margin-bottom: 0; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative; }

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height; }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #ffffff; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px; }

.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible; }

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

body .transparentBtn {
  background: transparent;
  color: #FFFFFF;
  transition: all 0.3s; }
  .noTouchDevice body .transparentBtn:hover {
    background-color: #FFFFFF;
    color: #666666 !important; }

body .primaryBtn {
  background-color: #b51a25;
  color: #FFFFFF;
  transition: all 0.3s; }
  .noTouchDevice body .primaryBtn:hover {
    background-color: #711a20; }

.noTouchDevice body .text-primaryHover:hover {
  color: #b51a25 !important; }
.noTouchDevice body .hyperLink-primaryHover:hover{
  cursor: pointer;
  text-decoration: underline;
  }
  .noTouchDevice body .hyperLink-primaryHover:hover::after {
    background-position: -8px center !important; }
.noTouchDevice body .back-primaryHover:hover {
  color: #b51a25 !important; }
  .noTouchDevice body .back-primaryHover:hover::after {
    background-position: -8px center; }

body .backHoverButton {
  line-height: 64px;}
 [lang=my_MM] body .backHoverButton {
    font-size: 12px; }
  [lang=km_KH] body .backHoverButton {
    font-size: 12px; }
  .gib body .buttonContainer .backHoverButton::before {
     content: '';
     display: inline-block;
     vertical-align: middle;
     width: 24px;
     height: 24px;
     background-image: url(/assets/img/icn_back_default.png);
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     margin-top: 21px;
     overflow: hidden; }
    .noTouchDevice body .backHoverButton:hover::before {
      background-position: center bottom; }

body .returnHoverButton {
  display: flex;
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 600;
  font-size: 16px;
  color: #666666;
  margin: 16px;
  cursor: pointer; }
  [lang=zh_CN] body .returnHoverButton {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] body .returnHoverButton {
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] body .returnHoverButton {
    font-size: 12px; }
  [lang=km_KH] body .returnHoverButton {
    font-size: 12px; }
#enroll {
  position: fixed;
  bottom: 0;
  background-color: white;
  height: 60px;
  display: flex;
  align-items: center;
  width: 100%;
  border-top: 1px solid #dddddd; }
  #enroll .webEnroll {
    background-color: #FFFFFF;
    width: 100%;
    vertical-align: middle; }
    #enroll .webEnroll .self-container {
      float: right; }
      #enroll .webEnroll .self-container.enrolled .cancel-enroll {
        display: inline-block; }
      #enroll .webEnroll .self-container.enrolled .btnItm .btn-enroll {
        display: none; }
      #enroll .webEnroll .self-container.enrolled .btnItm .btn-enrolled {
        display: block;
        cursor: default; }
      #enroll .webEnroll .self-container .cancel-enroll {
        display: none; }
        #enroll .webEnroll .self-container .cancel-enroll button {
          cursor: pointer;
          vertical-align: middle;
          border: 0;
          color: black;
          background-color: white;
          font-size: 16px;
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 400; }
          [lang=my_MM] #enroll .webEnroll .self-container .cancel-enroll button {
            font-size: 12px; }
          [lang=km_KH] #enroll .webEnroll .self-container .cancel-enroll button {
            font-size: 12px; }
          [lang=zh_CN] #enroll .webEnroll .self-container .cancel-enroll button {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      #enroll .webEnroll .self-container .btnItm {
        display: inline-block;
        padding: 0px 0px 0px 16px; }
        #enroll .webEnroll .self-container .btnItm button {
          cursor: pointer;
          padding: 11px 44px;
          border: 0;
          border-radius: 4px;
          color: white;
          background-color: #b51a25;
          font-size: 16px;
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 600; }
          [lang=my_MM] #enroll .webEnroll .self-container .btnItm button {
            font-size: 12px; }
          [lang=km_KH] #enroll .webEnroll .self-container .btnItm button {
            font-size: 12px; }
          [lang=zh_CN] #enroll .webEnroll .self-container .btnItm button {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] #enroll .webEnroll .self-container .btnItm button {
            font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
          #enroll .webEnroll .self-container .btnItm button.btn-enrolled {
            display: none;
            background-color: #999999; }

[form-component] .activeMaskBtn {
  position: absolute;
  bottom: 13px;
  right: 0;
  cursor: pointer;
  height: 22px;
  width: 22px;
  background-size: cover; }
[form-component] .maskActionContainer {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center; }

[form-component] .maskCancel {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 400;
  cursor: pointer;
  color: #666666;
  margin: auto 16px;
  font-size: 14px; }
  [lang=zh_CN] [form-component] .maskCancel {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }

[form-component] .maskDone {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 400;
  cursor: pointer;
  color: #b51a25;
  padding: 6.5px 27px;
  border: 1px solid #b51a25;
  border-radius: 5px;
  font-size: 14px; }
  [lang=zh_CN] [form-component] .maskDone {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [form-component] .maskDone.disable {
    opacity: 0.5;
    pointer-events: none; }

.messagesFromBank.maintitle {
  font-size: 24px;
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 400;
  color: #222222;
  margin-top: 24px;
  margin-bottom: 16px; }
  [lang=my_MM] .messagesFromBank.maintitle {
    font-size: 20px; }
  [lang=km_KH] .messagesFromBank.maintitle {
    font-size: 20px; }
  [lang=zh_CN] .messagesFromBank.maintitle {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }

.messageBox {
  background-color: #f8f8f8;
  margin-bottom: 22px; }
  .messageBox .messageText {
    font-size: 12px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    color: #666666;
    padding-top: 16px;
    padding-left: 16px;
    padding-bottom: 2px; }
    [lang=my_MM] .messageBox .messageText {
      font-size: 8px; }
    [lang=km_KH] .messageBox .messageText {
      font-size: 8px; }
    [lang=zh_CN] .messageBox .messageText {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .messageBox .messageText {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .messageBox .messageContent {
    font-size: 16px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400;
    color: #222222;
    padding: 0px 16px 16px; }
    [lang=my_MM] .messageBox .messageContent {
      font-size: 12px; }
    [lang=km_KH] .messageBox .messageContent {
      font-size: 12px; }
    [lang=zh_CN] .messageBox .messageContent {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }

/*!
 * Bootstrap v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: #6c757d; }

.nav-tabs {
  border-bottom: 1px solid #dee2e6; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef #dee2e6; }
    .nav-tabs .nav-link.disabled {
      color: #6c757d;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff; }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 0.25rem; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff; }

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content {
  overflow: hidden; }
  .tab-content > .tab-pane {
    visibility: hidden;
    height: 0; }
  .tab-content > .active {
    visibility: visible;
    height: auto; }

.gib #header {
  z-index: 50; }

.containerLeft {
  	position: absolute;
    height: 100%;
    padding: 40px 0;
    box-sizing: border-box;
    }
  .containerLeft .step .stepContent {
    position: relative; }
    .containerLeft .step .stepContent .stepNumber {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 20px;
      font-size: 12px;
      text-align: center;
      color: #666666;
      line-height: 20px;
      border: 1px solid #666666;
      border-radius: 50%;
      opacity: 0.5;
      cursor: default; }
      [lang=my_MM] .containerLeft .step .stepContent .stepNumber {
        font-size: 8px; }
      [lang=km_KH] .containerLeft .step .stepContent .stepNumber {
        font-size: 8px; }
    .containerLeft .step .stepContent .stepText {
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: start;
      -webkit-box-align: center;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -moz-box-pack: start;
      -moz-box-align: center;
      /** LEGACY **/
      display: box;
      box-orient: horizontal;
      box-direction: normal;
      box-pack: start;
      box-align: center;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: row;
      -ms-justify-content: flex-start;
      -ms-flex-align: center;
      -ms-flex-pack: start;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-direction: row;
      -webkit-justify-content: flex-start;
      -webkit-align-items: center;
      /** NATIVE **/
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      font-size: 14px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      color: #666666;
      line-height: 22px;
      margin-left: 25px;
      padding-left: 5px;
      height: 22px;
      opacity: 0.5;
      cursor: default; }
      [lang=my_MM] .containerLeft .step .stepContent .stepText {
        font-size: 10px; }
      [lang=km_KH] .containerLeft .step .stepContent .stepText {
        font-size: 10px; }
      [lang=zh_CN] .containerLeft .step .stepContent .stepText {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  .containerLeft .step .stepProgress {
    height: 34px;
    margin-left: 10px; }
    .containerLeft .step .stepProgress .progressBar {
      width: 2px;
      height: 1%;
      background-color: #01bc88;
      transition: height 200ms linear;
      z-index: -1; }
  .containerLeft .step.done .stepNumber {
    color: transparent;
    background-image: url("/assets/img/icn_selected.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px;
    background-color: transparent;
    border: 1px solid transparent;
    opacity: 1;
    cursor: pointer; }
  .containerLeft .step.done .stepText {
    opacity: 1;
    color: #222222;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400;
    cursor: pointer; }
    [lang=zh_CN] .containerLeft .step.done .stepText {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  .containerLeft .step.done .progressBar {
    width: 2px;
    height: 100%;
    background-color: #01bc88;
    z-index: -1; }
  .containerLeft .step.done.current .stepNumber,
  .containerLeft .step.done.current .stepText {
    cursor: default; }
  .containerLeft .step.noCursor .stepNumber,
  .containerLeft .step.noCursor .stepText {
    cursor: default; }
  .containerLeft .step.active .stepNumber {
    color: #FFFFFF;
    border: 1px solid #d42b35;
    background-color: #d42b35;
    opacity: 1; }
  .containerLeft .step.current .stepText {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    color: #222222;
    opacity: 1; }
    [lang=zh_CN] .containerLeft .step.current .stepText {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .containerLeft .step.current .stepText {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }

.containerInner {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-align: start;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: start;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: start;
  box-align: start;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-flex-align: start;
  -ms-flex-pack: start;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: flex-start;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
  height: 100%;
  position: relative; }
.actionTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 32px;
  margin-bottom: 16px; }
  .actionTitle .title {
    margin: 0 !important;
    padding: 0 !important; }
  .actionTitle .action {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    position: relative;
    padding-right: 16px;
    cursor: pointer;
    color: #666666; }
    [lang=zh_CN] .actionTitle .action {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .actionTitle .action {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
.inputGroupTitle {
  color: #222222;
  font-size: 16px;
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700;
  margin-bottom: 16px; }
  [lang=zh_CN] .inputGroupTitle {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .inputGroupTitle {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }

.inputGroupContainer {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: space-between;
  -webkit-box-align: start;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: space-between;
  -moz-box-align: start;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: space-between;
  box-align: start;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -ms-justify-content: space-between;
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  /** NATIVE **/
  /** display: flex; **/
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%; }
  .inputGroupContainer .inputHalf {
    width: calc(50% - 8px); }
  .inputGroupContainer .inputSection {
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: start;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: start;
    box-align: center;
    /** IE 10+ **/
    /**display: -ms-flexbox;**/
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-justify-content: flex-start;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    /** NATIVE **/
    /**display: flex; **/
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 32px;
    box-sizing: border-box; }
    .inputGroupContainer .inputSection.inputHalf {
      width: calc(50% - 8px); }
    .inputGroupContainer .inputSection.noCursor {
      user-select: none;
      pointer-events: none; }
      .inputGroupContainer .inputSection.noCursor .selectric-wrapper .button {
        display: none; }
    .inputGroupContainer .inputSection.noBorder .inputGroup {
      border: none; }
    .inputGroupContainer .inputSection .inputGroupRow {
      width: 100%; }

.inputGroup {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-align: center;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: center;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: start;
  box-align: center;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-flex-align: center;
  -ms-flex-pack: start;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
  position: relative; }
  .inputGroup .formInput {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    color: #000000;
    padding-bottom: 7px;
    margin-top: 26px;
    border: none;
    border-radius: 0px;
    background-color: transparent;
    outline-width: 0;
    -webkit-appearance: none;
    outline: 0;
    font-family: "Noto Sans"; }
    [lang=my_MM] .inputGroup .formInput {
      font-size: 12px; }
    [lang=km_KH] .inputGroup .formInput {
      font-size: 12px; }
    [lang=zh_CN] .inputGroup .formInput {
    	font-family: "Noto Sans SC Regular";
    }
    [lang=zh_HK] .inputGroup .formInput {
    	font-family: "Noto Sans TC Regular";
    }
    .inputGroup .formInput::placeholder {
    	color: #999999;
    }
    .inputGroup .formInput::-webkit-contacts-auto-fill-button {
      visibility: hidden;
      display: none !important;
      pointer-events: none;
      position: absolute;
      right: 0; }
    .inputGroup .formInput::placeholder {
      color: #222222; }
  .inputGroup .formLabel {
    position: absolute;
    left: 0;
    bottom: 16px;
    font-size: 16px;
    transition: bottom 0.3s, font-size 0.3s; }
    [lang=my_MM] .inputGroup .formLabel {
      font-size: 12px; }
    [lang=km_KH] .inputGroup .formLabel {
      font-size: 12px; }
    .inputGroup .formLabel .star {
      color: #666666; }
    .inputGroup .formLabel.fixedLabel {
      font-size: 12px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      line-height: 17px; }
      [lang=my_MM] .inputGroup .formLabel.fixedLabel {
        font-size: 8px; }
      [lang=km_KH] .inputGroup .formLabel.fixedLabel {
        font-size: 8px; }
      [lang=zh_CN] .inputGroup .formLabel.fixedLabel {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .inputGroup .formLabel.fixedLabel {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .inputGroup .fixedFormLabel {
    position: absolute;
    left: 0;
    bottom: 31px;
    color: #666666;
    font-size: 12px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    z-index: 3; }
    [lang=my_MM] .inputGroup .fixedFormLabel {
      font-size: 8px; }
    [lang=km_KH] .inputGroup .fixedFormLabel {
      font-size: 8px; }
    [lang=zh_CN] .inputGroup .fixedFormLabel {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .inputGroup .fixedFormLabel {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .inputGroup.zIndex .formLabel,
  .inputGroup.zIndex .fixedFormLabel {
    z-index: 9; }
  .inputGroup.typing {
    border-bottom: 1px solid #222222; }
    .inputGroup.typing .formInput.input1, .inputGroup.typing .formInput.input2, .inputGroup.typing .formInput.amount {
      border-bottom: none; }
  .inputGroup.invalid {
    border-bottom: 1px solid #b51a25; }
    .inputGroup.invalid.textarea:not(.otherDetail) {
      border-bottom: none; }
      .inputGroup.invalid.textarea:not(.otherDetail) input {
        color: #b51a25 !important;
        border-bottom: 1px solid #b51a25 !important; }
  .inputGroup input[type=number]::-webkit-inner-spin-button,
  .inputGroup input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none; }
  .inputGroup .inputOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    opacity: .5;
    background-color: #FFFFFF;
    display: none; }

.addInfo {
  display: flex;
  justify-items: flex-start;
  align-items: center;
  margin-top: 4px;
  cursor: pointer; }
.remark {
  margin-top: 8px;
  margin-bottom: 8px; }
  .remark h4 {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    font-size: 16px; }
    [lang=zh_CN] .remark h4 {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .remark h4 {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .remark h4 {
      font-size: 12px; }
    [lang=km_KH] .remark h4 {
      font-size: 12px; }
  .remark h5 {
    font-size: 12px; }
    [lang=my_MM] .remark h5 {
      font-size: 8px; }
    [lang=km_KH] .remark h5 {
      font-size: 8px; }
  .remark.marginT0 {
    margin-top: 0; }
  .remark.marginB14 {
    margin-bottom: 14px; }

.headerContainer {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: space-between;
  -webkit-box-align: center;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: space-between;
  -moz-box-align: center;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: space-between;
  box-align: center;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: space-between;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 16px;
  margin-bottom: 24px;
  font-weight: 700;
  font-size:30px;
  }
  .headerContainer .formTitle {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 600;
    font-size: 30px;
    line-height: 43px;
    color: #222222; }
    [lang=zh_CN] .headerContainer .formTitle {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .headerContainer .formTitle {
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .headerContainer .formTitle {
      font-size: 28px; }
    [lang=km_KH] .headerContainer .formTitle {
      font-size: 28px; }
  .headerContainer .formSubTitle {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    padding: 16px 0 8px; }
    [lang=zh_CN] .headerContainer .formSubTitle {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .headerContainer .formSubTitle {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .navContainer [data-targettab]>h5{
  	margin-bottom: 32px;
  	font-weight: 500;
    line-height: 26px;
    font-size: 20px;
  }
 [lang=zh_CN].gib .headerContainer .formTitle{
  	font-family: "Noto Sans SC Bold";
  }
 [lang=zh_HK].gib .headerContainer .formTitle{
  	font-family: "Noto Sans TC Bold";
  }
 .gib .headerContainer .formTitle{
  	font-family: "Noto Sans Bold";
 }
  [lang=zh_CN] .navContainer [data-targettab]>h5,[lang=zh_CN] .inputGroup label,[lang=zh_CN] .buttonContainer,
  [lang=zh_CN].gib .inputGroupContainer .inputSection .inputGroup .formLabel,[lang=zh_CN] .inputGroupContainer .titleTips,
  [lang=zh_CN].CreateProfile h6, [lang=zh_CN].RelatedPersons h6,[lang=zh_CN] .buttonContainer .submitButton,[lang=zh_CN] .buttonContainer .buttonLeft .actionButton,[lang=zh_CN] .buttonContainer .submitButton.redBtn{
  	font-family: "Noto Sans SC Medium";
  }
  [lang=zh_HK] .navContainer [data-targettab]>h5,[lang=zh_HK] .inputGroup label,[lang=zh_HK] .buttonContainer,
  [lang=zh_HK].gib .inputGroupContainer .inputSection .inputGroup .formLabel,[lang=zh_HK] .inputGroupContainer .titleTips,
  [lang=zh_HK].CreateProfile h6, [lang=zh_HK].RelatedPersons h6,[lang=zh_HK] .buttonContainer .submitButton,[lang=zh_HK] .buttonContainer .buttonLeft .actionButton,[lang=zh_HK] .buttonContainer .submitButton.redBtn{
  	font-family: "Noto Sans TC Medium";
  }
   .navContainer [data-targettab]>h5, .inputGroup label, .buttonContainer,
  .gib .inputGroupContainer .inputSection .inputGroup .formLabel, .inputGroupContainer .titleTips,
  .CreateProfile h6, .RelatedPersons h6, .buttonContainer .submitButton, .buttonContainer .buttonLeft .actionButton, .buttonContainer .submitButton.redBtn{
  	font-family: "Noto Sans Medium";
  }
  [lang=zh_CN].gib .inputGroupContainer .inputSection [form-component=radiobox] label .formLabel,
  [lang=zh_CN].gib.CreateProfile .inputGroupContainer.importantTips .inputSection,
  [lang=zh_CN].gib.CreateProfile .changeNotice .inputSection [form-component=tickbox] label .formLabel,
  [lang=zh_CN].gib [form-component=location] .locationLabel,
  [lang=zh_CN].gib [form-component=location] ul .liItem label,
  [lang=zh_CN].gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li,
  [lang=zh_CN].gib .inputSection [form-component=selector] .inputGroup .selectric-wrapper .selectric .label,
  [lang=zh_CN].gib .inputSection [form-component=checkbox] .inputGroup .formLabel,
  [lang=zh_CN] .CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper
  {
  	font-family: "Noto Sans SC Regular";
  }
  [lang=zh_HK].gib .inputGroupContainer .inputSection  [form-component=radiobox] label .formLabel,
  [lang=zh_HK].gib.CreateProfile .inputGroupContainer.importantTips .inputSection,
  [lang=zh_HK].gib.CreateProfile .changeNotice .inputSection [form-component=tickbox] label .formLabel,
  [lang=zh_HK].gib [form-component=location] .locationLabel,
  [lang=zh_HK].gib [form-component=location] ul .liItem label,
  [lang=zh_HK].gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li,
  [lang=zh_HK].gib .inputSection [form-component=selector] .inputGroup .selectric-wrapper .selectric .label,
  [lang=zh_HK].gib .inputSection [form-component=checkbox] .inputGroup .formLabel,
  [lang=zh_HK] .CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper
  {
  	font-family: "Noto Sans TC Regular";
  }
  .gib .inputGroupContainer .inputSection [form-component=radiobox] label .formLabel,
  .gib.CreateProfile .inputGroupContainer.importantTips .inputSection,
  .gib.CreateProfile .changeNotice .inputSection [form-component=tickbox] label .formLabel,
  .gib [form-component=location] .locationLabel,
  .gib [form-component=location] ul .liItem label,
  .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li,
  .gib .inputSection [form-component=selector] .inputGroup .selectric-wrapper .selectric .label,
  .gib .inputSection [form-component=checkbox] .inputGroup .formLabel,
   .CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper
  {
  	font-family: "Noto Sans";
  }
  .headerContainer .helpItm {
    display: flex;
    align-items: center;
    cursor: pointer; }
    .noTouchDevice .headerContainer .helpItm:hover .icoQuestion {
      background-position: center bottom; }
    .noTouchDevice .headerContainer .helpItm:hover h3 {
      color: #b51a25; }
    .headerContainer .helpItm h3 {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      font-size: 16px;
      color: #666666; }
      [lang=zh_CN] .headerContainer .helpItm h3 {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .headerContainer .helpItm h3 {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .headerContainer .helpItm h3 {
        font-size: 12px; }
      [lang=km_KH] .headerContainer .helpItm h3 {
        font-size: 12px; }

.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 22px;
  margin-left: 16px; }
  .switch input {
    display: none; }

.slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 46px;
  height: 22px;
  background-color: #999999;
  -webkit-transition: .4s;
  transition: .4s;
  cursor: pointer;
  /* Rounded sliders */ }
  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    background-color: #fbfbfb;
    -webkit-transition: .2s;
    transition: .2s; }
  .slider.round {
    border-radius: 16px; }
    .slider.round:before {
      border-radius: 10px; }
  .slider.disbled {
    opacity: 0.5;
    cursor: default; }

.switchCheckBox {
  display: none; }

.switcherContainer {
  position: relative; }
  .switcherContainer .formLabel {
    position: relative;
    display: inline-block;
    vertical-align: middle; }
  .switcherContainer .tips {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -1px;
    right: auto;
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-left: 4px; }

input:checked + .switch .slider {
  background-color: #01bc88; }
  input:checked + .switch .slider:before {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px); }

input:focus + .switch .slider {
  box-shadow: 0 0 1px #01bc88; }
a[data-tipso]{
	margin-left: -10px;
}
.gib.AccountInfo a[data-tipso]{
	margin-left: -6px;
}
.gib.CompanyInfoRP .popupInputGroup a[data-tipso]{
	margin-left: -4px;
}
.gib .inputGroupContainer .inputSection .inputGroup .formLabel +.tips{
	margin-left: -10px;
}
.detenJurisdicCountry{
	width: 100%;
}
.detenJurisdicCountry .hasTaxNum .tips {
    background-image: url(/assets/img/img_Icon.png) !important;
}
.tips {
    position: relative;
    top: 3px;;
    right: -3px;
    background-image: url(/assets/img/img_Icon.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px auto;
    display: inline-block;
    width: 36px;
    height: 18px;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto; }
  .tips:hover .tooltiptext {
    display: block; }
  .tips .tooltiptext {
    position: absolute;
    top: calc(100% + 10px);
    left: -500%;
    width: auto;
    max-width: 280px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0 rgb(34 34 34 / 30%);
    display: none;
    background: rgba(0,0,0,0.8);
    cursor: pointer;
    z-index: 2; }
    [lang=zh_CN] .tips .tooltiptext {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .tips .tooltiptext {
      font-size: 8px; }
    [lang=km_KH] .tips .tooltiptext {
      font-size: 8px; }
    .tips .tooltiptext .tipsContent {
      color: #666666; }
    .tips .tooltiptext:before {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 6px;
      border: solid transparent;
      border-color: rgba(230, 230, 230, 0);
      border-bottom-color: #e6e6e6;
      border-width: 9px;
      margin-right: -9px;
      z-index: 3;
      pointer-events: none; }
    .tips .tooltiptext:after {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 6px;
      border: solid transparent;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #FFFFFF;
      border-width: 8px;
      margin-right: -8px;
      z-index: 3;
      pointer-events: none; }
    .tips .tooltiptext.right {
      left: -14px;
      right: auto; }
      .tips .tooltiptext.right:before, .tips .tooltiptext.right:after {
        right: auto;
        left: 14px; }

  .buttonContainer .buttonLeft {
    display: flex;
    width: 50%;
    justify-content: flex-start; }
    .buttonContainer .buttonLeft .actionButton {
      display: flex;
     }
      [lang=zh_CN] .buttonContainer .buttonLeft .actionButton {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .buttonContainer .buttonLeft .actionButton {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .buttonContainer .buttonLeft .actionButton {
        font-size: 12px; }
      [lang=km_KH] .buttonContainer .buttonLeft .actionButton {
        font-size: 12px; }
      .buttonContainer .buttonLeft .actionButton.submitButton, .buttonContainer .buttonLeft .actionButton.doneButton {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 600;
        color: #FFFFFF;
        padding: 11px 0;
        margin: 8px 16px 8px 24px;
        width: 152px;
        text-align: center;
        background-color: #b51a25;
        border-radius: 5px;
        border: none;
        outline-width: 0; }
        [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.submitButton, [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.doneButton {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.submitButton, [lang=zh_CN] .buttonContainer .buttonLeft .actionButton.doneButton {
          font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
        .buttonContainer .buttonLeft .actionButton.submitButton:disabled, .buttonContainer .buttonLeft .actionButton.doneButton:disabled {
          opacity: 0.5; }
  .buttonContainer .buttonRight {
    display: flex;
    width: 50%;
    justify-content: flex-end; }
    .buttonContainer .buttonRight .saveDraftButton,
    .buttonContainer .buttonRight .clearButton,
    .buttonContainer .buttonRight .resetButton,
    .buttonContainer .buttonRight .savePrintButton {
      font-synthesis: style;
      font-weight: 600;
      color: #666666;
      cursor: pointer;
      margin: 19px 0; }
      [lang=my_MM] .buttonContainer .buttonRight .saveDraftButton, [lang=my_MM]
      .buttonContainer .buttonRight .clearButton, [lang=my_MM]
      .buttonContainer .buttonRight .resetButton, [lang=my_MM]
      .buttonContainer .buttonRight .savePrintButton {
        font-size: 12px; }
      [lang=km_KH] .buttonContainer .buttonRight .saveDraftButton, [lang=km_KH]
      .buttonContainer .buttonRight .clearButton, [lang=km_KH]
      .buttonContainer .buttonRight .resetButton, [lang=km_KH]
      .buttonContainer .buttonRight .savePrintButton {
        font-size: 12px; }
      .buttonContainer .buttonRight .saveDraftButton.inactive,
      .buttonContainer .buttonRight .clearButton.inactive,
      .buttonContainer .buttonRight .resetButton.inactive,
      .buttonContainer .buttonRight .savePrintButton.inactive {
        opacity: 0.5;
        cursor: default;
        pointer-events: none; 
        user-select: none;}
    .noTouchDevice .buttonContainer .buttonRight .saveDraftButton:hover,
    .noTouchDevice .buttonContainer .buttonRight .clearButton:hover,
    .noTouchDevice .buttonContainer .buttonRight .resetButton:hover,
    .noTouchDevice .buttonContainer .buttonRight .savePrintButton:hover {
        border: 1px solid #9A0016;
    	color: #9A0016;
    	background: rgba(154,0,22,0.1); }
    .buttonContainer .buttonRight .saveDraftButton,
    .buttonContainer .buttonRight .savePrintButton {
      margin-right: 24px; }
    .buttonContainer .submitButton.redBtn {
      font-synthesis: style;
      font-weight: 600;
      font-size: 16px;
      text-align: center;
      color: #FFFFFF;
      margin: 0 0 0 16px!important;
      width: auto;
      height: 48px;
      line-height: 48px;
      padding: 0 32px 0;
      background-color: #b51a25;
      border-radius: 8px;
      border: none;
      outline-width: 0;
      transition: opacity 0.3s, background-color 0.3s;
      cursor: pointer; }
     [lang=my_MM] .buttonContainer .buttonRight .redBtn {
        font-size: 12px; }
      [lang=km_KH] .buttonContainer .buttonRight .redBtn {
        font-size: 12px; }
      .buttonContainer .buttonRight .redBtn:hover {
        background-color: #711a20; }
      .buttonContainer .buttonRight .redBtn:disabled {
        opacity: 0.5;
        cursor: default; }
        .buttonContainer .buttonRight .redBtn:disabled:hover {
          background-color: #b51a25; }

.stepOneForm .confirmGroupContainer {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: space-between;
  -webkit-box-align: start;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: space-between;
  -moz-box-align: start;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: space-between;
  box-align: start;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -ms-justify-content: space-between;
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  /** NATIVE **/
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%; }

.stepOneForm .confirmSection {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-align: center;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: center;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: start;
  box-align: center;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-flex-align: center;
  -ms-flex-pack: start;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 22px;
  box-sizing: border-box; }
  .stepOneForm .confirmSection.confirmHalf {
    width: calc(50% - 8px); }
  .stepOneForm .confirmSection.confirmOneThird {
    width: calc(30% - 8px);
    margin-right: 16px; }
    .stepOneForm .confirmSection.confirmOneThird:last-child {
      margin-right: 0; }

.stepOneForm .confirmInputGroup .formLabel {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700;
  font-size: 12px;
  color: #666666; }
  [lang=zh_CN] .stepOneForm .confirmInputGroup .formLabel {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .stepOneForm .confirmInputGroup .formLabel {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .stepOneForm .confirmInputGroup .formLabel {
    font-size: 8px; }
  [lang=km_KH] .stepOneForm .confirmInputGroup .formLabel {
    font-size: 8px; }

.stepOneForm .confirmInputGroup .confirmInput {
  font-size: 16px; }
  [lang=my_MM] .stepOneForm .confirmInputGroup .confirmInput {
    font-size: 12px; }
  [lang=km_KH] .stepOneForm .confirmInputGroup .confirmInput {
    font-size: 12px; }
  .stepOneForm .confirmInputGroup .confirmInput.bold {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    font-size: 16px; }
    [lang=zh_CN] .stepOneForm .confirmInputGroup .confirmInput.bold {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .stepOneForm .confirmInputGroup .confirmInput.bold {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .stepOneForm .confirmInputGroup .confirmInput.bold {
      font-size: 12px; }
    [lang=km_KH] .stepOneForm .confirmInputGroup .confirmInput.bold {
      font-size: 12px; }
  .stepOneForm .confirmInputGroup .confirmInput.red {
    color: #b51a25; }

.stepTwoForm .headerContainer .confirmationTitle {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 600;
  font-size: 32px;
  line-height: 43px;
  color: #222222; }
  [lang=zh_CN] .stepTwoForm .headerContainer .confirmationTitle {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .stepTwoForm .headerContainer .confirmationTitle {
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .stepTwoForm .headerContainer .confirmationTitle {
    font-size: 28px; }
  [lang=km_KH] .stepTwoForm .headerContainer .confirmationTitle {
    font-size: 28px; }

.stepTwoForm .headerContainer .glossary,
.stepTwoForm .headerContainer .editButton,
.stepTwoForm .headerContainer .logCommentButton {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #666666;
  padding-left: 26px;
  margin-left: 24px;
  cursor: pointer; }
  [lang=zh_CN] .stepTwoForm .headerContainer .glossary, [lang=zh_CN]
  .stepTwoForm .headerContainer .editButton, [lang=zh_CN]
  .stepTwoForm .headerContainer .logCommentButton {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .stepTwoForm .headerContainer .glossary, [lang=zh_CN]
  .stepTwoForm .headerContainer .editButton, [lang=zh_CN]
  .stepTwoForm .headerContainer .logCommentButton {
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .stepTwoForm .headerContainer .glossary, [lang=my_MM]
  .stepTwoForm .headerContainer .editButton, [lang=my_MM]
  .stepTwoForm .headerContainer .logCommentButton {
    font-size: 12px; }
  [lang=km_KH] .stepTwoForm .headerContainer .glossary, [lang=km_KH]
  .stepTwoForm .headerContainer .editButton, [lang=km_KH]
  .stepTwoForm .headerContainer .logCommentButton {
    font-size: 12px; }
  .noTouchDevice .stepTwoForm .headerContainer .glossary:hover, .noTouchDevice
  .stepTwoForm .headerContainer .editButton:hover, .noTouchDevice
  .stepTwoForm .headerContainer .logCommentButton:hover {
    background-position-y: -22px; }

.stepTwoForm .headerContainer .editButton {
  background-image: url("/assets/img/icn_edit_hover.png");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 22px; }
.stepTwoForm .confirmGroupContainer {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: space-between;
  -webkit-box-align: start;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: space-between;
  -moz-box-align: start;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: space-between;
  box-align: start;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  -ms-flex-direction: row;
  -ms-justify-content: space-between;
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-start;
  /** NATIVE **/
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%; }
  .stepTwoForm .confirmGroupContainer [form-component=confirminputbox] {
    width: 100%; }

.stepTwoForm .confirmSection {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-align: center;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: center;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: start;
  box-align: center;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-flex-align: center;
  -ms-flex-pack: start;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  width: 100%;
  margin-bottom: 32px;
  box-sizing: border-box; }
  .stepTwoForm .confirmSection.confirmHalf {
    width: calc(50% - 8px); }
  .stepTwoForm .confirmSection.confirmOneThird {
    width: calc(30% - 8px);
    margin-right: 16px; }
    .stepTwoForm .confirmSection.confirmOneThird:last-child {
      margin-right: 0; }
  .stepTwoForm .confirmSection .uploadedGroup {
    width: 100%; }

.stepTwoForm .gridLine {
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  margin: 10px 0 32px; }

.stepTwoForm .confirmInputGroup .confirmInput:last-child {
  margin-bottom: 0;
  font-weight: normal; }

.stepTwoForm .confirmInputGroup .confirmInput.bold {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700;
  font-size: 16px; }
  [lang=zh_CN] .stepTwoForm .confirmInputGroup .confirmInput.bold {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .stepTwoForm .confirmInputGroup .confirmInput.bold {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .stepTwoForm .confirmInputGroup .confirmInput.bold {
    font-size: 12px; }
  [lang=km_KH] .stepTwoForm .confirmInputGroup .confirmInput.bold {
    font-size: 12px; }

.stepTwoForm .confirmInputGroup .confirmInput .name {
  display: inline-block;
  padding-right: 16px; }

.stepTwoForm .confirmInputGroup .confirmInput.decrease {
  color: #d42b35; }

.stepTwoForm .confirmInputGroup .confirmRemark {
  font-size: 12px;
  color: #222222; }
  [lang=my_MM] .stepTwoForm .confirmInputGroup .confirmRemark {
    font-size: 8px; }
  [lang=km_KH] .stepTwoForm .confirmInputGroup .confirmRemark {
    font-size: 8px; }

.stepTwoForm .confirmInputGroup.deleteContent .confirmInput {
  font-size: 12px;
  line-height: 17px;
  color: #b51a25;
  padding-left: 20px; }
  [lang=my_MM] .stepTwoForm .confirmInputGroup.deleteContent .confirmInput {
    font-size: 8px; }
  [lang=km_KH] .stepTwoForm .confirmInputGroup.deleteContent .confirmInput {
    font-size: 8px; }
.stepTwoForm .formDesc {
  margin: 24px 0; }

.stepTwoForm .subtitle {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 600; }
  [lang=zh_CN] .stepTwoForm .subtitle {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .stepTwoForm .subtitle {
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .stepTwoForm .subtitle,
  [lang=km_KH] .stepTwoForm .subtitle {
    font-size: 12px !important; }

.stepTwoForm .tncWrapper {
  padding: 32px 0; }
  .stepTwoForm .tncWrapper h4 {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 16px; }
    [lang=zh_CN] .stepTwoForm .tncWrapper h4 {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .stepTwoForm .tncWrapper h4 {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .stepTwoForm .tncWrapper h4 {
      font-size: 12px; }
    [lang=km_KH] .stepTwoForm .tncWrapper h4 {
      font-size: 12px; }
  .stepTwoForm .tncWrapper p {
    font-size: 14px; }
    [lang=my_MM] .stepTwoForm .tncWrapper p {
      font-size: 10px; }
    [lang=km_KH] .stepTwoForm .tncWrapper p {
      font-size: 10px; }
    .stepTwoForm .tncWrapper p a.bold {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700; }
      [lang=zh_CN] .stepTwoForm .tncWrapper p a.bold {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .stepTwoForm .tncWrapper p a.bold {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .stepTwoForm .tncWrapper .tncSubtitle {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 600;
    font-size: 16px; }
    [lang=zh_CN] .stepTwoForm .tncWrapper .tncSubtitle {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .stepTwoForm .tncWrapper .tncSubtitle {
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .stepTwoForm .tncWrapper .tncSubtitle {
      font-size: 12px; }
    [lang=km_KH] .stepTwoForm .tncWrapper .tncSubtitle {
      font-size: 12px; }

.stepTwoForm .actionBtn {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-align: center;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: center;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: start;
  box-align: center;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-flex-align: center;
  -ms-flex-pack: start;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
.stepThreeForm {
  padding-bottom: 64px; }
  .stepThreeForm [data-result="failure"] {
    display: none; }
  .stepThreeForm.failure [data-result="success"] {
    display: none; }
  .stepThreeForm.failure [data-result="failure"] {
    display: block; }
  .stepThreeForm.failure .remark .failTime {
    display: none; }
    .stepThreeForm.failure .remark .failTime .boldTag {
      font-weight: 700; }
  .stepThreeForm.failure .remark .fail {
    display: block; }
  .stepThreeForm.timeout .remark .failTime {
    display: block; }
  .stepThreeForm.timeout .remark .fail {
    display: none; }
  .stepThreeForm .completedWrapper {
    position: relative;
    background-color: #f2f2f2;
    padding: 32px 18px; }
    .stepThreeForm .completedWrapper .completedMsg {
      position: relative;
      padding-bottom: 32px; }
      .stepThreeForm .completedWrapper .completedMsg:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #c7c7c7; }
      .stepThreeForm .completedWrapper .completedMsg .detail {
        display: inline-block;
        vertical-align: middle;
        max-width: calc(100% - 63px); }
        .stepThreeForm .completedWrapper .completedMsg .detail h2 {
          font-size: 24px;
          margin-bottom: 5px; }
          [lang=my_MM] .stepThreeForm .completedWrapper .completedMsg .detail h2 {
            font-size: 20px; }
          [lang=km_KH] .stepThreeForm .completedWrapper .completedMsg .detail h2 {
            font-size: 20px; }
        .stepThreeForm .completedWrapper .completedMsg .detail h3 {
          display: inline-block;
          vertical-align: middle;
          margin-bottom: 0;
          font-size: 16px;
          color: #666666; }
          [lang=my_MM] .stepThreeForm .completedWrapper .completedMsg .detail h3 {
            font-size: 12px; }
          [lang=km_KH] .stepThreeForm .completedWrapper .completedMsg .detail h3 {
            font-size: 12px; }
          .stepThreeForm .completedWrapper .completedMsg .detail h3 span,
          .stepThreeForm .completedWrapper .completedMsg .detail h3 a {
            font-size: 16px;
            color: #666666; }
            [lang=my_MM] .stepThreeForm .completedWrapper .completedMsg .detail h3 span, [lang=my_MM]
            .stepThreeForm .completedWrapper .completedMsg .detail h3 a {
              font-size: 12px; }
            [lang=km_KH] .stepThreeForm .completedWrapper .completedMsg .detail h3 span, [lang=km_KH]
            .stepThreeForm .completedWrapper .completedMsg .detail h3 a {
              font-size: 12px; }
          .stepThreeForm .completedWrapper .completedMsg .detail h3 a {
            cursor: pointer;
            font-synthesis: style;
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
            font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
            font-weight: 600; }
            [lang=zh_CN] .stepThreeForm .completedWrapper .completedMsg .detail h3 a {
              font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
            [lang=zh_CN] .stepThreeForm .completedWrapper .completedMsg .detail h3 a {
              font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
        .stepThreeForm .completedWrapper .completedMsg .detail .sepLine {
          display: inline-block;
          vertical-align: middle;
          width: 1px;
          height: 16px;
          margin: 0 8px;
          background-color: #c7c7c7; }
    .stepThreeForm .completedWrapper .remark {
      position: relative;
      padding-top: 32px; }
      .stepThreeForm .completedWrapper .remark .remarkItm {
        display: inline-block;
        vertical-align: top;
        margin-right: 32px; }
        .stepThreeForm .completedWrapper .remark .remarkItm h4 {
          font-size: 16px;
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 600;
          margin-bottom: 0; }
          [lang=my_MM] .stepThreeForm .completedWrapper .remark .remarkItm h4 {
            font-size: 12px; }
          [lang=km_KH] .stepThreeForm .completedWrapper .remark .remarkItm h4 {
            font-size: 12px; }
          [lang=zh_CN] .stepThreeForm .completedWrapper .remark .remarkItm h4 {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .stepThreeForm .completedWrapper .remark .remarkItm h4 {
            font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
        .stepThreeForm .completedWrapper .remark .remarkItm h5 .name {
          display: inline-block;
          padding-right: 16px;
          font-size: 16px;
          margin-bottom: 0; }
          [lang=my_MM] .stepThreeForm .completedWrapper .remark .remarkItm h5 .name {
            font-size: 12px; }
          [lang=km_KH] .stepThreeForm .completedWrapper .remark .remarkItm h5 .name {
            font-size: 12px; }
  .stepThreeForm .buttonWrapper {
    margin: 32px 0; }
    .stepThreeForm .buttonWrapper .terms {
      padding-left: 16px; }
    .stepThreeForm .buttonWrapper .actionButtonContainer {
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: start;
      -webkit-box-align: center;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -moz-box-pack: start;
      -moz-box-align: center;
      /** LEGACY **/
      display: box;
      box-orient: horizontal;
      box-direction: normal;
      box-pack: start;
      box-align: center;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: row;
      -ms-justify-content: flex-start;
      -ms-flex-align: center;
      -ms-flex-pack: start;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-direction: row;
      -webkit-justify-content: flex-start;
      -webkit-align-items: center;
      /** NATIVE **/
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      margin: 12px 4px 0; }
      .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 600;
        color: #B6002A;
        text-align: center;
        border: 1px solid #B6002A;
        border-radius: 8px;
        width: auto;
        margin: 12px;
        padding: 0 32px;
        height: 48px;
        line-height: 48px;
        cursor: pointer;
        box-sizing: border-box; }
        [lang=zh_CN] .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton {
          font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
        .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton:last-child {
          margin-right: 0px; }
        .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton:hover {
          color: #9A0016;
          background: rgba(154,0,22,0.1);
          border: 1px solid #9A0016; }
         .stepThreeForm .buttonWrapper .actionButtonContainer .actionButton:active {
          color: #7E0000;
          background: rgba(126,0,0,0.1);
          border: 1px solid #7E0000; }
    .stepThreeForm .buttonWrapper .inputRow {
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: start;
      -webkit-box-align: start;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -moz-box-pack: start;
      -moz-box-align: start;
      /** LEGACY **/
      display: box;
      box-orient: horizontal;
      box-direction: normal;
      box-pack: start;
      box-align: start;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: row;
      -ms-justify-content: flex-start;
      -ms-flex-align: start;
      -ms-flex-pack: start;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-direction: row;
      -webkit-justify-content: flex-start;
      -webkit-align-items: flex-start;
      /** NATIVE **/
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      width: 100%; }
      .stepThreeForm .buttonWrapper .inputRow .authGroup {
        margin-bottom: 32px;
        padding-left: 16px; }
        .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmLabel {
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 700;
          font-size: 12px;
          line-height: 17px;
          color: #666666;
          margin-bottom: 2px; }
          [lang=zh_CN] .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmLabel {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmLabel {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          [lang=my_MM] .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmLabel {
            font-size: 8px; }
          [lang=km_KH] .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmLabel {
            font-size: 8px; }
        .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmInput {
          font-size: 16px;
          color: #222222;
          line-height: 22px;
          width: 100%;
          margin-bottom: 7px; }
          [lang=my_MM] .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmInput {
            font-size: 12px; }
          [lang=km_KH] .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmInput {
            font-size: 12px; }
          .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmInput:last-child {
            margin-bottom: 0; }
          .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmInput.desc-color {
            color: #d42b35; }
          .stepThreeForm .buttonWrapper .inputRow .authGroup .confirmInput.preferRate {
            margin-top: 2px; }
  .stepThreeForm .subtitle {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 33px;
    color: #222222;
    padding: 0 16px; }
    [lang=my_MM] .stepThreeForm .subtitle {
      font-size: 20px; }
    [lang=km_KH] .stepThreeForm .subtitle {
      font-size: 20px; }
  .stepThreeForm .status {
    font-size: 16px;
    line-height: 22px;
    color: #222222;
    padding: 0 16px; }
    [lang=my_MM] .stepThreeForm .status {
      font-size: 12px; }
    [lang=km_KH] .stepThreeForm .status {
      font-size: 12px; }
  .stepThreeForm .verification {
    margin: 32px 16px;
    position: relative; }
    .stepThreeForm .verification .verifyIntro {
      font-size: 24px;
      color: #222222;
      width: calc(100% - 191px); }
      [lang=my_MM] .stepThreeForm .verification .verifyIntro {
        font-size: 20px; }
      [lang=km_KH] .stepThreeForm .verification .verifyIntro {
        font-size: 20px; }
      .stepThreeForm .verification .verifyIntro .subTitle {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 700;
        font-size: 12px;
        color: #666666;
        margin-top: 16px;
        line-height: 17px; }
        [lang=zh_CN] .stepThreeForm .verification .verifyIntro .subTitle {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] .stepThreeForm .verification .verifyIntro .subTitle {
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
        [lang=my_MM] .stepThreeForm .verification .verifyIntro .subTitle {
          font-size: 8px; }
        [lang=km_KH] .stepThreeForm .verification .verifyIntro .subTitle {
          font-size: 8px; }
      .stepThreeForm .verification .verifyIntro .authStatus {
        font-size: 16px;
        line-height: 22px;
        color: #222222; }
        [lang=my_MM] .stepThreeForm .verification .verifyIntro .authStatus {
          font-size: 12px; }
        [lang=km_KH] .stepThreeForm .verification .verifyIntro .authStatus {
          font-size: 12px; }

.remindMessage {
  display: inline-block;
  font-size: 12px;
  color: #999999;
  margin-bottom: 22px; }
  [lang=my_MM] .remindMessage {
    font-size: 8px; }
  [lang=km_KH] .remindMessage {
    font-size: 8px; }

.itemTitle {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700;
  font-size: 12px;
  color: #666666;
  line-height: 17px; }
  [lang=zh_CN] .itemTitle {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .itemTitle {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .itemTitle {
    font-size: 8px; }
  [lang=km_KH] .itemTitle {
    font-size: 8px; }

.itemValue {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  line-height: 22px; }
  [lang=zh_CN] .itemValue {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .itemValue {
    font-size: 12px; }
  [lang=km_KH] .itemValue {
    font-size: 12px; }

.formDesc {
  margin: 0 0 32px; }
  .formDesc h5 {
    color: #222222;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 16px; }
    [lang=zh_CN] .formDesc h5 {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .formDesc h5 {
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .formDesc h5 {
      font-size: 12px; }
    [lang=km_KH] .formDesc h5 {
      font-size: 12px; }
  .formDesc p {
    font-size: 14px; }
    [lang=my_MM] .formDesc p {
      font-size: 10px; }
    [lang=km_KH] .formDesc p {
      font-size: 10px; }
  .formDesc .ellipsis {
    position: relative;
    width: 100%; }
    .formDesc .ellipsis.showMore p {
      width: 100%;
      overflow: auto;
      text-overflow: clip;
      white-space: normal; }
    .formDesc .ellipsis.showMore .moreBtn {
      display: none; }
    .formDesc .ellipsis p {
      width: calc(100% - 34px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .formDesc .ellipsis .moreBtn {
      position: absolute;
      top: 0;
      right: 0;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      font-size: 14px;
      background-color: #FFFFFF;
      cursor: pointer; }
      [lang=zh_CN] .formDesc .ellipsis .moreBtn {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .formDesc .ellipsis .moreBtn {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .formDesc .ellipsis .moreBtn {
        font-size: 10px; }
      [lang=km_KH] .formDesc .ellipsis .moreBtn {
        font-size: 10px; }
  .formDesc ul {
    padding-left: 16px; }
    .formDesc ul li {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 14px;
      color: #222222; }
      [lang=zh_CN] .formDesc ul li {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .formDesc ul li {
        font-size: 10px; }
      [lang=km_KH] .formDesc ul li {
        font-size: 10px; }

.fixedItm .fixedLabel {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700;
  font-size: 12px;
  color: #666666; }
  [lang=zh_CN] .fixedItm .fixedLabel {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .fixedItm .fixedLabel {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .fixedItm .fixedLabel {
    font-size: 8px; }
  [lang=km_KH] .fixedItm .fixedLabel {
    font-size: 8px; }

.fixedItm h3 {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px; }
  [lang=zh_CN] .fixedItm h3 {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .fixedItm h3 {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  [lang=my_MM] .fixedItm h3 {
    font-size: 12px; }
  [lang=km_KH] .fixedItm h3 {
    font-size: 12px; }

.fixedItm h5 {
  font-size: 12px;
  margin-bottom: 0; }
  [lang=my_MM] .fixedItm h5 {
    font-size: 8px; }
  [lang=km_KH] .fixedItm h5 {
    font-size: 8px; }

.fixedItm.invalid .fixedLabel,
.fixedItm.invalid h3,
.fixedItm.invalid span {
  color: #b51a25; }

.requireInfoWrapper {
  padding-bottom: 10px; }
  .requireInfoWrapper .inputHalf {
    width: 50%; }
  .requireInfoWrapper .inputGroupContainer {
    margin-top: 10px; }
    .requireInfoWrapper .inputGroupContainer .switcherContainer .formLabel {
      position: relative;
      font-size: 16px;
      color: #222222; }
      [lang=my_MM] .requireInfoWrapper .inputGroupContainer .switcherContainer .formLabel {
        font-size: 12px; }
      [lang=km_KH] .requireInfoWrapper .inputGroupContainer .switcherContainer .formLabel {
        font-size: 12px; }
      .requireInfoWrapper .inputGroupContainer .switcherContainer .formLabel .tips {
        width: 16px;
        height: 16px;
        background-size: 16px;
        right: -20px;
        top: 1px; }
  .requireInfoWrapper .pointsNote .title {
    font-size: 16px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    color: #222222;
    line-height: 22px; }
    [lang=my_MM] .requireInfoWrapper .pointsNote .title {
      font-size: 12px; }
    [lang=km_KH] .requireInfoWrapper .pointsNote .title {
      font-size: 12px; }
    [lang=zh_CN] .requireInfoWrapper .pointsNote .title {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .requireInfoWrapper .pointsNote .title {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .requireInfoWrapper .pointsNote .subTitle {
    font-size: 14px;
    color: #666666;
    padding-top: 16px; }
    [lang=my_MM] .requireInfoWrapper .pointsNote .subTitle {
      font-size: 10px; }
    [lang=km_KH] .requireInfoWrapper .pointsNote .subTitle {
      font-size: 10px; }

@media screen and (max-width: 1023px) {
  .containerInner {
    min-height: calc(100vh - 120px) !important; }
    .containerInner .containerLeft {
      position: absolute !important; } }

@media screen and (min-width: 1600px) {
  .buttonContainer {
    max-width: 100% !important;
    box-sizing: border-box !important;
   } }

.bgseparator {
  background-color: #dddddd;
  width: 1px;
  height: 16px;
  margin: 0px 8px 0; }

.gib [form-component=checkbox] {
  width: 100%; }
  .gib [form-component=checkbox] input {
    display: none; }
    .gib [form-component=checkbox] input:checked + label:before {
	   background-image: url(/assets/img/icn_checked.png);
	   background-position: center;
	   background-repeat: no-repeat; }
  .gib [form-component=checkbox] label {
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: space-between;
    -webkit-box-align: start;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: space-between;
    -moz-box-align: start;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: space-between;
    box-align: start;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    -ms-flex-direction: row;
    -ms-justify-content: space-between;
    -ms-flex-align: start;
    -ms-flex-pack: justify;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
    /** NATIVE **/
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    cursor: pointer;
    position: relative;
    margin: 16px 0;
    }
    .gib [form-component=checkbox]{
    	margin-bottom: -18px;
    }
    .gib [form-component=checkbox] label span {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      width: calc(100% - 30px);
      user-select: none; }
      [lang=zh_CN] .gib [form-component=checkbox] label span {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    .gib [form-component=checkbox] label:before {
     	min-width: 40px;
	    height: 24px;
	    content: "";
	    display: block;
	    background-image: url(/assets/img/icn_checkbox_nochecked.png);
	    background-size: 24px;
	    background-position: center;
	    background-repeat: no-repeat;
	    pointer-events: auto;
	    margin-left: -10px;
	   }
.gib [form-component=inputbox] {
  width: 100%; }
  .gib [form-component=inputbox] .inputGroup .search {
    position: absolute;
    right: 0;
    width: 22px;
    height: 22px;
    background-image: url("/assets/img/icn_search_hover.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 22px;
    cursor: pointer; }
    .gib [form-component=inputbox] .inputGroup .search:hover {
      background-position: center bottom; }
  .gib [form-component=inputbox] .inputGroup .spellcheckBtn {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 22px;
    position: absolute;
    top: 16px;
    right: 0;
    width: 22px;
    height: 22px;
    opacity: 0.5;
    cursor: default; }
  .gib [form-component=inputbox] .inputGroup.hasText .spellcheckBtn {
    opacity: 1;
    cursor: pointer; }
    .gib [form-component=inputbox] .inputGroup.hasText .spellcheckBtn:hover {
      background-position: 0 -22px !important;
      color: #b51a25 !important; }
  .gib [form-component=inputbox] .inputGroup .errorTextContainer {
    position: absolute;
    left: 0;
    top: 25px;
    line-height: 19px;
    color: transparent;
    pointer-events: none; }
  .gib [form-component=inputbox] .inputGroup .errorText {
    position: relative;
    color: transparent; }
    .gib [form-component=inputbox] .inputGroup .errorText::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      border-bottom: 1px dashed #d0021b; }
  .gib [form-component=inputbox] .inputGroup.textarea {
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: start;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: start;
    box-align: center;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-justify-content: flex-start;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    /** NATIVE **/
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 240px;
    border-bottom: none; }

.gib [form-component=address] {
  width: 100%; }
  .gib [form-component=address] .inputGroup {
    height: auto;
    flex-wrap: wrap;
    border-bottom: 0; }
    .gib [form-component=address] .inputGroup .formInput {
      position: relative;
      width: 100%;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 16px;
      color: #222222;
      padding: 0px;
      margin: 0px;
      height: 38px;
      border-bottom: 1px solid #dddddd; }
      [lang=zh_CN] .gib [form-component=address] .inputGroup .formInput {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=address] .inputGroup .formInput {
        font-size: 12px; }
      [lang=km_KH] .gib [form-component=address] .inputGroup .formInput {
        font-size: 12px; }
      .gib [form-component=address] .inputGroup .formInput {
      	margin-bottom:32px;
       }
       .gib [form-component=address] .inputGroup .formInput:last{
       	
       }
      .gib [form-component=address] .inputGroup .formInput::-webkit-contacts-auto-fill-button {
        visibility: hidden;
        display: none !important;
        pointer-events: none;
        position: absolute;
        right: 0; }
      .gib [form-component=address] .inputGroup .formInput::placeholder {
        color: #222222; }
    .gib [form-component=address] .inputGroup .formLabel {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      font-size: 12px;
      line-height: 17px;
      color: #666666;
      transition: bottom 0.3s, font-size 0.3s;
      position: static; }
      [lang=zh_CN] .gib [form-component=address] .inputGroup .formLabel {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib [form-component=address] .inputGroup .formLabel {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=address] .inputGroup .formLabel {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=address] .inputGroup .formLabel {
        font-size: 8px; }
    .gib [form-component=address] .inputGroup .tips {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      top: -1px;
      right: auto;
      background-size: 16px;
      width: 16px;
      height: 16px;
      margin-left: 8px;
      z-index: 1; }
    .gib [form-component=address] .inputGroup.invalid .formtextareaInput {
      outline-color: #b51a25;
      border: 1px solid #b51a25; }
    .gib [form-component=address] .inputGroup.invalid .formLabel {
      color: #b51a25; }
    .gib [form-component=address] .inputGroup.invalid .formInput {
      border-bottom: 1px solid #b51a25; }
    .gib [form-component=address] .inputGroup.invalid .selectric .label {
      color: #b51a25 !important; }
    .gib [form-component=address] .inputGroup .remainMsg {
      position: relative;
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: nowrap;
      -webkit-box-pack: end;
      -webkit-box-align: row;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: nowrap;
      -moz-box-direction: normal;
      -moz-box-pack: end;
      -moz-box-align: row;
      /** LEGACY **/
      display: box;
      box-orient: nowrap;
      box-direction: normal;
      box-pack: end;
      box-align: row;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: nowrap;
      -ms-justify-content: flex-end;
      -ms-flex-align: row;
      -ms-flex-pack: end;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-direction: nowrap;
      -webkit-justify-content: flex-end;
      -webkit-align-items: row;
      /** NATIVE **/
      display: flex;
      flex-wrap: wrap;
      flex-direction: nowrap;
      justify-content: flex-end;
      align-items: row;
      width: 100%;
      margin-top: 8px;
      font-size: 12px;
      color: #666666; }
      [lang=my_MM] .gib [form-component=address] .inputGroup .remainMsg {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=address] .inputGroup .remainMsg {
        font-size: 8px; }
      .gib [form-component=address] .inputGroup .remainMsg .remainCount {
        color: #666666;
        margin-left: 4px; }

.gib [form-component=textareabox] {
  width: 100%; }
  .gib [form-component=textareabox] .inputGroup {
    height: auto;
    flex-wrap: wrap;
    border-bottom: 0;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden; }
    .gib [form-component=textareabox] .inputGroup.noMarginBottom {
      margin-bottom: 0px; }
    .gib [form-component=textareabox] .inputGroup .formtextareaInput {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 16px;
      resize: none;
      width: 100%;
      height: 120px;
      box-sizing: border-box;
      color: #222222;
      border: 1px solid #ddd;
      outline: 1px solid #ddd;
      padding: 8px;
      line-height: 19px;
      overflow: auto; }
      [lang=zh_CN] .gib [form-component=textareabox] .inputGroup .formtextareaInput {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=textareabox] .inputGroup .formtextareaInput {
        font-size: 12px; }
      [lang=km_KH] .gib [form-component=textareabox] .inputGroup .formtextareaInput {
        font-size: 12px; }
      .gib [form-component=textareabox] .inputGroup .formtextareaInput:focus {
        border: 1px solid #222222; }
    .gib [form-component=textareabox] .inputGroup .labelContainer {
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: space-between;
      -webkit-box-align: end;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -moz-box-pack: space-between;
      -moz-box-align: end;
      /** LEGACY **/
      display: box;
      box-orient: horizontal;
      box-direction: normal;
      box-pack: space-between;
      box-align: end;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: nowrap;
      -ms-flex-direction: row;
      -ms-justify-content: space-between;
      -ms-flex-align: end;
      -ms-flex-pack: justify;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: nowrap;
      -webkit-flex-direction: row;
      -webkit-justify-content: space-between;
      -webkit-align-items: flex-end;
      /** NATIVE **/
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      width: 100%; }
    .gib [form-component=textareabox] .inputGroup .formLabel {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      font-size: 12px;
      line-height: 17px;
      color: #666666;
      transition: bottom 0.3s, font-size 0.3s;
      position: static;
      margin-bottom: 8px; }
      [lang=zh_CN] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-size: 8px; }
    .gib [form-component=textareabox] .inputGroup .search {
      position: relative;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      top: -1px;
      right: auto;
      background-size: 16px;
      width: 16px;
      height: 16px;
      margin-left: 8px;
      z-index: 1; }
      .gib [form-component=textareabox] .inputGroup .search:hover {
        background-position: 0 -16px !important; }
    .gib [form-component=textareabox] .inputGroup .tips {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      top: -1px;
      right: auto;
      background-size: 16px;
      width: 16px;
      height: 16px;
      margin-left: 4px;
      z-index: 1; }
    .gib [form-component=textareabox] .inputGroup.invalid .formtextareaInput {
      outline-color: #b51a25;
      border: 1px solid #b51a25; }
    .gib [form-component=textareabox] .inputGroup.invalid .formLabel {
      color: #b51a25; }
    .gib [form-component=textareabox] .inputGroup.invalid .selectric .label {
      color: #b51a25 !important; }
    .gib [form-component=textareabox] .inputGroup .remainMsg {
      position: relative;
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: nowrap;
      -webkit-box-pack: end;
      -webkit-box-align: row;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: nowrap;
      -moz-box-direction: normal;
      -moz-box-pack: end;
      -moz-box-align: row;
      /** LEGACY **/
      display: box;
      box-orient: nowrap;
      box-direction: normal;
      box-pack: end;
      box-align: row;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: nowrap;
      -ms-justify-content: flex-end;
      -ms-flex-align: row;
      -ms-flex-pack: end;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-direction: nowrap;
      -webkit-justify-content: flex-end;
      -webkit-align-items: row;
      /** NATIVE **/
      display: flex;
      flex-wrap: wrap;
      flex-direction: nowrap;
      justify-content: flex-end;
      align-items: row;
      width: 100%;
      margin-top: 8px;
      font-size: 12px;
      color: #666666; }
      [lang=my_MM] .gib [form-component=textareabox] .inputGroup .remainMsg {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=textareabox] .inputGroup .remainMsg {
        font-size: 8px; }
      .gib [form-component=textareabox] .inputGroup .remainMsg .remainCount {
        color: #666666;
        margin-left: 4px; }
    .gib [form-component=textareabox] .inputGroup .spellcheck {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 22px;
      height: 22px;
      width: 22px;
      cursor: pointer;
      margin-bottom: 8px; }
    .gib [form-component=textareabox] .inputGroup .spellcheck {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 22px;
      height: 22px;
      width: 22px;
      margin-bottom: 8px;
      opacity: 0.5;
      cursor: default; }
    .gib [form-component=textareabox] .inputGroup.hasText .spellcheck {
      opacity: 1;
      cursor: pointer; }
      .gib [form-component=textareabox] .inputGroup.hasText .spellcheck:hover {
        background-position: 0 -22px !important;
        color: #b51a25 !important; }
    .gib [form-component=textareabox] .inputGroup .errorTextContainer {
      position: absolute;
      line-height: 19px;
      color: transparent;
      pointer-events: none;
      max-width: calc(100% - 20px);
      overflow: hidden;
      margin: 8px;
      height: 102px;
      width: 100%;
      box-sizing: border-box;
      overflow: hidden; }
    .gib [form-component=textareabox] .inputGroup .errorText {
      position: relative;
      color: transparent; }
      .gib [form-component=textareabox] .inputGroup .errorText::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 100%;
        border-bottom: 1px dashed #d0021b; }

.gib .inputGroupContainer {
  width: 100%; }
  .gib .inputGroupContainer .addRanking {
    color: #222222;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 600;
    font-size: 16px;
    color: #666666;
    line-height: 22px;
    height: 22px;
    padding: 0 0 0 26px;
    margin: 18px 0 18px 24px;
    margin-left: 24px;
    cursor: pointer;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 22px; }
    [lang=zh_CN] .gib .inputGroupContainer .addRanking {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .gib .inputGroupContainer .addRanking {
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .gib .inputGroupContainer .addRanking {
      font-size: 12px; }
    [lang=km_KH] .gib .inputGroupContainer .addRanking {
      font-size: 12px; }
.gib [form-component=selector] {
  width: 100%; }
  .gib [form-component=selector] select {
    visibility: hidden; }
    [lang=my_MM] .gib [form-component=selector] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
    [lang=km_KH] .gib [form-component=selector] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
  .gib [form-component=selector] .inputGroup .disable {
    opacity: 0.5;
    user-select: none;
    pointer-events: none; }
  .gib [form-component=selector] .inputGroup.invalid {
    border-color: #b51a25; }
  .gib [form-component=selector] .inputGroup .selectric-wrapper {
    width: 100%; }
    .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric {
      margin-top: 14px;
      background-color: transparent;
      border: none; }
        [lang=my_MM] .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
        [lang=km_KH] .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
      .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric .button,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric .button {
        top: 0px;
        right: 0px;
        background-image: url("/assets/img/icn_arrow_down.png");
        background-position: center center;
	    background-repeat: no-repeat;
	    background-size: 12px auto;
	    width: 24px;
        background-color: transparent;
        transition: transform .3s; }
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric .button:after,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric .button:after{
          display: none; }
    .gib [form-component=selector] .inputGroup .selectric-wrapper.selectric-open {
      z-index: 20; border-color: #000000 !important;}
      .gib [form-component=selector] .inputGroup .selectric-wrapper.selectric-open .selectric-items,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper.selectric-open .selectric-items{
       max-height: 208px;
	    opacity: 1;
	    transition: max-height .2s, opacity .1s;
	    margin-top: 8px;
	    border-radius: 8px; }
      .gib [form-component=selector] .inputGroup .selectric-wrapper.selectric-open .button,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper.selectric-open .button{
        transform: rotate(180deg); }
    .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items {
      display: block;
      max-height: 0;
      background-color: #FFFFFF;
      overflow: auto;
      opacity: 0;
      z-index: auto;
      box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); }
      .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric-items li{
        background-color: #FFFFFF;
        font-size: 16px;
        color: #666666;
        padding: 16px 36px 16px 16px;
        position: relative; }
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li:hover {
          background-color: none; }
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li:before,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric-items li:before{
          content: '';
          position: absolute;
          top: -1px;
          left: 0;
          margin: 0 16px;
          width: calc(100% - 32px);
          border-bottom: 1px solid #dddddd; }
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li:after,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric-items li:after{
              content: '';
		    display: inline-block;
		    position: absolute;
		    top: 18px;
		    right: 16px;
		    height: 17px;
		    width: 16px; }
          .gib [form-component=selector] .inputGroup.multiple .selectric-wrapper .selectric-items li:after {
    		content: '';
		    display: inline-block;
		    position: absolute;
		    top: 15px;
    		left: 17px;
		    height: 20px;
		    width: 20px;
		    margin-right: 2px;
		    border-radius: 4px;
    		 border: 1px solid #979797; 
    	}
    	.gib [form-component=selector] .inputGroup.multiple .selectric-wrapper .selectric-items li{
    		padding-left: 48px;
    	}
    	.gib [form-component=selector] .inputGroup.multiple .selectric-wrapper .selectric-items li.selected{
    		background-image: url(/assets/img/icn_checked.png);
		    background-size: 26px;
		    background-position: 16px center;
		    background-repeat: no-repeat;
    	}
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li:nth-child(2):before,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric-items li:nth-child(2):before{
          border-bottom: 0; }
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.selected{
          font-synthesis: style;
          color: #000;
          }
          .CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric-items li.selected{
	          font-weight: 400; 
	          color: #000;
          }
          [lang=zh_CN] .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.selected {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.selected {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          .gib [form-component=selector] .inputGroup:not(.multiple) .selectric-wrapper .selectric-items li.selected:after ,.CompanyInfoRPContainer .inputGroupContainer .CIBP .selectric-wrapper .selectric-items li.selected:after{
            border: none;
            background-image: url(/assets/img/icn_tick_checked.png);
		    background-position: center bottom;
		    background-repeat: no-repeat;
		    background-size: 16px; }
        .gib [form-component=selector] .inputGroup.multiple .selectric-wrapper .selectric-items li.selected:after{
            background-color: transparent;	
            border: none;
        }
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.highlighted {
          background-color: #F8F8F8; }
        .gib [form-component=selector] .inputGroup .selectric-wrapper .selectric-items li.keydown {
          background-color: transparent; }
    .gib [form-component=selector] .inputGroup .selectric-wrapper.selectric-disabled {
      opacity: 1; }
.gib [form-component=inputCurrency] {
  width: 100%; }
  .gib [form-component=inputCurrency] .inputGroupRow.invalid .inputGroup {
    border-color: #b51a25; }
    .gib [form-component=inputCurrency] .inputGroupRow.invalid .inputGroup .formLabel,
    .gib [form-component=inputCurrency] .inputGroupRow.invalid .inputGroup .currency {
      color: #b51a25; }
  .gib [form-component=inputCurrency] .inputGroup.bottomSelectric .selectric-wrapper.selectric-open .selectric-items {
    max-height: 154px !important; }
  .gib [form-component=inputCurrency] .inputGroup.dropdown .formLabel {
    font-size: 16px;
    color: #666666; }
    [lang=my_MM] .gib [form-component=inputCurrency] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
    [lang=km_KH] .gib [form-component=inputCurrency] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
  .gib [form-component=inputCurrency] .inputGroup.focus .formLabel {
    bottom: 31px;
    font-size: 12px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700; }
    [lang=my_MM] .gib [form-component=inputCurrency] .inputGroup.focus .formLabel {
      font-size: 8px; }
    [lang=km_KH] .gib [form-component=inputCurrency] .inputGroup.focus .formLabel {
      font-size: 8px; }
    [lang=zh_CN] .gib [form-component=inputCurrency] .inputGroup.focus .formLabel {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .gib [form-component=inputCurrency] .inputGroup.focus .formLabel {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .gib [form-component=inputCurrency] .inputGroup .tips {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: auto;
    right: auto;
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    z-index: 1; }
  .gib [form-component=inputCurrency] .inputGroup.invalid {
    border-color: #b51a25; }
    .gib [form-component=inputCurrency] .inputGroup.invalid .formLabel {
      color: #b51a25; }
    .gib [form-component=inputCurrency] .inputGroup.invalid .selectric .label {
      color: #b51a25 !important; }
  .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper {
    width: 100%; }
    .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric {
      margin-top: 14px;
      background-color: transparent;
      border: none; }
      .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric .button,
      .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric .label {
        line-height: 32px;
        height: 32px; }
      .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric .label {
        font-size: 16px;
        margin: 5px 0 0;
        color: #222222; }
        [lang=my_MM] .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
        [lang=km_KH] .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
      .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric .button {
        top: 4px;
        right: 0px;
        background-image: url("/assets/img/icn_arrow_down.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px;
        background-color: transparent;
        transition: transform .3s; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric .button:after {
          display: none; }
    .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-hide {
      display: none; }
    .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-open {
      z-index: 8; }
      .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-open .selectric-items {
        max-height: 300px;
        opacity: 1;
        transition: max-height .8s, opacity .1s; }
      .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-open .button {
        transform: rotate(180deg); }
    .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items {
      display: block;
      max-height: 0;
      min-width: 100px;
      background-color: #FFFFFF;
      overflow: auto;
      opacity: 0;
      z-index: auto;
      box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); }
      .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li {
        background-color: #FFFFFF;
        font-size: 16px;
        color: #222222;
        padding: 16px 16px;
        position: relative; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li:hover {
          background-color: none; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          margin: 0 16px;
          width: calc(100% - 32px);
          border-bottom: 1px solid #dddddd; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li:after {
          content: '';
          display: inline-block;
          position: absolute;
          top: 21px;
          right: 18px;
          height: 10px;
          width: 10px;
          margin-right: 2px;
          border-radius: 50%; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li:last-child:before {
          border: none; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected {
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 700; }
          [lang=zh_CN] .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected:after {
            border: none;
            background-color: #8faef4; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li.highlighted {
          background-color: #eeeeee; }
        .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper .selectric-items li.keydown {
          background-color: transparent; }
    .gib [form-component=inputCurrency] .inputGroup .selectric-wrapper.selectric-disabled {
      opacity: 1; }
  .gib [form-component=inputCurrency] .inputGroup .unit {
    display: inline-block;
    vertical-align: middle;
    margin-top: 18px;
    width: auto; }
    .gib [form-component=inputCurrency] .inputGroup .unit.dropdown {
      margin-top: 0;
      width: 54px; }
  .gib [form-component=inputCurrency] .inputGroup .sepLine {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin: 18px 8px 0;
    background-color: transparent; }
  .gib [form-component=inputCurrency] .inputGroup .formInput {
    position: relative;
    width: calc(100% - 38px);
    margin-top: 18px;
    padding: 0;
    border-bottom: none;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400; }
    [lang=zh_CN] .gib [form-component=inputCurrency] .inputGroup .formInput {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    .gib [form-component=inputCurrency] .inputGroup .formInput::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #666; }
    .gib [form-component=inputCurrency] .inputGroup .formInput::-moz-placeholder {
      /* Firefox 19+ */
      color: #666; }
    .gib [form-component=inputCurrency] .inputGroup .formInput:-ms-input-placeholder {
      /* IE 10+ */
      color: #666; }
    .gib [form-component=inputCurrency] .inputGroup .formInput:-moz-placeholder {
      /* Firefox 18- */
      color: #666; }
  .gib [form-component=inputCurrency] .inputGroup .tips {
    right: 0; }

.gib [form-component=inputDropCurrency] {
  width: 100%; }
  .gib [form-component=inputDropCurrency] .inputGroupRow.invalid .inputGroup {
    border-color: #b51a25; }
    .gib [form-component=inputDropCurrency] .inputGroupRow.invalid .inputGroup .formLabel, .gib [form-component=inputDropCurrency] .inputGroupRow.invalid .inputGroup .currency {
      color: #b51a25; }
  .gib [form-component=inputDropCurrency] .inputGroup.dropdown .formLabel {
    font-size: 16px;
    color: #666666; }
    [lang=my_MM] .gib [form-component=inputDropCurrency] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
    [lang=km_KH] .gib [form-component=inputDropCurrency] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
  .gib [form-component=inputDropCurrency] .inputGroup.focus .formLabel {
    bottom: 31px;
    font-size: 12px;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700; }
    [lang=my_MM] .gib [form-component=inputDropCurrency] .inputGroup.focus .formLabel {
      font-size: 8px; }
    [lang=km_KH] .gib [form-component=inputDropCurrency] .inputGroup.focus .formLabel {
      font-size: 8px; }
    [lang=zh_CN] .gib [form-component=inputDropCurrency] .inputGroup.focus .formLabel {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .gib [form-component=inputDropCurrency] .inputGroup.focus .formLabel {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
  .gib [form-component=inputDropCurrency] .inputGroup .tips {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: auto;
    right: auto;
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    z-index: 1; }
  .gib [form-component=inputDropCurrency] .inputGroup.invalid {
    border-color: #b51a25; }
    .gib [form-component=inputDropCurrency] .inputGroup.invalid .formLabel {
      color: #b51a25; }
    .gib [form-component=inputDropCurrency] .inputGroup.invalid .selectric .label {
      color: #b51a25 !important; }
  .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper {
    width: 100%; }
    .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric {
      margin-top: 14px;
      background-color: transparent;
      border: none; }
      .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric .button,
      .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric .label {
        line-height: 32px;
        height: 32px; }
      .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric .label {
        font-size: 16px;
        margin: 5px 0 0;
        color: #222222; }
        [lang=my_MM] .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
        [lang=km_KH] .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
      .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric .button {
        top: 4px;
        right: 0px;
        background-image: url("/assets/img/icn_arrow_down.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px;
        background-color: transparent;
        transition: transform .3s; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric .button:after {
          display: none; }
    .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper.selectric-hide {
      display: none; }
    .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper.selectric-open {
      z-index: 8; }
      .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper.selectric-open .selectric-items {
        max-height: 300px;
        opacity: 1;
        transition: max-height .8s, opacity .1s; }
      .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper.selectric-open .button {
        transform: rotate(180deg); }
    .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items {
      display: block;
      max-height: 0;
      min-width: 100px;
      background-color: #FFFFFF;
      overflow: auto;
      opacity: 0;
      z-index: auto;
      box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); }
      .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li {
        background-color: #FFFFFF;
        font-size: 16px;
        color: #222222;
        padding: 16px 16px;
        position: relative; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li:hover {
          background-color: none; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          margin: 0 16px;
          width: calc(100% - 32px);
          border-bottom: 1px solid #dddddd; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li:after {
          content: '';
          display: inline-block;
          position: absolute;
          top: 21px;
          right: 18px;
          height: 10px;
          width: 10px;
          margin-right: 2px;
          border-radius: 50%; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li:last-child:before {
          border: none; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected {
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 700; }
          [lang=zh_CN] .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li.selected:after {
            border: none;
            background-color: #8faef4; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li.highlighted {
          background-color: #eeeeee; }
        .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper .selectric-items li.keydown {
          background-color: transparent; }
    .gib [form-component=inputDropCurrency] .inputGroup .selectric-wrapper.selectric-disabled {
      opacity: 1; }
  .gib [form-component=inputDropCurrency] .inputGroup .unit {
    display: inline-block;
    vertical-align: middle;
    margin-top: 18px;
    width: auto; }
    .gib [form-component=inputDropCurrency] .inputGroup .unit.dropdown {
      margin-top: 0;
      width: 54px; }
  .gib [form-component=inputDropCurrency] .inputGroup .sepLine {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin: 18px 8px 0;
    background-color: transparent; }
  .gib [form-component=inputDropCurrency] .inputGroup .formInput {
    position: relative;
    width: calc(100% - 38px);
    margin-top: 18px;
    padding-bottom: 0;
    border-bottom: none;
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400; }
    [lang=zh_CN] .gib [form-component=inputDropCurrency] .inputGroup .formInput {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    .gib [form-component=inputDropCurrency] .inputGroup .formInput::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #666; }
    .gib [form-component=inputDropCurrency] .inputGroup .formInput::-moz-placeholder {
      /* Firefox 19+ */
      color: #666; }
    .gib [form-component=inputDropCurrency] .inputGroup .formInput:-ms-input-placeholder {
      /* IE 10+ */
      color: #666; }
    .gib [form-component=inputDropCurrency] .inputGroup .formInput:-moz-placeholder {
      /* Firefox 18- */
      color: #666; }
  .gib [form-component=inputDropCurrency] .inputGroup .tips {
    right: 0; }
.dim {
  opacity: .5;
  pointer-events: none;
  user-select: none; 
  -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
     }
  .Firefox .dim {
    position: relative; }
    .Firefox .dim:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 99;
      top: 0;
      left: 0;
      background: rgba(255, 255, 255, 0.5); }
.gib [form-component=navBar] {
  width: 100%; }
  .gib [form-component=navBar].load ,.gib .contentPage.formPage.load,.gib #page.load{
    background-image: url("/assets/img/loader.gif");
    background-position: center 110px;
    background-repeat: no-repeat;
    background-size: 32px;
    touch-action: none;
    width: 100%; }
    .gib [form-component=navBar].load  * ,.gib .contentPage.formPage.load  *,.gib #page.load  * {
      opacity: 0;
      user-select: none;
      pointer-events: none; }
  .gib [form-component=navBar] .formNavContainer {
    position: relative;
    overflow: hidden; }
    .gib [form-component=navBar] .formNavContainer::after {
      content: "";
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      height: 1px;
      border-bottom: 1px solid #dddddd; }
    .gib [form-component=navBar] .formNavContainer .formNav {
      overflow: hidden;
      position: relative;
      padding-bottom: 3px; }
    .gib [form-component=navBar] .formNavContainer .formMagicLine {
      position: absolute;
      bottom: 0px;
      left: 16px;
      width: 0;
      height: 3px;
      z-index: 1;
      margin: 0;
      transition: all 0.3s;
      padding: 0; }
      .gib [form-component=navBar] .formNavContainer .formMagicLine:before, .gib [form-component=navBar] .formNavContainer .formMagicLine:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 30%;
        height: 3px; }
      .gib [form-component=navBar] .formNavContainer .formMagicLine:before {
        background-color: #7c878e; }
      .gib [form-component=navBar] .formNavContainer .formMagicLine:after {
        left: 30%;
        width: 70%;
        background-color: #9d2235; }
    .gib [form-component=navBar] .formNavContainer ul {
      list-style: none;
      width: 100%;
      display: inline-block;
      white-space: nowrap;
      font-size: 0; }
      .gib [form-component=navBar] .formNavContainer ul li {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 400;
        font-size: 16px;
        position: relative;
        cursor: pointer;
        display: inline-block;
        margin: 16px 12px 13px 12px;
        white-space: nowrap;
        line-height: 22px;
        color: #666; }
        [lang=zh_CN] .gib [form-component=navBar] .formNavContainer ul li {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=my_MM] .gib [form-component=navBar] .formNavContainer ul li {
          font-size: 12px; }
        [lang=km_KH] .gib [form-component=navBar] .formNavContainer ul li {
          font-size: 12px; }
        .gib [form-component=navBar] .formNavContainer ul li:first-child {
          margin-left: 0; }
        .gib [form-component=navBar] .formNavContainer ul li:last-child {
          margin-right: 0; }
        .gib [form-component=navBar] .formNavContainer ul li.canSubmit:after {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: calc(100% + 2px);
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background-color: #d42b35; }
        .gib [form-component=navBar] .formNavContainer ul li.haveError:after {
          background-image: url("/assets/img/icn_reg_error.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: 16px;
          content: "";
          display: inline-block;
          vertical-align: top;
          width: 16px;
          height: 22px;
          margin-left: 4px; }
        .gib [form-component=navBar] .formNavContainer ul li.active {
          font-synthesis: style;
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
          font-weight: 700;
          color: #222; }
          [lang=zh_CN] .gib [form-component=navBar] .formNavContainer ul li.active {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .gib [form-component=navBar] .formNavContainer ul li.active {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          .gib [form-component=navBar] .formNavContainer ul li.active:after {
            display: none; }
        .gib [form-component=navBar] .formNavContainer ul li.coverLayer {
          opacity: 0.5;
          cursor: default; }
    .gib [form-component=navBar] .formNavContainer .formNavLeftScroll {
      display: none;
      width: 24px;
      height: 54px;
      background-repeat: no-repeat;
      background-size: 8px 16px;
      cursor: pointer;
      position: absolute;
      top: 0;
      background-position: right 50%;
      left: 0;
      background-color: #fff; }
      .gib [form-component=navBar] .formNavContainer .formNavLeftScroll:before {
        content: '';
        width: 80px;
        height: 60px;
        right: -80px;
        top: 0;
        position: absolute;
        background-image: linear-gradient(to left, rgba(255, 255, 255, 0.02), #fff);
        pointer-events: none; }
    .gib [form-component=navBar] .formNavContainer .formNavRightScroll {
      display: none;
      width: 24px;
      height: 54px;
      background-repeat: no-repeat;
      background-size: 8px 16px;
      cursor: pointer;
      position: absolute;
      top: 0;
      background-position: left 50%;
      right: 0;
      background-color: #fff; }
      .gib [form-component=navBar] .formNavContainer .formNavRightScroll:before {
        content: '';
        width: 80px;
        height: 60px;
        left: -80px;
        top: 0;
        position: absolute;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.02), #fff);
        pointer-events: none; }
  .gib [form-component=navBar] .navContainer > div {
    visibility: hidden;
    height: 0;
    pointer-events: none;
    overflow: hidden; }
    .gib [form-component=navBar] .navContainer > div.active {
      visibility: visible;
      height: auto;
      pointer-events: all;
      overflow: visible; }
    .gib [form-component=navBar] .navContainer > div.preactive {
      visibility: visible;
      height: auto;
      overflow: visible; }
  .gib [form-component=navBar] .navContainer .confirmTitle {
    font-size: 24px;
    color: #222222;
    margin-top: 32px;
    padding-bottom: 16px; }
    [lang=my_MM] .gib [form-component=navBar] .navContainer .confirmTitle {
      font-size: 20px; }
    [lang=km_KH] .gib [form-component=navBar] .navContainer .confirmTitle {
      font-size: 20px; }
  .gib [form-component=navBar] .navContainer .confirmSubTitle {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 700;
    font-size: 16px;
    margin-top: 32px;
    padding-bottom: 16px; }
    [lang=zh_CN] .gib [form-component=navBar] .navContainer .confirmSubTitle {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .gib [form-component=navBar] .navContainer .confirmSubTitle {
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .gib [form-component=navBar] .navContainer .confirmSubTitle {
      font-size: 12px; }
    [lang=km_KH] .gib [form-component=navBar] .navContainer .confirmSubTitle {
      font-size: 12px; }

.gib [form-component=accessRightTab] .functionBarContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
  height: 54px; }
  .gib [form-component=accessRightTab] .functionBarContainer .functionWrap {
    margin-left: 24px;
    position: relative; }
    .gib [form-component=accessRightTab] .functionBarContainer .functionWrap .functionBtn {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      user-select: none;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 22px;
      padding-left: 26px;
      color: #666; }
      [lang=zh_CN] .gib [form-component=accessRightTab] .functionBarContainer .functionWrap .functionBtn {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib [form-component=accessRightTab] .functionBarContainer .functionWrap .functionBtn {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=accessRightTab] .functionBarContainer .functionWrap .functionBtn {
        font-size: 12px; }
      [lang=km_KH] .gib [form-component=accessRightTab] .functionBarContainer .functionWrap .functionBtn {
        font-size: 12px; }
      .gib [form-component=accessRightTab] .functionBarContainer .functionWrap .functionBtn.noIcon {
        padding-left: 0;
        background-image: none; }
      .gib [form-component=accessRightTab] .functionBarContainer .functionWrap .functionBtn:hover {
        background-position: 0 -22px !important;
        color: #b51a25 !important; }

.gib [form-component=datepicker] {
  width: 100%; }
  .gib [form-component=datepicker] .inputGroup .dateBtn {
    background-image: url("/assets/img/icn_calendar_hover.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 22px;
    position: absolute;
    bottom: 13px;
    right: 16px;
    width: 22px;
    height: 22px;
    cursor: pointer; }
  .gib [form-component=datepicker] .inputGroup .tips {
    position: absolute;
    top: calc(50% - 8px);
    right: -28px;
    background-image: url("/assets/img/icn_info@3x.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 5; }
    .gib [form-component=datepicker] .inputGroup .tips .tooltiptext {
      position: absolute;
      top: calc(100% + 10px);
      left: 6px;
      width: auto;
      color: #666666;
      background: #FFFFFF;
      padding: 8px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 12px;
      text-align: left;
      font-weight: 400;
      line-height: 16px;
      white-space: nowrap;
      border-radius: 0px;
      visibility: hidden;
      box-shadow: 0px 1px 4px 0 rgba(34, 34, 34, 0.3);
      z-index: 2; }
      [lang=zh_CN] .gib [form-component=datepicker] .inputGroup .tips .tooltiptext {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=datepicker] .inputGroup .tips .tooltiptext {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=datepicker] .inputGroup .tips .tooltiptext {
        font-size: 8px; }
      .gib [form-component=datepicker] .inputGroup .tips .tooltiptext:before {
        border: solid transparent;
        border-color: rgba(230, 230, 230, 0);
        border-bottom-color: #e6e6e6;
        border-width: 9px;
        margin-right: -9px;
        left: 6px;
        z-index: 3;
        bottom: 100%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .gib [form-component=datepicker] .inputGroup .tips .tooltiptext:after {
        content: '';
        border: solid transparent;
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #FFFFFF;
        border-width: 8px;
        margin-right: -8px;
        left: 6px;
        z-index: 3;
        bottom: 100%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .gib [form-component=datepicker] .inputGroup .tips .tooltiptext.left {
        right: auto;
        left: -6px; }
        .gib [form-component=datepicker] .inputGroup .tips .tooltiptext.left:before {
          right: auto;
          left: 8px; }
        .gib [form-component=datepicker] .inputGroup .tips .tooltiptext.left:after {
          right: auto;
          left: 9px; }
    .gib [form-component=datepicker] .inputGroup .tips:hover {
      background-position: bottom; }
      .gib [form-component=datepicker] .inputGroup .tips:hover .tooltiptext {
        visibility: visible; }

.gib [form-component=datepicker] .daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #ddd;
  width: 100%;
  max-width: none;
  padding: 0 10%;
  margin-top: 0px;
  top: 100px;
  left: 20px;
  z-index: 20;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
  box-sizing: border-box; 
  margin-top: 8px;}

.gib [form-component=datepicker] .daterangepicker:before,
.gib [form-component=datepicker] .daterangepicker:after {
  display: none; }

.gib [form-component=datepicker] .daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.gib [form-component=datepicker] .daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.gib [form-component=datepicker] .daterangepicker.opensleft:before {
  right: 9px; }

.gib [form-component=datepicker] .daterangepicker.opensleft:after {
  right: 10px; }

.gib [form-component=datepicker] .daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.gib [form-component=datepicker] .daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.gib [form-component=datepicker] .daterangepicker.opensright:before {
  left: 9px; }

.gib [form-component=datepicker] .daterangepicker.opensright:after {
  left: 10px; }

.gib [form-component=datepicker] .daterangepicker.drop-up {
  margin-top: -7px; }

.gib [form-component=datepicker] .daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.gib [form-component=datepicker] .daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.gib [form-component=datepicker] .daterangepicker.single .daterangepicker .ranges,
.gib [form-component=datepicker] .daterangepicker.single .drp-calendar {
  float: none; }

.gib [form-component=datepicker] .daterangepicker.single .drp-selected {
  display: none; }

.gib [form-component=datepicker] .daterangepicker.show-calendar .drp-calendar {
  display: block; }

.gib [form-component=datepicker] .daterangepicker.show-calendar .drp-buttons {
  display: block; }

.gib [form-component=datepicker] .daterangepicker.auto-apply .drp-buttons .applyBtn {
  display: none; }

.gib [form-component=datepicker] .daterangepicker .drp-calendar {
  display: none; }

.gib [form-component=datepicker] .daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 0px; }

.gib [form-component=datepicker] .daterangepicker .drp-calendar.right {
  padding: 8px 0 8px 8px; }

.gib [form-component=datepicker] .daterangepicker .drp-calendar.single .calendar-table {
  border: none; }

.gib [form-component=datepicker] .daterangepicker .calendar-table .next span,
.gib [form-component=datepicker] .daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 1px 1px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px; }

.gib [form-component=datepicker] .daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.gib [form-component=datepicker] .daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.gib [form-component=datepicker] .daterangepicker .calendar-table th,
.gib [form-component=datepicker] .daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.gib [form-component=datepicker] .daterangepicker .calendar-table th {
  cursor: default; }
  .gib [form-component=datepicker] .daterangepicker .calendar-table th.prev, .gib [form-component=datepicker] .daterangepicker .calendar-table th.next {
    cursor: pointer; }

.gib [form-component=datepicker] .daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff; }

.gib [form-component=datepicker] .daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

.gib [form-component=datepicker] .daterangepicker td.available:hover,
.gib [form-component=datepicker] .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit; }

.gib [form-component=datepicker] .daterangepicker td.week,
.gib [form-component=datepicker] .daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.gib [form-component=datepicker] .daterangepicker td.off,
.gib [form-component=datepicker] .daterangepicker td.off.in-range,
.gib [form-component=datepicker] .daterangepicker td.off.start-date,
.gib [form-component=datepicker] .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999; }

.gib [form-component=datepicker] .daterangepicker td.in-range {
  background-color: #eee;
  border-color: transparent;
  color: #000;
  border-radius: 0; }

.gib [form-component=datepicker] .daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.gib [form-component=datepicker] .daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.gib [form-component=datepicker] .daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.gib [form-component=datepicker] .daterangepicker td.active,
.gib [form-component=datepicker] .daterangepicker td.active:hover {
  background-color: #b51a25;
  border-color: transparent;
  color: #fff; }

.gib [form-component=datepicker] .daterangepicker th.month {
  width: auto;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  cursor: default; }
  .gib [form-component=datepicker] .daterangepicker th.month .selectric-monthselect {
    width: 50%;
    display: inline-block;
    cursor: pointer; }
  .gib [form-component=datepicker] .daterangepicker th.month .selectric-yearselect {
    width: 50%;
    display: inline-block; }
  .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper.selectric-open .button {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari */
    transform: rotate(180deg); }
  .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper.selectric-open .selectric-items {
    overflow: auto;
    max-height: 314px;
    transition: max-height 0.3s; }
  .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric {
    background-color: transparent;
    border: none; }
    .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric .label {
      font-size: 14px;
      color: #222222; }
      [lang=my_MM] .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric .label {
        font-size: 10px; }
      [lang=km_KH] .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric .label {
        font-size: 10px; }
    .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric .button {
      background-image: url("/assets/img/icn_arrow_down.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 10px 16px;
      background-color: transparent;
      transition: transform 0.3s, -webkit-transform 0.3s, -ms-transform 0.3s; }
      .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric .button::after {
        content: none; }
  .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric-items {
    overflow: auto;
    max-height: 314px;
    transition: max-height 0.3s; }
    .gib [form-component=datepicker] .daterangepicker th.month .selectric-wrapper .selectric-items .selectric-scroll li {
      color: #222222; }

.gib [form-component=datepicker] .daterangepicker th.prev {
  position: relative;
  top: -4px; }

.gib [form-component=datepicker] .daterangepicker th.next {
  position: relative;
  top: -4px; }

.gib [form-component=datepicker] .daterangepicker td.disabled,
.gib [form-component=datepicker] .daterangepicker option.disabled {
  color: #ddd;
  cursor: not-allowed; }

.gib [form-component=datepicker] .daterangepicker select.monthselect,
.gib [form-component=datepicker] .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default; }

.gib [form-component=datepicker] .daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.gib [form-component=datepicker] .daterangepicker select.yearselect {
  width: 40%; }

.gib [form-component=datepicker] .daterangepicker select.hourselect,
.gib [form-component=datepicker] .daterangepicker select.minuteselect,
.gib [form-component=datepicker] .daterangepicker select.secondselect,
.gib [form-component=datepicker] .daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px; }

.gib [form-component=datepicker] .daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative; }

.gib [form-component=datepicker] .daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.gib [form-component=datepicker] .daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle; }

.gib [form-component=datepicker] .daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px; }

.gib [form-component=datepicker] .daterangepicker .drp-buttons .btn {
  font-weight: bold;
    padding: 8px 12px;
    border-radius: 4px; }

.gib [form-component=datepicker] .daterangepicker.show-ranges .drp-calendar.left {
  border-left: 1px solid #ddd; }

.gib [form-component=datepicker] .daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0; }

.gib [form-component=datepicker] .daterangepicker.show-calendar .ranges {
  margin-top: 8px; }

.gib [form-component=datepicker] .daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.gib [form-component=datepicker] .daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer; }

.gib [form-component=datepicker] .daterangepicker .ranges li:hover {
  background-color: #eee; }

.gib [form-component=datepicker] .daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff; }

.gib [form-component=datepicker] .daterangepicker.ltr .drp-calendar,
.gib [form-component=datepicker] .daterangepicker.ltr .ranges {
  float: left;
  width: 100%; }

.gib [form-component=inputnumberbox] {
  width: 100%; }
  .gib [form-component=inputnumberbox] .inputGroup .tips {
    right: 0; }
  .gib [form-component=inputnumberbox] .inputGroup input[type=number] {
    -moz-appearance: textfield; }

.gib [form-component=textareabox] {
  width: 100%; }
  .gib [form-component=textareabox] .inputGroup {
    height: auto;
    flex-wrap: wrap;
    border-bottom: 0;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden; }
    .gib [form-component=textareabox] .inputGroup.noMarginBottom {
      margin-bottom: 0px; }
    .gib [form-component=textareabox] .inputGroup .formtextareaInput {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 16px;
      resize: none;
      width: 100%;
      height: 120px;
      box-sizing: border-box;
      color: #222222;
      border: 1px solid #ddd;
      outline: 1px solid #ddd;
      padding: 8px;
      line-height: 19px;
      overflow: auto; }
      [lang=zh_CN] .gib [form-component=textareabox] .inputGroup .formtextareaInput {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=textareabox] .inputGroup .formtextareaInput {
        font-size: 12px; }
      [lang=km_KH] .gib [form-component=textareabox] .inputGroup .formtextareaInput {
        font-size: 12px; }
      .gib [form-component=textareabox] .inputGroup .formtextareaInput:focus {
        border: 1px solid #222222; }
    .gib [form-component=textareabox] .inputGroup .labelContainer {
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: horizontal;
      -webkit-box-pack: space-between;
      -webkit-box-align: end;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -moz-box-pack: space-between;
      -moz-box-align: end;
      /** LEGACY **/
      display: box;
      box-orient: horizontal;
      box-direction: normal;
      box-pack: space-between;
      box-align: end;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: nowrap;
      -ms-flex-direction: row;
      -ms-justify-content: space-between;
      -ms-flex-align: end;
      -ms-flex-pack: justify;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: nowrap;
      -webkit-flex-direction: row;
      -webkit-justify-content: space-between;
      -webkit-align-items: flex-end;
      /** NATIVE **/
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      width: 100%; }
    .gib [form-component=textareabox] .inputGroup .formLabel {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      font-size: 12px;
      line-height: 17px;
      color: #666666;
      transition: bottom 0.3s, font-size 0.3s;
      position: static;
      margin-bottom: 8px; }
      [lang=zh_CN] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=textareabox] .inputGroup .formLabel {
        font-size: 8px; }
    .gib [form-component=textareabox] .inputGroup .search {
      position: relative;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      top: -1px;
      right: auto;
      background-size: 16px;
      width: 16px;
      height: 16px;
      margin-left: 8px;
      z-index: 1; }
      .gib [form-component=textareabox] .inputGroup .search:hover {
        background-position: 0 -16px !important; }
    .gib [form-component=textareabox] .inputGroup .tips {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      top: -1px;
      right: auto;
      background-size: 16px;
      width: 16px;
      height: 16px;
      margin-left: 4px;
      z-index: 1; }
    .gib [form-component=textareabox] .inputGroup.invalid .formtextareaInput {
      outline-color: #EE3737;
      border: 1px solid #EE3737; }
    .gib [form-component=textareabox] .inputGroup.invalid .formLabel {
      color: #EE3737; }
    .gib [form-component=textareabox] .inputGroup.invalid .selectric .label {
      color: #EE3737 !important; }
    .gib [form-component=textareabox] .inputGroup .remainMsg {
      position: relative;
      /** SAFARI **/
      display: -webkit-box;
      -webkit-box-orient: nowrap;
      -webkit-box-pack: end;
      -webkit-box-align: row;
      /** FIREFOX LEGACY **/
      display: -moz-box;
      -moz-box-orient: nowrap;
      -moz-box-direction: normal;
      -moz-box-pack: end;
      -moz-box-align: row;
      /** LEGACY **/
      display: box;
      box-orient: nowrap;
      box-direction: normal;
      box-pack: end;
      box-align: row;
      /** IE 10+ **/
      display: -ms-flexbox;
      -ms-flex-wrap: wrap;
      -ms-flex-direction: nowrap;
      -ms-justify-content: flex-end;
      -ms-flex-align: row;
      -ms-flex-pack: end;
      /** CHROME **/
      display: -webkit-flex;
      -webkit-flex-wrap: wrap;
      -webkit-flex-direction: nowrap;
      -webkit-justify-content: flex-end;
      -webkit-align-items: row;
      /** NATIVE **/
      display: flex;
      flex-wrap: wrap;
      flex-direction: nowrap;
      justify-content: flex-end;
      align-items: row;
      width: 100%;
      margin-top: 4px;
      font-size: 14px;
      color: #666666;
      font-weight: 400; }
      [lang=my_MM] .gib [form-component=textareabox] .inputGroup .remainMsg {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=textareabox] .inputGroup .remainMsg {
        font-size: 8px; }
      .gib [form-component=textareabox] .inputGroup .remainMsg .remainCount {
        color: #666666;
        margin-left: 4px; }
    .gib [form-component=textareabox] .inputGroup .spellcheck {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 22px;
      height: 22px;
      width: 22px;
      cursor: pointer;
      margin-bottom: 8px; }
    .gib [form-component=textareabox] .inputGroup .spellcheck {
      background-position: top center;
      background-repeat: no-repeat;
      background-size: 22px;
      height: 22px;
      width: 22px;
      margin-bottom: 8px;
      opacity: 0.5;
      cursor: default; }
    .gib [form-component=textareabox] .inputGroup.hasText .spellcheck {
      opacity: 1;
      cursor: pointer; }
      .gib [form-component=textareabox] .inputGroup.hasText .spellcheck:hover {
        background-position: 0 -22px !important;
        color: #b51a25 !important; }
    .gib [form-component=textareabox] .inputGroup .errorTextContainer {
      position: absolute;
      line-height: 19px;
      color: transparent;
      pointer-events: none;
      max-width: calc(100% - 20px);
      overflow: hidden;
      margin: 8px;
      height: 102px;
      width: 100%;
      box-sizing: border-box;
      overflow: hidden; }
    .gib [form-component=textareabox] .inputGroup .errorText {
      position: relative;
      color: transparent; }
      .gib [form-component=textareabox] .inputGroup .errorText::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 2px;
        width: 100%;
        border-bottom: 1px dashed #d0021b; }

.gib [form-component=inputPhone] {
  width: 100%; }
  .gib [form-component=inputPhone] .inputGroupRow.invalid .inputGroup {
    border-color: #b51a25; }
    .gib [form-component=inputPhone] .inputGroupRow.invalid .inputGroup .formLabel, .gib [form-component=inputPhone] .inputGroupRow.invalid .inputGroup .currency {
      color: #b51a25; }
  .gib [form-component=inputPhone] .inputGroup.dropdown .formLabel {
    font-size: 16px;
    color: #666666; }
    [lang=my_MM] .gib [form-component=inputPhone] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
    [lang=km_KH] .gib [form-component=inputPhone] .inputGroup.dropdown .formLabel {
      font-size: 12px; }
  .gib [form-component=inputPhone] .inputGroup.focus .add,
  .gib [form-component=inputPhone] .inputGroup.focus .distTel {
    display: inline-block; }
  .gib [form-component=inputPhone] .inputGroup.invalid {
    border-color: #b51a25; }
    .gib [form-component=inputPhone] .inputGroup.invalid .formLabel {
      color: #b51a25; }
  .gib [form-component=inputPhone] .inputGroup .selectric-wrapper {
    width: 100%; }
    .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric {
      margin-top: 14px;
      background-color: transparent;
      border: none; }
      .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric .button,
      .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric .label {
        line-height: 32px;
        height: 32px; }
      .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric .label {
        font-size: 16px;
        margin: 5px 0 0;
        color: #222222; }
        [lang=my_MM] .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
        [lang=km_KH] .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric .label {
          font-size: 12px; }
      .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric .button {
        top: 4px;
        right: 0px;
        background-image: url("/assets/img/icn_arrow_down.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 10px 16px;
        width: 10px;
        background-color: #fff;
        transition: transform .3s; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric .button:after {
          display: none; }
    .gib [form-component=inputPhone] .inputGroup .selectric-wrapper.selectric-hide {
      display: none; }
    .gib [form-component=inputPhone] .inputGroup .selectric-wrapper.selectric-open {
      z-index: 8; }
      .gib [form-component=inputPhone] .inputGroup .selectric-wrapper.selectric-open .selectric-items {
        max-height: 300px;
        opacity: 1;
        transition: max-height .8s, opacity .1s; }
      .gib [form-component=inputPhone] .inputGroup .selectric-wrapper.selectric-open .button {
        transform: rotate(180deg); }
    .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items {
      display: block;
      max-height: 0;
      min-width: 100px;
      background-color: #FFFFFF;
      overflow: auto;
      opacity: 0;
      z-index: auto;
      box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3); }
      .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li {
        background-color: #FFFFFF;
        font-size: 16px;
        color: #666666;
        padding: 16px 16px;
        position: relative; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li:hover {
          background-color: none; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          margin: 0 16px;
          width: calc(100% - 32px);
          border-bottom: 1px solid #dddddd; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li:after {
          content: '';
          display: inline-block;
          position: absolute;
          top: 21px;
          right: 18px;
          height: 10px;
          width: 10px;
          margin-right: 2px;
          border-radius: 50%; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li:last-child:before {
          border: none; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li.selected {
          color: #000;
          }
          .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li.selected:after {
            border: none;
            background-color: #8faef4; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li.highlighted {
          background-color: #eeeeee; }
        .gib [form-component=inputPhone] .inputGroup .selectric-wrapper .selectric-items li.keydown {
          background-color: transparent; }
    .gib [form-component=inputPhone] .inputGroup .selectric-wrapper.selectric-disabled {
      opacity: 1; }
  .gib [form-component=inputPhone] .inputGroup .add {
    display: none;
    vertical-align: middle;
    margin-top: 18px; }
  .gib [form-component=inputPhone] .inputGroup .distTel {
    position: relative;
    display: none;
    vertical-align: middle;
    margin-top: 18px;
    padding: 0 0 0 2px;
    width: 31px;
    box-sizing: border-box; }
  .gib [form-component=inputPhone] .inputGroup .sepLine {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin: 18px 8px 0;
    background-color: transparent; }
  .gib [form-component=inputPhone] .inputGroup .phoneTel {
    position: relative;
    width: calc(100% - 38px);
    margin-top: 19px;
    padding: 0;
    border-bottom: none;
    font-size: 16px;
    font-synthesis: style;
    font-family: "Noto Sans"
    font-weight: 400;
    height: 46px !important; }
    [lang=my_MM] .gib [form-component=inputPhone] .inputGroup .phoneTel {
      font-size: 12px; }
    [lang=km_KH] .gib [form-component=inputPhone] .inputGroup .phoneTel {
      font-size: 12px; }
    [lang=zh_CN] .gib [form-component=inputPhone] .inputGroup .phoneTel {
		font-family: "Noto Sans SC Regular";
	}
	[lang=zh_HK] .gib [form-component=inputPhone] .inputGroup .phoneTel {
		font-family: "Noto Sans TC Regular";
	}
    .gib [form-component=inputPhone] .inputGroup .phoneTel::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #666; }
    .gib [form-component=inputPhone] .inputGroup .phoneTel::-moz-placeholder {
      /* Firefox 19+ */
      color: #666; }
    .gib [form-component=inputPhone] .inputGroup .phoneTel:-ms-input-placeholder {
      /* IE 10+ */
      color: #666; }
    .gib [form-component=inputPhone] .inputGroup .phoneTel:-moz-placeholder {
      /* Firefox 18- */
      color: #666; }
.gib [form-component=tickbox] {
  width: 100%; }
  .gib [form-component=tickbox] input {
    display: none; }
    .gib [form-component=tickbox] input.tickIcon:checked + label:before {
      border: none;
      background-image: url("/assets/img/icn_checked.png");
      background-position: center center;
      background-repeat: no-repeat;
    }
  .gib [form-component=tickbox] label {
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: start;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: start;
    box-align: center;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    -ms-flex-direction: row;
    -ms-justify-content: flex-start;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    /** NATIVE **/
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin: 16px 0; }
    .gib [form-component=tickbox] label .formLabel {
      color: #222222;
	}
      .gib [form-component=tickbox] label .formLabel b, .gib [form-component=tickbox] label .formLabel a {
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 700; }
        [lang=zh_CN] .gib [form-component=tickbox] label .formLabel b, [lang=zh_CN] .gib [form-component=tickbox] label .formLabel a {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] .gib [form-component=tickbox] label .formLabel b, [lang=zh_CN] .gib [form-component=tickbox] label .formLabel a {
          font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    .gib [form-component=tickbox] label.tickIcon:before {
      	min-width: 40px;
	    height: 24px;
	    content: "";
	    display: block;
	    background-image: url(/assets/img/icn_checkbox_nochecked.png);
	    background-size: 22px;
	    background-position: center;
	    background-repeat: no-repeat;
	    pointer-events: auto;
	    margin-left: -10px;}

.gib [form-component=docSelectCombination] {
  width: 100%;
  padding-bottom: 24px; }
  .gib [form-component=docSelectCombination] .docSelectComContainer {
    display: flex;
    flex-direction: column; }
  .gib [form-component=docSelectCombination] .docSelectComAction {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 8px; }
    .gib [form-component=docSelectCombination] .docSelectComAction .moreCombination {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 600;
      font-size: 16px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: 22px;
      color: #222222;
      color: #666666;
      line-height: 22px;
      height: 22px;
      padding: 0 0 0 26px;
      cursor: pointer;
      user-select: none; }
      [lang=zh_CN] .gib [form-component=docSelectCombination] .docSelectComAction .moreCombination {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib [form-component=docSelectCombination] .docSelectComAction .moreCombination {
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=docSelectCombination] .docSelectComAction .moreCombination {
        font-size: 12px; }
      [lang=km_KH] .gib [form-component=docSelectCombination] .docSelectComAction .moreCombination {
        font-size: 12px; }
      .gib [form-component=docSelectCombination] .docSelectComAction .moreCombination.hide {
        display: none;
        pointer-events: none; }
  .gib [form-component=docSelectCombination].slience .inputGroup .formLabel {
    transition: none; }
.gib [form-component=location] {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .gib [form-component=location] .searchContainer {
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 55px; }
  .gib [form-component=location] .locationLabel {
    margin: 8px 0 0;
    color: #999999;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    line-height: 48px; 
    font-size: 16px;}
    .gib [form-component=location] .multiple .locationLabel{
	    position: static;
	    margin-top: 0;
	    white-space: nowrap;
    }
    .gib [form-component=location] .inputGroup.focus .locationLabel{
    	color: #000000;
    }
    [lang=my_MM] .gib [form-component=location] .locationLabel {
      font-size: 12px; }
    [lang=km_KH] .gib [form-component=location] .locationLabel {
      font-size: 12px; }
  .gib [form-component=location] .inputGroup .dropdownContainer {
    position: absolute;
    left: 0px;
   /* top: 86px; */
    margin-top: 8px;
    width: 100%;
    max-height: 0px;
    opacity: 0;
    /* overflow: auto;*/
    z-index: 2;
    box-shadow: 0 2px 4px 0 rgba(34, 34, 34, 0.3);
    border: 1px solid #d1d1d1;
    transition: max-height .4s, opacity .1s; }
  .gib [form-component=location] .inputGroup.open .button {
    transform: rotate(180deg); }
  .gib [form-component=location] .inputGroup.open .dropdownContainer {
    max-height: 454px;
    height: 454px;
    border-radius: 8px;
    opacity: 1; z-index: 50;}
  .gib [form-component=location] .button {
    top: 14px;
    right: 0px;
    position: absolute;
    background-image: url("/assets/img/icn_arrow_down.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px 16px;
    width: 10px;
    height: 32px;
    background-color: transparent;
    transition: transform .3s; }
  .gib [form-component=location] a {
    margin-right: 16px;
    width: 107px;
    background-repeat: no-repeat;
    background-position: 99% center;
    padding-left: 16px;
    line-height: 22px;
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: start;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: start;
    box-align: center;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: nowrap;
    -ms-flex-direction: row;
    -ms-justify-content: flex-start;
    -ms-flex-align: center;
    -ms-flex-pack: start;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    /** NATIVE **/
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    user-select: none;
    color: #222222; }
    .gib [form-component=location] a ~ a {
      border-left: 0.5px solid #eeeeee; }
    .gib [form-component=location] a .searchOptionText {
      display: flex;
      width: calc(100% - 11px);
      justify-content: center; }
      .gib [form-component=location] a .searchOptionText > div:first-of-type {
        text-align: center; }
      .gib [form-component=location] a .searchOptionText .searchOptionTextRegion {
        white-space: pre-line;
        width: 100%; }
      .gib [form-component=location] a .searchOptionText .searchOptionTextDistrict,
      .gib [form-component=location] a .searchOptionText .searchOptionTextService {
        width: 100%; }
    .gib [form-component=location] a .moreAction {
      width: 11px;
      height: 16px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: right center;
      transition: transform .3s; }
    .gib [form-component=location] a.isSelected .searchOptionText > div:first-of-type {
      margin-left: 8px; }
    .gib [form-component=location] a.isSelected .searchOptionText .blueDot {
      width: 6px;
      height: 6px;
      background-color: #d42b35;
      border-radius: 3px;
      flex-shrink: 0;
      position: relative;
      top: -2px;
      left: 2px; }
    .gib [form-component=location] a:first-of-type .show {
      left: 16px; }
    .gib [form-component=location] a.clicked .moreAction {
      transform: rotate(180deg); }
    .gib [form-component=location] a.clicked .regionField ::placeholder,
    .gib [form-component=location] a.clicked .districtField ::placeholder {
      color: #999999; }
    .gib [form-component=location] a.clicked .applyButtonRow {
      width: 320px;
      text-align: center;
      position: absolute;
      z-index: 100;
      background-color: #FFFFFF;
      top: 509px;
      border-top: 1px solid #dddddd;
      display: block;
      margin-left: -7px;
      right: -178px;
      box-shadow: 1px 3px 6px #d1cdd1, 1px 3px 6px #d1cdd1;
      -moz-box-shadow: 1px 3px 6px #d1cdd1, 1px 3px 6px #d1cdd1;
      -webkit-box-shadow: 1px 3px 6px #d1cdd1, 1px 3px 6px #d1cdd1;
      cursor: initial; }
      .gib [form-component=location] a.clicked .applyButtonRow .apply {
        border: none;
        padding: 11px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 8px 0;
        border-radius: 5px;
        width: calc(100% - 32px);
        line-height: 22px;
        font-synthesis: style;
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
        font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
        font-weight: 600; }
        [lang=my_MM] .gib [form-component=location] a.clicked .applyButtonRow .apply {
          font-size: 12px; }
        [lang=km_KH] .gib [form-component=location] a.clicked .applyButtonRow .apply {
          font-size: 12px; }
        [lang=zh_CN] .gib [form-component=location] a.clicked .applyButtonRow .apply {
          font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
        [lang=zh_CN] .gib [form-component=location] a.clicked .applyButtonRow .apply {
          font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
  .gib [form-component=location] .searchResult {
    position: absolute;
    height: calc(100% - 52px);
    width: 100%;
    overflow-y: auto;
    background-color: #FFFFFF;
    z-index: 1; }
  .gib [form-component=location] .inputGroup.open .liFilter,.gib #overlay .igtbNetOverlay .searchFilter .liFilter {
    height: 52px;
    line-height: 52px;
    margin: 0;
    border: none;
    box-sizing: border-box;
    font-size: 16px; 
    padding-left: 44px;
    width:100%;
    }
  .gib [form-component=location] .inputGroup:not(.open) .liFilter{
  	display: none;
  }
  .gib [form-component=location] .inputGroup.open .liFilter:placeholder-shown,.gib #overlay .igtbNetOverlay .searchFilter .liFilter:placeholder-shown{
  	  color: #999999 !important;
  } 
[lang=zh_HK].gib [form-component=location] .liFilter,[lang=zh_HK].gib .igtbNetOverlay .searchFilter .liFilter{
	font-family: "Noto Sans TC Regular" !important;
}
[lang=zh_CN].gib [form-component=location] .liFilter,[lang=zh_CN].gib .igtbNetOverlay .searchFilter .liFilter{
	font-family: "Noto Sans SC Regular" !important;
}
.gib [form-component=location] .liFilter,.gib .igtbNetOverlay .searchFilter .liFilter{
	font-family: "Noto Sans" !important;
}
    [lang=my_MM] .gib [form-component=location] .liFilter {
      font-size: 10px; }
    [lang=km_KH] .gib [form-component=location] .liFilter {
      font-size: 10px; }
    .gib [form-component=location] .liFilter::-ms-clear {
      display: none; }
  .gib [form-component=location] .searchFilter,.gib .igtbNetOverlay .searchFilter {
  	position: relative;
    border-bottom: 1px solid #dddddd;
    background-repeat: no-repeat;
    cursor: initial;
    background-color: #FFFFFF; }
    .gib [form-component=location] .inputGroup:not(.open) .searchFilter{
    	height: 0;
    	overflow: hidden;
    }
    .gib [form-component=location] .searchFilter.regionFilter,.gib .igtbNetOverlay .searchFilter.regionFilter {
      left: 0; }
    .gib [form-component=location] .searchFilter .searchCancel,.igtbNetOverlay .searchFilter .searchCancel {
      display: none;
      position: absolute;
      width: 18px;
      height: 18px;
      float: right;
      margin-left: 0px;
      margin-right: 0px;
      background-image: url("/assets/img/icn_clear.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center 50%;
      line-height: 54px;
      top: 18px;
      right: 12px;
      cursor: pointer; }
      .gib [form-component=location] .searchFilter .searchIcon,.igtbNetOverlay .searchFilter .searchIcon {
      position: absolute;
      width: 24px;
      height: 24px;
      margin-left: 0px;
      margin-right: 0px;
      background-image: url("/assets/img/icn_search.png");
      background-repeat: no-repeat;
      background-size: cover;
      top: 50%;
      margin-top: -12px;
      left: 12px; }
    .gib [form-component=location] .searchFilter.typed .searchCancel, .igtbNetOverlay .searchFilter.typed .searchCancel{
      display: inline; }
  .gib [form-component=location] .icon-search {
    background-repeat: no-repeat;
    padding-left: 26px;
    background-position: left center;
    width: calc(100% - 30px);
    outline: none; }
  .gib [form-component=location] ul {
    height: 454px;
    text-align: left; }
    .gib [form-component=location] ul > .liItem,
    .gib [form-component=location] ul .liFilter,
    .gib [form-component=location] ul .serviceSelect,
    .gib .igtbNetOverlay ul > .liItem,
    .gib .igtbNetOverlay ul .liFilter,
    .gib .igtbNetOverlay ul .serviceSelect {
      padding: 0 16px;
      line-height: 53px; }
    .gib [form-component=location] ul .serviceSelect ,.gib .igtbNetOverlay ul .serviceSelect{
      position: relative; }
      .gib [form-component=location] ul .serviceSelect::after,.gib .igtbNetOverlay ul .serviceSelect::after {
        content: '';
        width: calc(100% - 32px);
        height: 1px;
        background: #dddddd;
        position: absolute;
        bottom: 0;
        left: 16px; }
      .gib [form-component=location] ul .serviceSelect.hover,.gib .igtbNetOverlay ul .serviceSelect.hover {
        background-color: #eeeeee; }
    .gib [form-component=location] ul .liPretitle, .gib .igtbNetOverlay ul .liPretitle {
      cursor: pointer; }
    .gib [form-component=location] ul .highlight,.gib .igtbNetOverlay ul .highlight {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700; }
      [lang=zh_CN] .gib [form-component=location] ul .highlight,[lang=zh_CN] .gib .igtbNetOverlay ul .highlight {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
    .gib [form-component=location] ul .liItem,.igtbNetOverlay ul .liItem {
      cursor: pointer; }
      .gib [form-component=location] ul .liItem:hover,.igtbNetOverlay ul .liItem:hover{
        background-color: #eeeeee; }
      .gib [form-component=location] ul .liItem label,.gib #overlay .igtbNetOverlay ul .liItem label{
        cursor: pointer;
        position: relative;
        border-bottom: 1px solid #dddddd; }
      .gib [form-component=location] ul .liItem input ,.igtbNetOverlay ul .liItem input{
        display: none; }
        .gib [form-component=location] ul .liItem input:checked + label,.igtbNetOverlay ul .liItem input:checked + label {
          font-synthesis: style;
          color: #000;
           }
          [lang=zh_CN] .gib [form-component=location] ul .liItem input:checked + label {
            font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
          [lang=zh_CN] .gib [form-component=location] ul .liItem input:checked + label {
            font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
          .gib [form-component=location] ul .liItem input:checked + label::after ,.igtbNetOverlay ul .liItem input:checked + label::after{
            content: "";
            display: inline-block;
		    position: absolute;
		    top: 18px;
		    right: 16px;
		    height: 17px;
		    width: 16px;
		    border: none;
            background-image: url(/assets/img/icn_tick_checked.png);
		    background-position: center bottom;
		    background-repeat: no-repeat;
		    background-size: 16px;
             }
      .gib [form-component=location] ul .liItem label ,.gib #overlay .overlayComponentContainer .igtbNetOverlayContainer .componentAssistant ul .liItem label{
        /** SAFARI **/
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: space-between;
        -webkit-box-align: center;
        /** FIREFOX LEGACY **/
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -moz-box-pack: space-between;
        -moz-box-align: center;
        /** LEGACY **/
        display: box;
        box-orient: horizontal;
        box-direction: normal;
        box-pack: space-between;
        box-align: center;
        /** IE 10+ **/
        display: -ms-flexbox;
        -ms-flex-wrap: nowrap;
        -ms-flex-direction: row;
        -ms-justify-content: space-between;
        -ms-flex-align: center;
        -ms-flex-pack: justify;
        /** CHROME **/
        display: -webkit-flex;
        -webkit-flex-wrap: nowrap;
        -webkit-flex-direction: row;
        -webkit-justify-content: space-between;
        -webkit-align-items: center;
        /** NATIVE **/
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-top: 16px;
        padding-bottom: 16px;
        width: 100%;
        line-height: 22px; 
        color: #666;
        }
      .gib [form-component=location] ul .liItem:last-of-type, .igtbNetOverlay ul .liItem:last-of-type {
        border-bottom: none; }
      .gib [form-component=location] ul .liItem.highlight {
        background-repeat: no-repeat;
        background-position: right center; }
      .gib [form-component=location] ul .liItem.hover {
        background-color: #eeeeee; }
      .gib [form-component=location] ul .liItem[style='display: none;']:last-of-type,.gib .igtbNetOverlay ul .liItem[style='display: none;']:last-of-type {
        border: none; }
    .gib [form-component=location] ul .liTitle {
      margin: auto;
      line-height: 33px;
      padding-left: 16px;
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 700;
      letter-spacing: 0.3px;
      margin-top: -1px;
      background-color: #F1F1F1;
      font-size: 12px;
      cursor: default; }
      [lang=zh_CN] .gib [form-component=location] ul .liTitle {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=zh_CN] .gib [form-component=location] ul .liTitle {
        font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .gib [form-component=location] ul .liTitle {
        font-size: 8px; }
      [lang=km_KH] .gib [form-component=location] ul .liTitle {
        font-size: 8px; }

.buttonContainer {
  height: 48px;
  border-top: 1px solid #dddddd;
  width: 100%;
  position: fixed;
  background-color: #FFFFFF;
  bottom: 0;
  z-index: 20;
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: end;
  -webkit-box-align: center;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: end;
  -moz-box-align: center;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: end;
  box-align: center;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-end;
  -ms-flex-align: center;
  -ms-flex-pack: end;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center; }
  .buttonContainer .confirmButton,
  .buttonContainer .doneButton,
  .buttonContainer .templateSubmitButton,
  .buttonContainer .amendtemplateSaveButton,
  .buttonContainer .deletetemplateconfirmButton,
  .buttonContainer .retryButton {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    padding: 11px 0;
    margin: 0px 16px 0px !important;
    width: 152px;
    text-align: center;
    background-color: #b51a25;
    transition: all 0.3s;
    border-radius: 5px;
    border: none;
    outline-width: 0;
    cursor: pointer; }
    [lang=zh_CN] .buttonContainer .submitButton, [lang=zh_CN]
    .buttonContainer .confirmButton, [lang=zh_CN]
    .buttonContainer .doneButton, [lang=zh_CN]
    .buttonContainer .templateSubmitButton, [lang=zh_CN]
    .buttonContainer .amendtemplateSaveButton, [lang=zh_CN]
    .buttonContainer .deletetemplateconfirmButton, [lang=zh_CN]
    .buttonContainer .retryButton {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=zh_CN] .buttonContainer .submitButton, [lang=zh_CN]
    .buttonContainer .confirmButton, [lang=zh_CN]
    .buttonContainer .doneButton, [lang=zh_CN]
    .buttonContainer .templateSubmitButton, [lang=zh_CN]
    .buttonContainer .amendtemplateSaveButton, [lang=zh_CN]
    .buttonContainer .deletetemplateconfirmButton, [lang=zh_CN]
    .buttonContainer .retryButton {
      font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .buttonContainer .submitButton, [lang=my_MM]
    .buttonContainer .confirmButton, [lang=my_MM]
    .buttonContainer .doneButton, [lang=my_MM]
    .buttonContainer .templateSubmitButton, [lang=my_MM]
    .buttonContainer .amendtemplateSaveButton, [lang=my_MM]
    .buttonContainer .deletetemplateconfirmButton, [lang=my_MM]
    .buttonContainer .retryButton {
      font-size: 12px; }
    [lang=km_KH] .buttonContainer .submitButton, [lang=km_KH]
    .buttonContainer .confirmButton, [lang=km_KH]
    .buttonContainer .doneButton, [lang=km_KH]
    .buttonContainer .templateSubmitButton, [lang=km_KH]
    .buttonContainer .amendtemplateSaveButton, [lang=km_KH]
    .buttonContainer .deletetemplateconfirmButton, [lang=km_KH]
    .buttonContainer .retryButton {
      font-size: 12px; }
    .buttonContainer .submitButton:disabled,
    .buttonContainer .confirmButton:disabled,
    .buttonContainer .doneButton:disabled,
    .buttonContainer .templateSubmitButton:disabled,
    .buttonContainer .amendtemplateSaveButton:disabled,
    .buttonContainer .deletetemplateconfirmButton:disabled,
    .buttonContainer .retryButton:disabled {
      opacity: 0.5;
      cursor: default; }
      .buttonContainer .submitButton:disabled:hover,
      .buttonContainer .confirmButton:disabled:hover,
      .buttonContainer .doneButton:disabled:hover,
      .buttonContainer .templateSubmitButton:disabled:hover,
      .buttonContainer .amendtemplateSaveButton:disabled:hover,
      .buttonContainer .deletetemplateconfirmButton:disabled:hover,
      .buttonContainer .retryButton:disabled:hover {
        background-color: #b51a25; }
    .buttonContainer .submitButton:hover,
    .buttonContainer .confirmButton:hover,
    .buttonContainer .doneButton:hover,
    .buttonContainer .templateSubmitButton:hover,
    .buttonContainer .amendtemplateSaveButton:hover,
    .buttonContainer .deletetemplateconfirmButton:hover,
    .buttonContainer .retryButton:hover {
      background-color: #711a20; }
  .buttonContainer .buttonLeft {
    display: flex;
    flex: 20%;
    justify-content: flex-start;
    display: -ms-flexbox;
    }
    .buttonContainer .buttonLeft .actionButton {
      font-size: 16px;
      color: #b51a25;
      font-synthesis: style;
      font-weight: 600;
      cursor: pointer; }
      [lang=my_MM] .buttonContainer .buttonLeft .actionButton {
        font-size: 12px; }
      [lang=km_KH] .buttonContainer .buttonLeft .actionButton {
        font-size: 12px; }
      .buttonContainer .buttonLeft .actionButton.submitButton, .buttonContainer .buttonLeft .actionButton.doneButton {
        font-synthesis: style;
        font-weight: 600;
        color: #FFFFFF;
        padding: 11px 0;
        margin: 8px 16px 8px 24px;
        width: 152px;
        text-align: center;
        background-color: #b51a25;
        border-radius: 5px;
        border: none;
        outline-width: 0; }
      .buttonContainer .buttonLeft .actionButton.submitButton:disabled, .buttonContainer .buttonLeft .actionButton.doneButton:disabled {
          opacity: 0.5; }
  .buttonContainer .buttonRight {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    flex: 70%;
    justify-content: flex-end; }
    .buttonContainer .buttonRight .saveDraftButton,
    .buttonContainer .buttonRight .clearButton,
    .buttonContainer .buttonRight .resetButton {
      font-synthesis: style;
      font-weight: 600;
      color: #666666;
      cursor: pointer;
      margin: 19px 0; }
     [lang=my_MM] .buttonContainer .buttonRight .saveDraftButton, [lang=my_MM]
      .buttonContainer .buttonRight .clearButton, [lang=my_MM]
      .buttonContainer .buttonRight .resetButton {
        font-size: 12px; }
      [lang=km_KH] .buttonContainer .buttonRight .saveDraftButton, [lang=km_KH]
      .buttonContainer .buttonRight .clearButton, [lang=km_KH]
      .buttonContainer .buttonRight .resetButton {
        font-size: 12px; }
    .buttonContainer .buttonRight .saveDraftButton {
      margin-right: 24px; 
	  text-align: center;
	  border: 1px solid #B6002A;
	  color: #B6002A;
	  border-radius: 8px;
      padding: 0 32px;
      margin: 0 !important;
      line-height: 48px;  
      height: 48px;
      box-sizing: border-box;    
      }
    .buttonContainer .buttonRight [data-link=paymentEChequeConfirmation].submitButton {
      padding: 11px 40px;
      width: auto; }
  .buttonContainer.resultPage {
    height: 0; }
    .buttonContainer.resultPage .fromChatBox {
      bottom: 21px; }
  .buttonContainer .fromChatBox {
    /** SAFARI **/
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /** FIREFOX LEGACY **/
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-pack: center;
    -moz-box-align: center;
    /** LEGACY **/
    display: box;
    box-orient: horizontal;
    box-direction: normal;
    box-pack: center;
    box-align: center;
    /** IE 10+ **/
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
    -ms-justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    /** CHROME **/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    /** NATIVE **/
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 16px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 80px;
    right: 16px; }
    .buttonContainer .fromChatBox:hover .icon {
      background-position: 0 -22px !important; }
    .buttonContainer .fromChatBox .icon {
      width: 22px;
      height: 22px; }
      .buttonContainer .fromChatBox .icon.icon-onlineCs {
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 22px; }
    .buttonContainer .fromChatBox:last-child {
      margin-bottom: 0; }

.headerContainer .helpItm {
  position: relative; }
  .headerContainer .helpItm .tooltiptext {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    visibility: hidden;
    width: auto;
    float: left;
    right: 34px;
    top: 34px;
    position: absolute;
    color: #666666;
    background: #ffffff;
    padding: 8px;
    text-align: left;
    line-height: 16px;
    vertical-align: center;
    min-width: 320px;
    border-radius: 0px;
    font-weight: 400;
    box-shadow: 0px 1px 4px 0 rgba(34, 34, 34, 0.3);
    z-index: 2; }
    [lang=zh_CN] .headerContainer .helpItm .tooltiptext {
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
    [lang=my_MM] .headerContainer .helpItm .tooltiptext {
      font-size: 8px; }
    [lang=km_KH] .headerContainer .helpItm .tooltiptext {
      font-size: 8px; }
    .headerContainer .helpItm .tooltiptext:before {
      border: solid transparent;
      border-color: rgba(230, 230, 230, 0);
      border-bottom-color: #e6e6e6;
      border-width: 9px;
      margin-right: -9px;
      right: 16px;
      z-index: 3;
      bottom: calc(100%);
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .headerContainer .helpItm .tooltiptext:after {
      content: '';
      border: solid transparent;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 8px;
      margin-right: -8px;
      right: 16px;
      z-index: 3;
      bottom: calc(100%);
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
  .headerContainer .helpItm:hover .tooltiptext {
    visibility: visible; }

.gib .topTitle .container {
  padding: 0; }
  .container .containerInnerContentWrapper, .container .containerInnerDetailWrapper {
    width: 1008px;
    margin: 0 auto }

.actionBtn {
  /** SAFARI **/
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: start;
  -webkit-box-align: center;
  /** FIREFOX LEGACY **/
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -moz-box-pack: start;
  -moz-box-align: center;
  /** LEGACY **/
  display: box;
  box-orient: horizontal;
  box-direction: normal;
  box-pack: start;
  box-align: center;
  /** IE 10+ **/
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  -ms-flex-direction: row;
  -ms-justify-content: flex-start;
  -ms-flex-align: center;
  -ms-flex-pack: start;
  /** CHROME **/
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  /** NATIVE **/
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }

 .containerRight .contentPage {
  padding: 40px 0 64px !important; } 
.navContainer .title {
  margin-top: 32px;
  padding-bottom: 16px;
  color: #222222;
  font-size: 24px; }
  [lang=my_MM] .navContainer .title {
    font-size: 20px; }
  [lang=km_KH] .navContainer .title {
    font-size: 20px; }
  .navContainer .title.margintop-10 {
    margin-top: 10px; }

.additional h2 {
  margin-top: 32px;
  padding-bottom: 8px;
  color: #222222;
  font-size: 24px; }
  [lang=my_MM] .additional h2 {
    font-size: 20px; }
  [lang=km_KH] .additional h2 {
    font-size: 20px; }

.additional h3 {
  font-synthesis: style;
  font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
  font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微軟正黑體;
  font-weight: 700; }
  [lang=zh_CN] .additional h3 {
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
  [lang=zh_CN] .additional h3 {
    font-family: "Noto Sans Bold", "Noto Sans Myanmar Bold", "Noto Sans Myanmar Bold", "Segoe UI", Arial, 微软雅黑; }

.additional h4 {
  font-size: 14px;
  margin-bottom: 16px;
  color: #666666; }
  [lang=my_MM] .additional h4 {
    font-size: 10px; }
  [lang=km_KH] .additional h4 {
    font-size: 10px; }

.canSubmit:after {
  display: none !important; }

.listWrapper {
  display: flex;
  flex-direction: column; }
  .listWrapper.spaceBottom {
    margin-bottom: 32px; }
  .listWrapper .listItm {
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
    .listWrapper .listItm .icoTick {
      width: 22px;
      height: 22px;
      margin-right: 8px;
      background-image: url("/assets/img/icn_tick_checked.png");
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 22px auto; }
    .listWrapper .listItm .txt {
      font-synthesis: style;
      font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
      font-weight: 400;
      font-size: 14px; }
      [lang=zh_CN] .listWrapper .listItm .txt {
        font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
      [lang=my_MM] .listWrapper .listItm .txt {
        font-size: 10px; }
      [lang=km_KH] .listWrapper .listItm .txt {
        font-size: 10px; }
.topTitle .container .backBtn{
	display: none;
}
.gib .containerLeft .progressContainer .step{
    display: flex;
    align-items: center;
    margin-left: 9px;
    height: 16px;
}
.gib .containerLeft .progressContainer .step .stepNum {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 9px;
    font-size: 12px;
    color:#fff;
    background:#d1d1d1;
}
.gib .containerLeft .progressContainer .icon8{
	display: block;
	width: 6px;
    height: 6px;
    background: #bcbcbc;
    border-radius: 50%;
}
.gib .containerLeft .progressContainer .icon16{
	display: block;
    width: 16px;
    height: 16px;
}
.gib .containerLeft .progressContainer .icon16.done{	
	background-image: url(/assets/img/icn_complete_green.png);
    background-size: cover;
}
.gib .containerLeft .progressContainer .icon16.active{
	background-image: url(/assets/img/icon_current_status.png);
    background-size: cover;
    background-color: #ffffff;
}
.gib .containerLeft .progressContainer .stepLine {
    content: "";
    height: 20px;
    width: 1px;
    margin: 2px 16px;
    background-color: #d1d1d1;
}
.gib .containerLeft .progressContainer .stepLine.processed{
	background-color: #01bc88;	
	 width: 1px
}
.font20{
	font-size:20px;
	line-height:26px;
}
.flexEnd{
	align-items:flex-end !important;
}
 .flex1{
	flex:1;
}
 .flex2{
	flex:2;
}
.marginBottom0{
	margin-bottom:0 !important;
}
 .containerLeft .progressContainer .stepSevenChild .icon16.active {
    width: 6px;
    background-color: #d1d1d1;
    height: 6px;
    border-radius: 50%;
    background-image: inherit;
}
 .containerLeft .progressContainer .stepSubclass {
	margin: 15px 0 10px 33px;   
	display: flex;
    align-items: center;
}
 .containerLeft .progressContainer .stepSubclass .icon16.done {
    background: url(/assets/img/icn_complete_green.png)no-repeat;
    background-size: 80%;
    background-position: center;
}
 .containerLeft .progressContainer .stepSubclass .stepName {
	font-size: 12px;
	color: #999;
}
[lang=zh_CN] .containerLeft .progressContainer .stepSubclass.done .stepName,
[lang=zh_CN] .containerLeft .progressContainer .stepSubclass.active .stepName{
	font-family: "Noto Sans SC Medium";
	color: #000;
}
[lang=zh_HK] .containerLeft .progressContainer .stepSubclass.done .stepName,
[lang=zh_HK] .containerLeft .progressContainer .stepSubclass.active .stepName{
	font-family: "Noto Sans SC Medium";
	color: #000;
}
 .containerLeft .progressContainer .stepSubclass.done .stepName,
 .containerLeft .progressContainer .stepSubclass.active .stepName{
	font-family: "Noto Sans SC Medium";
	color: #000;
}
 .containerLeft .progressContainer .stepSubclass .stepNum {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 9px;
    font-size: 12px;
    color: #fff;
}
.saveSucceed{
    color: white;
    bottom: 100px;
    position: fixed;
    opacity: 1;
    border: 2px solid #80808024;
    border-radius: 7px;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
    padding: 12px 16px;
    max-width: 100%;
    font-size: 14px;
    min-width: 288px;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
}
.saveSucceed::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url(/assets/img/icn_check_3x.png) no-repeat center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 24px auto;
    margin: -3px 8px 0px 0;
    overflow: hidden;
}
.saveFail,.CompanyInfoRP .numCIBP {
    color: white;
    bottom: 100px;
    position: fixed;
    opacity: 1;
    border: 2px solid #80808024;
    border-radius: 7px;
    background-color: rgba(0,0,0,0.8);
    z-index: 1000;
    padding: 12px 16px;
    margin-left: 24px;
    max-width: 100%;
}
.saveFail::before,.CompanyInfoRP .numCIBP::before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url(../../img/icn_cancel_red.png) no-repeat center;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 24px auto;
    margin: -3px 13px 0px 0;
    overflow: hidden;
}
.container .containerInnerContentWrapper .inputGroupContainer #captcha{
		width:352px;	
}
.gib body #container .container .containerRight {
    width: 520px;
}
.containerMobile ul li{
	list-style:none;
	float:left;
	width:11.11%;
	padding-right: 0.04rem;
    box-sizing: border-box;	
}
.gib #container .containerMobile ul li .stepNum.active{
	background-color: #01bc88;
}
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer {
    width: 656px !important;
}
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .popupHeadline {
	display: none;
}
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox {
	padding: 0;
}
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxMessage {
    font-synthesis: style;
    font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
    color: #222222;
    width: 100%;
    user-select: none;
    align-items: center;
    padding: 32px 32px 0;
    box-sizing: border-box;
    text-align: left;
}
[lang=zh_CN] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxMessage {
  	font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
[lang=my_MM] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxMessage {
  	font-size: 12px; }
[lang=km_KH] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxMessage {
  	font-size: 12px; }
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    padding: 0 32px 24px;
    box-sizing: border-box;
}
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .noAction, 
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .yesAction {
	box-sizing: border-box;
    font-synthesis: style;
    font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微軟正黑體;
    font-weight: 600;
    font-size: 16px;
    user-select: none;
    cursor: pointer;
    border: 1px solid #B6002A;
    padding: 0 32px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s;
    display: flex;
    height: auto;
	min-height: 48px;
	flex-direction: row;
	justify-content: center;
	align-items: center; 
}
[lang=zh_CN] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .noAction, 
[lang=zh_CN] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .yesAction {
  	font-family: "Noto Sans", "Noto Sans Myanmar", "Noto Sans Myanmar", "Segoe UI", Arial, 微软雅黑; }
[lang=zh_CN] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .noAction, 
[lang=zh_CN] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .yesAction {
  	font-family: "Noto Sans SemiBold", "Noto Sans Myanmar SemiBold", "Noto Sans Myanmar SemiBold", "Segoe UI", Arial, 微软雅黑; }
[lang=my_MM] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .noAction, 
[lang=my_MM] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .yesAction {
  	font-size: 12px; }
[lang=km_KH] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .noAction, 
[lang=km_KH] .gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .yesAction {
  	font-size: 12px; }
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .noAction {
    color: #B6002A;
    margin-right: 16px;
    background: #FFF; 
}
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .yesAction {
   	background: #B6002A;
    color: #FFF; 
}
.gib body #overlay .overlayComponentContainer .alertConfirmBox .boxMessage .leaveTitle {
 	font-weight: 600;
}
[lang=zh_HK].gib body #overlay .overlayComponentContainer .alertConfirmBox .boxMessage .leaveTitle{
	font-family: "Noto Sans TC Medium";
}
[lang=zh_CN].gib body #overlay .overlayComponentContainer .alertConfirmBox .boxMessage .leaveTitle{
	font-family: "Noto Sans SC Medium";
}
.gib body #overlay .overlayComponentContainer .alertConfirmBox .boxMessage .leaveTitle{
	font-family: "Noto Sans Medium";
}
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .noAction, 
.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer .yesAction {
	box-sizing: border-box;
    font-synthesis: style;
    font-weight: 600;
    font-size: 16px;
    user-select: none;
    cursor: pointer;
    border: 1px solid #B6002A;
    padding: 0 32px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s;
    display: flex;
    height: auto;
    min-height: 48px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
}
 @media screen and (min-width: 1280px){
	.gib body #container .container .containerRight {
	    width: 720px;
	}
	.containerRight .contentPage{
		 width: 520px;
	}
	.gib body #container .container .containerRight {
	    padding-left: 288px;
	}
 }
 @media screen and (min-width: 1024px){
 	.gib body #container .container .containerLeft {
	    width: 240px;
	}
 }
 @media screen and (max-width: 1279px){
 	.container .containerInnerContentWrapper .inputGroupContainer #captcha{
		width:352px;	
    }
 	.container .containerInnerContentWrapper, .container .containerInnerDetailWrapper {
    	width: 792px;
    }
    .gib body #container> .container{
		max-width: 1024px;
	}
	.gib body #container .container .containerRight {
	    padding-left: 272px;
	}
 }
@media screen and (max-width: 1023px){
    .container .containerInnerContentWrapper .inputGroupContainer #captcha{
		width: calc(100% - 165px);		
	}
 	.container .containerInnerContentWrapper, .container .containerInnerDetailWrapper {
    	width: 672px;
    }
    .gib body #container .container .containerInnerContentWrapper .containerRight {
	    width: 456px;
	    padding-left: 216px;
	}
	.gib body #container .container .containerLeft {
	    width: 200px;
	}
	.gib body #container> .container{
		max-width: 768px;
	}
 }
 @media screen and (min-width: 768px){
	.gib body #container .topTitle .container:after,.gib body #container .topTitle .container:before {
    	content: "";
	    display: block;
    	clear:both;
	}
	.containerMobile{
		display:none;
	}
	.appInteract.gib #page .headerBanner:not(.hide) + #container .topTitle{
		top: 4px;
	}
	.appInteract.gib #page .headerBanner:not(.hide) + #container>.container{
		margin-top: calc(60px + 0.96rem);
	}
	.gib:not(.appInteract)  #root #container .topTitle .showAppId{
		margin-right: 48px;
	}
	
	.gib:not(.appInteract)  #root #container .topTitle .showAppId{
	    float: right;
	    font-weight: 600;
	    font-size: 14px;
	    line-height: 64px;
	    color: #222222;
	    position: relative;
	    cursor: pointer;
	}
	.gib:not(.appInteract) #root #container .topTitle .showAppId span{
		font-size: 14px;
	}
	.gib:not(.appInteract)  #root #container .topTitle .showAppId .hoverApplication:hover {
	    text-decoration: underline;
	}
	.logOut:hover,.myApplication:hover{
		text-decoration: underline;
	}
	 [lang=zh_HK].gib #root #container .topTitle .showAppId{
	  	font-family: "Noto Sans TC Regular";
	 }
	 [lang=zh_CN].gib #root #container .topTitle .showAppId{
	  	font-family: "Noto Sans SC Regular";
	 }
	 .gib #root #container .topTitle .showAppId{
	  	font-family: "Noto Sans";
	 }
	 .gib .topTitle .container .backBtn{
		display: none;
	}
	.gib:not(.appInteract) #root #container .topTitle .title{
	    float: left;
	}
	.gib  #root #container .topTitle .title{
		margin-left: 48px;
	}
	.gib .topTitle .container .showAppId .isBlock::after {
	    content: '';
	    display: inline-block;
	    vertical-align: middle;
	    width: 16px;
	    height: 16px;
	    background: url(/assets/img/icn_arrow_down.png) no-repeat center;
	    background-position: center top;
	    background-repeat: no-repeat;
	    background-size: contain;
	    overflow: hidden;
	    pointer-events: auto;
	    margin-left: 8px;
	}
	.gib #overlay .overlayComponentContainer .alertConfirmBoxContainer{
		border-radius: 16px;
	}
	.gib.gib #overlay .overlayComponentContainer .igtbNetOverlayContainer {
	    border-radius: 8px;
	}
 }
 @media screen and (max-width: 767px) {
 .gib body #overlay .overlayComponentContainer .hAnimate {
	  transition-property: right, left;
	  transition-duration: 1s, 1s;
	  transition-delay: 0s, 1s;
	  -webkit-animation: mhAnimate 0.3s linear;
	  animation: mhAnimate 0.3s linear;
	  -moz-animation: mhAnimate 0.3s linear; }
 	html.gib:not(.PaySuccess) ,.gib:not(.PaySuccess) body{
	    height: 100%;
	}
 	.gib .inputSection [form-component=selector] .inputGroup.multiple .selectric-wrapper .selectric .label span{
 		padding: 4px 8px;
 	}
	.gib #container .topTitle .popupContainer {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 501;
	    background: rgba(0, 0, 0, 0.5);
	}
	.gib  #container .topTitle .popup{
	    height: auto; 
	    background: #fff;
	    position: fixed !important;
	    z-index: 502;
	    border-top-left-radius: 16px;
	    border-top-right-radius: 16px;
	    border-bottom-right-radius: 0;
	    border-bottom-left-radius: 0;
	    bottom: 0;
	    width: 100%;
	    box-sizing: border-box;
	    padding-left: 0px;
	}
	.gib #container .topTitle .popup .closeIcon{
		display: block !important;
	    position: absolute;
	    cursor: pointer;
	    width: 24px !important;
	    height: 24px;
	    background-image: url(/assets/img/icn_close_hover.png);
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-position: top left;
	    top: 16px;
	    right: 16px;
	}
	.gib #container .topTitle .popup .plaseSelect {
		 display: block !important;
	     width: calc(100% - 48px) !important;
	     margin: 16px auto;
	}
	.gib #container .topTitle .popup .logOut,
	.gib #container .topTitle .popup .myApplication,
	.gib #container .appUploadPop a
	 {
		display: flex;
	    flex-direction: row;
	    justify-content: center;
	    align-items: center;
	    width: calc(100% - 48px);
	    height: 48px;
	    line-height: 48px;
	    margin: 16px auto;
	    border: 1px solid #B6002A;
	    border-radius: 8px;
	    color: #B6002A;
	    text-align: center;
	    box-sizing: border-box;
	    font-weight: normal;
	}
  	.appInteract.gib #page .headerBanner:not(.hide) + #container .topTitle{
		top: 4px;
		width:100%;
		background: #fff;
	}
	.gib #container .containerInner .containerInnerContentWrapper .containerLeft.showLeft{
 		position: fixed !important;
	    width: 100%;
	    right: 0;
	    top: 0;
	    padding: 0;
	    background: rgba(0,0,0,0.4);
	    display: block;
	    z-index: 501;
 	}
 	.containerLeft.showLeft .progressContainer{
 		background: #fff;
	    border-radius: 16px 16px 0 0;
	    box-shadow: 0 2px 12px rgba(0, 0 ,0 ,0.1);
	    padding: 26px 0 26px;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    max-height: calc(100% - 64px);
    	overflow-y: auto;
 	}
 	.gib .containerLeft.showLeft .progressContainer .step:not(.stepNine ) .stepName{
 		border-bottom: 1px solid #D1D1D1;
	    width: calc(100% - 56px);
	    padding-bottom: 17.5px;
 	}
 	.gib .containerLeft.showLeft .progressContainer .step:last-child .stepName{ 
 		border-bottom: none;
 	}
 	.gib .containerLeft.showLeft .progressContainer .stepSubclass{
 		margin: 16px 0px 0px 60px;
	    display: flex;
	    align-items: center;
 	}
 	.gib .containerLeft.showLeft .progressContainer .stepSeven.stepSubclass:first-child{
 		/*margin-top: 40px;*/
 	}
 	.gib .containerLeft.showLeft .progressContainer .stepSubclass .stepNum{
 		position: relative;
 	}
 	.gib .containerLeft .progressContainer .sevenStepTwo .icon8{
		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
	}
 	.UploadFilePage .containerLeft.showLeft .progressContainer .stepSeven .stepName{
 		border-bottom: none !important; 	
 	}
 	
 	.UploadFilePage .containerLeft.showLeft .progressContainer .sevenStepTwo{ 	  
 		border-bottom: 1px solid #D1D1D1;
	    width: calc(100% - 85px);
	    padding-bottom: 17.5px;
 	}
 	.UploadFilePageOth .containerLeft.showLeft .progressContainer .stepSeven .stepName{
 		border-bottom: none!important; 	
 	}
 	.UploadFilePageOth .containerLeft.showLeft .progressContainer .sevenStepTwo{ 	   
 		border-bottom: 1px solid #D1D1D1;
	    width: calc(100% - 85px);
	    padding-bottom: 17.5px;
 	}
 	.gib .containerLeft.showLeft .progressContainer .step{
 		margin-left: 27px;
 		padding-right: 24px;
 		align-items: flex-start;
 	}
 	.gib .containerLeft.showLeft .progressContainer .step .stepNum{
 		width: 16px;
    	height: 16px;
    	margin-right: 11px;
    	margin-top: 4px;
 	}
 	.gib .containerLeft .progressContainer .icon16{
		display: block;
    	width: 16px;
    	height: 16px;
	}
 	.gib .containerLeft.showLeft .progressContainer .stepLine{
 		margin: 10px 34px 2px;
    	height: 29px;
 	}
 	.containerMobile{
 		padding: 16px 24px 0;
 	}
 	 .containerMobile ul{
 		height: 4px;
 	}
 	 .containerMobile ul li {
	    padding-right: 2px;
	}
	 .containerMobile ul li .stepNum{
		height:4px;
		background-color: #d1d1d1;
	}
	.containerMobile ul > li:first-child .stepNum {
		border-bottom-left-radius: 2px;
    	border-top-left-radius: 2px;
	}
	.containerMobile ul > li:last-child .stepNum {
		border-bottom-right-radius: 2px;
    	border-top-right-radius: 2px;
	}
	 .containerMobile p {
	    font-size: 12px;
	    line-height: 16px;
	    color: #666;
	    margin-top: 4px
	}
 	.gib body #container .topTitle .container {
    	position: relative;
	}
    .container .containerInnerContentWrapper .inputGroupContainer #captcha{
		width: calc(100% - 165px);	
	}
     .gib body #root #page #container,.container .containerInnerContentWrapper, .container .containerInnerDetailWrapper{
	    width: 100%!important;
	}
	.gib #container .containerInner .containerLeft {
	    display: none;
	}
	.gib body #container .container .containerInnerContentWrapper .containerRight,.gib #container .containerInner {
	    width: 100% !important;
	    padding: 0;
	}
	.gib .containerRight .contentPage {
	    padding: 24px 0 121px !important;
	}
	.gib .headerContainer .formTitle {
	    font-size: 24px;
	}
	.gib #root #container .topTitle .title {
	    margin: 0px 24px 0px 56px;
	    float: inherit;
	    text-align: left;
	}

	.gib .topTitle .container .backBtn{
	    display: block;
	    position: absolute;
	    width: 24px;
	    height: 24px;
	    background-image: url(/assets/img/icn_back_hover.png);
	    background-position: center top;
	    background-repeat: no-repeat;
	    background-size: 10px auto;
	    left: 24px;
	    top: calc(50% - 10px);
	}
	.gib #root #container .topTitle .showAppId .formTitle{
 		display: none;
 	}
	.gib #root #container .topTitle .showAppId .isBlock {
	    position: absolute;
	    width: 24px;
	    height: 24px;
	    background-image: url(/assets/img/icn_more.png);
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: 24px auto;
	    right: 24px;
	    top: calc(50% - 13px);
	    text-indent: -99999px;
	}
	.gib body .backBtn.backHoverButton:before{
		width: 0px;
	}
	.gib body #container .container .containerRight .buttonContainer.mobileBtn {
	    background: #fff;
	    display: flex;
	    align-items: flex-end;
	    position: fixed !important;
	    padding-bottom: 24px;
	    z-index: 500;
	    flex-wrap: wrap;
	    align-content: center;
	    height: auto;
	    left: 0;
	    margin-top: 0;	
	    min-width: 0;
	}
	.gib .mbileLine {
	    border-bottom: 1px solid #ddd;
	    width: 100%;
	    margin-bottom: 16px;
	    opacity: 1;
	}
	.gib .buttonContainer .buttonRight {
	    display: flex !important;
	    justify-content: center;
	    flex: 100%;
	    margin: 0 24px;
	}
	.gib .buttonContainer .buttonRight .saveDraftButton, .gib .buttonContainer .buttonRight .submitButton {
	    width: calc(50% - 8px);
	}
	.gib .mobileBtn .buttonLeft {
	    display: none;
	}
	.gib body #overlay .overlayComponentContainer .componentContainer.height-70 {
	    transform: none;
	    bottom: 0%;
	    top: auto;
	    max-height: 80%;
	    height: auto;
	    overflow-y: scroll;
	    min-height: auto;
	    border-radius: 16px 16px 0 0;
	    width: 100% !important;
    	left: 0;
	}
	.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer.componentContainer {
	    transform: none;
	    bottom: 0%;
	    top: auto;
	    max-height: 80%;
	    height: auto;
	    min-height: auto;
	    border-radius: 16px 16px 0 0;
	  	width: 100% !important;
    	left: 0;
	}
	.gib #overlay .overlayComponentContainer .componentContainer .bottomBarContainer .cancelButton, 
	.gib #overlay .overlayComponentContainer .componentContainer .popupContainer  .bottomBarContainer .confirmButton,
	.gib #overlay .overlayComponentContainer .componentContainer .boxActionContainer .noAction, 
	.gib #overlay .overlayComponentContainer .componentContainer  .boxActionContainer .yesAction{
 		width: calc(50% - 8px);
 	}
 	.gib body #overlay .overlayComponentContainer .componentContainer .boxActionContainer .noAction.hide + .yesAction{
 		width: 100%;
 	}
 	.gib body #overlay .overlayComponentContainer .componentContainer .bottomBarContainer{
 		padding: 16px 0 24px;
 		border-top: 1px solid #dddddd;
 	}
 	.gib body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxActionContainer {
	    padding: 16px 24px 24px;
	    border-top: 1px solid #dddddd;
	}
	.gib  body #overlay .overlayComponentContainer .alertConfirmBoxContainer .alertConfirmBox .boxMessage{
		padding: 24px 24px 0;
	}
	 .gib #container .buttonContainer .buttonRight .submitButton.onlyOneBtn,.gib.Payment .buttonContainer .immediatePayment {
	    margin-left: 0 !important;
    	width: 100%;
	}
	.gib body .backHoverButton{
		margin: 0;
	}
	.gib .contentPage{
		margin: 0 24px;
	}
	.gib body #container .container .contentPage:not(.openSelect){
		margin-bottom: 0!important;;
	}
	.gib [form-component=location] .inputGroup.open .dropdownContainer {
	    max-height: 360px;
	    height: 360px;
	}
	.gib:not(.PaySuccess) .navContainer .buttonApply{
    	margin: 16px 24px 24px;
    }
    .gib .navContainer .storageReceipt{
    	margin-bottom: 0;
    }
    .gib .navContainer .inner{
    	width: 100%;
    }
    .gib:not(.PaySuccess) .navContainer .sectionTwo {
		box-shadow: 0px -0.5px 0px #d1d1d1;
	    display: flex;
	    flex-direction: row;
	    justify-content: flex-start;
	    align-items: center;
	    position: fixed;
	    bottom: 0px;
	    z-index: 500;
	    cursor: pointer;
	    width: 100%;
	    left: 0;
	    background: #fff;
	}
	.gib:not(.PaySuccess) .navContainer .mt120{
		margin-bottom: 120px;
	}
	.gib .navContainer .buttonApply{
	    flex-direction: row;
	    justify-content: center;
	    align-items: center;
	    width: 100%;
	    border-radius: 8px;
	    cursor: pointer;
	}
    .gib #overlay .overlayComponentContainer .alertConfirmBox .boxMessage .leaveTitle {
         text-align: center !important;
         line-height: 1.5em;
    }	
}
.appInteract .headerBanner{
	height:0px;
}
.appInteract .headerBanner .headerBannerBox{	
	height:0px;
	display: none;	
}
.headerBanner .bannerDivider{
	display: flex;
	width: 100%;
}
.gib #page .headerBanner{
	position: fixed !important;
    z-index: 500;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0px 4px 8px 0px #0000000D;
}
.headerBanner{
	height:60px;
	background:#fff;
}
 .gib #page .topTitle{
	margin-top: 60px;
}
.gib:not(.appInteract)  #root #container .topTitle{
	margin-top: 60px;
}
.headerBanner .headerBannerBg{	
    height: 56px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.headerBanner .headerBannerBg img{
	height:32px;
	margin-left: 48px;
}
.headerBanner .headerBannerBg .Logo {
	height: 32px;
    width: 157px;
    margin-left: 48px;
}
.headerBanner .headerBannerBox{
	 display: flex;
	 justify-content: space-between;
     align-items: center;
}
.headerBanner .headerBannerBox .changeLanguageBox{
	 display: flex;
	 justify-content: flex-start;
     align-items: center;
}
.headerBanner .headerBannerBox .changeLanguageBox .changeLanguage{
	cursor: pointer;
	font-size: 14px;
}
.headerBanner .headerBannerBox .changeLanguageBox .changeLanguage:hover{
	text-decoration: underline;
}
.headerBanner .headerBannerBox .changeLanguageBox span{
	margin: 0px 10px;
	font-size: 14px;
}

 @media screen and (min-width: 1440px){
 	.gib .topTitle .container {
 		padding: 0; 
 		max-width: 1440px;
 	}
	 .gib .headerBanner:not(.hide) + #container .remoteAccountOpening .topTitle:not(.hide)+ .topContainer{
		margin-top: 60px;
	}
 	.bannerAdaptivebox{
 		width:1440px;
 		margin: 0 auto;
 		position: absolute;
	    top: 0px;
	    left: calc(50% - 720px);
 	}
 	.headerBanner{
		height:60px;
		background:#fff;
	}
	.leftLine{
		height: 4px;
	    width: 50%;
	    float: left;
	    background-color: #7c878e;
	}
	.rightLine{
		height: 4px;
	    width: 50%;
	    float: right;
	    background-color: #9d2235;
	}
	.headerBanner .bannerDivider .bannerDividerLeft{
		 height: 4px;
		 width:84px;
		 background-color: #7c878e;
	}
	.headerBanner .bannerDivider .bannerDividerRight{
		 width: 100%;
		 height: 4px;
		 background-color: #9d2235;
	}
	.headerBanner .headerBannerBg img{
		height:32px;
		margin-left: 48px;
	}
	.headerBanner .headerBannerBox .changeLanguageBox {
    	margin-right: 48px;
	}
}

@media screen and (min-width:768px) and (max-width:1439px) {
	.headerBanner{
		height:60px;
		background:#fff;
	}
	.gib .headerBanner:not(.hide) + #container .remoteAccountOpening .topTitle:not(.hide)+ .topContainer{
		margin-top: 60px;
	}
	.headerBanner .bannerDivider .bannerDividerLeft{
		 height: 4px;
		 width:84px;
		 background-color: #7c878e;
	}
	.headerBanner .bannerDivider .bannerDividerRight{
		 width: calc(100% - 84px);
		 height: 4px;
		 background-color: #9d2235;
	}
	.headerBanner .headerBannerBg img{
		height:32px;
		margin-left: 48px;
	}
	.headerBanner .headerBannerBox .changeLanguageBox {
    	margin-right: 48px;
	}

}

 @media screen and (min-width:320px) and  (max-width: 767px){ 	
 	.gib .appInteract #root #container .topTitle {
	   box-shadow: 0px 4px 8px 0px #0000000d;
	}
	.gib .headerBanner:not(.hide) + #container .remoteAccountOpening .topTitle:not(.hide)+ .topContainer{
		margin-top: 52px;
	}
	.gib #page .topTitle{
	   margin-top: 52px;
	}
	.gib:not(.appInteract)  #root #container .topTitle{
	  margin-top: 52px;
    }
 	.headerBanner{		
		height:52px;
		background:#fff;
	}
	.headerBanner .bannerDivider .bannerDividerLeft{
		 height: 4px;
		 width:calc(50% - 30px);
		 background-color: #7c878e;
	}
	.headerBanner .bannerDivider .bannerDividerRight{
		 width: 100%;
		 height: 4px;
		 background-color: #9d2235;
	}
	.headerBanner .headerBannerBg{	
	    height: 48px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.headerBanner .headerBannerBg img,
	.headerBanner .headerBannerBg .Logo {
		height:24px;
		margin-left: 24px;
	}
	.headerBanner .headerBannerBox .changeLanguageBox {
    	margin-right: 24px;
	}
}

 @media screen and (max-width: 320px){ 	
 	.gib #root #container .topTitle {
	   box-shadow: 0px 4px 8px 0px #0000000d;
	}
	.gib .headerBanner:not(.hide) + #container .remoteAccountOpening .topTitle:not(.hide)+ .topContainer{
		margin-top: 52px;
	}
	.gib #page .topTitle{
	   margin-top: 52px;
	}
 	.headerBanner{		
		height:52px;
		background:#fff;
	}
	.headerBanner .bannerDivider .bannerDividerLeft{
		 height: 4px;
		 width:calc(50% - 30px);
		 background-color: #7c878e;
	}
	.headerBanner .bannerDivider .bannerDividerRight{
		 width: 100%;
		 height: 4px;
		 background-color: #9d2235;
	}
	.headerBanner .headerBannerBg{	
	    height: 48px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.headerBanner .headerBannerBg img,
	.headerBanner .headerBannerBg .Logo {
		height:24px;
		margin-left: 24px;
	}
	.headerBanner .headerBannerBox .changeLanguageBox {
    	margin-right: 24px;
	}
}