@font-face{font-family:"HSBC Univers Next Bold";src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Bold.eot);src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Bold.eot?#iefix) format("embedded-opentype"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Bold.woff) format("woff"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Bold.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"HSBC Univers Next Regular";src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Regular.eot);src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Regular.eot?#iefix) format("embedded-opentype"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Regular.woff) format("woff"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"HSBC Univers Next Light";src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Light.eot);src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Light.eot?#iefix) format("embedded-opentype"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Light.woff) format("woff"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/UniversNextforHSBC-Light.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:"HSBCIcon-Font";src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/HSBCIcon-Font.eot);src:url(/etc/designs/hsbc/au/webapps/header-footer/fonts/HSBCIcon-Font.eot?#iefix) format("embedded-opentype"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/HSBCIcon-Font.woff) format("woff"),url(/etc/designs/hsbc/au/webapps/header-footer/fonts/HSBCIcon-Font.ttf) format("truetype");font-weight:400;font-style:normal}.icon{font-family:"HSBCIcon-Font";display:inline-block;vertical-align:middle;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-chevron-left:before{content:"\f058"}.icon-chevron-right:before{content:"\f057"}.icon-chevron-right-small:before{content:"\e005"}.icon-chevron-down:before{content:"\f055"}.icon-chevron-up:before{content:"\f056"}.icon-menu:before{content:"\f00b"}.icon-banking:before{content:"\f008"}.icon-borrowing:before{content:"\f084"}.icon-investment:before{content:"\f024"}.icon-filter:before{content:"\e027"}.icon-settings:before{content:"\f02d"}.icon-multiple-accounts:before{content:"\e038"}#header,#header *{box-sizing:border-box}#header{font-family:"HSBC Univers Next Regular","HSBC Neue Helvetica Regular","Arial","PingFang SC","Microsoft YaHei","Lantinghei SC","Heiti SC","simhei","sans-serif";left:0;position:fixed;width:100%;top:0;z-index:11}#header a,.side-menu a{text-decoration:none;color:inherit;outline:none}#header a:focus,#header a:hover,.side-menu a:focus,.side-menu a:hover{text-decoration:underline;color:inherit}.upper-header{background:#000;color:#fff;display:none}.upper-header__inner{align-items:center;display:flex;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 10px}.upper-header__left{padding:10px 0;display:flex;justify-content:flex-start;align-items:center}.upper-header__left-item{border-right:1px solid #404040;font-size:12px;padding:0 10px;color:#ccc;cursor:pointer;font-weight:400;position:relative}.upper-header__left-item:last-child{border-right:none}.upper-header__left-item:hover{color:#fff}.upper-header__left--active{font-weight:700}.upper-header__left--active:before{content:"";border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;bottom:-10px;left:calc(50% - 5px);z-index:100000}.upper-header__right{padding-right:10px}.upper-header__right-item{display:inline-block;font-size:12px;padding:10px;color:#ccc;font-weight:400;position:relative}.upper-header__right-item .icon{padding-left:5px}.upper-header__flag{width:20px;margin-right:10px}.upper-header__log-on{background-color:#dc0010;color:#fff;position:relative;padding-left:17px;padding-right:17px;cursor:pointer}.upper-header__log-on:focus,.upper-header__log-on:hover{background:#83000a;cursor:pointer}.upper-header__log-on.active{background:#eee;color:#333}.upper-header__log-on-menu{position:absolute;background:#eee;color:#333;width:300px;right:0;top:36px;z-index:1000;display:none}.upper-header__log-on-menu.active{display:block}.upper-header__log-on-menu ul{margin:0;padding:0}.upper-header__log-on-menu li{background:#eee;color:#333;display:block;border-bottom:1px solid #ddd;cursor:pointer}.upper-header__log-on-menu li:hover{background-color:#ddd}.upper-header__log-on-menu li .icon{float:right}.upper-header__log-on-menu a{display:block;padding:15px;font-size:1rem}.upper-header__log-on a:hover{text-decoration:none!important}.lower-header{background:#fff;border-bottom:1px solid #d9d9d9;z-index:10;padding:0 10px}.lower-header__inner{max-width:1240px;margin:0 auto;justify-content:space-between}.lower-header__hamburger,.lower-header__inner{display:flex;align-items:center;position:relative}.lower-header__hamburger{margin:10px 0;border-right:1px solid #dedede;color:#333;cursor:pointer;justify-content:center;padding:4px 14px 4px 5px}.lower-header__hamburger .icon{font-size:23px;color:#333;position:relative}.lower-header__hamburger span{display:none;line-height:1.9;margin-left:4px}.lower-header__hamburger span:hover{text-decoration:underline}.lower-header__logo{text-align:left;cursor:auto;flex-grow:1}.lower-header__logo img{display:inline-block;width:140px;height:38px}.lower-header__log-on{background-color:#dc0010;color:#fff;position:relative;padding:7px 12px;margin-right:8px;font-size:12px;line-height:18px}.lower-header__log-on:focus,.lower-header__log-on:hover{background:#83000a;cursor:pointer}.lower-header__log-on a:hover{text-decoration:none}.lower-header__log-on.active{background:#eee;color:#333}.lower-header__log-on .icon{margin-left:4px;width:15px;text-align:center}.lower-header__log-on-menu{position:absolute;background:#eee;color:#333;width:300px;right:0;top:33px;z-index:1000;display:none}.lower-header__log-on-menu.active{display:block}.lower-header__log-on-menu ul{margin:0;padding:0}.lower-header__log-on-menu li{background:#eee;color:#333;display:block;border-bottom:1px solid #ddd;cursor:pointer}.lower-header__log-on-menu li:hover{background-color:#ddd}.lower-header__log-on-menu li .icon{float:right}.lower-header__log-on-menu a{display:block;padding:15px;font-size:1rem}.lower-header__log-on a:hover{text-decoration:none!important}.lower-header__menu-item{display:none;padding:18px 30px;cursor:pointer;text-align:center;position:relative}.lower-header__menu-item.clicked .lower-header__dropdown-menu-col:first-child .lower-header__dropdown-menu-links:first-child a:first-child{text-decoration:underline!important}.lower-header__menu-item:hover{border-left:1px solid #fff;margin-left:-1px}.lower-header__menu-item:not(:nth-last-child(2)):after{content:"";width:1px;background-color:#ededed;position:absolute;top:18px;bottom:18px;right:0}.lower-header__menu-item:hover{background-color:#eee}.lower-header__menu-title{font-size:1.125rem;font-weight:500;line-height:1.2;padding:0;color:#333;margin:0;white-space:nowrap}.lower-header__menu-subtitle{display:none;margin:0;color:#333;font-size:.75rem;line-height:1.8}.lower-header__dropdown-menu{position:fixed;top:90px;left:50%;transform:translateX(-50%);z-index:100;padding:25px 20px 35px;background-color:#eee;width:1240px;max-width:100%;cursor:auto;display:none;text-align:left}.lower-header__dropdown-menu.active{display:flex}.lower-header__dropdown-menu-col{width:25%;padding:20px;color:#333;position:relative}.lower-header__dropdown-menu-col:first-child{padding-left:0}.lower-header__dropdown-menu-col:not(:last-child):after{content:"";width:1px;background-color:#ddd;position:absolute;top:25px;bottom:25px;right:0}.lower-header__dropdown-menu-links{margin-bottom:25px}.lower-header__dropdown-menu-links h3{font-size:1rem;padding-bottom:6px;margin:0;line-height:1.3}.lower-header__dropdown-menu-links p{font-size:.875rem;padding:6px 0 7px;display:block;line-height:1.2;margin:0}.lower-header__dropdown-menu-col--dark{background-color:#404040;padding-bottom:20px;color:#fff}.lower-header__dropdown-menu-col--dark h3{color:#fff}.side-menu{font-family:"HSBC Univers Next Regular","HSBC Neue Helvetica Regular","Arial","PingFang SC","Microsoft YaHei","Lantinghei SC","Heiti SC","simhei","sans-serif";position:fixed;left:0;z-index:10}.about-hsbc-color{color:#000}.about-hsbc{border-bottom:1px solid #ddd;padding-bottom:40px}.side-menu.menu-hide{display:none}.side-menu__open{left:281px;position:fixed;overflow:hidden}.side-menu__open #header{left:281px;right:auto}.side-menu__menu{position:fixed;height:100%;background-color:#fff;color:#333;z-index:21;top:0;width:281px;box-shadow:0 0 10px rgba(0,0,0,.25098039215686274)}.side-menu__menu-item{font-size:13px;border-left:5px solid #fff;padding:15px 0 15px 15px;cursor:pointer}.side-menu__menu-item.active:not(:first-child){background-color:#eee;border-left:5px solid #db0011}.side-menu__menu-item img{width:23px;margin-right:18px}.side-menu__menu-item .icon{font-size:23px;margin-right:18px}.side-menu__menu-item .icon-chevron-left{margin:0 9px}.side-menu__menu-item p{padding-left:2px;display:inline}.side-menu__menu-item .left-arrow{padding-bottom:9px;border-bottom:1px solid #eee;margin-left:-8px;margin-right:8px}.side-menu__menu-item .icon-chevron-right-small{float:right}.side-menu__menu-item--register{background-color:#d7d8d6;border-left:none;position:absolute;bottom:0;height:53px;padding:0;right:0;left:0}.side-menu__menu-item--register.hide{display:none}.side-menu__menu-item--register a{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;color:#333;text-decoration:none!important}.side-menu__menu-item--register a:hover p{text-decoration:underline}.side-menu__menu-item--register .icon{color:#db0011}.side-menu__menu-open{width:calc(100% - 63px);background:#eee;position:absolute;right:0;height:100%;top:0;overflow:auto;display:none}.side-menu__menu-open.active{display:block}.side-menu__menu-links{padding:0 10px}.side-menu__menu-links h3{padding-bottom:7px;padding-top:10px;border-bottom:1px solid #ddd}.side-menu__menu-open .side-menu__menu-col:first-child .side-menu__menu-links:first-child h3{padding-top:0}.side-menu__menu-links p{margin-bottom:25px;display:block}.side-menu__menu-col--dark{background-color:#404040;padding-bottom:10px;color:#fff}.side-menu__menu-col--dark h3{color:#fff}.side-menu__overlay{position:fixed;height:100vh;top:0;width:100vw;z-index:20;background:rgba(0,0,0,.12549019607843137)}@media screen and (min-width:480px){.lower-header__logo{text-align:center;margin-left:50px}.lower-header__logo img{width:177px}}@media screen and (min-width:521px){.lower-header__hamburger{padding:1px 10px 1px 5px}.lower-header__hamburger span{display:inline-block}.lower-header__logo{margin-left:7px}}@media screen and (min-width:960px){.upper-header{display:block}.lower-header{padding:0 20px}.lower-header:after{background-color:hsla(0,0%,100%,0);background:linear-gradient(180deg,#d7d8d6,hsla(0,0%,100%,0));bottom:-4px;content:"";display:block;height:4px;position:absolute;left:0;right:0;z-index:-1}.lower-header__logo{margin:0;flex-grow:0}.lower-header__logo img{margin-top:4px;width:140px}.lower-header__hamburger,.lower-header__log-on{display:none}.lower-header__menu-item{display:block;flex-grow:1;padding-left:20px;padding-right:20px}.side-menu{display:none}.side-menu__open #header{left:0;right:auto}}@media screen and (min-width:1220px){.lower-header__inner{justify-content:flex-start}.lower-header__logo img{margin-top:0;width:177px}.lower-header__menu-item{text-align:left;flex-grow:0;padding-left:30px;padding-right:30px}.lower-header__menu-subtitle{display:block}.lower-header__dropdown-menu{top:110px}}
/*# sourceMappingURL=Header.css.map */