/*
~~ CSS variables definition
*/
:root {
  /* ~rebranded~ */
  --clrPri01: rgba(0, 26, 113, 1);
  --clrPri02: rgba(178, 161, 107, 1);
  --clrSec01: rgba(0, 173, 220, 1);
  --clrSec02: rgba(62, 194, 207, 1);
  --clrSec03: rgba(215, 15, 82, 1);
  --clrSec04: rgba(188, 190, 192, 1);
  --clrSec05: rgba(240, 230, 208, 1);

  --clrPri02-50: rgba(178, 161, 107, 0.5);
  --clrPri02-15: rgba(178, 161, 107, 0.15);
  --clrSec04-50: rgba(188, 190, 192, 0.5);


  --fontSizeHeadingOne: 1.8rem;
  --fontSizeHeadingTwo: 1.4rem;
  --fontSizeHeadingThree: 1.2rem;
  --fontSizeCopyright: 0.7rem;
  --fontSizeFooterLinks: 0.8rem;
  --fontSizeMenu: 1rem;
	--fontSizeTextLarger: 1.2rem;
  --fontSizeTextLarge: 1rem;
  --fontSizeTextNormalToLarge: 1rem;
  --fontSizeTextNormal: 0.9rem;
  --fontSizeTextSmall: 0.8rem;
  --fontSizeTitleBar: 1.6rem;
  --fontSizePlaceholder: 0.8rem;

  --fontSizeButton: 0.8rem;


  --heiPageTitle: 20vh;

 	--heiButton: 40px;
 	--padButton: 2px;
 	--widButton: 128px;

 	--heiSpaceTall: 30px;
 	--heiSpace: 15px;
 	--heiSpaceShort: 8px;

 	--widRoundCorner: 8px;
 	--widRoundCornerLarge: 15px;
  --widSpaCol: 15px;
  --widSpaColWidth: 30px;


  --heiMenu: 80px;
  --heiLogo: 60px;
  --widLogo: 280px;
	--topAnchorAdjust: -85px;
	

  --heiMenuHamburger: 80px;
  --widMenuHamburger: 80px;
  --heiMenuSub: 50px;
  --widMenuSubBOALogo: 325px;
  --widMenuItem: 8vw;
  --widMenuItemMax: 90px;
  --lftMenuSubItem: 1.5vw;
  --heiAdjustFloatingLabelYCoord: -4px;

  
  --imgBOAPartialLight: url(../img/bgBOAPartialLight.png);  
  --imgBOAPartialDark: url(../img/bgBOAPartialDark.png);


  --padP: 0 2px 16px 2px;
  --padConPageMenu: 0;
  --padLogo: 1vh 0.5vw;
  --padMenuItem: 0.2rem 0.2rem;
  --padWrpPageContentStandard: 6vh 10vw;
  --padConPageFooter: 5vh 5vw 6vh 5vw;
  --padConHomeWWA: 8vh 15vw;
  --padConHomeWWD: 8vh 8vw;
  --padConHomeBio: 8vh 8vw;
  --padConHomeHWW: 8vh 15vw;
  --padConTerms: 5vh 5vw 6vh 5vw;
  --padConPrivacy: 5vh 5vw 6vh 5vw;
}





/*
~~ colours 
*/
/* ~rebranded~ */  
.clrPri01 {
  color: var(--clrPri01);
}
.clrPri02 {
  color: var(--clrPri02);
}
.clrSec01 {
  color: var(--clrSec01);
}
.clrSec02 {
  color: var(--clrSec02);
}
.clrSec03 {
  color: var(--clrSec03);
}
.clrSec04 {
  color: var(--clrSec04);
}
.clrSec05 {
  color: var(--clrSec05);
}
.clrPri02-50BG {
  background-color: var(--clrPri02-50) !important;
}






/* 
~~ standard HTML 
*/
@font-face {
  font-family: fontAmplitudeLight;
  src: url(../font/amplitude-light.ttf);
	font-display: swap;
}
@font-face {
  font-family: fontNotoSansSC;
  src: url(../font/NotoSansSC-Regular.otf);
	font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:active {
  outline: none !important;
}
:focus {
  outline: none !important;
}
html {
	font-family: 'fontAmplitudeLight','Arial';
	font-size: 16px; 
	min-height: 100%;
	position: relative;
	scroll-behavior: smooth;
}
body:lang(zh) {
  font-family: 'fontNotoSansSC';
  font-style: normal;
  font-weight: 400;
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  padding: var(--heiMenu) 0 0 0;
}
body {
  font-family: 'fontAmplitudeLight','Arial';
  font-style: normal;
  margin: 0px;
  max-width: 100%;
  overflow-x: hidden;
  /* The "nav.navbar .navbar-nav" css class height should be set the same as this value */
  padding: var(--heiMenu) 0 0 0;
}
button {
	font-family: 'fontAmplitudeLight','Arial';
}
button:lang(zh) {
	font-family: 'fontNotoSansSC';
}
h1 {
  font-size: var(--fontSizeHeadingOne);
}
h2 {
  font-size: var(--fontSizeHeadingTwo);
}
h3 {
  font-size: var(--fontSizeHeadingThree);
}
a {
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}
a:visited {
  color: black;
}
address {
  font-style: normal;
}
footnote {
	font-size: var(--fontSizeTextSmall);
}
input,
optgroup,
option,
select,
textarea 
{
	font-family: 'fontAmplitudeLight','Arial';
}
input:lang(zh),
optgroup:lang(zh),
option:lang(zh),
select:lang(zh),
textarea:lang(zh)
{
	font-family: 'fontNotoSansSC';
}
input[type=text],
select
{
  border: none;
  padding: 0.5rem;
}
input[type=text]:not(.textboxEmail):focus,
input[type=email]:focus
{
  background-color: var(--clrPri02-50);
  transition: background-color 1s;
}
label:not(.menu-icon) {
  display: inline-block;
  margin-bottom: 0.5rem;
}
ol {	
	margin-left: 30px;
}
p {
  padding: var(--padP);
}
ul {
	list-style: none inside;
	margin-left: 30px;
}
ul.lisBullet {
	list-style: circle inside;
	margin-left: 30px;	
}
li {
	list-style-position: outside;
	padding: var(--padP);
}
video::-webkit-media-controls-overlay-play-button {
  display: none;
  -webkit-appearance: none;
}





/* 
~~ common styles
*/
.alignBottom {
  display: flex;
  align-items: flex-end; 
}
.alignCenter {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.alignCenterTableText {
  text-align: center;
}
.alignHorizontalMiddle {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.alignVerticalMiddle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.alignImageCenter {
  display:block;
  margin-left: auto;
  margin-right: auto;
}
.anchorTop {
	position: relative;
	top: var(--topAnchorAdjust);
	visibility: hidden;
	z-index: -1;
}

.arrDownClrPri02,
.arrLeftClrPri02,
.arrRightClrPri02,
.arrUpClrPri02
{
  border: solid var(--clrPri02);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
}
.arrDownClrPri02 {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}	
.arrLeftClrPri02 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.arrRightClrPri02 {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrUpClrPri02 {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}


.bkgBOAPartialLight {
  background-color: white;
	background-image: url(../img/bgBOAPartialLight.png);
  background-repeat: no-repeat;
  background-origin: padding-box;
  background-position: left bottom;
}


.carArrowNext {
  right: -3vw;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.carArrowPrev {
  display: inline-block;
  left: -3vw;
  position: absolute;
  top: 50%;
  vertical-align: middle;
}
.icoArrowScrollDown {
	display: none;
	position: relative; 
	text-align: center; 
	/* top: -40px; */
	bottom: 0;
	width: 100%; 
	z-index: 2;		
}
.carDots {
	display: flex;
	justify-content: center;
	list-style-type: none;
	margin-left: 0;
	position: relative;
	width: 100%;
	top: -40px;	
}
.carDots > li > button {
	background-color: white;
	border-radius: 50%;
	border: none;
	color: white;
	height: 12px;
	margin: 0 3px;
	width: 12px;
}
.carDots > li.slick-active > button,
.carDotsHome > li.slick-active > button 
{
	background-color: var(--clrSec03);
	color: var(--clrSec03);	
}
.eleClickable:hover {
  cursor: pointer;
}
.eleInline {
	display: inline;
}
.txtError {
  color: var(--clrSec03);
  font-size: var(--fontSizeTextLarge);
}
.fldRequired::after {
  color: red;
  content: ' *';
}


.imgMenuIcon
{
  height: 40px;
  width: 40px;
}
.imgIcon
{
  height: 30px;
  width: 30px;
}
.imgIconStandOut
{
  height: 70px;
  width: 70px;
}
.imgIconSmall {
  height: 25px;
  width: 25px;
}
.imgIconSmaller {
  height: 20px;
  width: 20px;
}
.imgIconTiny {
  height: 15px;
  width: 15px;
}
.imgIconLarge {
  height: 40px;
  width: 40px;
}
.imgResponsive {
  height: auto;
  width: 100%;
}
.imgResponsiveVertical {
  height: 100%;
  width: auto;
}
.opacityDark {
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: darken;
}
.opacityLight {
  background-color: rgba(255, 255, 255, 0.4);
  background-blend-mode: lighten;
}
/* rebrand - .linRed */
.linClrSec03 {
  background-color: var(--clrSec03);
  height: 3px;
  width: 80px;
}
/* rebrand - .linGold */
.linClrPri01 {
  background-color: var(--clrPri01);
  height: 3px;
  width: 80px;
}
.linClrPri02 {
  background-color: var(--clrPri02);
  height: 3px;
  width: 80px;
}
.linVerticalBlack {
  background-color: black;
  display: inline-block;
  height: 100%;
  width: 1px;
}
.linVerticalBlank {
  display: inline-block;
  height: 100%;
  width: 1px;
}
.linVerticalClrPri02 {
  background-color: var(--clrPri02);
  display: inline-block;
  height: 100%;
  width: 1px;
}
.notSelectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.padNone {
	padding: 0 0 0 0;
}
.spaCol {
  display: inline-block;
  width: var(--widSpaCol); 
}
.spaColWide {
  display: inline-block;
  width: var(--widSpaColWidth); 
}
.spaRow {
  height: var(--heiSpace);
  width: 1px;
}
.spaRowTall {
  height: var(--heiSpaceTall);
  width: 1px;
}
.styGradientClrPri01 {
  background: rgb(0,18,80);
  background: -moz-linear-gradient(180deg, rgba(0,18,80,1) 29%, rgba(3,50,130,1) 80%, rgba(3,50,130,0.9) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,18,80,1) 29%, rgba(3,50,130,1) 80%, rgba(3,50,130,0.9) 100%);
  background: linear-gradient(180deg, rgba(0,18,80,1) 29%, rgba(3,50,130,1) 80%, rgba(3,50,130,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001250",endColorstr="#033282",GradientType=1);
/*  
  background: rgb(0,0,0);
  background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,13,58,1) 7%, rgba(0,17,75,1) 17%, rgba(0,26,113,0.9) 33%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,13,58,1) 7%, rgba(0,17,75,1) 17%, rgba(0,26,113,0.9) 33%);
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,13,58,1) 7%, rgba(0,17,75,1) 17%, rgba(0,26,113,0.9) 33%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#001a71",GradientType=1);
*/
}
/* styGradientGold */
.styGradientClrPri02 {
  background: rgb(128,115,76);
  background: linear-gradient(180deg, rgba(128,115,76,1) 0%, rgba(178,161,107,1) 100%);
/*
  background: rgb(0,0,0);
  background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(54,41,0,1) 2%, rgba(106,81,0,1) 10%, rgba(178,161,107,1) 92%);
  background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(54,41,0,1) 2%, rgba(106,81,0,1) 10%, rgba(178,161,107,1) 92%);
  background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(54,41,0,1) 2%, rgba(106,81,0,1) 10%, rgba(178,161,107,1) 92%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#b2a16b",GradientType=1);
*/
}
/* styGradientLightGrey */
.styGradientClrSec04 {
  background: rgb(170,170,170);
  background: linear-gradient(180deg, rgba(170,170,170,1) 0%, rgba(187,187,187,1) 3%, rgba(221,219,219,1) 16%, rgba(228,228,228,1) 25%, rgba(255,255,255,1) 79%, rgba(255,255,255,1) 99%);  
}
/*
.styGradientRed {
  background: rgb(129,38,38);
  background: linear-gradient(180deg, rgba(129,38,38,1) 0%, rgba(178,32,41,1) 100%);  
}
*/
/* styGradientTurquoise */
.styGradientClrSec02 {
  /*
  background: rgb(0,119,128);
  background: linear-gradient(180deg, rgba(0,119,128,1) 1%, rgba(0,145,156,1) 15%, rgba(0,205,220,1) 89%);
  */
  background: rgb(0,129,144);
  background: -moz-linear-gradient(180deg, rgba(0,129,144,1) 0%, rgba(1,153,168,1) 23%, rgba(62,194,207,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0,129,144,1) 0%, rgba(1,153,168,1) 23%, rgba(62,194,207,1) 100%);
  background: linear-gradient(180deg, rgba(0,129,144,1) 0%, rgba(1,153,168,1) 23%, rgba(62,194,207,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008190",endColorstr="#3ec2cf",GradientType=1);
}
.txtBold {
	font-weight: bold;
}





/* 
~~ CSS animation effect 
*/
.aniLink {
  display: inline-block;
	font-weight: bold;
	position: relative;
}
.aniLink:hover {
  right: 0;
  text-decoration: none;
}
.aniLink:hover::before {
  border-color: var(--clrPri02);
  right: 0;
}
.aniLink::before {
  border-radius: 1em;
  border-top: 2px solid var(--clrPri02);
  content: "";
  position: absolute;
    right: 100%;
    bottom: 0px;
    left: 0;
  transition: right .4s cubic-bezier(0,.5,0,1), border-color .4s ease-out;
}
.aniZoom {
  transition: transform .5s;
 }
.aniZoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
.navigation li.linMenuInActive .imgMenuIcon:hover > g > path {
	animation-name: kfrFillClrPri01;
  animation-duration: 500ms;
  animation-fill-mode: forwards;
  /*stroke-width: 5????*/
}
@keyframes kfrFillClrPri01 {
  from {fill: black;}
  to {fill: var(--clrPri01);}
  animation-fill-mode forwards
}
@keyframes kfrFillClrSec03 {
  from {fill: black;}
  to {fill: var(--clrSec03);}
  animation-fill-mode forwards
}


/* ----------------------------------------------
 * Generated by Animista on 2020-6-26 11:4:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-in-hor-top
 * ----------------------------------------
 */
 .animista-flip-in-hor-top {
  -webkit-animation: animista-flip-in-hor-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: animista-flip-in-hor-top 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes animista-flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
            transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes animista-flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
            transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-7-20 9:8:29
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
.animista-slide-in-left {
  -webkit-animation: slide-in-left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
          animation: slide-in-left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes animista-slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes animista-slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2020-7-21 16:34:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
.animista.slide-in-top {
  -webkit-animation: slide-in-top 1s ease-out forwards;
          animation: slide-in-top 1s ease-out forwards;
}
@-webkit-keyframes animista-slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes animista-slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}



/*
~~ override css plugins
*/
.conCarHomeHero .slick-list,
.conCarHomeHero .slick-track
{
	height: 100%;
}
.conCarBio .slick-list,
.conCarBio .slick-track
{
  width: 100%
}
.slick-slide img {
	display: inline-block;
}






/* 
~~ page Layout 
*/
.conPageMenu {
  margin: 0;
  padding: var(--padConPageMenu);
}
.conPageContent {
  margin: 0;
  padding: 0;
	position: relative;
}
.conPageFooter {
  margin: 0;
  padding: var(--padConPageFooter);
  width: 100%;
}
.conFooterSections {
  margin: 0;
  padding: 0;
  width: 100%;  
}









/*
~~ menu bar
*/
.navigation {
  background-color: white;
  left: 0;
  max-width: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.navigation .logo {
  /*display: block;*/
  display: flex;
  flex-direction: column;
  float: left;
  height: var(--heiMenu);
  justify-content: center;
  /*text-decoration: none;*/
	padding-left: var(--lftHomeTagLine);
  position: relative;
  top: 50%;
}
.navigation .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}
.navigation ul {
  background-color: white;
  margin: 0;
  list-style: none;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}
.navigation li {
	padding: 0;
}
.navigation li a 
{
  font-size: var(--fontSizeMenu);
  text-decoration: none;
}
.navigation	ul ul {
	background: white;
	display: none;
	left: 0;
	width: 100%;
}
.navigation ul ul li a {
}
/* 
~~ hamurger menu icon 
*/
.navigation .menu-icon {
	background-color: var(--clrPri02-15);
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
  height: var(--heiMenuHamburger);
  width: var(--widMenuHamburger);	
}
.navigation .menu-icon .conHamIcon {
	display: table;
	height: 100%;
	margin: auto;
}
.navigation .menu-icon .conHamIcon .conHamIconHelper {
	display: table-cell;
	vertical-align: middle;
}
.navigation .menu-icon .hamicon {
  background: var(--clrPri02);
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 30px;
  top: 50%;
  margin: 0 auto;
}
.navigation .menu-icon .hamicon:before,
.navigation .menu-icon .hamicon:after {
  background: var(--clrPri02);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
	width: 100%;
}
.navigation .menu-icon .hamicon:before {
  top: 8px;
}
.navigation .menu-icon .hamicon:after {
  top: -8px;
}
.navigation .menu-btn {
  display: none;
}
.navigation .menu-btn:checked ~ .menu {
  max-height: 100%;
}
.navigation .menu-btn:checked ~ .menu-icon .hamicon {
  background: transparent;
}
.navigation .menu-btn:checked ~ .menu-icon .hamicon:before {
  transform: rotate(-45deg);
}
.navigation .menu-btn:checked ~ .menu-icon .hamicon:after {
  transform: rotate(45deg);
}
.navigation .menu-btn:checked ~ .menu-icon:not(.steps) .hamicon:before,
.navigation .menu-btn:checked ~ .menu-icon:not(.steps) .hamicon:after {
  top: 0;
}
.navigation a {
  color: black;
}
.imgLogo {
  padding: var(--padLogo);
  height: var(--heiLogo);
  width: var(--widLogo);
}
.conMenuItemLangIcon .imgMenuIcon {
	display: none;
}
.conMenuItemLangIcon > .conMenuLinks > a {
	display: block;
}
.conMenuItemHomeIcon {
	display: none;
}

/* fix */
  .navigation li.linMenuActive > .conMenuLinks
	{
    border-left: 8px solid var(--clrPri02);
  }
  .navigation li.linMenuInActive > .conMenuLinks
	{
    border-left: 8px solid var(--clrPri02-15);
  }
  .navigation li.linMenuActive ul li,
  .navigation li.linMenuInActive ul li, 
  .navigation li.linMenuInActiveHighlight > .conMenuLinks
	{
    padding-left: 8px;
  }

  .conMenuLinks {
    align-items: center;
    background-color: var(--clrPri02-15);
    display: flex;
    flex-direction: row;
    font-size: var(--fontSizeMenu);
    justify-content: space-between;
    height: var(--heiMenuSub);
    text-align: left;    
    width: 100%;
  }
  .conMenuLinks > a,
  .conMenuLinks > span,
  {
    font-weight: bold;
    padding-left: var(--lftMenuSubItem);
    width: 80%;
  }
  .conMenuLinks a,
  .conMenuLinks span 
  {
    left: 0;
    height: var(--heiMenuSub);
    line-height: var(--heiMenuSub);
  }
  .conMenuLinks > span {
    cursor: pointer;
  }
  .conMenuSubArrow {
    height: var(--heiMenuSub);
    width: var(--heiMenuSub);
  }
  .conMenuSubLinks {
    width: 100%;
  }
  .conMenuSubLinks > a {
    display: block;
    height: var(--heiMenuSub);
    line-height: var(--heiMenuSub);
    padding-left: var(--lftMenuSubItem);
    width: 100%;
  }
  .conMenuSubLinks .spaEmpty {
    display: none;
  }
/* fix */

/*
~~ submenu
*/
.conMenuSub {
	display: inline-flex;
	flex-direction: column;
	width: 100%;
}
.imgMenuSubBOALogo {
	position: relative;	
}
.conMenuSubLinks:lang(zh) > a {
	font-size: var(--fontSizeTextSmall);	
}
.conMenuSubLinks a:hover {
	color: var(--clrPri02);
}
.conMenuSubDivider {
	display: none;
	position: relative;	
}
.linMenuActive > .conMenuLinks > a {
	color: var(--clrPri02);
	font-weight: bold;
}
.navigation li:nth-child(7) {
	display: none;
}



/*
~~ footer
*/
footer {
  vertical-align: top;
  background-color: var(--clrPri02-50);
}
.conCopyright {
  grid-area: grdCopyright;
	padding: 3vh 0 0 0;
}
.lnkFooter {
  color: black;
  font-size: var(--fontSizeFooterLinks);
  text-decoration: none;
}
.lnkFooter:hover {
  color: black;
  font-size: var(--fontSizeFooterLinks);
  text-decoration: none;
  cursor: pointer;
}
.txtFooter {
  color: black;
  font-size: var(--fontSizeFooterLinks);
  text-decoration: none;
}
.txtFooter:hover {
  color: black;
  font-size: var(--fontSizeFooterLinks);
  text-decoration: none;
}
.txtFooterCopyright {
  font-family: 'Arial';
  font-size: var(--fontSizeCopyright);
}
.conCopyrightSeparator {
  display: none;        
}
.conCopyrightLinks,
.conCopyrightLanguages
{
	display: block;
}