@font-face { font-family: 'DinAlternate'; src: url('/wp-content/themes/vantage/fonts/DIN-Alternate.ttf'); }

@font-face { font-family: 'Hiragino'; src: url('/wp-content/themes/vantage/fonts/Hiragino-Kaku-Gothic-ProN-W6.ttf'); }


.error-popup{width: 100%;height: 100%;padding: 20px;padding-top: 100px;    position: fixed;top: 0px;left: 0px;background-color: rgba(0, 0, 0, .8);z-index: 9;}
.error-info-box{width: 90%;max-width: 540px;border-radius: 20px;background-color: var(--v-white);padding: 55px 25px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.error-info{width: 100%;font-size: var(--fs-20);color: var(--v-black);text-align: center;}
.del-icon{position: absolute;top: 5px;right: 5px;cursor: pointer;}


.banner{ background-repeat: no-repeat ; background-size: auto 1021px ; /* background-size: cover contain  ; */ /* background-size: contain cover   ; */ background-position: center 0; position: relative; overflow: hidden; background-color: #650508; }
.banner .cover{ position: absolute; top: 680px; width: 100%; height: 480px; background: url('/wp-content/themes/vantage/images/jumbo-banner-cover.webp'); background-repeat: no-repeat ; background-size: 100% 100%; background-position: bottom ; z-index: 2;}
.banner .banner-buttom-bg{ bottom: 0px; position: absolute; width: 100%; z-index: 3; height: 400px; background-color: #1B0104; }
.banner .inner .img-box{ position: absolute; }
.banner .inner .img-box.banner-img-2{ width: 1753px; left: calc(50% + 0px); transform: translateX(-50%); top: -35px; z-index: 2; }
.banner .inner .img-box.banner-img-3{ top: 520px; left: 0px; z-index: 1; }
.banner .inner .img-box.banner-img-4{ top: 520px; right: 0px; z-index: 1; }
.banner .content{ padding-left: 7px; width: 100%; margin-top: 665px; z-index: 5; position: relative; padding-bottom: 60px; }
.banner .content .money-box{ max-width: 1409px; background-repeat: no-repeat ; position: relative; /* background-size: cover ; */ }
.num{ height: 56%; width: calc(90%); position: absolute; top: 35%; left: 8.5%; display: flex; }
.num span{ width: calc(100% / 11); background-repeat: no-repeat; background-size: 58% auto; background-position: center center; }
.num span.icon-0{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-0.webp'); }
.num span.icon-1{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-1.webp'); background-size: 40%; background-position: 43% center; }
.num span.icon-2{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-2.webp'); }
.num span.icon-3{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-3.webp'); }
.num span.icon-4{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-4.webp'); background-size: 67%; }
.num span.icon-5{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-5.webp'); }
.num span.icon-6{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-6.webp'); }
.num span.icon-7{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-7.webp'); }
.num span.icon-8{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-8.webp'); }
.num span.icon-9{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-9.webp'); }
.num span.icon-comma{ background-image: url('/wp-content/themes/vantage/images/jumbo-championship-num-comma.webp'); background-position: center 87%; background-size: 22%; }

.banner .content .banner-buttom{ margin-top: 12px; }
.banner .orange-button-jp:after { right: 20px; width: 18px; height: 30px; background: url(/wp-content/themes/vantage/images/btm-arrow-right.svg) left top no-repeat; background-size:cover;}


.banner .banner-buttom .time-box{ width: 98%; display: flex; }
.banner .banner-buttom .time-box>span{ display: block; height: 97px; font-size: var(--fs-32); padding-left: 24px; padding-right: 20px; line-height: 97px; background-color: #BB8829; color: #FFFFFF; }
.banner .banner-buttom .time-box p{ background-color: #FFFFFF; font-size: var(--fs-60); line-height: 97px; color: #000; margin: 0px; flex: 1; padding-left: 20px; font-weight: 500;}
.banner .banner-buttom p{ font-size: var(--fs-20); list-style: 30px; color: #FBFBFC; }
.banner .banner-buttom p.title{ font-size: var(--fs-24); line-height: 48px; margin-bottom: 5px; margin-top: 10px;}
.banner .orange-button-jp { margin: auto; font-size: var(--fs-40); padding: 28px 82px 28px 73px; line-height: 1; }
.banner .content .orange-button-jp { margin-bottom: 26px;  margin-top: 50px;}
.championship{ padding: 55px 0px 80px; }
.championship h2{ text-align: center; font-size: 44px; font-weight: 800; color: #005461; margin-bottom: 33px; letter-spacing: -3.5px; }
.championship .championship-list{ display: flex; column-gap: 5px; align-items: stretch; }
.championship .championship-list .championship-item{ flex:0 0 calc(50% - 2.5px); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; height: 519px; background-color: #E3E9F0; }
.championship .championship-list .championship-item .item-title{ padding:  20px 0; color: #FBFBFB; background-color: #005461; font-size: var(--fs-40); font-weight: 600; text-align: center; }
.championship .championship-list .championship-item:first-child .item-title{ padding-right:  20px; }
.championship .championship-list .item-img-box{ width: 650px; height: 282px; margin: 0 auto; position: relative; }
.championship .championship-list .item-img-box>div{ position: absolute; }
.championship .championship-list .item-img-box.img_box1 .item-img1{ top: 126px; left: 14px; }
.championship .championship-list .item-img-box.img_box1 .item-img2{ top: 76px; left: 113px; }
.championship .championship-list .item-img-box.img_box1 .item-img3{ top: 14px; left: 309px; }
.championship .championship-list .text-box.item-text1{ top: 228px; left: 24px; }
.championship .championship-list .text-box.item-text2{ top: 230px; left: 223px; }
.championship .championship-list .text-box.item-text2{ padding-left:15px; padding-right:15px;}
.championship .championship-list .item-img-box.img_box2 .item-img1{ top: 33px; left: 157px; }
.championship .championship-list .item-img-box.img_box2 .item-img2{ top: 32px; left: 317px; }
.championship .championship-list .text-box { line-height: 34px; background-color: #E5572A; color: #FFFFFF; padding: 0px 20px; position: absolute; font-size: var(--fs-18); border-radius: 17px; }
.championship .championship-list .text-box::after{ content: ""; position: absolute; top: -18px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid #E5572A; border-left: 10px solid transparent; border-right: 10px solid transparent; }

.championship .championship-list .championship-item .championship-text{ font-size: var(--fs-32); line-height: 38px; text-align: center; color: #005461; font-weight: bold; margin-bottom: 5px; }
.championship .championship-list .championship-item .championship-bottom-text{ font-size: var(--fs-20); text-align: center; color: #005461; font-weight: bold; }
.championship .championship-list-bottom{ padding-top:40px; padding-bottom:92px;}
.championship .championship-list-bottom p{ font-size: var(--fs-20); line-height: 34px; margin-bottom: 35px; color: #000; font-weight:600;}
.live-contest-details .inner{ padding-bottom:80px !important;}
.live-contest-details .inner .logo-box{ margin-bottom: 30px !important; }
.live-contest-details .inner .details-content li p.text{ font-size: var(--fs-16) !important; }
.live-contest-details .inner .details-content li p.tit { margin-bottom: 16px !important; }

@media (min-width:1921px){

}


@media (max-width:1640px) {
    .banner .inner .img-box.banner-img-2{ top:-20px;}
    .banner .content{  margin-top: 680px; }

    .championship .championship-list-bottom{ padding-top: 30px; padding-bottom: 52px;}
}

@media (max-width:1500px) {
    .banner .inner .img-box.banner-img-2{ top:-10px;}
    .banner .content{ padding-left: 0px; margin-top: 690px; }
    .banner .content .money-box{ width: 100%; background-size: 100% 100%; }
    .banner .banner-buttom .time-box{ width: 100%; }

    
    .championship .championship-list-bottom{ padding-top: 20px; padding-bottom: 0px;}
}

@media (max-width:1400px) {        
    .banner .inner .img-box.banner-img-2{ width: 100%; position: relative; top:0px; }
    .banner .inner .img-box.banner-img-3{ left: -250px; }
    .banner .inner .img-box.banner-img-4{ right: -250px; }

    .banner .content{ /* margin-top: 550px; */ margin-top:5px;}

    .championship .championship-list-bottom p{ font-size: 18px;}   
}
@media (max-width:1320px) {
    .championship .championship-list { row-gap: 20px; flex-wrap: wrap; }
    .championship .championship-list .championship-item { flex: 0 0 100%; }
    
}

@media (max-width:1240px) {
    /* .banner .content{ margin-top: 485px; } */
    .banner .banner-buttom-bg{ height: 500px; }
    .banner .cover{ top: 340px; }
    .banner { background-size: auto 752px; }
    .banner .inner .img-box.banner-img-3 { width: 500px; }
    .banner .inner .img-box.banner-img-4 { width: 500px; }
}
@media (max-width:1024px) {
    /* .banner .content { margin-top:400px; } */
    .banner .banner-buttom-bg { height: 513px; }
    .banner .cover{ top: 270px; }
}
@media (max-width:990px) {
    .banner .banner-buttom .time-box { flex-direction: column; }
    /* .banner .content { margin-top: 390px; } */
    .banner .cover { top: 310px; }
    .banner .banner-buttom-bg { height: 450px; }
    .banner .banner-buttom .time-box>span{ height: 60px; line-height: 60px; }
    .banner .banner-buttom .time-box p { font-size: var(--fs-40) !important; line-height: 60px !important; }
}

@media (max-width:768px) {
    .banner .orange-button-jp { padding: 28px 80px 28px 80px; }
    /* .banner .content { margin-top: 360px; } */
    .banner { background-size: auto 680px;
    }
    .banner .banner-buttom-bg{ height: 475px; }
    .banner .inner .img-box.banner-img-3 { width: 440px; }    
    .banner .inner .img-box.banner-img-4 { width: 440px; }
    /* .banner .inner .img-box.banner-img-2{ top: 110px; } */
    .championship .championship-list .item-img-box{ width: 100%; }
    .championship h2 { font-size: 28px; }
    .championship .championship-list .item-img-box.img_box1 .item-img1 { top: 41%; left: 10%; width: 32%; }
    .championship .championship-list .item-img-box.img_box1 .item-img2 { top: 21%; left: 24%; width: 31%; }
    .championship .championship-list .item-img-box.img_box1 .item-img3 { top: 4%; left: 52%; width: 36%; }
    .championship .championship-list .text-box.item-text1 { top: 81%; left: 12%; line-height: 1; padding: 10px 10px; }
    .championship .championship-list .text-box.item-text2 { top: 81%; left: 50%; line-height: 1; padding: 10px 10px; width: 250px; }
    .championship .championship-list .item-img-box.img_box2 .item-img1 { top: 12%; left: 24%; }
    .championship .championship-list .item-img-box.img_box2 .item-img2 { top: 10%; left: 49%; }
    
    .championship .championship-list-bottom p{ line-height: 30px; margin-bottom: 15px; font-size: 16px;}

    
    .live-contest-details .inner{ padding-bottom:40px !important;}    
}

@media (max-width:600px) {
    .banner .orange-button-jp { padding: 20px 60px 20px 60px; }
    /* .banner .content { margin-top: 270px; }
    .banner .inner .img-box.banner-img-2{ top: 80px; } */
    .banner .cover { top: 350px; height: 240px; }
    .championship .championship-list .text-box.item-text1{ top: 71%; }
    .championship .championship-list .text-box.item-text2 { top: 71%; left: 52%; width: 200px; }
}

@media (max-width:510px) {
    /* .banner .content { margin-top: 235px; } */
    .banner .cover { top: 203px; }
    .banner { background-size: auto 440px; }
    .banner .banner-btn { padding-top: 300px; margin-bottom: 20px; }
    .banner .content .img-box { padding: 13px 10px 30px 10px; }
    .banner .orange-button-jp { padding: 20px 60px 20px 60px; }
    .championship .championship-list .item-img-box{ height: 240px; }
    .championship .championship-list .text-box.item-text2 { left: 48%; width: 46%; }
    .championship .championship-list .item-img-box.img_box2 .item-img1 { width: 40%; }
    .championship .championship-list .item-img-box.img_box2 .item-img2 { width: 35%; }
    .championship .championship-list .championship-item{ height: 430px; }
    
    .championship .championship-list-bottom p{ line-height: 28px;}
}

@media (max-width:400px) {
    .banner .orange-button-jp { padding: 20px 40px 20px 40px; font-size: 16px; }
    .banner .inner .img-box.banner-img-3 { width: 240px; left: -100px; }
    .banner .inner .img-box.banner-img-4 { width: 240px; right: -100px; }
    .banner { background-size: auto 350px; }
    .banner .banner-buttom-bg { height: 572px; }
    .banner .cover { top: 140px; }
    .championship .championship-list .text-box.item-text1 { top: 66%; left: 6%; }
    .championship .championship-list .text-box.item-text2 { top: 60%; left: 52%; width: 41%; }
    .championship .championship-list .item-img-box{ height: 220px; }

    
    .championship .championship-list-bottom p{ font-size: 14px;}
}
/* ! vantagetradings|2025-10-29 14:27:52 ! */