@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";
.index-module__H-VssW__main{flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative}.index-module__H-VssW__description{display:inherit;justify-content:inherit;align-items:inherit;max-width:var(--max-width);z-index:2;width:100%;font-size:.85rem}.index-module__H-VssW__description a{justify-content:center;align-items:center;gap:.5rem;display:flex}.index-module__H-VssW__description p{background-color:rgba(var(--callout-rgb), .5);border:1px solid rgba(var(--callout-border-rgb), .3);border-radius:var(--border-radius);margin:0;padding:1rem;position:relative}.index-module__H-VssW__code{font-weight:700}.index-module__H-VssW__grid{max-width:100%;width:var(--max-width);grid-template-columns:repeat(4,minmax(25%,auto));display:grid}.index-module__H-VssW__card{border-radius:var(--border-radius);background:rgba(var(--card-rgb), 0);border:1px solid rgba(var(--card-border-rgb), 0);padding:1rem 1.2rem;transition:background .2s,border .2s}.index-module__H-VssW__card span{transition:transform .2s;display:inline-block}.index-module__H-VssW__card h2{margin-bottom:.7rem;font-weight:600}.index-module__H-VssW__card p{opacity:.6;text-wrap:balance;max-width:30ch;margin:0;font-size:.9rem;line-height:1.5}.index-module__H-VssW__center{justify-content:center;align-items:center;padding:4rem 0;display:flex;position:relative}.index-module__H-VssW__center:before{background:var(--secondary-glow);border-radius:50%;width:480px;height:360px;margin-left:-400px}.index-module__H-VssW__center:after{background:var(--primary-glow);z-index:-1;width:240px;height:180px}.index-module__H-VssW__center:before,.index-module__H-VssW__center:after{content:"";filter:blur(45px);position:absolute;left:50%;transform:translateZ(0)}.index-module__H-VssW__logo{position:relative}@media (hover:hover) and (pointer:fine){.index-module__H-VssW__card:hover{background:rgba(var(--card-rgb), .1);border:1px solid rgba(var(--card-border-rgb), .15)}.index-module__H-VssW__card:hover span{transform:translate(4px)}}@media (prefers-reduced-motion){.index-module__H-VssW__card:hover span{transform:none}}@media (max-width:700px){.index-module__H-VssW__content{padding:4rem}.index-module__H-VssW__grid{text-align:center;grid-template-columns:1fr;max-width:320px;margin-bottom:120px}.index-module__H-VssW__card{padding:1rem 2.5rem}.index-module__H-VssW__card h2{margin-bottom:.5rem}.index-module__H-VssW__center{padding:8rem 0 6rem}.index-module__H-VssW__center:before{height:300px;transform:none}.index-module__H-VssW__description{font-size:.8rem}.index-module__H-VssW__description a{padding:1rem}.index-module__H-VssW__description p,.index-module__H-VssW__description div{justify-content:center;width:100%;display:flex;position:fixed}.index-module__H-VssW__description p{border:none;border-bottom:1px solid rgba(var(--callout-border-rgb), .25);background:linear-gradient(to bottom, rgba(var(--background-start-rgb), 1), rgba(var(--callout-rgb), .5));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-clip:padding-box;border-radius:0;align-items:center;padding:2rem 1rem 1.4rem;inset:0 0 auto}.index-module__H-VssW__description div{pointer-events:none;background:linear-gradient(to bottom, transparent 0%, rgb(var(--background-end-rgb)) 40%);z-index:1;align-items:flex-end;height:200px;padding:2rem;inset:auto 0 0}}@media (min-width:701px) and (max-width:1120px){.index-module__H-VssW__grid{grid-template-columns:repeat(2,50%)}}@media (prefers-color-scheme:dark){.index-module__H-VssW__vercelLogo{filter:invert()}.index-module__H-VssW__logo{filter:invert()drop-shadow(0 0 .3rem #ffffff70)}}@keyframes index-module__H-VssW__rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.index-module__H-VssW__animateRefresh{animation:2s linear infinite index-module__H-VssW__rotateRefresh}@keyframes index-module__H-VssW__rotateRefresh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
#header{box-sizing:border-box;background-color:#fff;width:100%;margin-bottom:0}#header #logo{background:0 0;margin-left:5px}#header .nav{color:#848484;float:right;vertical-align:bottom;margin:22px 25px 0 0;line-height:100%}@media only screen and (min-width:1680px){#header .nav{margin:22px 25px 8px 0}}#header .nav{position:relative}#header #topNav{margin:20px 5px 0 0;line-height:1.5}#header .nav div{float:left;float:left}#header #topNav input{color:#868686;width:75px;height:20px}#header #topNav input#searchtxt{box-sizing:border-box;background-color:#fff;border:1px solid #000;border-radius:3px;outline:none;padding:1px 2px;transition:box-shadow .2s ease-in-out}#header #topNav input#searchtxt:focus{box-shadow:0 0 0 1px #000}#header #topNav a{color:#848484;padding:5px 0 0;display:inline-block}#header #topNav a.lang{cursor:pointer;color:#2a3981;border-left:1px solid #2a3981;margin:0 10px;padding:0 0 0 10px}#header #topNav input.iconToggle{width:16px;height:17px;margin:0 0 0 4px;line-height:14px}#header #topNav #globalLoginControl{position:relative}#header #topNav #globalLoginControl a.login{color:#2a3981;border-left:1px solid #2a3981;margin:0 0 0 5px;padding:0 0 0 10px;font-weight:700}#header #topNav #globalLoginControl a.faq{color:#848484;border-left:1px solid #2a3981;margin:0 0 0 5px;padding:0 0 0 10px}#header #topNav #globalLoginControl .afterlogin .hkjc_greeting_name,.mobile-top-login .afterlogin .hkjc_greeting_name{white-space:nowrap;text-overflow:ellipsis;vertical-align:bottom;max-width:77px;line-height:1.7em;display:inline-block;overflow:hidden!important}#header #topNav #globalLoginControl a.logout{padding-bottom:2px}#ewinContainer{height:40px;padding:0 0 0 45px;position:relative}#ewinContainer a{background:var(--url-ewin) no-repeat 0 4px;color:#7b7135;padding:0 0 0 9px;line-height:120%;display:block}#ewinContainer .ewin{background:0 0;width:39px;height:40px;padding:0;position:absolute;top:0;left:0}#header_nav a:hover{text-decoration:underline}
.commHeaderTitle{border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;gap:0;width:100%;height:40px;padding:0 10px;font-size:15px;display:flex}@media only screen and (min-width:1680px){.commHeaderTitle{font-size:17px}}.commHeaderTitle{color:#fff;background-color:#132b68;font-weight:500}.mobile_filterPop{background-color:#fff;border-radius:4px;box-shadow:0 3px 10px #0000004d}.commHeaderBtnGrp{align-items:center;gap:1em;display:flex}.commFilterBox{height:48px;padding-left:17px}.commFilterBox .filterLabel{font-size:13px}@media only screen and (min-width:1680px){.commFilterBox .filterLabel{font-size:15px}}.commFilterBox .filterLabel{color:var(--extraPalette-text-primary);margin-right:5px;font-weight:300}.commFilterBox .filterSelect{width:211px;height:26px;font-size:13px;line-height:26px}@media only screen and (min-width:1680px){.commFilterBox .filterSelect{font-size:15px}}.commFilterBox .filterSelect{color:var(--extraPalette-text-primary);font-weight:500;font-family:inherit!important}#menu-commSelect li{font-size:14px}@media only screen and (min-width:1680px){#menu-commSelect li{font-size:16px}}#menu-commSelect li{color:var(--extraPalette-text-primary)}.commBContent{width:100%;max-width:1808px;margin:0 auto}@media only screen and (min-width:1809px){.commBContent{padding:0!important}}
#mainNav{padding-bottom:10px}.container{min-width:320px}.nav{flex-wrap:nowrap;justify-content:space-between;margin-bottom:0;padding-left:0;list-style:none;display:flex}.main-nav{background:#fff}.second-nav{max-width:1808px;padding:0 16px}@media screen and (min-width:1809px){.second-nav{padding:0}.second-nav .commBContent{padding:10px 0!important}}.main-nav>ul,.second-nav>ul{max-width:1808px;margin:0 auto;float:none!important}.main-nav ul.nav>li{border-right:1px solid var(--palette-primary-main);flex-grow:1;font-weight:700}.main-nav ul.nav>li:first-child,.main-nav ul.nav>li:first-child a{border-radius:4px 0 0}.main-nav ul.nav>li:last-child,.main-nav ul.nav>li:last-child a{border-radius:0 4px 0 0}.main-nav.nav-en #racing{width:15%}.main-nav.nav-en #football{width:13%}.main-nav.nav-en #entertainment{width:19%}.main-nav.nav-en #charities{width:20%}.main-nav.nav-en #corporate{width:15%}.main-nav ul.nav>li>a{float:left;text-align:center;width:100%;padding:0}.main-nav .nav-level-1>li>a{background-color:#122c68;background-image:var(--url-headernav-main);color:#fff;background-repeat:repeat-x;font-size:12px;text-decoration:none}@media only screen and (min-width:1680px){.main-nav .nav-level-1>li>a{font-size:14px}}.main-nav .nav-level-1>li>a{font-weight:400;line-height:27px}.main-nav .nav-level-1>li>a:hover,.main-nav .nav-level-1>li>a.active{color:var(--palette-primary-main);border-top:1px solid var(--palette-primary-main);border-bottom:1px solid var(--palette-primary-main);background-color:#fff;background-image:none;height:27px;text-decoration:none}.main-nav .nav-level-1-ch>li>a{font-size:14px}@media only screen and (min-width:1680px){.main-nav .nav-level-1-ch>li>a{font-size:16px}}.second-nav{margin:0 auto}ul.dropdown{z-index:160;background:var(--url-headernav-sub) repeat-x #d9dee6;float:left;width:100%;padding:10px;font-size:11px;position:relative}@media only screen and (min-width:1680px){ul.dropdown{font-size:13px}}ul.dropdown{text-align:center}ul.dropdown_ch{font-size:12px}@media only screen and (min-width:1680px){ul.dropdown_ch{font-size:14px}}.navbar,.navbar-hkjc{color:#fffffff2;min-height:27px;margin:0;border:0!important}ul.dropdown ul li{color:#000;float:none;border-bottom:1px dotted #ccc;font-weight:400}ul.dropdown li{zoom:1;background:0 0;font-weight:700;display:inline-block}ul.dropdown li a{color:#c7b163;border-right:1px solid #ae8701;padding:0 8px;display:block}ul.dropdown li:last-child a{border-right:none}ul.dropdown ul{text-align:left;z-index:180;background-color:#fff;border:1px solid #eee;border-top:2px solid #ae8701;border-bottom:0;width:auto;display:none;position:absolute;top:100%;left:0;box-shadow:2px 2px 2px #82828266}ul.dropdown li:hover>ul{display:block}ul.dropdown ul .dim ul li{color:#000;float:none;border-bottom:1px dotted #ccc;font-weight:400}ul.dropdown ul .dim ul li a{color:#022169;background-color:#fff;border-right:none;width:210px;padding:5px 17px 5px 10px;font-weight:700;display:inline-block}ul.dropdown ul .dim ul li a:hover{color:#fff;background-color:#022169;text-decoration:none}ul.dropdown ul ul{top:0;left:100%}ul.dropdown.dim ul li a:hover{background-color:#022169;text-decoration:none;color:#fff!important}ul.dropdown.dim a:active,ul.dropdown.dim a.active,ul.dropdown.dim a.current{color:#ae8701}ul.dropdown ul li a{color:#022169;background-color:#fff;border-right:none;width:210px;padding:5px 17px 5px 10px;font-weight:700;display:inline-block}ul.dropdown.index a,ul.dropdown.first a{color:#ae8701}ul.dropdown.dim li a{color:#c7b163}ul.dropdown.dim ul li a{color:#022169}.nav-arrow{background:var(--url-headernav-arrow) no-repeat 100% 0;background-position:100%}ul.dropdown li.hover,ul.dropdown li:hover{color:#ae8701;position:relative}#btn-menu-mobile{background:#777 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC) 50% no-repeat;width:40px;height:40px;display:block}#mainNav-mobile{height:100%}.mm-panel{font-size:13px}@media only screen and (min-width:1680px){.mm-panel{font-size:15px}}.mm-panel{color:#333;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;background-color:#eee;height:calc(100% - 55px);font-weight:500}#globalLoginControl .beforelogin{vertical-align:text-bottom;padding-left:10px}.mobile-top-login{text-align:left;background-color:#013370;width:70%;height:52px;padding-top:7px;padding-bottom:7px;padding-left:10px;display:inline-block}.mobile-top-login .beforelogin{vertical-align:text-bottom;padding-left:10px;line-height:42px}.mobile-top-lang{text-align:right;vertical-align:text-bottom;background-color:#013370;width:30%;height:52px;padding-top:7px;padding-bottom:7px;padding-right:15px;line-height:42px;display:inline-block}.mobileTitle{color:#fff;background-color:#013370;min-width:300px;height:66px;padding-top:5px;padding-bottom:5px}.mm-navbar{text-align:center;background:#0003;margin:0;padding:10px 80px;line-height:20px;position:relative}.mm-listview{padding:0 15px}.mm-listview>li{border-bottom:1px solid #0000001a;padding:10px 0;position:relative}.mm-prev:before,.mm-next:after{content:"";z-index:2;background:0 0;border:2px solid #0000004d;width:8px;height:8px;margin:auto;padding:0;display:inline-block;position:absolute;top:0;bottom:0;right:0;transform:rotate(-45deg)}.mm-next:after{border-top:none;border-left:none;right:23px}.mm-prev:before{border-bottom:none;border-right:none;left:-85%}.mm-panel>div{display:none}.mm-panel>div.active{display:block}
.footer{width:100%;height:auto;padding:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);background-color:#fff;position:relative}.footer-banner-media{background:#ecedef;border-radius:4px;justify-content:flex-start;width:195px;height:64px;margin-right:24px;display:flex}.footer-banner-media-area{justify-content:center;align-items:baseline;width:72px;height:55px;margin:5px 0 0 -3px;display:flex}.footer-banner-media-content{width:90px;height:57px;font-size:13px}@media only screen and (min-width:1680px){.footer-banner-media-content{font-size:15px}}.footer-banner-media-content{color:#6a6d73;align-content:center;align-items:center;font-weight:700;line-height:16px;display:flex}.footer-top{grid-template-columns:auto 1fr;gap:12px 0;display:grid}@media (max-width:640px){.footer-top{grid-template-columns:auto 1fr}.footer-top .footer-banner-rgp-content{grid-row:2/3}}.footer-top .footer-banner-rgp-imag{margin-left:auto}.footer-play-responsibly{color:#003c84;margin-bottom:13px;font-size:13px}@media only screen and (min-width:1680px){.footer-play-responsibly{font-size:15px}}.footer-play-responsibly{font-weight:700;line-height:14px}.footer-play-responsibly-content{color:#333;padding-bottom:15px;font-size:13px}@media only screen and (min-width:1680px){.footer-play-responsibly-content{font-size:15px}}.footer-play-responsibly-content{font-weight:400;line-height:18px}.footer-play-responsibly-content p{margin:0}.footer-play-responsibly-imag{flex-wrap:wrap;place-content:center;align-items:center;width:94px;height:49px;font-size:11px;display:flex}@media only screen and (min-width:1680px){.footer-play-responsibly-imag{font-size:13px}}.footer-play-responsibly-imag{text-align:center;color:#333;cursor:pointer}.footer-play-responsibly-imag img{width:72px;height:50px}.footer-play-responsibly-imag:hover{color:inherit;border:none;outline:none;text-decoration:none}.footer-buttom{border-top:1px solid #a3a3a3;flex:0 0 100%;padding:15px 0;display:flex}.footer-buttom .content{color:#6176a0;flex:0 0 55%}.footer-buttom .content a{color:#003c84;font-size:11px}@media only screen and (min-width:1680px){.footer-buttom .content a{font-size:13px}}.footer-buttom .content a{font-weight:400;line-height:12px}.copyright,.copyright a{color:#333;font-size:11px}@media only screen and (min-width:1680px){.copyright,.copyright a{font-size:13px}}.copyright,.copyright a{font-weight:400;line-height:12px}.footer-buttom .content a:hover,.copyright a:hover{text-decoration:underline}.copyright{flex:0 0 45%;justify-content:flex-end;display:flex}#seo{clear:both;width:100%;font-size:12px}@media only screen and (min-width:1680px){#seo{font-size:14px}}#seo{background:var(--url-seo-bg) repeat-x #d9e7f2;margin-top:10px}#seo .content{text-align:left;justify-content:center;min-height:50px;margin:0 auto;padding:20px 60px 20px 20px;display:flex}#seo.fiveCol .content dl{width:210px}#seo .content div{background:var(--url-seo-div) no-repeat 100% 0;width:1px;height:156px;margin:0 12px}#seo .content dl dt{font-size:13px}@media only screen and (min-width:1680px){#seo .content dl dt{font-size:15px}}#seo .content dl dt{justify-content:space-between;align-items:center;min-height:30px;margin:0 0 5px;font-weight:700;line-height:110%;display:flex}#seo .content dl dt .open-button{background:var(--url-seo-btn) no-repeat;width:24px;height:24px;display:none}#seo .content a,#seo .content dl dt{color:#4185b8}#seo .content a:hover{text-decoration:underline}#seo .content a{width:100%;display:block}@media (max-width:1023px){.footer-buttom,.copyright{display:block}#seo .content{flex-direction:column;padding:0;display:flex}#seo .content div{display:none}#seo .content dl dt{height:40px;margin:0 12px}#seo .content dl dd,#seo .content dl ul li{margin:0 36px .5rem}#seo.fiveCol .content dl{width:auto}#seo .content dl:not(:last-child):after{content:"";border-bottom:1px solid #ccc;display:block}#seo .content dl dt .open-button{display:block}#seo .content dl:not(.isOpen) dt .open-button{transform:rotate(180deg)}#seo .content dl.isOpen dd{display:block}#seo .content dl dd{display:none}#seo .content dl.isOpen ul{display:block}#seo .content dl ul{display:none}}
/*# sourceMappingURL=22_gqcyktexph.css.map*/