@font-face{font-family:"ChaoGangHei-Medium";src:local("ChaoGangHei"),url("../themes/luckydraw/assets/fonts/ChaoGangHei.woff2") format("woff2")}
@font-face{font-family:"Arial-Black";src:local("Arial-Black"),url("../themes/luckydraw/assets/fonts/Arial-Black.woff2") format("woff2")}
*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;outline:none;border:none;background:none;color:inherit}
html,
body{font-family:"ChaoGangHei-Medium","Arial-Black","Noto Sans HK",sans-serif;max-width:768px;margin:0 auto;width:100%;height:100%;color:#2a5ba0;overflow-x:hidden}
body.scroll-blocked{overflow:hidden}
body #layout-content{position:relative;overflow:hidden;background-image:url(../themes/luckydraw/assets/images/bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center top}
body #layout-content .content-inner{position:relative;min-height:calc(100dvh - 135px - 46px)}
body #layout-content.page-tnc{background-attachment:fixed}
body #layout-content.page-tnc .content-inner{background-attachment:fixed}
body #layout-content.page-index .content-inner{margin:0px;border-radius:0px;min-height:auto}
body #layout-content.page-lucky-draw .content-inner{max-height:calc(100dvh - 135px - 46px)}
.title-img{max-width:500px;margin:0 auto}
.title-img img{width:100%;object-fit:contain}
.bg-gradient-blue{background:#56c9ee;background:linear-gradient(110deg,#419cc7 0%,#255393 100%)}
.box-shadow{box-shadow:0px 4px 8px rgba(0,0,0,0.5)}
button.btn,
a.btn{display:block;margin:0 auto;padding:0 24px;font-size:26px;height:48px;line-height:48px;border-radius:48px;border:none;text-decoration:none;cursor:pointer}
button.btn.btn-primary,
a.btn.btn-primary{background-color:#edf3f1;color:#2a5ba0}
a{color:inherit;cursor:pointer}
.text-red{color:#a53b31}
.blue-grad-box-outer{margin:0 auto;border-radius:48px;border:4px solid #000;background-color:#255393;background:linear-gradient(110deg,#419cc7 0%,#255393 100%);padding:20px;display:flex;align-items:stretch;justify-content:stretch}
.blue-grad-box-inner{flex:1;background:#edf3f1;border-radius:24px;margin:0;height:auto;width:100%;max-width:unset}
.details-box{color:#000;background:#edf3f1;border-radius:24px;padding:16px;margin:auto;position:relative;border:4px solid #000}
.details-box .outer-box{background-color:#c5ddca;padding:16px}
.fs-14{font-size:14px}
.fs-16{font-size:16px}
.fs-21{font-size:21px}
.tnc-content{color:#2a5ba0;background-color:#fff;border-radius:25px;padding:20px}
.tnc-content a{color:#2a5ba0 !important}
.tnc-content table{vertical-align:middle;color:#2a5ba0}
.tnc-content table tr{border-color:#2a5ba0}
.tnc-content table tr>td:first-child{white-space:nowrap}
.tnc-content ul{list-style:decimal}
.tnc-content ul ul{list-style:none;padding-left:0px !important}
.text-outlined{position:relative;width:max-content;margin:0 auto;--stroke-width:5px;--stroke-color:#2a5ba0;text-shadow:calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color),calc(var(--stroke-width) * 0.9808) calc(var(--stroke-width) * 0.1951) 0 var(--stroke-color),calc(var(--stroke-width) * 0.9239000000000001) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color),calc(var(--stroke-width) * 0.8315) calc(var(--stroke-width) * 0.5556) 0 var(--stroke-color),calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color),calc(var(--stroke-width) * 0.5556) calc(var(--stroke-width) * 0.8315) 0 var(--stroke-color),calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239000000000001) 0 var(--stroke-color),calc(var(--stroke-width) * 0.1951) calc(var(--stroke-width) * 0.9808) 0 var(--stroke-color),calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color),calc(var(--stroke-width) * -0.1951) calc(var(--stroke-width) * 0.9808) 0 var(--stroke-color),calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239000000000001) 0 var(--stroke-color),calc(var(--stroke-width) * -0.5556) calc(var(--stroke-width) * 0.8315) 0 var(--stroke-color),calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color),calc(var(--stroke-width) * -0.8315) calc(var(--stroke-width) * 0.5556) 0 var(--stroke-color),calc(var(--stroke-width) * -0.9239000000000001) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color),calc(var(--stroke-width) * -0.9808) calc(var(--stroke-width) * 0.1951) 0 var(--stroke-color),calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color),calc(var(--stroke-width) * -0.9808) calc(var(--stroke-width) * -0.1951) 0 var(--stroke-color),calc(var(--stroke-width) * -0.9239000000000001) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color),calc(var(--stroke-width) * -0.8315) calc(var(--stroke-width) * -0.5556) 0 var(--stroke-color),calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color),calc(var(--stroke-width) * -0.5556) calc(var(--stroke-width) * -0.8315) 0 var(--stroke-color),calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239000000000001) 0 var(--stroke-color),calc(var(--stroke-width) * -0.1951) calc(var(--stroke-width) * -0.9808) 0 var(--stroke-color),calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color),calc(var(--stroke-width) * 0.1951) calc(var(--stroke-width) * -0.9808) 0 var(--stroke-color),calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239000000000001) 0 var(--stroke-color),calc(var(--stroke-width) * 0.5556) calc(var(--stroke-width) * -0.8315) 0 var(--stroke-color),calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color),calc(var(--stroke-width) * 0.8315) calc(var(--stroke-width) * -0.5556) 0 var(--stroke-color),calc(var(--stroke-width) * 0.9239000000000001) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color),calc(var(--stroke-width) * 0.9808) calc(var(--stroke-width) * -0.1951) 0 var(--stroke-color)}
header#layout-header{position:relative;max-width:768px;background:#82bb41;height:46px;width:100%;margin:auto;z-index:1000}
header#layout-header .header-inner{position:fixed;top:0;width:100%;background:#82bb41;max-width:768px;z-index:1000;height:46px}
header#layout-header .btn-nav{border:0;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;width:26px;height:26px;display:flex;justify-content:center;align-items:center;left:15px;padding:1px 5px}
header#layout-header .btn-nav:focus{outline:none}
header#layout-header .btn-nav .inner{position:relative;width:100%;height:48%;display:flex;flex-direction:column;justify-content:space-between}
header#layout-header .btn-nav .inner span{width:100%;height:2px;transition:all 0.2s,background 0s;background:#fff}
header#layout-header.opened .btn-nav .inner{display:block;height:100%}
header#layout-header.opened .btn-nav .inner span{position:absolute;left:0}
header#layout-header.opened .btn-nav .inner span:first-child,
header#layout-header.opened .btn-nav .inner span:last-child{top:50%}
header#layout-header.opened .btn-nav .inner span:first-child{transform:rotate(45deg)}
header#layout-header.opened .btn-nav .inner span:last-child{transform:rotate(-45deg)}
header#layout-header.opened .btn-nav .inner span:nth-child(2){opacity:0;visibility:hidden}
header#layout-header .menu{max-width:768px;width:100%;height:calc(100dvh - 46px);position:absolute;top:46px;left:0;background:rgba(0,0,0,0.7);display:none}
header#layout-header .menu ul{margin:0 auto;padding:0;transform:translateY(50%)}
header#layout-header .menu ul li{text-align:center;padding:25px 20px}
header#layout-header .menu ul li a{width:max-content;font-size:22px}
#layout-footer{position:relative;background:#82bb41;padding:20px 0;color:#fff;font-size:10px;min-height:135px}
#partial-terms{padding:16px}
#partial-terms .btn{width:max-content;height:auto;padding:12px 24px;font-size:14px;line-height:1.5}
#home-section div.kv-image{width:70%;margin:16px auto}
#home-section div.kv-image img{width:100%;height:auto;object-fit:contain}
#home-section a#btn-nav-to-register{width:max-content;margin:16px auto}