/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 19 2025 | 05:54:31 */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@font-face {
    font-family: Roboto;
    src: url(https://jilikoa.com/wp-content/themes/blockscape/fonts/Anton-Regular.ttf);
    font-weight: normal;
}
.displaynone{
	display:none!important;
}
.home-blog{
	display:none;
}
p{
    margin-bottom: auto!important;
    color: inherit!important;
}
body {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #444444;
}
header {
    background: -moz-linear-gradient(top, rgba(0, 109, 174, 0.6) 0%, rgba(0, 109, 174, 0.6) 52%, rgba(0, 109, 174, 0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 109, 174, 0.6) 0%, rgba(0, 109, 174, 0.6) 52%, rgba(0, 109, 174, 0.4) 100%);
    background: linear-gradient(to bottom, rgba(0, 109, 174, 0.6) 0%, rgba(0, 109, 174, 0.6) 52%, rgba(0, 109, 174, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99006dae', endColorstr='#66006dae', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    text-align: center;
}
.title,
.banner-title,
.tt,
.page-title {
    font-family: 'Roboto', sans-serif;
}
.page-title {
    font-size: 3em;
    font-weight: 400;
    display: inline-block;
}
.wp-block-navigation__responsive-container .wp-block-navigation-link a:is(:hover,:focus) {
	color: none!important;
}
.container {
    width: 1170px;
    margin: 0 auto;
}
.P10{
	padding: 10px;
}
.all-width{
	width: 100%;
}
.all-width img{
	width: 100%;
}
.banner {
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
    padding: 220px 0 100px 0;
    overflow: hidden;
}
.btn,
.w-bold {
    font-weight: bold;
}
.btn a {
    font-size: 16px !important;
    padding: 15px !important;
    text-align: center;
    margin: 2px auto !important;
    display: inline-block;
    background: linear-gradient(to bottom, rgba(247, 227, 132, 1) 0%, rgba(238, 196, 43, 1) 100%);
    border-radius: 10px !important;
    color: #006dae !important;
    line-height: 1.5em !important;
}
.topnav li {
    padding: 0px !important;
    color: #FFF;
}
.topnav {
    gap: 0px;
}
.topnav li.wp-block-navigation-item a[aria-current="page"] {
    border-bottom: 3px solid #ffd300 !important;
    color: #ffd300 !important;
}
.topnav li.wp-block-navigation-item a{
	padding: 10px 15px;
}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
    color: #ffd300 !important;
}
.w-main {
    color: #ffd300 !important;
}
.banner-title {
    font-size: 3rem;
    display: inline-block;
    font-weight: 400;
    line-height: 1.2;
}
.p {
    margin: 15px 0 !important;
}
.btn {
    transform: scale(1, 1);
    transition: all 0.3s ease-out;
}
.btn:hover {
    transform: scale(1.1, 1.1) !important;
}
.mt-2 {
    margin-top: 1.2rem !important;
}
.title {
    line-height: 1.2;
    font-size: 2rem;
    ;
}
.inline {
    display: inline-block!important;
}
.inline {
    vertical-align: middle;
}
.sport-img1 {
    margin-bottom: -50px;
}
.w1 {
    color: #006dae!important;
}
.mb-3 {
    margin-bottom: 2rem !important;
}
.col-9 {
    width: 66.66%;
}
.col-12 {
    width: 100%;
}
.main {
    padding-top: 40px;
    padding-bottom: 40px;
}
.col-R {
    padding-left: 20px;
}
.all-height {
    height: 100%;
}
.content {
    padding: 15px;
}
.center-img {
    margin: 0 auto;
}
.img_fit {
    max-width: 100%!important;
    display: block;
}
.table-main {
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 15px 0;
}
table {
    border-collapse: collapse;
    width: 100%;
}
.table-main th {
    background-color: #eeeeee;
    color: #000;
    border-right: 1px solid #999;
}
.table-main th, .table-main td {
    padding: 8px;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
}
.check-father{
    position: relative;
}
.check-list {
    position: absolute;
}
.col-5 {
    width: 20%;
}
.col-55 {
    width: 55%;
}
.col-45 {
    width: 45%;
}
.col-4{
	width: 25%;
}
.home-li1:hover,
.home-li2:hover,
.home-li3:hover,
.home-li4:hover,
.home-li5:hover {
    visibility: hidden;
}
.home-li:hover .home-li1,
.home-li:hover .home-li2,
.home-li:hover .home-li3,
.home-li:hover .home-li4,
.home-li:hover .home-li5 {
    visibility: hidden;
}
.w2,
.tt {
    font-size: 1.5rem;
    line-height: 1.2;
}
.w3 {
    font-size: 1.2rem;
}
.home-games {
    padding: 20px 5%;
}
.home-games div.home-li {
    padding: 10px;
}
.home-step .tt {
    font-size: 2em;
    border-bottom: 1px solid #0068b7;
    padding-bottom: 10px;
    font-style: italic;
}
.num {
    font-size: 3.5rem;
    line-height: 1;
    display: inline-block;
}
.bg-grey {
    background-color: #eee;
}
.bg-w {
    background-color: #fff;
}
.home-bg2 {
    background: url(../2023/12/home-bg2.jpg) no-repeat center;
}
.join-bg {
    background-image: url(../2023/12/join-bg.jpg);
}
.bg,
.bg-cover {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.w-white p {
    color: #fff!important;
    ;
}
a.btn {
    padding: 15px;
    text-align: center;
    margin: 2px auto;
    display: inline-block;
    background: linear-gradient(to bottom, rgba(247, 227, 132, 1) 0%, rgba(238, 196, 43, 1) 100%);
    border-radius: 10px;
    color: #006dae !important;
}
.thumbimg:hover img.col-12,
.btn:hover {
    transform: scale(1.1);
}
.center {
    text-align: center;
}
.flex {
    flex-wrap: wrap !important;
}
.col-3 {
    width: 33.33%;
}
.col-6 {
    width: 50%;
}
footer {
    padding: 30px;
    background-color: #000;
}
footer p {
    color: #999 !important;
}
.pagetop1 {
    background-image: url(../2023/12/pagetop1.jpg);
}
.pagetop2 {
    background-image: url(../2023/12/pagetop2.jpg);
}
.pagetop {
    background-color: #0a013b;
    background-position: center bottom;
    background-size: cover;
    padding: 230px 0 80px 0;
    text-align: center;
    color: #fff !important;
}
.pagetop-blog {
    padding: 180px 0 40px 0;
}
.flex-md-row-reverse {
    flex-direction: row-reverse;
}
.spot {
    margin: 10px 0;
}
ul {
    padding-left: 0;
    list-style-type: none;
}
.spot li,
.w6 {
    background: url(../2023/12/spot.png) no-repeat left 5px;
    padding-left: 25px;
    margin: 5px 0;
}
footer,
nav a,
.center {
    text-align: center;
}
.center-img {
    margin: 0 auto;
}
.mask {
    left: 0;
    right: 0;
    bottom: 0;
    margin:0;
    position: absolute;
    color: #FFF!important;
    padding: 10px 15px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
}
.relate, .thumbimg {
    position: relative;
}
#nav-icon span, .thumbimg {
    display: block;
}
.slot-bg {
    background-image: url(../2023/12/slot-bg.jpg);
}
.mb-2 {
    margin-bottom: 1.2rem!important;
}
.btn-b {
    background: #0068b7;
    color: #fff;
    border-radius: 20px;
    padding: 10px;
    width: 80%;
    display: block;
    margin: 10px auto!important;
}
.btn-b:hover {
    background: #104d7b!important;
    color: #FFF!important;
}

/*FQA-start*/
.accordion-area {
    list-style: none;
    margin: 0 auto
}

.accordion-area>li {
    margin-top: 15px;
    overflow: hidden
}

.accordion-title {
    position: relative;
    cursor: pointer;
    font-weight: 400;
    transition: all .5s ease;
    background-color: #006dae;
    color: #fff
}

.accordion-box {
    display: none;
    padding: 15px;
    background-color: #fff;
}

.accordion-box img {
    margin: 10px auto;
}

.accordion-area>li .open {
    color: #ffd300;
}

.accordion-title::before {
    border-radius: 50%;
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    bottom: 10px;
    right: 10px;
    background: url(../2023/12/er.png) no-repeat center #ffd300;
}

.accordion-title.open::before {
    transform: rotateZ(-180deg);
}

.more {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 30px;
    display: inline-block;
    margin-top: 10px;
}

.accordion-title:hover .more {
    background-color: #f7e083;
    color: #000;
}

.border {
    border-radius: 8px;
}


/*FQA-end*/
@media screen and (max-width: 1200px) {
    .pagetitle,
    .pagetop h2 {
        font-size: 2rem;
    }
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
    .container {
        width: 850px;
    }
    .check-list {
        position: absolute;
    }
}
@media screen and (min-width: 700px) and (max-width: 899px) {
    .container {
        width: 670px;
    }
}
@media screen and (max-width: 899px) {

    .topnav {
        position: absolute;
        right: 0;
        top: 0;
		padding-left: 20px;
    }
    #modal-1 {
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 999;
        padding-top: 50px;
        background: rgba(0, 0, 0, 0.9);
    }
    #modal-1-content {
        color: #FFF;
    }
    ul.topnav,
    ul.topnav li {
        width: 100%;
    }
    .banner,
    .pagetop {
        padding: 150px 0 50px !important;
    }
    .col-lg-6 {
        width: 50%;
    }
    .check-list {
        position: absolute;
    }
    nav.topnav {
        margin-right: 10px !important;
    }
}
@media screen and (max-width: 699px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }
    .title,
    .banner-title {
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .col-R {
        padding: 0;
    }
    .column-reverse {
        flex-direction: column-reverse !important;
    }
    .main {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .check-list {
        position: absolute;
    }
    .check-list img {
        width: 50px;
        display: inline-block;
    }
    .check-list2 img {
        width: 50px;
        display: inline-block;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-12 {
        width: 100%;
    }
}
@media screen and (max-width: 479px) {
    .col-sm-12 {
        width: 100%;
    }
}