#normalHeader{background-repeat:no-repeat;background-position:center 56px;background-size:cover}
#normalHeader.sticky{padding-top:56px}
#normalHeader ul{list-style:none}
#normalHeader a{text-decoration:none}
#normalHeader a:hover{text-decoration:underline}
#normalHeader .header{display:flex;justify-content:space-between;align-items:center;height:56px}
#normalHeader .header .leftContent,#normalHeader .header .rightContent{display:flex;height:100%;align-items:center;column-gap:24px}
#normalHeader.sticky .header{position:fixed;top:0;left:0;right:0;z-index:5;background:#fff;width:100%}
#normalHeader .header .rightContent .login{display:flex;column-gap:12px}
#normalHeader .header .rightContent .shareFB:hover{text-decoration:none}
#normalHeader .header .rightContent .shareFB{cursor:pointer;display:flex}
#normalHeader .header .rightContent .shareFB span{display:block;height:32px}
#normalHeader .header .rightContent .shareFB span:first-child{width:109px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHcAAAAjCAYAAACuJpVrAAADBElEQVR4Ae2by2sTURTGu+of07S+8Ylvm0ATH6hBUVQUragx7ly3uJKkJUFRkSKiiFaporRqpwoq4qa4EE2CSV0oVKslceMD3Bw5wZTMnMidb3NJmDPwkeTe75yPOb/cIZu0temlE9AJtPAE4n2328OnnGwkOVGOJCdI1WozeFJhfsxRfA0jSScTOemQDd113lnJsXEvTZeRdM4KuOHEeDmcGCcbYrg2cgKaURZwuxOPyZYYrq2sIOZIuCceUbclVeFayrJ1T82UI+BuOj5GtsRwbWUFMUfA3XhslFCdHnxJr3Mz9Ov3H6q/TH0Yrsmj+ziP2swE3A1HHxCi3v6nAmoNsKkPwzV5dB/jUT8vAXd9731C9GLyU42leDX1Ybgmj+5jPOrnJeCuO3KPEBU+zLqgPnw+RWcuvqrK1Ifhmjy6j/Gon5eAu/bwCCHywkVqGS7iVy/GRsBdc+gOISpMfXOdXKSW4SJ+9WJsBNzVB4fJj8aevScG+9PzC5nXajL1Ybgmj+7749FoTgLuqgM3yY+8J9Z1fP99MPVhuCaP7vvj0WhOAu7K/TfIjwpTXxvxnFv7OP3d2Ifh+slSjz8m3jkJuCv2XSc/GhqepFujb2i28mMOKL/hNRbvm/qMOG+NHlMP3f8/LwF3+d5rhChfcp9gpJZPLuJXL8ZGwF225yohypdmXCcXqWW4iF+9GBsBd+nuK4TICxepZbiIX70YGwF3ya4hQpQvfXGdXKSW4SJ+9WJsBNzF8cuEKF90w0VqGS7iVy/GRsBdtPMSIcoXP7tOLlLLcBG/ejE2Au7CHRcIUc4DF6lluIhfvRgbAXfB9vOEyAsXqWW4iF+9GBsBd/62c4QoV5x2PZaRWoaL+NWLsRFw523Nki0xXFtZQcwRcLu2ZMiWGK6trCDmSLibB6nLkqpwLWXZuqdmyhFwO2MD5c7YANkQw7WRE9AM+Y+DUE86E4qmyYYYro2cQGb0pOV/hTrife0dsVQ2FE2VQ9EUqVpuBhXmxxzFY1kXdAI6gRaawF93V6HzOnnKRgAAAABJRU5ErkJggg==) center/contain no-repeat;padding:5px 0 0 40px;color:#fff;font-size:16px}
#normalHeader .header .rightContent .shareFB span:last-child{width:52px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAhCAYAAACMX2hNAAAC9klEQVRYCe2ZW0iTYRjHn3nIMku9iAgMPGzuFBIkXli6RR6+TehwUxFRxjpokprazEoxT5uaN5FFCEY3iuKpUKIgFCERYRmdaJtzrmHDKYKNTYZuT7yxXW3f3OVe64Mf39V38fve93ve5/l/AP/oxRHmNZ0TytTjYnnbpkjehiFNQbtNxKg7EqXlccGsF4ef33BWevEpTn8y4abLjaF+2R1O7OieQCHT3AUAEVtJRgqZlvEPGiO63W6qULaPIj/voQIAwtgkOUlZZWmyq13ocrmoQ/PVjAJGNQMAkWyCYanSmstlTcO4sbFBHb9tDhTJW+0AsItNMJwnrblRqX6FTqeTSkgxBIDdbIIRPOndogrVCK6vr1OJR3APm2AkV1JdXNEygna7nUqCErzdMow2m41KghBU3ixvHsK1tTUqCSTI4Z2oyxUXtOGLgSlcXV2lEjZBDj+/8crhUx3YNzqDKysr1OJPMEzAqGqOnn+M41Pf0Gq1Uo2PIC+nroBRPMfZL3q0WCzU4yMoYlSv+0encXFxcVvgI5giqTqTdvIRdvdPotlsph4fQQCIOXik8DSpnk2dY7iwYEKTiV78Ce4AgPi9CekZPEn1UEl9H+r0BjQajVTiT5DjGS9iASCZK1H2KdWDaDAYqMSfIOlLiSSZhGOTMm9VFtf14tzcHJWwCXqb7yhu9p2Sotpe1Ov1VLKV4N9poqi2B3U6HZUEJ/igB7VaLZX8FyQD73b+BiO42VWKa/d7cH5+njq+/9ChWNbqAADWyCI8If1SRm7hMypbtrcTsyjIb9YECp1IYBonyGuYGnv/kbrJorRxAJOzKsoDxYbkwI9OOVZ6PfvCE3w3+RmXlqy4vLwc0vw0/8LGzjeYevxePwDsCxT8kgOfpMLxiZklpfyceo1I3uoipTeUEcvUDq6k+mXMgUNCz/Zkje69bVsU2aoAkAAAXAAQAAB5OBThA0ASAOwnk1EwP1+8kqQ33el5I6QqhSpEKhoAyKKEe3tO7/0PvZlO4sjEIxMAAAAASUVORK5CYII=) center/contain no-repeat;padding:5px 0 0 18px;font-size:16px}
#normalHeader .header .rightContent .logged{position:relative;height:100%;display:flex}
#normalHeader .header .rightContent .logged:hover .accountInfo{display:block}
#normalHeader .header .rightContent .logged .avatar{display:flex;align-items:center;column-gap:7px}
#normalHeader .header .rightContent .logged .avatar img{width:20px;height:20px;object-fit:cover;border:1px solid;border-radius:99px}
#normalHeader .header .rightContent .accountInfo{font-family:Roboto, sans-serif;z-index:10;right:0%;position:absolute;top:56px;background:#fff;width:299px;padding:12px;border-radius:6px;box-shadow:0 0 1px 1px hsla(0,0%,0%,.18);animation:tranY .4s forwards;transform:translateY(5px);display:none}
#normalHeader .header .rightContent .accountInfo .accountDetail>img{width:56px;height:56px;border:1px solid #e9e9e9;padding:1px;border-radius:99px}
#normalHeader .header .rightContent .accountInfo .accountDetail{display:flex;column-gap:12px;margin-bottom:10px}
#normalHeader .header .rightContent .accountInfo .btnGroup{display:flex;justify-content:flex-end;column-gap:7px}
#normalHeader .header .rightContent .accountInfo .btnGroup a{width:100px;padding:5px;border-radius:6px;text-align:center}
#normalHeader .header .rightContent .accountInfo .btnGroup .btnLogout{color:#666;}
.rechargeMoney{background:#529839;color:#fff}
.btnLogout{background:#e1e1e1}
@keyframes tranY{0%{transform:translateY(5px);opacity:0}
100%{transform:translateY(0px);opacity:1}}
#normalHeader .header .rightContent .accountInfo .accountDetail>ul{list-style:none;background:#f3f3f3;width:100%;padding:10px;border-radius:6px}
#normalHeader .header .rightContent .accountInfo .accountDetail>ul li{display:flex;align-items:center;margin-top:12px}
#normalHeader .header .rightContent .accountInfo .accountDetail>ul li:not(:nth-child(1)):before{content:'';display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;padding-left:5px}
#normalHeader .header .rightContent .accountInfo .accountDetail>ul li a{color:#3e508a;font-size:16px}
#normalHeader .header .rightContent .accountInfo .accountDetail>ul li a .remainMoney{color:#ee791c}
#normalHeader .header .rightContent .accountInfo .accountDetail>ul li a:hover{text-decoration:none}
#normalHeader .wrapperBanner{display:flex;flex-wrap:wrap;row-gap:12px;justify-content:center;column-gap:12px;padding:40px 0}
#normalHeader .wrapperBanner .bannerPC{display:block;width:100%}
#normalHeader .wrapperBanner .bannerMobile{display:none;width:100%}
#normalHeader .wrapperBanner .headerForm{width:100%}
#normalHeader .wrapperBanner .headerForm form input,#normalHeader .wrapperBanner .headerForm form select,#normalHeader .wrapperBanner .headerForm form textarea{padding:12px;border:1px solid #e1e1e1;margin-bottom:24px;width:100%;border-radius:7px;outline:0;background:0 0}
#normalHeader .wrapperBanner .headerForm>form{background:#fff;padding:20px 20px 25px;border:none;position:relative;}
#normalHeader .header .leftContent .logo img{width:100%}
#normalHeader .wrapperBanner .headerForm>form .formTitle{margin-bottom:12px;text-align:center}
#normalHeader .wrapperBanner .headerForm form>div{text-align:center}
#normalHeader .wrapperBanner .headerForm form>div .btnHeaderFormSubmit{cursor:pointer;text-transform:capitalize;font-size:20px;padding:7px 24px;border:none;border-radius:6px}
#normalHeader .wrapperBanner .headerForm form>div .iconLoadingSubmit{text-align:center;display:none}
#normalHeader .wrapperBanner .headerForm form>div .iconLoadingSubmit img{width:50px}
@media (max-width:767.98px){#normalHeader .header .rightContent .shareFB,#normalHeader .wrapperBanner .bannerPC{display:none}
#normalHeader .wrapperBanner .bannerMobile{display:block}
#normalHeader .wrapperBanner{padding:20px 0}
#normalHeader .leftContent a:not(.logo){width:20px;height:20px;overflow:hidden;color:transparent}
#normalHeader .header .leftContent .logo{width:60%}}