/*lbet font*/
@font-face { font-family: "lbet-nus"; src: url("../fonts/LBetSTDNus-Medium.woff2") format("woff2"), url("../fonts/LBetSTDNus-Medium.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "lbet-nus"; src: url("../fonts/LBetSTDNus-Bold.woff2") format("woff2"), url("../fonts/LBetSTDNus-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: "lbet-mt"; src: url("../fonts/LBetSTDMT-Regular.woff2") format("woff2"), url("../fonts/LBetSTDMT-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "lbet-mt"; src: url("../fonts/LBetSTDMT-Bold.woff2") format("woff2"), url("../fonts/LBetSTDMT-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'promo-mt'; src: url("../fonts/Gugeshashvili_8_Mthavruli-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gugeshashvili_8_Mthavruli-Bold.woff") format("woff"), url("../fonts/Gugeshashvili_8_Mthavruli-Bold.ttf") format("truetype"), url("../fonts/Gugeshashvili_8_Mthavruli-Bold.svg#Gugeshashvili_8_Mthavruli-Bold") format("svg"); font-weight: normal; font-style: normal; }

/*end lbet font*/
* { margin: 0; padding: 0; box-sizing: border-box; /* width */ /* Track */ /* Handle */ /* Handle on hover */ }

* ::-webkit-scrollbar { width: 7px; }

* ::-webkit-scrollbar-track { background: #2c214f; }

* ::-webkit-scrollbar-thumb { background: #3d325d; }

* ::-webkit-scrollbar-thumb:hover { background: #3d325d; }

@media (max-width: 750px) { * { -webkit-tap-highlight-color: transparent; mso-highlight: transparent; } }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }

html, body { height: 100%; font-size: 16px; }

.yellow { color: #ffba05 !important; }

.pink { color: #2a3653 !important; }

.page-wrapper { padding-top: 0; overflow: hidden; position: relative; font-family: lbet-nus, sans-serif; }

.page-wrapper:before { content: ""; position: absolute; left: 0; width: 100%; top: 12.4vw; height: 20vw; background-image: linear-gradient(to top, #16181a 20%, rgba(22, 24, 26, 0)); }

.page-wrapper .page-container { width: 100%; display: flex; margin: 0 auto; max-width: 1250px; border-radius: 5px; position: relative; background: #002c31; justify-content: center; }

.page-wrapper .page-container .content { width: 100%; color: #333; flex-grow: 1; }

.section-color1 { background-color: #1e1043; }

.section-color2 { background-color: #2c214f; }

.collapsible-container .collapsible-box { padding: 0 2rem; border-radius: 5px; margin: 1rem auto 0; transition: all .2s linear; }

.collapsible-container .collapsible-box .collapsible-head { cursor: pointer; padding: 1.5rem 0; position: relative; transition: all .2s ease; }

.collapsible-container .collapsible-box .collapsible-body { display: none; overflow: hidden; position: relative; padding: .5rem 0 3rem; }

.collapsible-container .collapsible-box.active { height: auto; margin: 2.5rem auto; transform: scale(1.03) translateZ(0); }

.slot-container { width: 100%; display: flex; margin: 0 auto 5rem; flex-direction: row; align-items: center; justify-content: center; }

.slot-container .slot-box { display: flex; align-items: center; flex-direction: column; justify-content: center; margin: 1rem 0 !important; }

.slot-container .slot-box .slot-item { cursor: pointer; padding: .65rem; border-radius: 10px; margin: 1.5rem 1rem; transition: all .2s linear; background-color: #3d325d; }

.slot-container .slot-box .slot-item:hover { background-color: #ffdd00; transform: scale(1.03) translateZ(0); }

.slot-container .slot-box .slot-item img { width: 100%; display: block; overflow: hidden; border-radius: 5px; }

.slot-title { margin: auto; display: flex; text-align: center; font-size: 1.125rem; flex-direction: row; align-items: center; justify-content: center; padding: 2rem .5rem 1rem; }

.play-btn { display: flex; color: #000000; padding: 1rem; cursor: pointer; max-width: 17rem; font-size: 1.5rem; position: relative; margin: 3rem auto 0; font-weight: bolder; border-radius: 100px; flex-direction: row; align-items: center; text-decoration: none; justify-content: center; background: #fcdc27; filter: brightness(1) drop-shadow(0 0 5px black); background: linear-gradient(180deg, #fcdc27 50%, #df9926 100%); font-family: lbet-mt, sans-serif; }

.play-btn:hover { filter: brightness(1.1) drop-shadow(0 0 5px black); }

.play-btn::before, .play-btn::after { top: 50%; z-index: 1; content: ""; width: 100%; height: 100%; display: block; position: absolute; transform: translateY(-50%); background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

.play-btn::after { left: 110%; background-image: url("../img/line2.png"); }

.play-btn::before { right: 110%; background-image: url("../img/line1.png"); }

section { z-index: 1; padding: 4rem; color: #ffffff; position: relative; }

section.section-top { padding: 1px 0 10rem; background-size: cover; background: #1e1043 url("../img/header-bg.jpg") no-repeat top; background-size: 100% auto; }

section.section-top .header-bg { width: 100%; margin: auto; display: block; }

section.section-top .header-box { top: 0; left: 50%; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: absolute; padding: 3rem .5rem 0; transform: translateX(-50%); }

section.section-top .header-box h2 { flex: 1; width: 98%; display: block; color: #ffffff; font-size: 3rem; max-width: 40rem; text-align: center; font-family: lbet-mt, sans-serif; }

section.section-top .header-box h1 { width: 100%; display: flex; color: #ffffff; font-size: 2rem; text-align: center; align-items: center; flex-direction: column; }

section.section-top .header-box h1 p { width: 100%; margin: auto; max-width: 40rem; }

section.section-top .header-box h1 img { width: 100%; margin: auto; display: block; }

section.section-top .header-box h1 .prize { width: 100%; margin: auto; max-width: 25rem; padding-top: 3rem; }

section.section-top .header-box h1 strong { color: #ffffff; padding: .5rem; font-size: 2rem; display: flex; flex-direction: row; align-items: center; justify-content: center; font-family: lbet-mt, sans-serif; }

section.section-top .header-box h1 strong > span { content: ''; display: block; width: 1.25rem; cursor: pointer; height: 1.25rem; margin-left: 1rem; position: relative; background: url("../img/info-icon.png") no-repeat center; background-size: 100% auto; }

section.section-top .header-box h1 strong > span::before { top: 100%; left: 50%; z-index: 2; width: 12rem; height: 5rem; display: none; padding: .5rem; color: #cee5f1; font-size: .8rem; text-align: center; position: absolute; flex-direction: row; align-items: center; justify-content: center; content: attr(data-text); font-family: lbet-nus, sans-serif; transform: translateX(-50%) translateY(10%); background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABrCAYAAAD5CykgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQZSURBVHgB7dqxbiNVFIDhc8YpVkDhN8B0WSmAodouDi/A0C0RRXiCDTUSY4OoEypEtUnDWkKCgY5qnQrKLKRwObyBaRYKMod7nfXKCevETojnrOf/JMvjyViRnT/3+s5YBHBEBTeWpllT7siumb6vie7nj7JDwbUQ5A2l97OOiT4Mm62p3YWqdglzcQR5TSHElqnuiUk68yCTXNU+yfu9QjAXgryG9MNsN4yKWQiuOedTDlSsR5hXI8gFPJues7DZkcUVJnb4U7/XFcy0UJDjD++vrbXD5ttSWhwdWlIXVjbtsul5fkV40weSJLKSTEahqpGYPhFNivzbT48XefpcQaYffdFRkzAyWHuBaWolWKgw3m5DWPiMb6vNwsygAylP5/rIcum78TxEs47UzG2GOG38B6hFmHHwlIOrwmzM+sEH2739EOPXUqdpWc5ClBijLFn4naseZXh17fAa0/WNzT+GJ0fDGcecFz8n6qtrPzAqVqMe03h4naX1vu9n3Yv7/zNC3n33vV/C3T2poUkMVd9qQbWzvrH15/Dk8a/Tu88t9eI0HY5sC7AE4X9vL55KO7dvspFuf74THjwUYKnCKvxp+U6e90bx0fMRMsSYCbB02pI7jQeTR+Mg4+goNVtNww9NZHd80UWeBcnoiIo1J6Nkkm5/GRcxLQEqFEbJnXgfRshyU4DqteK0HS/xdwRwQF9JNhPTen1ZAn6ZJK24qCFIOGHNJFy8JUi4saLfEsXLiiDhCkHCFYKEKwQJVwgSrhAkXCFIuEKQcIUg4QpBwhWChCsECVcIEq4QJFwhSLhCkHCFIOEKQcIVgoQrBAlXCBKuECRcIUi4QpBwhSDhCkHCFYKEKwQJVwgSrhAkXCFIuEKQcIUg4QpBwhWChCsECVcIEq4QJFwhSLhCkHCFIOEKQcIVgoQrBAlXCBKuECRcIUi4QpBwhSDhCkHCFYKEKwQJVwgSrhAkXCFIuEKQcIUg4QpBwhWChCsECVcIEq4QJFwhSLhCkHCFIOEKQcIVgoQrBAlXElEtBHBBR4mZFQI4oFYehylbjwVwwP4qnyRS/vOjABUzseM8742SvN8rwlg5EKBKJvvxbrzKtlM9FKBKVh7Fu3GQef+zg1BoIUAFrCy745laps5DWuP0YwGWLZ7l+du+mjxsTDaGvx0V629tNVXkngBLYlpu5d+djY5RY/qHw98f/3x3o/NGOFneFuCW2ant5v3uubM8jYsHDU8GOSMlblu4ILOT97NvLu5vvOjgOFKuv7kpKtoR4P90dmUwzR9lLzz/rZc9N72ftZJkbS+ctEwFuJlRWE3vxwVMPAE+6yCVOaTbWTuRxgMz6YRntASYU5iaBxJvV4Q4MVeQ02KcKsnrJix8MIuOVMrCnpZH80Q47V+vMyrkWPTPLQAAAABJRU5ErkJggg==") no-repeat center; background-size: 100% 100%; }

section.section-top .header-box h1 strong > span:hover::before { display: flex; }

section.section-top .header-box .date-box { width: 100%; display: flex; margin: 3rem 0 0; overflow: hidden; max-width: 49rem; position: relative; border-radius: 20px; flex-direction: row; align-items: center; padding: 1.5rem 1rem; backdrop-filter: blur(20px); justify-content: space-between; background-color: rgba(255, 255, 255, 0.1); }

section.section-top .header-box .date-box p { z-index: 3; flex-grow: 1; display: flex; color: #ffffff; font-size: .9rem; position: relative; flex-direction: row; align-items: center; justify-content: space-between; border-left: 2px solid rgba(255, 255, 255, 0.1); }

section.section-top .header-box .date-box p span { text-align: center; border-radius: 100px; padding: .75rem 1.5rem; }

section.section-top .header-box .date-box p:first-child { border-left: 0; padding-right: 1.5rem; }

section.section-top .header-box .date-box p:first-child span { margin-left: 1rem; backdrop-filter: blur(10px); background-color: #A93D46; }

section.section-top .header-box .date-box p:last-child { border-right: 0; padding-left: 1.5rem; }

section.section-top .header-box .date-box p:last-child span { border-right: 0; margin-left: 1rem; backdrop-filter: blur(10px); background-color: #7D3579; }

@media (max-width: 750px) { section.section-top .header-box .date-box { padding: .5rem; }
  section.section-top .header-box .date-box p { font-size: .8rem; }
  section.section-top .header-box .date-box p span { border-radius: 100px; padding: 1rem 1rem; }
  section.section-top .header-box .date-box p:first-child { padding-left: 1rem; padding-right: 1rem; }
  section.section-top .header-box .date-box p:first-child span { margin-left: .5rem; }
  section.section-top .header-box .date-box p:last-child { border-right: 0; padding-left: 1rem; }
  section.section-top .header-box .date-box p:last-child span { border-right: 0; margin-left: .5rem; } }

section.section-top .calendar-box { padding: 0; width: 100%; display: flex; margin: 3rem auto; max-width: 1100px; flex-direction: row; align-items: center; justify-content: center; }

section.section-top .calendar-box .calendar-item { display: flex; margin: 0 .5rem; color: #ffffff; font-size: 1.15rem; align-items: center; border-radius: 100px; padding: .5rem 1rem; flex-direction: column; justify-content: center; background-color: #34415F; }

section.section-top .calendar-box .calendar-item span { color: #AFB8CD; font-size: 1rem; }

section.section-top .calendar-box .calendar-item.active { color: #0B0B0B; background-color: #FFE600; }

section.section-top .calendar-box .calendar-item.active span { color: #0B0B0B; }

@media (max-width: 750px) { section.section-top { padding: 1px 0 7vw; }
  section.section-top .header-box { padding: 2vw 1vw 0; }
  section.section-top .header-box h2 { max-width: 80vw; font-size: 5vw; }
  section.section-top .header-box h1 { font-size: 4.5vw; }
  section.section-top .header-box h1 p { padding: 0 4vw; }
  section.section-top .header-box h1 .prize { padding-top: 4vw; }
  section.section-top .header-box h1 strong { font-size: 3vwm; } }

@media (max-width: 400px) { section.section-top { padding: 1px 0 17vw; } }

section.section-mid { padding: 1px 2rem 0; }

section.section-mid .board-title { display: flex; margin: auto; padding: 0 2.5%; flex-direction: row; align-items: center; justify-content: center; /*&::before, &::after { content: ""; display: block; flex: 1; height: 3rem; background-position: top; background-size: 100% auto; background-repeat: no-repeat; } &::before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAU8AAAAsCAYAAADl2jqyAAAABHNCSVQICAgIfAhkiAAABG9JREFUeF7t3UtoE0Ecx/H/P0nrgwo+QETwID5Rkvjo3RY8K14EER8XHxQRFbE0VQxo04MoevUq6tGCHrwpKOJB1LYqKNqT4MGLL1Bss+M/WgWxJbubTbvrfgMhJTu7nfnM8GN2Z7dV4YUAAggg8JfAkOvbK6J7nLh19vlBRZ6q6KW89tz9XdC+44UAAgggUBN44spzs9J6w37smETkYkFLR2vbCE/GDAIIIDAuYDPOAYvFrXVAtlmADhCeDBsEEEDABJ67vnVV0Sf1MOxU/kNRe+f9l+HpXDnzWqStKrPanFTbPMm01ANhOwIIpFvAk2qXE+3yo5AVtz7R4TnszraLZIoibpU1epU1eqW9PzuRDfb5xb7/Yg18YdsW+wGhDAIIpFdAxS2yU/YFfgRs8agzUeFZm1aPiW62SndaQNYqf9Om0J+swS9FPHu7V6OycKRdD4z6AaAMAggg8Ftg0PWVLRRP+xFJxMxz2J1ZZqfdu6xROy0cH1pgvrPgvDNHRu8s1fI3Pw2lDAIIIFBPwP81T/lY1NLc2M48B13/DhXPAvPn6fgVlerVvJ56Uw+A7QgggEBYgUSvttt1zIN2jbJkjb/npOV8UU88DgvBfggggEAQgfH7PO12Jdk00X52mfCSrbQfqW2LzcxzyFX2WX1O2Sn5LZFspajdb4M0mrIIIIBAVALjTxjttTyyJ4zc+BNGmYuxesJoyPVvdOJdthR/1Cq546u1+3NUABwHAQQQaJbAtM48h13lnE2DO7KS2b9We+renNosBI6LAAIIBBWYlvB87iprxmzFPCfu6FrtvRa00pRHAAEEpltgysPTTtMP2Wzz4Gy7T3OFlt5PNwC/HwEEEAgjMKXh+cz1X/DEyxW093CYyrIPAgggEBeBKQvPQVe5nxM9a9c2b8el8dQDAQQQCCswJeFpy/6v7bnR3Xk9+SBsRdkPAQQQiJNA08PT7t98ZreTbiloz0icGk5dEEAAgUYEmhqedqo+Nl9mzlmix742Ukn2RQABBOIm0LTwrAVnQZbPUN1ejVujqQ8CCCDQqEBTwpPgbLRb2B8BBOIuEHl4Epxx73LqhwACUQhEGp4EZxRdwjEQQCAJApGFJ8GZhO6mjgggEJVAJOFp93FW87KilcWhqLqF4yCAQNwFGg7PX8E52qJa9uLeWOqHAAIIRCXQUHgSnFF1A8dBAIGkCYQOT4IzaV1NfRFAIEqBUOFJcEbZBRwLAQSSKBA4PAnOJHYzdUYAgagFAoWn/ZEPLy/fcywORd0NHA8BBJIm4Ds8fwVnT1ZV7R/K8UIAAQTSLeArPAnOdA8SWo8AAv8K1A1PgpNhgwACCAQMT4KTIYMAAghMLDDpzJPgZMgggAACkwtMGJ4WnM4WhzIsDjF0EEAAAZ8zz1pwFrRU91oooAgggECaBf4KSYIzzUOBtiOAQBCBP+FJcAZhoywCCKRd4Gd4EpxpHwa0HwEEggrooOu7XtTeHUF3pDwCCCCQZgEWhtLc+7QdAQRCC/wA6WI15x/JWN4AAAAASUVORK5CYII='); } &::after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAU8AAAAsCAYAAADl2jqyAAAABHNCSVQICAgIfAhkiAAABLhJREFUeF7t3U2IG2Ucx/H/P+kWEcUeige91JPUkmTFiwjCHgUvrScXCtarCOpBMJs95GB2D4IWiy8naaGl7W7r6lGoUk8ePLjZXbFFQb3oQYWKL8h2m8ffuFupNaUzybwkk+/AkLR95nn5POHHzDyT1G1n+yK091Rt6o1gNu3m08HCqputXrOrLz3s7SvXy/GKAAIIIGCmfDRbD4szPeutKDT33IyiEL1SscqhmjcvAoYAAgggsC3g0Rlnxaa+7Rec15GiAO3Z1Qc4A+VjgwACCOyE51pYOK63z8QAOVH3uSMxylEEAQQQKL2AKzxXNcrG7Uaq6/vPdfn+7O3K8e8IIDDZAlXzLV2p/hVs6zdJ/H7A25tlFInCU2tE8TYV/DJeSUohgMAEC6xr7I/qhOtuvd6l235V3SH8yiz8rD9f1vvLbtc2gt3xWcNf/mNcnWKfeWqAn+qyfWZcB0q/EUCgGIEQlqob9vVes8p+BemDClHtPqXXI+rRpWB+UX9/YdpbHxXTw8FajcLzuA7lnudgfhyFAAJDCKyFxUfcejO6qn1c+5M6Wz2p15MNb308RLW5HLqz2r77O3X6nlu1qMH82rPNfay25zInNILARApEZ6hr9s1hZdFhnZXWtB/da1tv3uftP0cR5IbnPMMH/QI0Cs6K+UGe8xzF6aNPCJRToBteu9dsc1aX9x238N4us8WHvPXjKI32n/CMtu1vGO0+qrfT2qPV9652fcNo80XOOEdpyugLApMloEv753VPtFmxcKLmrblRGf2/4TkqHaIfCCCAQD+BjfDqbM8qp3SP9Lmaz79btBLhWfQM0D4CCCQS6IaFtxVcj+mgp/UE0KVEB6dYmPBMEZOqEEAgH4H10Kn3zF5XgK3UvfVWPq3+txXCswh12kQAgVQE9KjlMa3K368AfSqVChNUQngmwKIoAgiMnoAC9KB61dJT90/s97lf8uoh4ZmXNO0ggEBmAj+E9p0/2dT3u6w6c8BfyeVr5IRnZtNJxQggkLdAN3T0vfrKCw1vfpJ124Rn1sLUjwACuQqshc4F3Qc9Vvf5D7NsmPDMUpe6EUCgEAGtxr/T04+NNHz+fFYdIDyzkqVeBBAoVEALScvBemeyClDCs9DppXEEEMhSIMsAJTyznDnqRgCBwgWyClDCs/CppQMIIJC1QBYBSnhmPWvUjwACIyGwHaB2tuFz59LoEOGZhiJ1IIDAWAgoQJcUoEtpBCjhORZTTicRQCAtgbQClPBMa0aoBwEExkYgjQAlPMdmuukoAgikKTBsgBKeac4GdSGAwFgJDBOghOdYTTWdRQCBtAWiANV/NLdc9+ZykroJzyRalEUAgVIK6MdEzurXmM4lCVDCs5QfBQaFAAJJBZIGKOGZVJjyCCBQWoEkAUp4lvZjwMAQQGAQgbgBSngOossxCCBQaoE4AUp4lvojwOAQQGBQgShAFZDna97Savz/N8JzUFmOQwCB0gt0w8KZioX3+wUo4Vn66WeACCAwjMCtApTwHEaVYxFAYCIE+gUo4TkRU88gEUBgWIGbA5TwHFaU4xFAYGIEtgPUV2rejBaT2BBAAAEE4gp0Q+d0w1uzhGdcMcohgAACNwj8DWp5VzyYBjioAAAAAElFTkSuQmCC'); }*/ }

section.section-mid .board-title span { display: block; font-size: 1.125rem; padding: .5rem 3rem 3rem; }

section.section-mid .board-box { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; justify-content: space-between; }

section.section-mid .board { width: 90%; margin: 0 auto; max-width: 49rem; overflow: hidden; padding-top: 5rem; border-radius: 15px; }

section.section-mid .board .board-header { color: #ffffff; text-align: center; padding: 2rem 1rem; font-size: 1.125rem; background-color: #3d325d; border-top-left-radius: 15px; border-top-right-radius: 15px; }

section.section-mid .board .board-footer { color: #ffffff; text-align: center; padding: 1rem 1rem; font-size: 1.125rem; background-color: #2c214f; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

section.section-mid .board .board-footer span { display: block; font-size: 1rem; padding-bottom: .5rem; }

section.section-mid .board .title-li > p { font-size: .8rem; }

section.section-mid .board.collapseBoard { cursor: pointer; border-radius: 3px; }

section.section-mid .board.board2 .board-list { display: flex; overflow-y: auto; max-height: 48rem; align-items: center; flex-direction: column; padding: 0 .5rem .5rem; background-color: #2c214f; justify-content: flex-start; }

section.section-mid .board.board2 .board-list .title-li { top: 0; z-index: 1; width: 100%; display: flex; color: #f0f4ff; position: sticky; font-size: .9rem; padding: .5rem 0; margin-bottom: 0; border-radius: 5px; flex-direction: row; align-items: center; justify-content: center; background-color: #2c214f; }

section.section-mid .board.board2 .board-list .title-li p { flex: 1; margin: 0; display: flex; text-align: center; padding: .5rem 0; flex-direction: row; align-items: center; justify-content: center; }

section.section-mid .board.board2 .board-list li:not(.title-li) { padding: 0; width: 100%; display: flex; font-size: 1.1rem; border-radius: 5px; flex-direction: row; align-items: center; margin-bottom: .5rem; justify-content: center; background-color: #3d325d; }

section.section-mid .board.board2 .board-list li:not(.title-li):last-child { margin-bottom: 0; }

section.section-mid .board.board2 .board-list li:not(.title-li) p { flex: 1; margin: 0; display: flex; padding: 1.25rem 0; flex-direction: row; align-items: center; justify-content: center; border-left: 2px solid #291E4D; }

section.section-mid .board.board2 .board-list li:not(.title-li) p i { color: #AEBBFF; font-weight: bold; margin-left: .5rem; font-style: normal; }

section.section-mid .board.board2 .board-list li:not(.title-li) p:first-child { border-left: 0; }

section.section-mid .board.board2 .board-list li:not(.title-li) p:last-child { color: #AEBBFF; }

section.section-mid .board.board1 .board-list { display: flex; overflow-y: auto; max-height: 48rem; align-items: center; flex-direction: column; padding: 0 .5rem .5rem; background-color: #2c214f; justify-content: flex-start; }

section.section-mid .board.board1 .board-list .title-li { top: 0; z-index: 1; width: 100%; display: flex; color: #f0f4ff; position: sticky; font-size: .9rem; padding: .5rem 0; margin-bottom: 0; border-radius: 5px; flex-direction: row; align-items: center; justify-content: center; background-color: #2c214f; }

section.section-mid .board.board1 .board-list .title-li p { flex: 1; margin: 0; display: flex; text-align: center; padding: .5rem 0; flex-direction: row; align-items: center; justify-content: center; }

section.section-mid .board.board1 .board-list li:not(.title-li) { padding: 0; width: 100%; display: flex; font-size: 1.1rem; border-radius: 5px; flex-direction: row; align-items: center; margin-bottom: .5rem; justify-content: center; background-color: #3d325d; }

section.section-mid .board.board1 .board-list li:not(.title-li):last-child { margin-bottom: 0; }

section.section-mid .board.board1 .board-list li:not(.title-li) p { flex: 1; margin: 0; display: flex; padding: 1.25rem 0; flex-direction: row; align-items: center; justify-content: center; border-left: 2px solid #291E4D; }

section.section-mid .board.board1 .board-list li:not(.title-li) p i { color: #AEBBFF; font-weight: bold; margin-left: .5rem; font-style: normal; }

section.section-mid .board.board1 .board-list li:not(.title-li) p:first-child { border-left: 0; }

section.section-mid .board.board1 .board-list li:not(.title-li) p:first-child { color: #AEBBFF; }

@media (max-width: 600px) { section.section-mid { padding: 1px 0 1rem !important; }
  section.section-mid .board-box .board { width: 95%; margin-bottom: 2rem; }
  section.section-mid .board-title::before, section.section-mid .board-title::after { display: none; } }

section.section-rules { /*&::before { top: 0; left: 50%; z-index: 1; content: ""; width: 100%; height: 5rem; display: block; position: absolute; transform: translateX(-50%); background: url("../img/shadow.png") no-repeat center; background-size: 100% 100%; }*/ }

section.section-rules .collapsible-container { max-width: 1050px; margin: 2rem auto; }

section.section-rules .collapsible-container .collapsible-box { border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border: 1px solid #464b91; }

section.section-rules .collapsible-container .collapsible-box .collapsible-head { color: #e2c2cd; }

section.section-rules .collapsible-container .collapsible-box .collapsible-head h4 { font-weight: normal; font-size: 1.15rem; }

section.section-rules .collapsible-container .collapsible-box .collapsible-head::before { top: 50%; right: 0; content: ""; width: 1.2rem; height: 1.2rem; display: block; position: absolute; transition: all .1s ease; transform: translateY(-50%); background: url("../img/close.png?1") no-repeat center; background-size: 100% auto; }

section.section-rules .collapsible-container .collapsible-box .collapsible-body { color: #d9e6d4; font-size: 1.1rem; }

section.section-rules .collapsible-container .collapsible-box.active { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); background: #2c214f; }

section.section-rules .collapsible-container .collapsible-box.active .collapsible-head { color: #ffddee; }

section.section-rules .collapsible-container .collapsible-box.active .collapsible-head::before { background: url("../img/open.png") no-repeat center; background-size: 100% auto; }

section.section-rules .collapsible-container .collapsible-box:hover:not(.active) { border: 1px solid #5359ac; }

section.section-rules .collapsible-container .collapsible-box:hover:not(.active) .collapsible-head { color: #e2c2cd; }

section.section-rules .collapsible-container .collapsible-box:hover:not(.active) .collapsible-head::before { filter: grayscale(0); }

@media (max-width: 1000px) { html, body { font-size: 12px; }
  .page-wrapper { padding-top: 0 !important; background: none !important; }
  section { padding: 3rem; }
  section.section-mid { padding: 3rem 1rem 3rem; } }

@media (max-width: 900px) { html, body { font-size: 11px; }
  section { padding: 2rem; }
  section.section-mid { padding: 2rem .75rem 2rem; } }

@media (max-width: 800px) { html, body { font-size: 10px; }
  section { padding: 1.5rem; }
  section.section-mid { padding: 1.5rem .5rem 1.5rem; } }

/*# sourceMappingURL=style.css.map */