.redBackground{background:#f11c00;background:linear-gradient(#F11C00, #DB0011)}.balanceTop{height:88px;width:100%}.profileIcon{width:80px;height:100%;position:relative;display:inline-block;float:left}.profileIcon img{max-height:65px;max-width:65px;width:auto;height:auto;position:absolute;top:0;bottom:0;right:0;margin:auto;border-radius:35px}.balanceAmount{width:auto;min-width:50%;height:100%;position:relative;display:inline-block;float:left;padding-left:10px;padding-right:5%;color:#fff}.balanceAmount div{height:50%}.balanceAmount .walletBal{display:block;position:relative}.balanceAmount .walletBal div{height:13px;margin-bottom:10px;vertical-align:baseline;position:absolute;bottom:0;font-weight:300;font-size:13px}.balanceAmount .walletBal+div{vertical-align:baseline;position:absolute;bottom:0;font-weight:300;font-size:13px}.balanceAmount .walletBalAmt{font-size:19px}.topUpButtonDiv{margin-top:26px;width:80px;height:36px;position:relative;display:inline-block;float:right;background:url("../images/frontPage/btn_topup.png");background-position-x:100%;background-position-y:50%;background-position:100% 50%;background-size:100%;background-repeat:no-repeat;padding:7px}.topUpButtonDiv .topUpBut{position:relative;height:100%;margin:auto;font-size:13px;color:#fff;width:100%;text-align:center;vertical-align:middle;line-height:26px;font-weight:300}.topUpButtonDiv .topUpBut:before{content:" ";display:inline-block;float:left;width:1em;height:100%;background:url("../images/frontPage/icon_topup_white.png");background-repeat:no-repeat;background-size:10px auto;background-position-y:50%;background-position-x:50%;background-position:50% 50%}.timelineList .timelinelistTab{display:table;height:37px;width:100%}.timelineList .timelinelistTab>div{display:table-cell;width:33.33%;height:100%;border-bottom:solid #ededed 2px}.timelineList .timelinelistTab>div.timelineAll{background:url("../images/frontPage/icon_timline_all.png");background-repeat:no-repeat;background-size:auto 50%;background-position-x:50%;background-position-y:50%;background-position:50% 50%}.timelineList .timelinelistTab>div.timelineFriends{background:url("../images/frontPage/icon_timline_frd.png");background-repeat:no-repeat;background-size:auto 50%;background-position-x:50%;background-position-y:50%;background-position:50% 50%}.timelineList .timelinelistTab>div.history{background:url("../images/frontPage/icon_timline_pndg.png");background-repeat:no-repeat;background-size:auto 50%;background-position-x:50%;background-position-y:50%;background-position:50% 50%}.timelineList .timelinelistTab>div.active{border-bottom:solid #db0011 2px}.timelineList .timelinelistTab>div.active.timelineAll{background:url("../images/frontPage/icon_timline_all_hover.png");background-repeat:no-repeat;background-size:auto 50%;background-position-x:50%;background-position-y:50%;background-position:50% 50%}.timelineList .timelinelistTab>div.active.timelineFriends{background:url("../images/frontPage/icon_timline_frd_hover.png");background-repeat:no-repeat;background-size:auto 50%;background-position-x:50%;background-position-y:50%;background-position:50% 50%}.timelineList .timelinelistTab>div.active.history{background:url("../images/frontPage/icon_timline_pndg_hover.png");background-repeat:no-repeat;background-size:auto 50%;background-position-x:50%;background-position-y:50%;background-position:50% 50%}.timelineList .timelineListItem{border-bottom:solid #ededed 2px;height:107px}.timelineList .timelineListItem>div:nth-child(1){position:relative;width:100%;height:63px}.timelineList .itemProfilePic{width:60px;height:100%;position:relative;display:inline-block;float:left}.timelineList .itemProfilePic div{width:45px;height:45px;border-radius:25px;overflow:hidden;margin-left:15px;margin-top:20px}.timelineList .itemProfilePic img{width:45px;height:45px;position:relative;object-fit:cover}.timelineList .itemData{width:auto;min-width:45%;height:100%;position:relative;display:inline-block;float:left;padding-left:10px;padding-right:5%}.timelineList .itemData .itemName{display:block;position:relative;height:41px}.timelineList .itemData .itemName div{height:16px;width:100%;vertical-align:baseline;position:absolute;bottom:0;font-size:16px;font-weight:300;color:#333;white-space:nowrap}.timelineList .itemData .itemTime{margin-top:10px;color:#333;font-size:11px}.timelineList .itemAmount{width:30%;max-width:150px;position:relative;display:inline-block;float:right;font-weight:400;margin-top:44px;font-size:13px;color:#00716c;text-align:right;padding-right:15px}.timelineList .itemAmount .itemAmt{font-size:19px;font-weight:300}.timelineList .itemAmount .walletBalAmt{font-size:19px;font-size:300}.timelineList .itemAmount:after{content:"";display:inline-block;background-image:url(../images/icon_in_green.png);height:16px;width:20px;background-size:15px auto;background-repeat:no-repeat;background-position-y:50%}.timelineList .itemDetail{font-size:13px;font-weight:300;color:#333;padding-left:15px;margin-top:20px}.centerHomePage{display:block;position:relative;top:0;bottom:0;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.centerHomePage .homepageCenterWrapper{display:block;width:100%;padding-left:15px;padding-right:15px}.centerHomePage .itemProfilePic div{width:80px;height:80px;margin:23px calc(50% - 40px);border-radius:40px;border:0px solid #fff;overflow:hidden;background-size:cover}.centerHomePage .itemProfilePic div.compat-object-fit{background-size:100% auto;background-repeat:no-repeat;height:80px;background-position-x:50%;background-position-y:100%}.centerHomePage .itemProfilePic img{width:80px;height:80px;position:relative;object-fit:cover}.centerHomePage .itemDetail{font-size:16px;color:#fff;font-weight:300;text-align:center;line-height:1em;margin-top:18px}.centerHomePage .itemData{font-size:19px;color:#fff;font-weight:100;margin-top:18px;text-align:center;line-height:26px}.centerHomePage .itemData .itemName div span:nth-child(1){font-size:13px;font-weight:400}.centerHomePage .itemData .itemName div span:nth-child(2){font-size:19px;font-weight:400}.centerHomePage .downloadApp{font-size:16px;font-weight:300;color:#fff;text-align:center}.centerHomePage .downloadApp{margin-top:20px;cursor:default !important}.centerHomePage .downloadApp .iosDownloadEn{display:inline-block;width:173px;height:48px;background:url("../images/btn_appleStore.png");background-size:100%;margin-right:18px}.centerHomePage .downloadApp .iosDownloadTc{display:inline-block;width:173px;height:48px;background:url("../images/btn_appleStore_tc@2x.png");background-size:100%;margin-right:18px}.centerHomePage .downloadApp .iosDownloadSc{display:inline-block;width:173px;height:48px;background:url("../images/btn_appleStore_sc@2x.png");background-size:100%;margin-right:18px}.centerHomePage .downloadApp .aosDownloadEn{display:inline-block;width:173px;height:48px;background:url("../images/btn_googlepay.png");background-size:100%}.centerHomePage .downloadApp .aosDownloadTc{display:inline-block;width:173px;height:48px;background:url("../images/btn_googlepay_tc@2x.png");background-size:100%}.centerHomePage .downloadApp .aosDownloadSc{display:inline-block;width:173px;height:48px;background:url("../images/btn_googlepay_sc@2x.png");background-size:100%}.fakeHomepage .pageContainer{position:relative;left:0;right:0}.fakeHomepage .redBubbleWallpaper{position:relative}.fakeHomepage .redBubbleWallpaper .mobileSize .homepageNavBar{position:relative}.fakeHomepage .redBubbleWallpaper .transparentBgFooter{position:relative;padding-left:15px;padding-right:15px}.showMobileFooter{width:100%;position:relative;bottom:0px;left:0;right:0;font-size:13px;background-color:#f4f4f4;padding:20px 15px 17px 15px}.showMobileFooter .footerWrapper{width:100%;height:90px;max-width:1031px;margin:0 auto;text-align:center}.showMobileFooter .footerWrapper .col6{display:inline-block}.showMobileFooter .footerWrapper .col6 .col2{display:inline-block;float:left}.showMobileFooter .footerWrapper .col6 .col2.mobileSvf{display:none}.showMobileFooter .footerWrapper .col6 .col2.HSBCLogo{display:block;width:100%;margin-bottom:15px;background:url("../images/logo_footer_hsbc.png");height:15px;background-size:auto 15px;background-repeat:no-repeat;background-position-x:50%;background-position:50% 50%}.showMobileFooter .footerWrapper .col6 .col2.HSBCLogoTC{display:block;width:100%;margin-bottom:15px;background:url("../images/logo_footer_hsbc_tc.png");height:15px;background-size:auto 15px;background-repeat:no-repeat;background-position-x:50%;background-position:50% 50%}.showMobileFooter .footerWrapper .col6 .col2.HSBCLogoSC{display:block;width:100%;margin-bottom:15px;background:url("../images/logo_footer_hsbc_sc.png");height:15px;background-size:auto 15px;background-repeat:no-repeat;background-position-x:50%;background-position:50% 50%}.showMobileFooter .footerWrapper .col6 .col2.TnCLogo{margin-left:30px;margin-right:30px}.showMobileFooter .footerWrapper .col6 .col2.Privacy{margin-right:30px}.showMobileFooter .footerWrapper .col6 .col2.Legal{margin-right:30px}.showMobileFooter .footerWrapper .col6.rightReserved{float:none;display:block}.desktopSize .centerHomePage{height:100%}.desktopSize .centerHomePage .homepageCenterWrapper>div{max-width:590px;margin-left:auto;margin-right:auto}.desktopSize .centerHomePage .homepageCenterWrapper>div.transferToBank{width:400px}@media screen and (orientation: landscape)and (max-width: 769px){.fakeHomepage .pageContainer{position:relative;margin-bottom:50px}}.fakeHomepage .downloadLink{text-align:center;color:#fff;margin-bottom:20px}.fakeHomepage .downloadLink a{text-align:center;color:#fff;text-decoration:underline}.fakeHomepage .longPressButtonText{text-align:center;color:#fff;margin-top:5px;font-size:13px;font-weight:600}.spaceUnderLongPressButtonText{display:block;height:20px;width:100%}